/*-------box model hack (for IE/Win)-----------*/
body,html {
	font-family: Arial, Verdana, Geneva, Arial, Helvetica, sans-serif;
	height:99%;
	/* 0088CE, 999999, cccccc */
	/*
   scrollbar-arrow-color: #ccc; 
	scrollbar-3dlight-color: #fff;
	scrollbar-highlight-color: #fff;
	scrollbar-face-color: #333;
	scrollbar-shadow-color: #fff;
	scrollbar-darkshadow-color: #fff;
	scrollbar-track-color: #fff;
	*/
	padding: 0px;
	margin: 0px;
	  }
#reklamfilm {position: absolute; left: 38px; top:60px;}

#web_top_left {
	 z-index:2;
	 position: absolute;
	/* background-image: url(../media/web_top_left.png);
	 background-repeat: no-repeat; */
	 float: left;
	 width: 180px;
	 height: 180px;
	 margin-top: 0px;
	 margin-left: 0px;
	 padding-top: 0px;
	 border: 0px solid red;
	 background-color: transparent;
	 }	
	
#web_bottom_left {
	z-index:1;
	left: 0px;
	 position: absolute;
	 background-position: bottom;
	 background-repeat: no-repeat;
	 width: 50px;
	 height: 100%;
	 padding-bottom: 0px;
	 margin-left: 0px;
	 margin-top: 0px;
	 border: 0px solid red;
	 background-color: transparent;
	 }	
	

#container_default_2009 {
	background: transparent; /* #E4E6D7 #F9F8F3 */
	width: 1002px;
	height: 192px;
	margin: 0px;
	padding: 0px;
	/* centrering vertikalt och horisontellt */
	position: absolute;
	top:50%;
	left: 50%;
	margin-left: -501px;
	margin-top: -96px;
	/* /centrering vertikalt och horisontellt */

	}

#index_container {
	background: transparent; /* #E4E6D7 #F9F8F3 */
	width: 1000px;
	height: 846px;
	margin: 0px;
	padding: 0px;
	/* centrering vertikalt och horisontellt */
	position: absolute;
	top:50px;
	left: 50%;
	margin-left: -500px;
	/* /centrering vertikalt och horisontellt */

	}




#bg_container {
	background: transparent; /* #E4E6D7 #F9F8F3 */
	width: 1000px;
	height: 846px;
	margin: 0px;
	padding: 0px;
	line-height: 1.36em;
	/* centrering horisontellt */
	position: absolute;
	top:13px;
	left: 50%;
	margin-left: -500px;
	z-index:9;
	}



	
#container {
	background: transparent; /* #E4E6D7 #F9F8F3 */
	width: 1000px;
	height: 846px;
	margin: 0px;
	padding: 0px;
	line-height: 1.36em;
	/* centrering vertikalt och horisontellt */
	position: absolute;
	top:13px;
	left: 50%;
	margin-left: -500px;
	/* /centrering vertikalt och horisontellt 
	background-image: url(../media/x_bg_container_p.png);
	background-repeat: no-repeat;*/
	z-index:20;	
	padding-bottom: 11px;
	}

#header {
	position: absolute;
	width: 1000px;
	height:74px;
	padding: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px; 
	margin-right: 0px;
	background-color: transparent;
	border: 0px solid green;
	}
		
		
		
		
/*

#bg_navcontainer {
	position:absolute;
	z-index:90;
	background: url(../media/x_bg_topplinje.png) no-repeat left;
	width: 1000px;
	height: 53px;
	margin-top: 10px;
	margin-right: 10px;	
	 }
*/

		/* navigering med dropdown */
#navcontainer {
	z-index:88;
	font-size: 0.82em;
	position: relative;
	background: transparent; /*B9C197*/ 
	width: 1000px;
	height: 53px;
	margin-top: 8px;
	margin-right: 0px;
	border: 0px solid blue;
	float: left;
	display: inline;
	 }

		
#nav {
	margin-left: -24px;
	margin-top: 0px;
	}

#nav ul {
 	padding: 0;
	margin: 0;
	float: left;	
	}	
	
#nav li {
	float: left;
	position: relative;
	list-style-type: none;
 	padding: 0;
	margin: 0;
	float: left;	
	}		
		
#nav .no_a {
	cursor: default;
	z-index: 100;
	font-weight:normal;	
	padding-bottom:15px;
	margin-top:0px;
	padding-top: 19px;
	background: url(../media/pixel.gif) no-repeat left;
	background-position:0px 0px;
	color: #fff;
	font-size: 0.95em;		
	}	
		

#nav .no_a_linje {
	cursor: default;
	z-index: 100;
	background: url(../media/x_menylinje.png) no-repeat left;
	background-position:0px 0px;
	font-weight:normal;
	padding-bottom:15px;
	margin-top:0px;
	padding-top: 19px;	
	color: #fff;
	font-size: 0.95em;		
		}

#nav .a_linje {
	z-index: 100;
	background: url(../media/x_menylinje.png) no-repeat left;
	background-position:0px 0px;
	font-weight:normal;
	padding-bottom:15px;
	margin-top:0px;
	padding-top: 19px;	
	color: #fff;
	font-size: 0.95em;		
		}		

#nav  a:hover{
	color:#dfdfdf;
	font-weight:normal;
	}		


#nav .action, #nav .bold {
	font-weight:normal;
	color:#fff;
	}	
		

						
#nav .normal  {
	font-weight:normal;
	}	


	
.subnav a:visited, .subnav a:link{
	color:#cfcfcf;
	font-weight:normal;
	}	
	




	
.undermeny a:hover{
	color:#cfcfcf;
	font-weight:normal;
	}		


#nav li a {
	text-decoration: none;
	font-family: sans-serif;
	padding: 0px 15px 0px 15px; /* T R B L */	
	display: block;
	font-weight:normal;
	}

			

#nav li li a {
	width: 160px;  /* 130 */	
	display:block;
	padding-top:2px;
	margin-left: -4px;
	/*font-weight:bold;*/
	font-size:0.8em;
	}

#nav li li a:hover {
	width: 160px;  /* 130 */	
	display:block;
	padding-top:2px;
	margin-left: -4px;
	/*font-weight:bold;*/
	font-size:0.8em;
	color:#fff;
	}		

.subnav, .subnav2 { /* undermeny som togglas                          */	
    display: none;
	} 	
	


#nav li ul li a:hover{
	z-index: 100;
	background: url(../media/x_bg_liulli_p.png) no-repeat left;   
	background-position:0px 0px;
	padding-top:2px;
	margin-left: -4px;
	padding-left: 5px:	
	}


#nav li ul { /* hela undermeny */
	left: -999em;
	position: absolute;
	width: 160px; /*  */
	z-index: 87;
	padding-top: 7px;
	padding-bottom: 25px;
	margin-top:0px;
	margin-left: -8px;
	background: transparent url(../media/x_bg_li_160.png) bottom repeat-y;
	text-align: left;
	}

		
#nav li ul li  {
	text-decoration: none;
	font-family: sans-serif;
	padding: 0px 9px 0px 12px; /* T R B L */
	line-height:normal;
	}
			

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	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;
	visibility: visible;  /*makes IE7 think something changes on hover, otherwise sfhover can get stuck */	
}









 .lefteye {
 	width: 800px;
	margin-left: 0px;
	margin-top: 0px;
    float: left;
	text-align: left;
	background-color:transparent;
	}
	
	

#top_search {
	position:absolute;
	width: 137px;
	height: 23px;
	top:19px;
	background-image:url(../media/x_bg_searchfield.png);
	background-color:transparent;
	border:0px solid blue;
	}
	
	
#top_search .searchfield {
	position:absolute;
	width: 105px;
	height: 12px;
	font-size:0.65em;
	top:5px;
	left:23px;
	background-image:url(../media/pixel.gif);
	background-color:transparent;
	border:0px solid blue;
	}
	
	
	
		
 .righteye {
 	width: 200px;
	margin-top: 0px;
	margin-right: 0px;
    float: right;
	text-align: right;
	background-color:transparent;
	}	

		

		/* navigering med dropdown */



#sitemap ul { 
	margin-left:0px;
	}

#sitemap li { 
	list-style-type: none;
	margin-left:-10px;
	}

#sitemap li ul li { 
	margin-left:-30px;
	}

/* Jquery for FAQ */
.dragspel h6 {
	font-weight:bold;
	font-size: 1em;
	cursor: pointer;
	cursor: hand;}

	
		
#content {
	position: absolute;
	float: right;
	width: 330px;
	height: 500px; /*357+34=391*/
	overflow: hidden;
	padding: 0px;
	margin-top: 90px; /*45-27=18*/
	margin-left: 653px;
	color: #666;
	text-align:left;
	font-size: 0.75em;
	line-height:160%;
	background-color: transparent;
	z-index: 3;
	border: 0px solid red;
	left:0px;
	top: 0px;
	}
		

	
	
#text-column_defaultram {
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 15px;
	padding-bottom: 0px;

	}	
		
#text-column {
	padding-top: 0px;
	padding-left: 27px;
	padding-right: 15px; /*minskade ner denna 22/4 då tre bilder inte fick plats nar det blev scrollist*/
	}	


#content a, #nyhetsdatum a:visited, #nyhetsdatum a:active {
	color:#666;
	text-decoration:none; 
	}		
#content  a:hover {
	text-decoration:none; 
	color:#fff;
	background-color:#888;

	}	
		
	
#nyhetsdatum{
	color:#666;

	}	

	
.nyhetsdatum_linjar{
	color:#000;
	font-family: Arial, Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-style:normal;
	font-weight: bold;
	font-size: 1.0em;
	margin-left: 4px;
	margin-right: 4px;
	}	
		
#nyhetsdatum a, #nyhetsdatum a:visited, #nyhetsdatum a:active {
	color:#666;
	font-weight: bold;
	}		
		
	
#sidebar-a {
	
	position: absolute;
	width: 50px;
	height: 300px;
	margin: 0;
	margin-left:0px;
	margin-top: 35px;
	padding: 0px;
	background-color: transparent;
	font-size: 64%;
	line-height:150%;
	z-index: 2;
	border: 0px solid green;
	left:0px;
	top: 0px;
	}
	
#medialayer {
	z-index:3;
	position: absolute;
	width: 599px;
	height: 520px;
	margin-left:11px;
	margin-top: 80px;
	background-color:transparent;
	border: 0px solid green;
	left:0px;
	top: 0px;
	}	
	
	
		
/* Default heading style */
h1, h2, h3, h4, h5, h6 {
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	font-size: 1.4em;
	margin-left: 0px;
	margin-top : 3px;
	margin-bottom : 15px;
	margin-right : 20px;
	color : #666;
}		




#box1 {
	position: absolute;
	width: 231px;
	height: 172px;
	margin-left:11px;
	margin-top: 616px;
	left:0px;
	top: 0px;
	}

#box2 {
	position: absolute;
	width: 231px;
	height: 172px;
	margin-left:260px;
	margin-top: 616px;
	left:0px;
	top: 0px;
	}
#box3 {
	position: absolute;
	width: 231px;
	height: 172px;
	margin-left:509px;
	margin-top: 616px;
	left:0px;
	top: 0px;
	}
#box4 {
	position: absolute;
	width: 231px;
	height: 172px;
	margin-left:758px;
	margin-top: 616px;
	left:0px;
	top: 0px;
	}		

#box1 h4, #box2 h4, #box3 h4, #box4 h4 {
	margin-bottom: 7px;
	margin-right:0px;
	width:195px;
	}


.text {
	position:absolute;
	margin-left:18px;
	margin-right:18px;
	margin-top: 15px;
	font-size: 0.7em;
	line-height:1.4em;
	color:#666;
	width:195px;
	}	

.boxknapp {
	position:absolute;
	width: 41px;
	height: 23px;
	left:162px;
	top: 126px;

	}	



/*** set the width and height to match your images **/

#slideshow {
    position:relative;
    height:172px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}






#footer .leftfoot {float: left; text-align: left;}	
#footer .rightfoot {float: right; text-align: right;}

#footer {
	position: absolute;
	width: 1000px;
	height: 30px;
	clear: both;
	padding: 0px;
	margin-left: 0px; 
	margin-top: 804px;
	margin-bottom: 0px;
	background-color: transparent;
	border: 0px solid blue;
	text-align: left;
	z-index:80;
	left:0px;
	top: 0px;
	}
	
#footer #sprakval {
	position: absolute;
	width: 150px;
	height: 393px; /*344*/
	clear: both;
	padding: 0px;
	margin-left: 11px; 
	margin-top: -390px;
	margin-bottom: 0px;
	background: transparent url(../media/x_bg_sprakval4.png) bottom no-repeat;
	background-color: transparent;
	border: 0px solid blue;
	text-align: left;
	display:none;
	z-index:80;
	}	
		

#footer #sprakvaltoggle {
	font-size: 0.7em;		
	}	

#footer .sprakvaltext {
	margin-left:8px;
	vertical-align:top;
	}		
	
#footer p {
	margin:0px;
	font-size: 8pt;
	text-align:center;
	color:#000;
	padding:0px;
	}

#footer a, a:link, a:visited a:active, a:hover {
	color: #fff;
	text-decoration: none;
	}


#footer .flagNOW {
	position:absolute;
	width: 21px;
	height: 20px;
	margin-top:5px;
	margin-left:21px; 
	}

#footer .flagNOWtext {
	position:absolute;
	margin-top:3px;
	margin-left:59px;
	margin-right:36px;
	cursor:pointer;s
	}
	
#footer #ha_logo {
	position: absolute;
	left: 373px; 
	top: 8px;
	}		

#footer .searchfield {
	width: 105px;
	height: 12px;
	font-size:0.65em;
	margin-top:8px;
	margin-right:36px;
	background-image:url(../media/pixel.gif);
	background-color:transparent;
	border:0px solid blue;
	}

.footermenu {
	position: absolute;
	width: 470px;
	height: 30px;
	padding: 0px;
	left: 540px; 
	top: 1px;
	margin-bottom: 0px;
	background-color: transparent;
	border: 0px solid blue;
	text-align: right;
	float: right;

	}

/*nav2*/
#nav2 {
	float: right;
	margin-right:20px;
	margin-top:3px;
	}
#nav2 li {
	list-style-type: none;
	float: left;
	position: relative;
	}


#nav2 .no_a {
	z-index: 100;
	font-weight:normal;	
	}		

#nav2 .no_a_linje {
	z-index: 100;
	background: url(../media/x_menylinje_botten.png) no-repeat left;
	font-weight:normal;
	}

#nav2 li a {
	color: #fff;
	text-decoration: none;
	font-family: sans-serif;
	padding: 0px 11px 0px 11px; /* T R B L */	
	display: block;
	font-size: 0.71em;		
	}
	
#nav2 li a:hover{
	color:#dfdfdf;
	}	
	
/*	
#nav2 li a:hover {
	color: #555;
	font-weight:normal;
	}
*/
/*nav2 slut*/

#nav3{ 
 	padding: 0;
	margin: 0;
	float: left;	
	}

#nav3 ul{ 
	
 	padding: 0;
	margin: 0;
	float: left;	
	}
#nav3 li {
	list-style-type: none;
	float: left;
	position: relative;
	}

#nav3 li a {
	color: #fff;
	text-decoration: none;
	font-family: sans-serif;
	padding: 0px 0px 0px 0px; /* T R B L */	
	font-size: 0.7em;	
	display:block;
	width:150px;
	height:25px;
	}


#nav3 li a:hover{
	z-index: 100;

	background: url(../media/x_bg_liulli_p.png) no-repeat left;   

	}


			
a img {
	border:0;
	}














 #menu{
 /* Menyknapparna för admin, ligger i ovankant av container */
	position: absolute;
	top: 0px;
	left: 50%;
	margin-top: 2px;	
	padding: 3px 0;
	margin-left: 0;
	border: 0px solid blue;
	z-index: 77;
	}

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

#menu li a
{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #000;
background: #89867A;
text-decoration: none;
font: bold 11px Calibri, arial, Verdana, sans-serif;
color: #ccc;
}

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

#menu li a:hover
{
color: #fff;
background: #005792;
border-color: #333;
}





/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.squarebutton{
background: transparent url('../images/square-green-left.gif') no-repeat top left;
display: block;
float: left;
font: bolder 11px "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton span{
background: transparent url('../images/square-green-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;

}

#flashContent { display:none; }