@charset "utf-8";
/* CSS Document */
/*creator: Magnus Baltscheffsky*/
/*written for Finnjolle SM*/

/* divs */


body{
	font-size: 11px;
	font-family: Verdana;
	background: #E3E4E9;
	background-image: url(../img/skugga_bakgrund2.png);
	background-position: center top;
	background-repeat: repeat-y;
	width:100%;
	margin:0;
	padding:0;
}

html, body {
	border:0 none;
	margin:0;
	padding:0;
	text-align:center;
	height:100.01%;
	
}

#container{
	margin: 0 auto;
	background-color:#FFFFFF;	
	width: 801px;
	min-height:97%;
}

#shadow {
	height:100%;
	position:absolute;
	top:0px;
	width:950px;
	z-index:0;
}

#headerLogga {
	float:right;
	padding: 3px;
}

#container2{
	width:944px;
	border: solid 3px #cac7c1;
}

#headerText{
	float: left;
	color:#FFFFFF;
	margin-left: 15px;
}

#header{
	color: #FFFFFF;
	width: 801px;
	float: left;
	background-color: #FFFFFF;
	height: 110px;
}

#content{
	float: left;
	background: #FFFFFF;
	padding: 15px;
	/*background-image: url(../img/greenbarsmall.gif);*/
	background-repeat: no-repeat;
	overflow: visible;
	width: 770px;
	height:auto;
}

#contentBilder{
	float: right;
	clear: right;
	width: 21%;
	background-color: #FFFFFF;
	border: solid 1px #336633;
	padding: 2%;
	
}

#kontakt{
	width:21%;
	float: right;
	margin-top: 7px;
	background-color: #FFFFFF;
	border: solid 1px #336633;
	background-image: url(../img/greenbarsmall.gif);
	background-repeat: no-repeat;
	background-position: 50% 87%;
	height: 90px;
	text-align: center;
	padding: 15px 2%;
}

#menyTop{
	float: right;
	
	/*border-right:solid 1px #336633;
	border-left:solid 1px #336633;*/
}

#menyTop a:link, #menyTop a:active, #menyTop a:visited{
	float: none;
	text-decoration:none;
	color:#ffffff;
	text-align:right;

}

#menyTop a:hover{
	text-decoration:underline;
	}

#menyTopStreck{
	width: 490px;
	border-bottom: solid 1px #666666;
	height: 1px;
	margin-left: 15px;
	clear: both;
}

#meny{
	width:801px;
	background-color: #929DB3;
	float: left;
	border-top: solid 1px #363636;
	padding: 0;

}

#meny ul{
	text-decoration:none;
	margin:0;
	padding: 0;
	width: 801px;
}

#meny ul li{
	font-family: Tahoma;
	color: #FFFFFF;
	font-size: 1.5em;
	font-weight: bold;
	padding: 5px 10px 5px 0;
	float: left;
	margin: 0;
	text-decoration:none;
	border-right: solid 1px #363636;
	list-style: none;
	width: 149px;
	}
	
#meny ul li a:link, #meny li a:visited, #meny li a:active{
	text-decoration:none;
	font-family: Tahoma;
	color: #FFFFFF;
	}

#meny ul li a:hover{
	/*text-decoration:underline;*/
	}

#undermeny{
	width:796px;
	background-color: #E3E4E9;
	float: left;
	border-top: solid 1px #363636;
	padding: 0 0 0 5px;

}
	
#undermeny ul{
	text-decoration:none;
	margin:0;
	padding: 0;
}
	
#undermeny ul li{
	font-family: Tahoma;
	color: #FFFFFF;
	font-size: 1.3em;
	font-weight: bold;
	padding: 5px 10px;
	float: left;
	margin: 0;
	text-decoration:none;
	list-style:none;
	border-right: solid 1px #363636;
	}

#undermeny ul li a:link, #undermeny ul li a:visited, #undermeny ul li a:active{
	text-decoration:none;
	font-family: Tahoma;
	color: #FFFFFF;
}

#undermeny ul li a:hover{
	text-decoration:underline;
	}





#vertStreck{
	float:right;
	height: 363px;
	width: 7px;
	border-left: solid 1px #336633;
	margin-top: 1px;
}

#menyTop ul{
	margin: 0 auto;
	padding: 7px 10px;
	background-color:#FFFFFF;
}

#menyTop ul li{
	list-style: none;
	display: inline;
	float: left;
	margin-left: 1px;
}

#menyTop ul li a:link, #menyTop ul li a:visited, #menyTop ul li a:active{
	color: #996633;
	padding: 0px 30px 0px 30px;
	font-size: 1.2em;
	font-family: Verdana;
	text-decoration: none;
}

#menyTop ul li a:hover{
	color: #94793f;
}

#menyLeft{
	width: 200px;
	float: left;
	background: #FFFFFF;
	border: solid 1px #336633;
	margin: 40px 10px 40px 0;
	padding: 10px;
	
}

#loggaRight{
	width: 21%;
	float: right;
	background: #FFFFFF;
	border: solid 1px #336633;
	margin-top: 7px;
	height: 50px;
	background-image: url(../img/loggor/DuseborgAB_logo_small_top.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	padding: 15px 2%;
	
}

#contentRight{
	float: right;
	width: 27%;
	background-color: #FFFFFF;
}

#contentLeft{
	float: left;
	background: #FFFFFF;	
	background-repeat: no-repeat;
	overflow: visible;
	width: 620px;
	height:auto;
}

#startLogo{
	float: left;
	/*background-image: url(../img/hglogosmall.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;*/
	/*height: 120px;*/
	width: 549px;
	margin: 15px 0;
}

#startLogoText{
	float:left;
	width: 250px;
	clear: left;
	margin-top: 60px;

	/*border-right:solid 1px #336633;
	border-left:solid 1px #336633;
	border-top: solid 1px #336633;*/


}

#startBild, #startBild a:link, #startBild a:visited, #startBild a:active, #startBild a:hover{
	float:left;
	margin:0 1% 0 0;
	width: 32.6%;
}

#startRubrik{
	float:left;
	width: 100%;
	padding: 5px 0;
	color: #666666;
	font-size: 2em;
}

#startText{
	float:left;
	width: 32.6%;
	margin: 0 1% 0 0;
	color:#666666;
	text-align:left;
}

#startText2{
	float:left;
	color:#336633;
	text-align:center;
	padding: 15px 0 30px 0;
	width: 549px;
}

#lokalBild{
	float:left;
	width: 290px;
	margin: 15px 0 0 0;
}

#lokalBild img{
	border: solid 1px #363636;
	padding: 2px;
}

#lokalRubrik{
	float:left;
	margin:0 0 0 0;
	width: 100%;
	background-color: #929DB3;
	color: #FFFFFF;
	font-size: 1.3em;
	line-height: 120%;
	font-weight: bold;
}

#lokalText{
	float:left;
	width: 300px;
	color:#666666;
	text-align:justify;
	height: auto;
	margin: 15px 10px 0 10px;
	padding: 2px;
}

#lokalText a:link, #lokalText a:active, #lokalText a:visited{
	color:#666666;
	text-decoration:none;
}

#lokalText a:hover{
	text-decoration:underline;
}

#lokalStorBild{
	float:left;
	width: 50%;
	border: solid 1px #666666;
}

#lokaler{
	float: right;
	clear: right;
	width: 450px;
}

#lokalTot{
	width:96%;
	float: left;
	padding: 2%;
}

#clearer{
	clear:both;
	width: 100%;
	height: 0px;
	background-color: #FFFFFF;
}

#footer{
	width: 801px;
	color: #ffffff;
	margin: 5px auto;
	text-align: center;
	position:absolute;
	bottom:0%;
}

#textLeft{
	width:300px;
}

#divUpControl{
	width:66px;
	z-index:1;
	text-align: right;
	height: 19px;
	float: right;
} 
#divDownControl{
	width:82px;
	z-index:1;
	text-align: right;
	height: 19px;
	float: right;
} 

#divContainer{
	height:100px;
	overflow:hidden;
	clip:rect(0 705 240 0);
	visibility:visible
} 
#divContent{
	float: left;

}

#storBild{
	position:fixed;
	visibility: hidden;
	padding: 10px;
	text-align: right;
	top: 20%;
	background-color: #FFFFFF;
}

#miniBild{
	visibility: visible;
	width: 590px;
	background-color: #FFFFFF;
	float: right;
	height:auto;
	clear:right;
}

#miniBild a img{
	width:110px;	
	margin:10px 8px 0px 0px;
	float:left;
	border:none;
}


/* classes*/

.menyText, .menyText a:link, .menyText a:active, .menyText a:visited{
	color:#996633;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	text-decoration:none;
	
}

.menyText a:hover{
	color: #336633;
	text-decoration:none;
}

.beigeRubrik{
	color: #996633;
	font-size:3.5em;
	margin:20px 0 20px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	
}

.gronRubrik{
	color: #336633;
	font-size:1.5em;
	float: left;
	width: 530px;
	text-align: center;
}

.graRubrik{
	color: #666666;
	font-size:1.8em;
	float: left;
	text-align: center;
	width: 100%;
	margin-bottom: 25px;
}

.graText, .graText a:link, .graText a:visited, .graText a:active{
	color: #666666;
	font-size:1.0em;	
	text-decoration:none;
}

.graText a:hover{
	text-decoration:underline;
}

.kontaktText{
	color:#666666;
	line-height: 1.2em;
}

.vitText, .vitText a:link, .vitText a:visited{
	color: #336633;
	text-align:center;
	text-decoration:none;
}

.vitText a:active{
	color: #336633;	
	text-decoration:underline;
	text-align:center;
}

.vitText a:hover{
	color: #336633;	
	text-decoration:underline;
	text-align:center;
}

.gronText{
	color: #336633;
	text-align:center;
	text-decoration:none;
}

.startText{
	color:#666666;
	font-size:1em;
	text-align:center;
	width: 300px;
	float: left;
	margin: 25px 0px 10px 110px;
}

.rtop, .rbottom{
	display:block;
	background-color:#D2CAA0;
}

.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden}
.r1{
	margin: 0 5px;
	background-color: #FFFFFF;
	/*border-top:solid 1px #336633;
	border-right:solid 1px #336633;
	border-left:solid 1px #336633;*/
}

.r2{
	margin: 0 3px;
	background-color: #FFFFFF;
	/*border-right:solid 1px #336633;
	border-left:solid 1px #336633;*/
}
	
.r3{
	margin: 0 2px;
	background-color: #FFFFFF;
	/*border-right:solid 1px #336633;
	border-left:solid 1px #336633;*/
}

.r4{
	margin: 0 1px;
	height: 2px;
 	background-color: #FFFFFF;
	/*border-right:solid 1px #336633;
	border-left:solid 1px #336633;*/
 }
 
 .menyRightText, .menyRightText a:link, .menyRightText a:active, .menyRightText a:visited{	
	color: #666666;	
	text-align: right;
	text-decoration:none;
	line-height: 1.8em;	
}

.menyRightText a:hover{
	color:#336633;
}

.undermeny{
	width:801px;	
	float: left;
	/*border-right: solid 1px #363636;
	border-left: solid 1px #363636;*/
	padding: 0;
}

.undermeny ul{
	text-decoration:none;
	margin:0;
	padding: 0;
	display:none;
	
}
	
.undermeny ul li{
	font-family: Tahoma;
	color: #FFFFFF;
	font-size: 1.3em;
	font-weight: bold;
	padding: 5px 10px;
	float: left;
	margin: 0;
	text-decoration:none;
	list-style:none;
	border-right: solid 1px #363636;
	background-color: #072343;
	}

.undermeny ul li a:link, .undermeny ul li a:visited, .undermeny ul li a:active{
	text-decoration:none;
	font-family: Tahoma;
	color: #FFFFFF;
}

.undermeny ul li a:hover{
	text-decoration:underline;
	}
.blaRubrik{
	color:#072343;
	font-size:1.3em;
	font-weight: bold;
}
.bildtext{
	font-size:0.8em;
	color:#666666;
	text-align:left;
	padding:5px 0;
	float:left;
}