
/*----Klas @ Kolas Webdesign 2006-12-08----*/
body,html {
	 margin:0px;
	 font-family:  Arial, Geneva,  Helvetica, sans-serif, "Trebuchet MS";
    color:#666;
    height:96%;
 /*
    scrollbar-arrow-color: #069FEB; 
	scrollbar-3dlight-color: #fff;
	scrollbar-highlight-color: #fff;
	scrollbar-face-color: #069FEB;
	scrollbar-shadow-color: #fff;
	scrollbar-darkshadow-color: #fff;
	scrollbar-track-color: #fff;
*/
	}
	
#container {
	background: #FFF; /* #E4E6D7 #F9F8F3 */
	width: 847px;
	height: 511px;
	margin: 0px;
	padding: 0px;
	line-height: 1.36em;
	/* centrering vertikalt och horisontellt */
	position: absolute;
	top:50%;
	left: 50%;
	margin-left: -396px;
	margin-top: -280px;
	/* /centrering vertikalt och horisontellt */
	background-image: url(../media/bg_container_notext.jpg);
	}

#header {
	/* Vanlig plats för loggan som länkar till startsidan */
	position: absolute;
	width: 120px;
	height: 55px;
	clear: both;
	padding: 0px;
	margin-left: 110px; 
	margin-top: 43px;
	margin-bottom: 0px;
	background-color: transparent;
	border: 0px solid green;
	z-index:70;
	}


#navcontainer {
	 z-index:89;
	 position: absolute;
     background: transparent; 
	 width: 163px;
	 height: 280px;
	 margin-top: 162px;
	 margin-left: 116px; /*-25*/ 
	 border: 0px solid green;
	 text-align: right;
	 }
	 
		
/* navigering med dropdown */		
		 ul { /* hela navlist */
		 	list-style-type: none;
		 	padding: 0;
			margin: 0;
			}
		#nav .no_a {
			cursor: default;
			}				
		
		#nav a {
			display: block; 
			}

		#nav li li a:hover {
			z-index:89;
			}
					
		#nav li {
			float: left;
			position: relative;
			padding-right: 50px;
			}
		#nav li a{
			color: #666;
			
			}	
		#nav li a:hover{
			z-index:100;
			color: black;
			}
				
		#nav li ul { /* hela undermeny */
			left: -999em;
			position: absolute;
			width: 130px;
			}
			
		#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
			left: auto;
			z-index:120;
			position: relative;
			/* left: -2px; för att explorer skjuter den 2pixlar åt sidan */
		}
		
		/* navigering med dropdown */
	
	
	
	
	
		/* navigering utan dropdown */
		#navnodrop a {
			display: block; 
			}
		#navnodrop li li a:hover {
			z-index:100
			}	
		#navnodrop li {
			float: left;
			position: relative;
			}
		#navnodrop li a{
			color: #fff;}	
		#navnodrop li a:hover{
			z-index:100
			}
		#navnodrop li ul { /* hela undermeny */
			left: auto;
			z-index:120;
			position: relative;
			left: -2px;/* för att explorer skjuter den 2pixlar åt sidan */
			}
		/*  / navigering utan dropdown */	
		
		
		
#rubrikcontainer {
	/* För att rubriken ska ligga fast */
	position: absolute;
	float: right;
	width: 332px;
	height: 92px;
	overflow: none;
	padding: 0px;
	margin-top: 33px;
	margin-left: 375px;
	background-color: transparent;
	z-index: 1;
	border: 0px solid red;
	}	
		
#content {
/* Det är content som scrollas */
	position: absolute;
	float: right;
	width: 407px;
	height: 355px;
	overflow: auto;
	padding: 0px;
	margin-top: 140px;
	margin-left: 435px;
	color: #666;
	text-align:left;
	font-size: 0.7em;
	line-height:150%;
	background-color: transparent;
	z-index: 3;
	border: 0px solid red;
	}
	
#content_marginal {
/* lika bred som texten eller övrigt som stämmer in med layouten */
	width: 350px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	}	
	
#content .underrubrik {
	font-size: 1.5em;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	}		
	
#text-column {
	/* denna kan admin välja i verktyget */
	padding-top: 0px;
	padding-left: 483px;
	padding-right: 20px;
	float: left;
	border: 0px solid blue;
	width: 260px;
	height: 414px;
	}	
		
#content_default {
/* används bara om defaultsidan är en nyhetsteaser */
	position: absolute;
	float: right;
	width: 340px;
	height: 390px;
	overflow: auto;
	padding: 0px;
	margin-top: 80px;
	margin-left: 488px;
	color: #333;
	text-align:left;
	font-size: 68%;
	line-height:150%;
	background-color: transparent;
	z-index: 3;
	}	
	
#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;
	font-size: 68%;
	line-height:150%;
	background-color: transparent;
	z-index: 3;
	border: 0px solid blue;
	}

#content a:visited {
	text-decoration:underline; 
	color:#666;  
	}

#content a {
	text-decoration:underline; 
	color:#666;
	}

#content a:hover {
	color: #888;
	text-decoration:underline; 
	}

#content a:active {
	text-decoration:underline;  
	color:#666; 
	}	
		
		
	
#sidebar-a {
	/* Det är denna som får en ny background om admin väljer det... */
	position: absolute;
	width: 523px;
	height: 501px;
	margin: 0;
	margin-left:319px;
	margin-top: 5px;
	padding: 0px;
	z-index: 2;
	border: 0px solid green;
	}
		
/* Default heading style */
h1, h2, h3, h4, h5, h6 {
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	margin-top : 16px;
	margin-bottom : 2px;
	color : #555;
}		

#footer {
	position: absolute;
	width: 120px;
	height: 55px;
	clear: both;
	padding: 0px;
	margin-left: 110px; 
	margin-top: 43px;
	margin-bottom: 0px;
	background-color: transparent;
	border: 0px solid blue;
	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: -310px;	
	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;
		}	
		
		
		
		
		
      <!--[if IE]>
      <style type="text/css">
      .img-shadow a img {
         filter:alpha(opacity=100);
      }
      .img-shadow a:hover img {
         filter:alpha(opacity=70);
      }
      </style>
      <![endif]-->
      <style type="text/css">

      .img-shadow a img {
         -moz-opacity: 1.0;
         opacity: 1.0;
      }
      .img-shadow a:hover img {
         -moz-opacity: 0.7;
         opacity: 0.7;
      }
	  </div>		