/*----Klas @ Kolas Webdesign 2006-11-25----*/
body,html {
	background: url(../media/bg_body.jpg);
   color:#333;
   height:96%;
	font:0.8em bold 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
   scrollbar-arrow-color: #333; /* 0088CE, 999999, cccccc, f4e816 */
	scrollbar-3dlight-color: #bcbdc1;
	scrollbar-highlight-color: #999;
	scrollbar-face-color: #f68529;
	scrollbar-shadow-color: #bcbdc1;
	scrollbar-darkshadow-color: #bcbdc1;
	scrollbar-track-color: #bcbdc1;
	background-repeat: repeat;
	  }
	
#container {
	background: #FFF; /* #E4E6D7 #F9F8F3 */
	width: 935px;
	height: 595px;
	margin: 0px;
	padding: 0px;
	line-height: 1.36em;
	/* centrering vertikalt och horisontellt */
	position: absolute;
	top:50%;
	left: 50%;
	margin-left: -467px;
	margin-top: -297px;
	/* /centrering vertikalt och horisontellt */
	background-image: url(../media/bg_container_notext-home.jpg);
	}

#header {
	position: absolute;
	width: 290px;
	height:60px;
	padding: 5px;
	margin-top: 450px;
	margin-left: 90px;
	margin-bottom: 0px; 
	margin-right: 0px;
	background-color: transparent;
	border: 0px solid green;
	}
		
		
		
		
/* navigering med dropdown */
#navcontainer {
	 left: -999em; /* navcontainer ska inte synas på defaultsidan*/
	 position: absolute;
	 z-index:110;
	 position: absolute;
    background: transparent; /*B9C197*/ 
	 width: 660px;
	 height: 25px;
	 margin-top: 433px;
	 margin-left: 110px;
	 text-align: left;
	 border: 0px solid green;
	 }
		
		
#nav, #nav ul { /* all lists */
	padding: 6;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	font-weight: bold;
	color: #666666;
	font-weight: normal; text-decoration: none; font-size: 70%;
	font-family: sans-serif;
	padding: 5px 9px 2px 9px;
	display: block; 
	
}

#nav li { /* all list items */
	float: left;
	width: 70px; /* width needed or else Opera goes nuts */
}

		#nav li li a {
			color: #888888;
			width: 120px; 
			
			}	

#nav li ul { /* second-level lists */

	
			left: -999em;
			position: absolute;
			width: 120px; 
			background-color: #fff;
			z-index: 100;
			padding-top: 5px;
			padding-bottom: 5px;
			padding-left: 5px;
			border-left: ButtonShadow 1px solid;
			border-top: transparent 0px solid; 
			border-right: ButtonShadow 1px solid;  
			border-bottom: ButtonShadow 1px solid; 
	
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -22px 0em 0 4em;
	z-index:100	
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
	z-index:100;	
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	z-index:100;
}
	
#nav li a:hover{
	background: transparent url(../images/red_arrow.gif) left center no-repeat;
	z-index:100
}		

		
		/* navigering med dropdown */
		
#rubrikcontainer {
/* För att rubriken ska ligga fast */
	position: absolute;
	float: right;
	width: 270px;
	height: 70px;
	overflow: none;
	padding: 0px;
	margin-top: 81px;
	margin-left: 105px;
	color: #333;
	text-align:left;
	background: transparent url(../media/bg_headline.jpg) left no-repeat;
	line-height:150%;
	background-color: transparent;
	z-index: 4;
	border: 0px solid red;
	}	
	
#headline {
/* texten som visas i headline (txt3 i webbsidor) */
	position: absolute;
	font-size: 1.3em;
	padding: 0px;
	margin-top: 26px;
	margin-left: 22px;
	color: #333;
	text-align:left;
	background-color: transparent;
	z-index: 4;
	}		
		
#content {
/* Det är content som scrollas */
	position: absolute;
	float: right;
	width: 350px;
	height: 100px;
	overflow: auto;
	padding-top: 0px;
	padding-right: 0px;
	margin-top: 455px;
	margin-left: 190px;
	color: #333;
	text-align:left;
	line-height:100%;
	background-color: transparent;
	z-index: 3;
	border: 0px solid red;
	}
	

	
#content_marginal {
/* används istället för text-column på de sidor som inte tillverkas med verktyget */
	/* width: 451px; */
	padding-top: 0px;
	padding-left: 27px;
	padding-right: 33px;
	}	
	
#text-column {
/* denna kan admin välja i verktyget */
	padding-top: 0px;
	padding-left: 27px;
	padding-right: 33px;
	float: left;
	}	
	
#content_default {
/* används bara om defaultsidan är en nyhetsteaser */
	position: absolute;
	float: right;
	width: 480px;
	height: 390px;
	overflow: auto;
	padding: 0px;
	margin-top: 80px;
	margin-left: 340px;
	color: #333;
	text-align:left;
	line-height:150%;
	background-color: transparent;
	z-index: 3;
	border: 0px solid red;
	}	
	
#newsteaser_default {
/* används bara om defaultsidan är en nyhetsteaser */
	position: absolute;
	float: right;
	width: 321px;
	height: 80px;
	overflow: auto;
	padding: 0px;
	margin-top: 400px;
	margin-left: 340px;
	color: #333;
	text-align:left;
	line-height:150%;
	background-color: transparent;
	z-index: 3;
	border: 0px solid blue;
	}		


	


#content a:visited {
	text-decoration:underline; 
	color:#333;  
	}

#content a {
	text-decoration:underline; 
	color:#333;
	}

#content a:hover {
	color: #f68529;
	text-decoration:underline; 
	}

#content a:active {
	text-decoration:underline;  
	color:#f68529; 
	}	
		
	
#nyhetsdatum{
	color:#333;
	}		
#nyhetsdatum a, #nyhetsdatum a:visited, #nyhetsdatum a:active {
	color:#333;
	}		
#nyhetsdatum  a:hover {
	text-decoration:underline; 
	color:#333;
	}			
	
#sidebar-a {
	/* Det är denna som får en ny background om admin väljer det... */
	position: absolute;
	width: 708px;
	height: 315px;
	margin: 0px;
	margin-left:111px;
	margin-top: 102px;
	padding: 0px;
	z-index: 2;
	border: 0px solid green;
	}
		
/* Default heading style */
h1, h2, h3, h4, h5, h6 {
	font-weight : bold;
	margin-top : 16px;
	margin-bottom : 2px;
	color : #555;
	font-size: 1.4em;
	line-height:120%;
}		

#footer {
	position: absolute;
	width: 40px;
	height: 20px;
	clear: both;
	padding: 0px;
	margin-left: 780px; 
	margin-top: 427px;
	margin-bottom: 0px;
	background-color: transparent;
	border: 0px solid blue;
	text-align: left;
	z-index: 6;
	}
#footer .leftfoot {
    float: left;
	 text-align: left;
}	
#footer .rightfoot {
    float: right;
	 text-align: right;
}		
	
#footer p {
	margin:0px;
	font-size: 8pt;
	text-align:center;
	color:#000;
	padding:0px;
	}

#footer a {
	color:#000; 
	font-size: 8pt;
	}
	
#footer a:link, a:visited a:active {
	color: #000;
	text-decoration: none;
	font-size: 8pt;
	}

#footer a:hover {
	color: #000;
	text-decoration: underline;
	font-size: 8pt;
	}
			
a img {
	border:0;
	}
a:link {
	color: #fff;
	text-decoration: none;
	}

a:visited {
	color: #fff;
	text-decoration: none;
	}
	
a:hover {
	color: #000;
	text-decoration: none;
	}
	/*----meny sidebar-a----*/
		
 #menu{
 /* Menyknapparna för admin, ligger i ovankant av container */
	position: absolute;
	top:50%;
	left: 50%;
	margin-top: -330px;	
	padding: 3px 0;
	margin-left: 0;
	}

#menu li
{
list-style: none;
margin: 0;
display: inline;
}

#menu li a
{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #fff;

background: #b4b4b4;
text-decoration: none;
font: bold 10px Verdana, sans-serif;
color: #ccc;
}

#menu li a:link { color: #333; }
#menu li a:visited { color: #333; }

#menu li a:hover
{
color: #333;
background: #eee;
border-color: #ccc;
}

#content .form field {
	position:relative;
	padding-top: 5px;
	padding-right: 5px;
	text-align: right;
	}
	
#content .fi eld {
/*----formulär i content, används inte för att formatera formuläret i dagsläget----*/
	background-color:transparent;
	border: 0px;
		}
#content .un derline {
/*----formulär i content, används inte för att formatera formuläret i dagsläget----*/
	background-color:transparent;
	border-bottom: 1px dashed #000;
		}	
		
#submenu_1 {
	 position: absolute;
	 z-index:110;
	 position: absolute;
    background: transparent; /*B9C197*/ 
	 width: 200px;
	 height: 107px;
	 margin-top: 450px;
	 margin-left: 110px;
	 text-align: left;
	 border: 0px solid green;
	 }		
#submenu_2 {
	 position: absolute;
	 z-index:110;
	 position: absolute;
    background: transparent; /*B9C197*/ 
	 width: 200px;
	 height: 107px;
	 margin-top: 450px;
	 margin-left: 235px;
	 text-align: left;
	 border: 0px solid green;
	 }	

#submenu_3 {
	 position: absolute;
	 z-index:110;
	 position: absolute;
    background: transparent; /*B9C197*/ 
	 width: 200px;
	 height: 107px;
	 margin-top: 450px;
	 margin-left: 345px;
	 text-align: left;
	 border: 0px solid green;
	 }		 	 

#submenu_4 {
	 position: absolute;
	 z-index:110;
	 position: absolute;
    background: transparent; /*B9C197*/ 
	 width: 200px;
	 height: 107px;
	 margin-top: 450px;
	 margin-left: 470px;
	 text-align: left;
	 border: 0px solid green;
	 }	
	 
#submenu_1 a, #submenu_2 a, #submenu_3 a, #submenu_4 a{
	color: #333;
	text-decoration: none;
	}	 
	
#submenu_1 a:hover, #submenu_2 a:hover, #submenu_3 a:hover, #submenu_4 a:hover {
	color: #f68529;
	text-decoration: none;
	}