/* ----------------------------------------------------------------------------------------------------------
1) HTML tags
---------------------------------------------------------------------------------------------------------- */

body {
	background:#fff url(img/bg2.jpg) no-repeat top center ;
font:0.8em/1.5 "arial", sans-serif;
margin: 0 auto;
}

h2{
font-size:20px;
margin: 5px 0 5px 0;	
letter-spacing: -1px;
}


h3{
font-size:18px;
margin: 7px 7px 7px 0;
letter-spacing: -1px;	
}

hr {
color: #ccc;
background-color: #ccc;
height: 1px;	
border: 0;
}
/* ----------------------------------------------------------------------------------------------------------
2) HTML styles
---------------------------------------------------------------------------------------------------------- */

ul.ul-01 {margin:15px 0; list-style:none;}
ul.ul-01 li {padding:2px 0 2px 2px; 0 50% no-repeat; font-size:85%;}
ul.ul-list {margin:15px 0; list-style:none;}
ul.ul-list li {padding:1px 0;}
ul.ul-list span.date {padding-right:10px;}

/* ----------------------------------------------------------------------------------------------------------
3) Layout
---------------------------------------------------------------------------------------------------------- */

#wrapper {
	width:960px; 
	margin:0 auto; 
	overflow:hidden;
	}

#header {
	position:relative; 
	height:90px; 
	padding:30px 20px 15px 20px;
		}
#header img{
border: 0px;	
}
 #logo {
	margin:0;
		}
  
  #header_left {
	float: left; 
	width: 500px
		}
   #header_right{
	float: right; 
		} 
#nav 
{
background-color:#BFBFBF; 
position:relative; 
width:960px; 
height:45px; 
background:url("img/tray.gif") 0 0 no-repeat; 
overflow:hidden; 
font:bold 90%/1 "tahoma",sans-serif;
}
    #nav ul {margin:0 20px; list-style:none;}
    #nav li {display:inline;}
    #nav li a {color:#404040; display:block; float:left; padding:17px 27px 17px 27px; background:url("img/tray-separator.gif") 100% 0 no-repeat; text-decoration:none;}
    #nav li a:hover {
		background-color:#9F9F9F; 
		color:#FFF; 
		background: #666;
		/* background:url("img/tray-hover.gif"); */
		}
    #nav li#nav-active a {background-color:#DD1600; color:#FFF; background:url("img/tray-active.gif");}
	
	
	
	
	
/* ----------------------------------------------------------------------------------------------------------
Layout för vanlig sida
---------------------------------------------------------------------------------------------------------- */
#main{
	margin-top: 10px;
	float: left;

	background:#fff; 
	position:relative; 
	width:520px;
	padding: 20px;
}
#main img{
border: 2px solid #D9D2CE;	
}
#main_right{
	margin-top: 10px;
	margin-left: 10px;
	float: left;
	background:#fff; 
	position:relative; 
	width:390px;
	color:#444;
}
#main_right_inner{
	padding: 20px;
}
.divhover{
	background: #fff;
	padding: 10px;
	border-bottom: 1px solid #ccc;
}
.divhover:hover{
	background: #f0fcff;	
}
.divhover_first{
	background: #f0fcff;
	padding: 20px 20px 20px 20px;
	border: 1px solid #ccc;
}
.divhover_first h3{
	margin: 0px;
}
.divhover_first:hover{
	background: #aec9e2;	
}

/* ----------------------------------------------------------------------------------------------------------
Layout för tre kolumner
---------------------------------------------------------------------------------------------------------- */
.col{
	margin-top: 10px;
	float: left;
	background:#e4e0da; 
	position:relative; 
	width:273px;
	padding: 0 20px 20px 20px;
	margin-right: 10px;
}

.col_last{
	margin-top: 10px;
	float: left;
	background:#e4e0da; 
	position:relative; 
	width:274px;
	padding: 0 20px 20px 20px;
}


#main_wrapper_transparent{
	width:960px;
	background: transperant;
	padding: 0 20px 0px 20px;
}

#main_wrapper_transparent h2{
color: #333;
font-size:20px;
font-family: Helvetica, Arial, sans-serif;
letter-spacing:0px;
text-shadow:2px 2px 2px #fff:;
width: 800px;
line-height: 24px;
margin: 12px 0 8px 0;
}
.bigtext{	
color:#000;
font-size:21px;
font-family: Helvetica, Arial, sans-serif;
letter-spacing:-1px;
text-shadow:2px 2px 2px #fff;
}
/* ----------------------------------------------------------------------------------------------------------
Layout för sida med två kolumner
---------------------------------------------------------------------------------------------------------- */

.main_half{
	width:434px;
	background: #fff;
	margin-right: 10px;
	margin-top: 10px;
	float: left;
	padding: 0px 20px 20px 20px;
}
.main_half2{
	margin-top: 10px;
	width:434px;
	background: #fff;
		float: left;
		padding: 0px 20px 20px 20px;
}

/* ----------------------------------------------------------------------------------------------------------
Layout för startsidan
---------------------------------------------------------------------------------------------------------- */

#main_wrapper{
	width:960px;
}


#main_front{
	margin-top: 10px;
	float: left;
	background:#c6c1be url("img/KAMPANJ.jpg");
	width:560px;
	height: 250px;	
	padding: 0;
}

#main_front_right{
	margin-top: 10px;
	margin-left: 10px;
	float: left;
	background:#c6c1be url("img/KAMPANJ.jpg"); 
	position:relative; 
	width:390px;
	height: 250px;	
	color:#FFF;
}





#col_1{	
width:560px;
float: left;
margin: 10px 0 0 0;
position:relative; 
}



#col_news{

width:387px;
float: right;
margin: 10px 0 5px 10px;
position:relative; 
padding-bottom: 20px;
	
}
.news_entry{
border-bottom: 1px dotted #666;
margin: 0;
padding: 10px;	
float: left;
width: 100%;
}

.news_entry h3{
margin: 0;
font-size:16px;
letter-spacing: -1px;	
}
.readmore{
	margin-top: 5px;
	margin-right: 12px;
float: right;
padding: 5px;
background:#E8EBEE;
width: 105px;
clear: both;
text-decoration:none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align:center;
	}
.readmore:hover{
background:#ccc;
	}
.readmore a{
	color:#345474;
	text-decoration:none;
	}
.readmore a:hover{
	color:#444;
	text-decoration:underline;
	}	
#box_hembesok{
	margin-top: 10px;
	float: left;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background:#c6c1be url("img/KAMPANJ.jpg"); 
	position:relative; 
	padding: 20px;
	color:#FFF;
}

#box_hembesok a{
	color:#000;
	padding: 3px 5px 3px 5px;
	background:#FFF;
	float: right;
	margin-top: 5px;
		-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-decoration: none;
}
#box_hembesok a:hover{
	color:#000;
	background:#efece4;
}





#box{
	margin-top: 10px;
	float: left;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background:#c6c1be url("img/KAMPANJ.jpg"); 
	position:relative; 
	padding: 5px 10px 10px 10px;
	color:#FFF;
}

#box a{
	color:#000;
	clear: both;
	padding: 3px 5px 3px 5px;
	background:#FFF;
	float: left;
	margin-top: 5px;
		-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-decoration: none;
}
#box a:hover{
	color:#000;
	background:#efece4;
}









#footer{
margin-top: 10px;
border-top: 1px solid #ccc;
float: left;
width:960px;
padding: 10px 40px 10px 40px;
background:url(img/footer-bg.jpg) repeat-x;
}




.img-alignLeft{
float: left;
margin: 20px;
	
}

.img-alignRight{
float: right;
margin: 20px;
	
}




.dhtmlgoodies_question{	/* Styling question */
	/* Start layout CSS */
	color:#000;
	font-size:0.9em;
	background:#ccc url(img/pil-ned.png);
	background-repeat:no-repeat;
	background-position:center right;
	width:420px;
	margin-bottom:5px;
	margin-top:5px;
	margin-right:5px;
	padding:5px 5px 5px 5px;	
	height:22px;
	position: relative;
	float: left;

	/* End layout CSS */
	
	overflow:hidden;
	cursor:pointer;
}

.dhtmlgoodies_question:hover{
background-color:#b9d3df;	

}
.dhtmlgoodies_answer{	/* Parent box of slide down content */
	/* Start layout CSS */
	border-bottom:1px solid #ccc;
	background-color:#fff;
	width:430px;
	
	/* End layout CSS */
	
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;

}
.dhtmlgoodies_answer_content{	/* Content that is slided down */
	padding:1px;
	font-size:0.9em;	
	position:relative;
}







 /* FRONT SLIDE */
#s3slider {
   width: 560px; /* important to be same as image width */
   height: 250px; /* important to be same as image height */
   position: relative; /* important */
   top: -13px;
}
#s3slider a img{
border: 0
}

#s3sliderContent {
   width: 560px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
   padding: 0;
   
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
   list-style: none;
}


.s3sliderImage span {
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
} 








/* ======================== [ KONTAKT ]  ======================== */
.submit{
	
text-align:center;
float: right;
margin-right: 20px;
}
#contact-area {
	margin-top: 20px;
	background:#FFF;
	float:left;
	padding-top: 20px;
	border-top: 1px solid #ccc;
	width: 500px;
}
#contact-area input, #contact-area textarea {
	padding: 2px 2px 2px 2px;
	width: 99%;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
	float: left;
}
#contact-area textarea {
	height: 80px;
}

	 
#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #2e79b9;
	background:#CCC;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
	margin-right: 0px;
	
}
#contact-area-checkboxes{
border-top: 1px solid #ccc;	
}
.checkbox {
	border: 0;
	text-align:left;
	float: left;
	width: 440px;
	margin-left: 50px;
	}

label {
	float: left;
	text-align: left;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 1.4em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
}








#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
	}