@charset "utf-8";
/* CSS Document */
/*creator: Magnus Baltscheffsky*/
/*written for Duseborg.se*/

/* divs */


body{
	font-size: 11px;
	font-family: Verdana;
	background: #666666  repeat-x scroll 0 0;
		
}

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

img{
	border-width:0;
}

#container{
	margin: 0 auto;
	width: 820px;
	background-color:#666666;
	background-image: url(../img/skugga_bakgrund.png);
	background-position: 50% 0px;
	background-repeat: repeat-y;
	background-attachment: fixed;
	
}

#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{
	color:#FFFFFF;
	margin-top: 28px;	
	clear: none;
	display:inline-block;
	padding:0 8px;
	width:282px;
}

#header{
	color: #FFFFFF;
	width: 800px;
	float: left;
	background-color: #666666;
	padding: 0 10px 0 10px;
}

#content{
	width:800px;
	float: left;
	border-top: solid 1px #363636;
	background-color: #ffffff;
	background-repeat: repeat-y;
	background-position: 50% 0;
	margin: 0 10px 0 10px;
	height: 100%;
	border-bottom: solid 1px #363636;
	/*border-left: solid 1px #336633;
	border-right: solid 1px #336633;*/
}

#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{
	
	text-decoration:none;
	color:#ffffff;	
	text-align:center;
	display:inline-block;
	vertical-align:bottom;
	width:251px;
	padding: 116px 0 5px 0;
	clear:none;
	/*height:129px;*/
	
	/*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;
}

#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;
	padding: 15px;
	/*background-image: url(../img/greenbarsmall.gif);*/
	background-repeat: no-repeat;
	overflow: visible;
	width: 770px;
	
}

#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 5px 0 0;
	width: 253px;
}

#startRubrik{
	float:left;
	width: 32.6%;
	margin: 3px 1% 0 0;
	background-color: #FFFFFF;
	padding: 5px 0;
	background-image: url(../img/pil.gif);
	background-repeat: no-repeat;
	background-position: 5% 50%;
}

#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:right;
	margin: 10px 0 0 0;
	width: 160px;
	padding: 2px 2px 0px 2px;
	border: solid 1px #363636;
}

#lokalRubrik{
	float:left;
	margin:10px 0 0 0;
	width:198px;
	/*background-image: url(../img/pil.gif);*/
	background-repeat: no-repeat;
	background-position: 10% 50%;
}

#lokalText{
	float:left;
	clear:left;
	width: 190px;
	color:#666666;
	text-align:left;
	height: 95px;
	margin: 15px 8px 0 0;

}

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

#lokalText a:hover{
	color:#666666;
	text-decoration:underline;
}
#lokalText table{
	width:100%;
	padding:0;
	margin:0;
}
table#prislista{
	border-collapse:collapse;
}
tr#pris{
	border-bottom:solid 1px #ffffff;
}
tr#pris:hover{
	border-bottom:solid 1px #666666;
}

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

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

#lokalTot{
	border-top:solid 3px #336633;
	width:365px;
	float: left;
	margin: 10px;
}

#clearer{
	width: 100%;
	clear: both;
	height: 0px;
}

#footer{
	width: 800px;
	color: #ffffff;
	margin: 5px auto;
	text-align: center;
}

#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: 340px;
	background-color: #FFFFFF;
	float: right;
	height:auto;
	clear:right;
}
#lokalmeny{
	width:770px;
	background-color: #FFFFFF;
	float: left;
	padding: 0;

}

#lokalmeny ul{
	text-decoration:none;
	margin:0;
	padding: 0;
	width: 770px;
}

#lokalmeny ul li{
	font-size: 1.2em;
	font-weight: bold;
	padding: 0px 10px 5px 0;
	float: left;
	margin: 0;
	text-decoration:none;
	list-style: none;
	width: 149px;
	}
	

/* 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:2.5em;
	float: left;
	text-align: center;
	width: 100%;
	margin-bottom: 2px;
}

.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{
	font-size:1.2em;
	color: #336633;
	text-align:center;
}

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

}

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

.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;
	text-decoration:underline;
}