/*#############################################################

© 20070508 Mixdesign
Författare: Hans Gustafsson
URL: http://www.Mixdesign.se

#############################################################*/

/*------------------------------------------------------------*
**  Global
**------------------------------------------------------------*/

html, body {
	height:101%
	}

span.svart   { color: #000;
	margin-right:5px;
}

body {
	background: #FFFFFF url('../bilder/bg.jpg') repeat center top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center; /* IE Fix */
	padding:0px;
	color: #DADADA;
	margin:0px 0px 30px 0px;
	}

a { 
	text-decoration: underline; 
	color:#99B0DA;
	font-weight:bold; 
	border:0;
	}
a:hover { 
	text-decoration: underline; 
	color:#000;
	font-weight:bold;
	border:0;
	}

#film {
	width:150px;
	height:25px;
	position: absolute; 
	left:563px; 
	top:266px; 
	z-index:100;
	color:#000; 
}

img.floatleft {float:left;margin:0 10px 10px 0}

/*------------------------------------------------------------*
**  Wrapper
**------------------------------------------------------------*/	

#wrapper {
	background:#fff url('../bilder/bgwrapper.gif') repeat-y left top;
	width: 764px;
	margin:0px auto;
	padding:0px;
	text-align: left;
	position:relative;		
	}

/*------------------------------------------------------------*
**  Header
**------------------------------------------------------------*/		

#header1, #header2, #header3, #header4, #header5, #header6, #header7, #header8, #header9  {
	width:750px;
	height:170px; 
	margin-left:7px
	}

#header1 {
	background:#9FB8E1 url('../bilder/header/header1.jpg') no-repeat left top;
	}

#header2 {
	background:#9FB8E1 url('../bilder/header/header13.jpg') no-repeat left top;
	}
	
#header3 {
	background:#9FB8E1 url('../bilder/header/header10.jpg') no-repeat left top;
	}
	
#header4 {
	background:#9FB8E1 url('../bilder/header/header14.jpg') no-repeat left top;
	}
	
#header5 {
	background:#9FB8E1 url('../bilder/header/header11.jpg') no-repeat left top;
	}
	
#header6 {
	background:#9FB8E1 url('../bilder/header/header1.jpg') no-repeat left top;
	}
	
#header7 {
	background:#9FB8E1 url('../bilder/header/header7.jpg') no-repeat left top;
	}
	
#header8 {
	background:#9FB8E1 url('../bilder/header/header8.jpg') no-repeat left top;
	}
	
#header9 {
	background:#9FB8E1 url('../bilder/header/header15.jpg') no-repeat left top;
	}
	
/*------------------------------------------------------------*
**  Sidebar
**------------------------------------------------------------*/
	
#sidebar {
	float: left;
	text-align: left;
	width: 207px;
	margin:0px;
}

/*------------------------------------------------------------*
**  Meny med popup
**------------------------------------------------------------*/

dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
#menu {
	width: 207px;
	margin:0;
	color:#000;
	font-size:11px;
	}

#menu dt {
	background: #D0DBF1;
	height: 23px;
	line-height: 20px;
	margin: 0 0 0 7px;
	text-align: left;
	font-weight: bold;
	border-bottom: 1px solid #fff;		
	cursor:hand;
	}

#menu dd {
	position: absolute;
	z-index: 100;
	left: 207px;
	top:218px;
	margin-top: 1px;
	width: 200px;
	background: #D0DBF1;
	border-top: 1px solid #D0DBF1;
	border-bottom: 1px solid #D0DBF1;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;			
	padding: 0;
	opacity: 0.9; filter: alpha(opacity=95);
	cursor:hand;
	}

#menu ul {
	padding: 1px;
	}

#menu li, #menu dd li{
	text-align: left;
	height: 23px;
	line-height: 20px;
	}

#menu li a, #menu dt a {
	text-decoration: none;
	display: inline;
	padding:2px 0 0 20px;
	color:#888;
	}

#menu li a:hover{
	text-decoration: none;
	color:#000;
	}

#menu dt a:hover {
	text-decoration: none;
	color:#000;
} 

/*------------------------------------------------------------*
**  Navigationspilar
**------------------------------------------------------------*/

#pil1, #pil2, #pil3, #pil4, #pil5, #pil6 {
	position: absolute;
	width: 11px;
	height: 23px;
	z-index: 3;
	background: url('../bilder/menypil.gif') no-repeat left top;
	}
	
#pil1 {
	left: 207px; 
	top: 195px;
}	

#pil2 {
	left: 207px; 
	top: 219px;
}

#pil3 {
	left: 207px; 
	top: 243px;
}

#pil4 {
	left: 207px; 
	top: 267px;
}

#pil5 {
	left: 207px; 
	top: 291px;
}

#pil6 {
	left: 207px; 
	top: 315px;
}

/*------------------------------------------------------------*
**  Kolumnrubriker
**------------------------------------------------------------*/
	
#kolumnrubrik1 {
	width:200px;
	height:25px;
	margin:0 0 0 7px;
	background:url('../bilder/meny_.gif') no-repeat left top;	
	}
	
#kolumnrubrik2 {
	width:200px;
	height:24px;
	margin:0 0 0 7px;	
	background:url('../bilder/aktuellt_.gif') no-repeat left top;	
	}
	
#kolumnrubrik3 {
	width:200px;
	height:25px;
	margin:0 0 0 7px;	
	background:url('../bilder/oppettider_.gif') no-repeat left top;	
	}
	
#kolumnrubrik4 {
	width:200px;
	height:25px;
	margin:0 0 0 7px;	
	background:url('../bilder/kontakt_.gif') no-repeat left top;	
	}
	
#kolumnrubrik5 {
	width:200px;
	height:25px;
	margin:0 0 0 7px;	
	background:url('../bilder/lankar_.gif') no-repeat left top;	
	}	

/*------------------------------------------------------------*
**  öppettider
**------------------------------------------------------------*/

#oppettider {
	width:200px;
	margin:0 0 0 7px;	
}

#oppettider h3{
	margin:16px 0 3px 20px;
	color:#000;
	font-size:11px;
}

#oppettider p{
	margin:0 0 10px 20px;
	color:#333;
}

/*------------------------------------------------------------*
**  Kontakt
**------------------------------------------------------------*/

#kontakt {
	width:200px;
	margin:0 0 0 7px;	
}

#kontakt h3{
	margin:16px 0 3px 20px;
	color:#000;
	font-size:11px;
}

#kontakt p{
	margin:0 0 10px 20px;
	color:#333;
}

/*------------------------------------------------------------*
**  Content
**------------------------------------------------------------*/

#content {
	float:left;
	width: 557px;
	text-align: left; 
	word-spacing: 1px;
	line-height:140%;
	margin:0;
	background:url('../bilder/bgmain.jpg') no-repeat left top; 
	}

#mainContainer {
	width:450px;
	margin:140px auto 30px auto;
	}

#content p {
	line-height:16pt;
	font-size:12px;
	color: #666;
	padding:0 30px 10px 30px;
	}
									
#content h3	{
	font-size: 14px;
	font-weight:bold;
	color: #666;
	margin:0px 0px 30px 0px;
	}
								   	
#content h2	{
	font-size: 14px;
	font-weight:bold;
	color: #666;
	margin:40px 0px 30px 0px;
	}
	
#list li {
	height:21px; 
	color: #666; 
	font-size:12px; 
	font-weight:normal; 
	line-height:170%; 
	list-style-image:url('../bilder/punktlista.gif');
	}
								   	
.clear {
	clear:both;
	}

/*------------------------------------------------------------*
**  Foto
**------------------------------------------------------------*/

.ram_s {
	width:157px;
	height:157px;
	float:left;
	padding:10px 10px 5px 9px;
	margin-left:20px;
	background:url('../bilder/bildcontainer.jpg') no-repeat left top scroll;
}

.fotocontainer {
	width:420px;
	height:220px;
	margin:0;
	pading:0;
	color:#666;
	clear:both;
}

/*------------------------------------------------------------*
**  Kontakt
**------------------------------------------------------------*/


.namn-container {
	width:170px; 
	float:left;
	}

.namn {
	color: #666; 
	font-weight:bold; 
	margin:7px 5px 3px 0px;
	}

.falt-container {
	width:259px; 
	float:left;
	}
	
.falt {
	margin:3px 0px 0px 0px; 
	line-height:16pt; 
	color: #666;
	}

input {
	border:1px solid #7F9DB9; 
	height:20px; 
	width: 100%; 
	padding-left:5px;
	background-image:url('../bilder/bg_form.gif');
	}
	
textarea {
	border:1px solid #7F9DB9; 
	height:80px; width: 100%; 
	color:#666; 
	padding-left:5px; 
	background-image:url('../bilder/bg_form.gif');
	}
	
.cd-distans	{
	clear:both; 
	height:10px;
	}	

/*------------------------------------------------------------*
**  Aktuellt
**------------------------------------------------------------*/

.datum-container {
	width:50px;
	float:left;
	}
	
.datum {
	color: #9A0120; 
	font-weight:bold; 
	margin:15px 0px 15px 0px;
	line-height:16pt;
	}

.text-container {
	width:359px;
	float:left;
	}
	
.text {
	margin:15px 0px 15px 40px;
	line-height:16pt;
	}

.pricklinje {
	float:left;
	width:430px;
	height:3px;
	background-image:url('../bilder/h_linje.gif');
	background-position: left top;
	background-repeat:no-repeat; 
	background-attachment:scroll;
	clera:both;
	}

/*------------------------------------------------------------*
**  Text Rubriker
**------------------------------------------------------------*/

#rubrik1 {
	width: 424px; 
	height: 19px;
	margin:0;
	padding:0; 
	background: url('../bilder/rubrik/rubrik1.gif') no-repeat left top;
	}
	
#rubrik2 {
	width: 198px; 
	height: 19px;
	margin:0;
	padding:0; 
	background: url('../bilder/rubrik/rubrik2.gif') no-repeat left top;
	}
	
#rubrik3 {
	width: 259px; 
	height: 19px;
	margin:0;
	padding:0; 
	background: url('../bilder/rubrik/rubrik3.gif') no-repeat left top;
	}
	
#rubrik4 {
	width: 274px; 
	height: 14px;
	margin:0;
	padding:0; 
	background: url('../bilder/rubrik/rubrik4.gif') no-repeat left top;
	}
	
#rubrik5 {
	width: 241px; 
	height: 20px;
	margin:0;
	padding:0; 
	background: url('../bilder/rubrik/rubrik5.gif') no-repeat left top;
	}
	
#rubrik6 {
	width: 269px; 
	height: 14px;
	margin:0;
	padding:0; 
	background: url('../bilder/rubrik/rubrik6.gif') no-repeat left top;
	}
	
#rubrik7 {
	width: 302px; 
	height: 19px;
	margin:0;
	padding:0; 
	background: url('../bilder/rubrik/rubrik7.gif') no-repeat left top;
	}
	
#rubrik8 {
	width: 259px; 
	height: 19px;
	margin:0;
	padding:0; 
	background: url('../bilder/rubrik/rubrik8.gif') no-repeat left top;
	}
	
#rubrik9 {
	width: 133px; 
	height: 19px;
	margin:0;
	padding:0; 
	background: url('../bilder/rubrik/rubrik9.gif') no-repeat left top;
	}
	
#rubrik10 {
	width: 216px; 
	height: 18px;
	margin:0;
	padding:0; 
	background: url('../bilder/rubrik/rubrik10.gif') no-repeat left top;
	}
	
#rubrik11 {
	width: 365px; 
	height: 19px;
	margin:0;
	padding:0; 
	background: url('../bilder/rubrik/rubrik11.gif') no-repeat left top;
	}
	
#rubrik12 {
	width: 224px; 
	height: 19px;
	margin:0;
	padding:0; 
	background: url('../bilder/rubrik/rubrik12.gif') no-repeat left top;
	}
	
#rubrik13 {
	width: 203px; 
	height: 13px;
	margin:0;
	padding:0; 
	background: url('../bilder/rubrik/rubrik13.gif') no-repeat left top;
	}
	
#rubrik14 {
	width: 118px; 
	height: 14px;
	margin:0;
	padding:0; 
	background: url('../bilder/rubrik/rubrik14.gif') no-repeat left top;
	}
	
#rubrik15 {
	width: 189px; 
	height: 19px;
	margin:0;
	padding:0; 
	background: url('../bilder/rubrik/rubrik15.gif') no-repeat left top;
	}
	
#rubrik16 {
	width: 110px; 
	height: 19px;
	margin:0;
	padding:0; 
	background: url('../bilder/rubrik/rubrik16.gif') no-repeat left top;
	}
	
#rubrik17 {
	width: 205px; 
	height: 19px;
	margin:0;
	padding:0; 
	background: url('../bilder/rubrik/rubrik17.gif') no-repeat left top;
	}
	
#rubrik18 {
	width: 154px; 
	height: 18px;
	margin:0;
	padding:0; 
	background: url('../bilder/rubrik/rubrik18.gif') no-repeat left top;
	}

#schaette a { 
	text-decoration: underline; 
	color:#82BD17;
	font-weight:bold; 
	}
#schaette a:hover { 
	text-decoration: underline; 
	color:#002688;
	font-weight:bold;
	}
	
#rubrik19 {
	width: 46px; 
	height: 19px;
	margin:0 0 20px 21px;
	padding:0; 
	background: url('../bilder/rubrik/rubrik19.gif') no-repeat left top;
	}
	
#rubrik20 {
	width: 38px; 
	height: 19px;
	margin:0 0 20px 0;	
	padding:0; 
	background: url('../bilder/rubrik/rubrik20.gif') no-repeat left top;
	}
		
#rubrik101 {
	width: 169px; 
	height: 18px;
	margin:0 0 20px 0;	
	padding:0; 
	background: url('../bilder/rubrik/rubrik_ordinarie.gif') no-repeat left top;
	} 

#rubrik102 {
	width: 79px; 
	height: 18px;
	margin:0 0 20px 0;	
	padding:0; 
	background: url('../bilder/rubrik/rubrik-jul_nyar.gif') no-repeat left top;
	}

/*------------------------------------------------------------*
**  Större Text Rubriker
**------------------------------------------------------------*/

#rubrik21 {
	width: 95px; 
	height: 20px;
	background: url('../bilder/rubrik/rubrik21.gif') no-repeat left top;
	}
	
#rubrik22 {
	width: 213px; 
	height: 20px;
	background: url('../bilder/rubrik/rubrik22.gif') no-repeat left top;
	}
	
#rubrik23 {
	width: 143px; 
	height: 18px;
	background: url('../bilder/rubrik/rubrik23.gif') no-repeat left top;
	}
	
#rubrik24 {
	width: 120px; 
	height: 20px;
	background: url('../bilder/rubrik/rubrik24.gif') no-repeat left top;
	}
	
#rubrik25 {
	width: 80px; 
	height: 20px;
	background: url('../bilder/rubrik/rubrik25.gif') no-repeat left top;
	}
	
#rubrik26 {
	width: 281px; 
	margin:0;
	margin:0 0 13px 0;
	padding:0;	height: 23px;	background: url('../bilder/rubrik/rubrik26.gif') no-repeat left top;
	}
	
#rubrik27 {
	width: 191px; 
	height: 20px;
	background: url('../bilder/rubrik/rubrik27.gif') no-repeat left top;
	}
	
#rubrik28 {
	width: 125px; 
	height: 20px;
	background: url('../bilder/rubrik/rubrik28.gif') no-repeat left top;
	}
	
#rubrik29 {
	width: 128px; 
	height: 20px;
	background: url('../bilder/rubrik/rubrik29.gif') no-repeat left top;
	}	

#rubrik100 {
	width: 241px; 
	height: 21px;
	background: url('../bilder/rubrik/rubrik-oppettider.gif') no-repeat left top;
	}

#rubrik21, #rubrik22, #rubrik23, #rubrik24, #rubrik25, #rubrik27, #rubrik28, #rubrik29, #rubrik100 {
	margin:0;
	margin:0 0 20px 0;
	padding:0; 
}

/*------------------------------------------------------------*
**  Kontakt Rubriker
**------------------------------------------------------------*/

#rubrik30 {
	width: 53px; 
	height: 14px;
	margin:7px 0 7px 0;
	background: url('../bilder/rubrik/rubrik30.gif') no-repeat left top;
	}
	
#rubrik31 {
	width: 177px; 
	height: 19px;
	margin:10px 0 0 0;	
	background: url('../bilder/rubrik/rubrik31.gif') no-repeat left top;
	}
	
#rubrik32 {
	width: 141px; 
	height: 19px;
	margin:10px 0 0 0;	
	background: url('../bilder/rubrik/rubrik32.gif') no-repeat left top;
	}
	
#rubrik33 {
	width: 27px; 
	height: 19px;
	margin:10px 0 0 0;	
	background: url('../bilder/rubrik/rubrik33.gif') no-repeat left top;
	}
	
#rubrik34 {
	width: 154px; 
	height: 19px;
	margin:10px 0 0 0;	
	background: url('../bilder/rubrik/rubrik34.gif') no-repeat left top;
	}
	
#rubrik35 {
	width: 101px; 
	height: 19px;
	margin:10px 0 0 0;	
	background: url('../bilder/rubrik/rubrik35.gif') no-repeat left top;
	}
	
#rubrik36 {
	width: 106px; 
	height: 19px;
	margin:10px 0 0 0;	
	background: url('../bilder/rubrik/rubrik36.gif') no-repeat left top;
	}
	
#rubrik37 {
	width: 111px; 
	height: 19px;
	margin:10px 0 0 0;	
	background: url('../bilder/rubrik/rubrik37.gif') no-repeat left top;
	}
	
#rubrik38 {
	width: 45px; 
	height: 19px;
	margin:30px 0 0 0;	
	background: url('../bilder/rubrik/rubrik38.gif') no-repeat left top;
	}
	
#rubrik39 {
	width: 137px; 
	height: 19px;
	margin:0;
	margin:10px 0 7px 0;
	padding:0; 	
	background: url('../bilder/rubrik/rubrik39.gif') no-repeat left top;
	}	

#rubrik99 {
	width: 131px; 
	height: 18px;
	margin:0;
	margin:10px 0 7px 0;
	padding:0; 	
	background: url('../bilder/rubrik/rubrik99.gif') no-repeat left top;
	}

/*------------------------------------------------------------*
**  Footer
**------------------------------------------------------------*/

#footer {
	clear: both;
	background: url('../bilder/footer.jpg') no-repeat center bottom;
	text-align: center;	
	color: #333;
	font-size: 10px;
	font-weight: normal;
	height:66px;
	}
	
#footer a {
	border-bottom: 1px solid #637613;
	text-decoration: none;
	color: #333;
	font-weight: bold;
	}
	
#footer a hover {
	border-bottom: 2px solid #637613;
	color: #333;
	font-weight: bold;
	}