@charset "utf-8";
/* CSS Document */

*{
margin: 0;
padding:0;
}

body{
background:url(pics/contentBg.jpg);
font:normal 12px Verdana, Geneva, sans-serif;
}

#wrap{
width:820px;
margin:30px auto 10px;
border:0px solid #ffff00;
}

#topWrap{
background:url(pics/topBg.png) no-repeat;
width:820px;
height:95px;
float:left;
border:0px solid #66ff00;
}

#topLeft{
background:url(pics/loggaBg.png) no-repeat;
width:219px;
height:95px;
margin:0 0 0 15px;
float:left;
border:0px solid #ff3300;
}

#topLeft img{
padding:25px 0 0 20px;

}

#topMiddle{
height:70px;
float:left;
font:normal 22px Trebuchet MS;
color:#504b3e;
padding:25px 60px 0;
border:0px solid #ff3300;

}

#topMiddle span{
font:normal 16px Trebuchet MS;
color:#504b3e;
}

#topRight{
width:135px;
height:85px;
float:left;
font:normal 12px Trebuchet MS;
color:#504b3e;
line-height:15px;
padding:10px 0 0 0px;
border:0px solid #ff3300;

}


#menuWrap{
background:url(pics/pageBg.jpg);
width:820px;
height:119px;
float:left;
border:0px solid #66cc00;
}




#menu{
background:url(pics/menuBg.png) no-repeat;
width:781px;
height:60px;
margin:30px auto;
padding:0 0 0 5px;
border:0px solid #66cc00;
}

#nav {
margin:5px 0 0 0; 
padding:0; 
list-style:none;
}	
	
#nav li {
float:left; 
display:block; 
width:127px; 
position:relative;
z-index:500; 
margin:0 1px;
}
		
#nav li a {
display:block; 
padding:12px 5px 0 5px; 
font:bold 12px Trebuchet MS;
color:#ffffff;
height:23px; 
text-decoration:none; 
text-align:center;
border:0px solid #ff9900;
}

#nav li a:hover {
color:#fff;
text-decoration:underline;
}
	

#nav a.selected {
color:#f00;
}
	

#nav ul {
position:absolute; 
left:0; 
display:none; 
margin:0 0 0 -1px; 
padding:3px 0 0 0; 
list-style:none;
}
		
#nav ul li {
width:127px; 
float:left;
			
}
		
#nav ul a {
background:url(pics/subMenuBg.png) repeat-y;
border-bottom:1px solid #c65110;
display:block;  
height:15px;
padding: 8px 5px; 
color:#fff;
}
		
#nav ul a:hover {
text-decoration:underline;	
}


#nav li #subMenuBottom{
background:url(pics/subMenuBottom.png) no-repeat;
border-bottom:none;
}


#header{
background:url(pics/header.jpg) no-repeat;
width:820px;
height:265px;
float:left;
border:0px solid #ffcc00;
}


#headerLeft{
width:210px;
height:180px;
float:left;
margin:20px 0 0 61px;
border:1px solid #d1cdb9;
}

#headerLeft p, #headerRight p{
width:185px;
margin:10px auto;
display:block;
font-size:11px;
border:0px solid #33ff66;
}

#headerMiddle{
width:210px;
height:180px;
float:left;
margin:20px 0 0 29px;
padding:0 0 0 0px;
border:0px solid #33ff66;
font:normal 18px Trebuchet MS;
}

#headerMiddle ul{
display:block;
list-style-type:none;
margin:5px 0 0px 1px;
font:normal 11px verdana;
line-height:20px;
border:0px solid #330000;
}



#headerRight{
width:210px;
height:180px;
float:left;
margin:20px 0 0 31px;
border:1px solid #d1cdb9;

}

#contentWrap{
background:url(pics/pageBg.jpg);
width:820px;
float:left;
padding:20px 0 0 0;
border:0px solid #ff3300;
}


#contentLeft{
width:565px;
float:left;
margin:0 0 0 18px;
border:0px solid #336600;
}

#contentLeftTop{
background:url(pics/contentLeftTopBg.png) no-repeat;
width:565px;
height:11px;
float:left;

}

#contentLeftMiddle{
background:url(pics/contentLefMiddleBg2.jpg) repeat-y;
width:545px;
float:left;
padding:0 10px;

}


#contentLeftMiddle h1, #contentRightMiddle h1{
font:bold 18px Trebuchet MS;
color:#626264;
margin:0 0 10px 0;
}

#contentLeftMiddle h2{
font:bold 18px Trebuchet MS;
color:#626264;
margin:0 0 10px 0;

}

#contentRightMiddle h1{
font:bold 16px Trebuchet MS;
}

#contentLeftMiddle p img{
display:block;
float:right;
margin:5px 0 5px 10px;

}



#contentLeftMiddle #pageId4, #contentLeftMiddle #pageId2, #contentLeftMiddle #pageId1, #pageId1B{
display:block;
list-style-type:square;
margin:5px 0 0px 15px;
line-height:20px;
border:0px solid #330000;
font-weight:bold;
}

#contentLeftMiddle  #pageId2, #contentLeftMiddle #pageId1{
font-weight:normal;
}

#pageId1B{
list-style-type:circle;
}

#contentLeftMiddle .testet{
float:none;
display:block;
margin:50px auto;

}




.spanOmoss, .halsa{
font:bold italic 11px verdana; 
}

.syntest{
font:italic 11px verdana; 
}

#contentLeftBottom{
background:url(pics/contentLeftBottomBg.png) no-repeat;
width:565px;
height:9px;
float:left;
margin:0 0 15px 0;
}



#contentRight{
width:202px;
float:left;
margin:0 0 0px 17px;
border:0px solid #336600;
}


#contentRightTop{
background:url(pics/contentRightTopBg.png) no-repeat;
width:205px;
height:11px;
float:left;

}

#contentRightMiddle{
background:url(pics/contentRightMiddleBg.jpg) repeat-y;
width:182px;
float:left;
padding:0 10px;
border:0px solid #ff9900;
}

#contentRightMiddle p img{
float:left;
margin:0 0 10px 0;
}


#contentRightMiddle a{
text-decoration:none;
color:#000000;

}

#contentRightMiddle a:hover{
color:#8e8e8e;
text-decoration:underline;
}


#contentRightBottom{
background:url(pics/contentRightBottomBg.png) no-repeat;
width:202px;
height:8px;
float:left;
margin:0 0 15px 0;
}


#contentKlarWrap{
width:565px;
float:left;
margin:0 0 15px 0px;
border:0px solid #336600;
}

.klarBox, #klarBoxMiddle{
background:url(pics/klarBoxBg.png) no-repeat;
width:179px;
height:72px;
float:left;
margin:0 0px 0 0;
border:0px solid #336600;

}


#klarBoxMiddle{
margin:0 14px;
}

#imgKlarBoxLeft{
display:block;
float:left;
margin:17px 11px;
}

#imgKlarBoxMiddle{
display:block;
float:left;
margin:20px 11px;
}

#imgKlarBoxRight{
display:block;
float:left;
margin:22px 11px;
}




#footer{
background:url(pics/footer.png) no-repeat;
width:770px;
height:33px;
float:left;
margin:0 0 0 20px;
padding:4px 20px;
border:0px solid #ff9900;
}

#footer p{
width:715px;
float:left;
margin:2px 0 0 0;
border:0px solid #ff9900;
font-size:11px;
}

#klarsynt{
position:relative;
top:3px;
margin:0 10px 0 0;
}




#bottom{
background:url(pics/bottom.png) no-repeat;
width:820px;
height:15px;
float:left;
}


.clr{
margin:0;
padding:0;
clear:both;

}


input, textarea{
background:url(pics/skugga.gif) no-repeat;
border:1px solid #d3cebb;
padding:2px;
}

.submit{
background:#ffffff;
border-top:2px solid #a39e90;
border-left:2px solid #a39e90;
border-bottom:2px solid #757267;
border-right:2px solid #757267;
/*border:1px solid #d3cebb;*/
font:bold 12px verdana;
}

#end{
margin: auto;
width:750px;
height:10px;
padding:5px 10px 5px 10px;
}

#endcenter, #endleft{
float:left;


}

#endcenter{
padding:0 9em;


}

#endright{
float:right;

}