html, body {
    margin: 0px;
    padding: 0px;
    font-family: Century Gothic, Verdana, Arial, Tahoma, Verdana;
    font-size: 16px;
    color: #000000;
	height: 100%;

	

}

html {
	background-repeat: repeat;
	background-image:url('images/bg-repeat.png');
	background-position: top center;
	height: 100%;
	
	
	/* background-image:url('images/bg.png'); */

}

body {
	
	background-repeat: no-repeat;
	background-image:url('images/bg4.png');
	background-position: top center;
	height: 100%;

	min-height: 650px;
	
	
	/* background-image:url('images/bg.png'); */

}


/* Text */

h3 {
	color: #403628;
	
	margin-top: 10px;
	margin-bottom: 0px;
	font-family: verdana, Georgia, Century Gothic, Verdana, Arial, Tahoma, Verdana;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
}

#head h2 {
	color: #403628;
	font-style: italic;
	margin-top: 30px;
	font-family: Georgia, Century Gothic, Verdana, Arial, Tahoma, Verdana;
	font-size: 26px;
	
}

#kontaktbox p{
	margin-top:10px

}

#top h1 {
	color: #472611;
	margin-left: 80px;
	margin-top: 40px;
	margin-bottom: 0px;
	font-family: Calisto MT, Century Gothic, Verdana, Arial, Tahoma, Verdana;
	font-size: 55px;
	

}

#top h2 {
	color: #472611;
	margin-left: 85px;
	margin-right: 0px;
	margin-top: 5px;
	font-family: Calisto MT, Century Gothic, Verdana, Arial, Tahoma, Verdana;
	font-size: 36px;
	float: left;
		
}

#top a {
	text-decoration: none;
	font-family: Calisto MT, Century Gothic, Verdana, Arial, Tahoma, Verdana;
	font-style: italic;
	font-size: 19px;
	color: #403628;
	
}

#top a:hover, #top a.active {
	text-decoration: underline;
	

}



#top ul {	
    list-style-type: none;
    display: inline;
	align: center;
	
}

#top ul li {
    float: left;
    padding-left: 0px;
    padding-right: 40px;

}

#top ul li a {

	color: #554b3d;
	
}

#kontaktbox h2 {
	margin-left: 0px;
	font-family: Georgia, Verdana, Arial, Tahoma, Verdana;
	font-style: italic;
	font-weight: normal;
	color: #472611;
	font-size: 22px;
	margin-top:18px;
	
}

hr {
	color:#cccccc;
	border: none 0; 
	width: 80%;
	margin-top: 40px;
	border-top: 1px dashed #cccccc;
	
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
	

}

/* Text SLUT */

#wrapper {
	width: 700px;
	height: 100% auto;
	padding: 0 0 0px;
	margin: 0 auto;
	position: relative;
	border: 0px solid #cccccc;
	

}

#topwrap {
	width: 645px;
	height: 55px;
	padding: 0px;
	margin-left: 50px;
}

#top {
	float:left;
	
	width: 645px;
	background-image:url('images/top.png');
	line-height: 35px;
	border: 0px solid #000000;
		
}

#menu {
	float:left;
	margin-top: 26px;
	margin-left: 10px;
	
	
	width: auto;
	height: auto;
	/* background-color: #cccccc; */
	background-image:url('images/top-menu.png');
	background-repeat: no-repeat;
	line-height: 25px;
	
}

#content {

overflow: auto;
	margin-top:0px;
	margin-left: 25px;
	padding-bottom:80px;
	padding-top:40px;
	min-height: 580px;
	height: 100% auto;
	width: 644px;
	/*background-image:url('images/content-bg.png');*/
	background-repeat: no-repeat;
	/*background-color:#ffffff;*/
	border: 0px solid #000000;

}

#push{
float:left;
clear:both;
}

#contentbottom {
	
	height: 18px;
	width: 645px;
	background-image:url('images/content-bottom.png');
	background-repeat: no-repeat;
}

#head {
	width: auto;
	height: auto;
	margin-top: 0px;
	margin-left: 40px;
	border: 0px solid #000000;
	/*background-color: #ccffcc; */
}

#kontaktbox {
	float: right;
	margin-right: 0px;
	padding-right: 40px;
	padding-top: 30px;
	height: 460px;
	width: 264px;
	
	background-repeat: no-repeat;
}

#maincontent {
	width: 554px;
	height: auto;
	float: left;
	margin-top: 9px;
	margin-right: 10px;
	padding-left: 50px;
	padding-right: 40px;
	border: 0px solid #000000;
	
	
	background-position: 0px 100px;
	/* background-color: #cccccc; */
	
}




#maincontent img.logga {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 20px;
	width: 70px;
	height: 70px;
}

#maincontent p {
	font-family: Verdana, Georgia, Century Gothic, Verdana, Arial, Tahoma, Verdana;
	font-size: 12px;

}
#maincontent h1 {
	text-align: center;
	font-family: Monotype Corsiva, Calisto MT, Century Gothic, Verdana, Georgia, Arial, Tahoma, Verdana;
	font-size: 26px;
	font-weight: normal;
	margin-top:0px;
	color: #907d61;

}

#infomaincontentleft {
	width:300px;
	float:left;
	
	padding-left: 15px;
	border-top: 1px dashed #cccccc;
	padding-top: 20px;
	
} 

#infomaincontentright {
	width:160px;
	float:right;

	padding-left: 15px;
	padding-top: 20px;
	
	border-left: 0px dashed #cccccc;
		border-top: 1px dashed #cccccc;
} 

#infomaincontentleftkarta {
	width:300px;
	float:left;
	
	padding-left: 15px;
	
	padding-top: 20px;
	
} 

#infomaincontentrightkarta {
	width:160px;
	float:right;

	padding-left: 15px;
	padding-top: 20px;
	
	border-left: 0px dashed #cccccc;
	
} 

#infomaincontentright p, #infomaincontentleft p {
	font-size: 12px;
	margin-top: 5px;
	line-height: 18px;
} 

#infomaincontentright a, #infomaincontentleft a {
	font-size: 12px;
	margin-top: 5px;
	color: #000;
	line-height: 18px;
} 

#infomaincontentrightkarta p, #infomaincontentleftkarta p {
	font-size: 12px;
	margin-top: 5px;
	line-height: 18px;
} 

#infomaincontentrightkarta a, #infomaincontentleftkarta a {
	font-size: 12px;
	margin-top: 5px;
	color: #000;
	line-height: 18px;
} 


#infomaincontentright h3, #infomaincontentleft h3 {
	text-align:left;
	color: #403628;
	margin-top: 10px;
	margin-bottom: 0px;
	font-family: Monotype Corsiva, Calisto MT, verdana, Georgia, Century Gothic, Verdana, Arial, Tahoma, Verdana;
	font-size: 16px;
	font-weight: ;
} 

#infomaincontentrightkarta h3, #infomaincontentleftkarta h3 {
	text-align:left;
	color: #403628;
	margin-top: 10px;
	margin-bottom: 0px;
	font-family: Monotype Corsiva, Calisto MT, verdana, Georgia, Century Gothic, Verdana, Arial, Tahoma, Verdana;
	font-size: 16px;
	font-weight: ;
} 

span.valkommen {
color: #554b3d;

}

/* Formulär */

.test {
 	border: 1px dashed #cccccc;
 	margin-top: 3px;
	margin-bottom: 10px;
	width: 230px;
}

.textarea {
	margin-top: 3px;
	margin-bottom: 3px;
	border: 1px dashed #cccccc;
 	width:230px;
 	height: 130px;
}


select {
 	border: 1px dashed #cccccc;
 	margin-top: 5px;
	margin-bottom: 3px;
}

.skicka {
	font-size: 18px;
 	border: 1px dashed #cccccc;
	margin-left: 80px;
 	margin-top: 10px;
	margin-bottom: 3px;
}

/* Formulär SLUT */

#pushit {

	clear:both;
	height: 50px;
	width: 50px;
	margin-top:100px;
}


/* Väder */


#klart {
	position: absolute;
	bottom: 10px;
	border: 1px dashed #cccccc;

	width: 520px;
	height:41px;

}


#temp {
	position: fixed;
	top:0;
	left: 0;
	height: 130px;
	width: 130px;
	background-image: url('./images/horn.png');
	background-repeat: no-repeat;
}

#c_aa114355c66480d1aff2c3ae18535500 {
	position: absolute;
	top: 5px;
	left: 5px;

}

#infomaincontentright ul li {
font-size: 10px;
	
}


/* Bildgalleriet */

/* general styling for this example */

/* begin gallery styling */
#jgal { list-style: none; width: 64px; }


#jgal li {
	opacity: .7;
	float: left;
	display: block;
	width: 50px;
	height: 50px;
	background-position: 50% 50%;
	-moz-background-size:200%;
	-webkit-background-size:200%;
	cursor: pointer;
	background-color: #000;
	border: 3px solid #fff;
	outline: 1px solid #ddd;
	margin-top: 0px;
	margin-right: 14px;
	margin-bottom: 14px; 
 }
 
#jgal li img { position: absolute; top: 151px; left: 160px; display: none; 	border: 3px solid #fff; outline: 1px solid #bbb; }
#jgal li.active img { display: block; }
#jgal li.active, #jgal li:hover { outline-color: #bbb; opacity: .99 /* safari bug */ }


/* styling without javascript */
#gallery { list-style: none; display: block; }
#gallery li { float: left; margin: 0 10px 10px 0; }


/*Bilder 2*/

#jgal2 { list-style: none; width: 500px; margin-left: 50px; }

#jgal2 li {
	opacity: .7;
	float: left;
	display: block;
	width: 50px;
	height: 50px;
	background-position: 50% 50%;
	-moz-background-size:200%;
	-webkit-background-size:200%;
	cursor: pointer;
	background-color: #000;
	border: 3px solid #fff;
	outline: 1px solid #ddd;
	margin-top: 0px;
	margin-right: 14px;
	margin-bottom: 14px; 
 }
 
#jgal2 li img { position: absolute; top: 240px; left: 130px; display: none; 	border: 3px solid #fff; outline: 1px solid #bbb; }
#jgal2 li.active img { display: block; }
#jgal2 li.active, #jgal2 li:hover { outline-color: #bbb; opacity: .99 /* safari bug */ }




#maincontent table tr td {
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding-left: 10px;
	padding-right: 10px;
}

#maincontent table {
margin-top: 50px;
border-left: 1px solid #ddd;
border-top: 1px solid #ddd;
margin-left: 120px;
}

#maincontent table tr td img {
	margin-top: 10px;
	float: ;
}