body {
background:url(images/bg.jpg) repeat;
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#876039;
}
p{

line-height:18px;
padding:5px 0 5px 0;
margin:0px;
}
p.tab_content{
width:200px;
padding:105px 15px 0 15px;
margin:0px;
}
a.read_more{
float:right;
padding:0 15px 0 0;
}
.clear{
clear:both;
}
#main_container{
width:960px;
height:auto;
margin:auto;
background:url(images/header_bg.jpg) no-repeat center top;
}


a{
text-decoration:none;
color:#333333;
}

a:hover{
text-decoration:underline;
}


#header{
width:960px;
height:160px;
margin:auto;
}
#logo{
clear:both;
margin:auto;
width:370px;
}
/*----------------------menu-------------------------*/
#menu{
width:272px;
background:url(images/menu_bg.gif) no-repeat center;
float:right;
height:22px;
padding:0;
margin:0 20px 0 0;
}
#menu ul{
list-style:none;padding:0px;margin:0px;display:block;
}
#menu ul li{
list-style:none;display:inline;float:left;width:auto;padding:0px; font-size:12px; font-weight:bold; font-style:italic; line-height:18px;
}
#menu ul li.divider{
list-style:none;display:inline;float:left;width:2px; height:22px; background:url(images/menu_divider.gif) no-repeat center;padding:0px 1px;
}
#menu ul li a{
float:left;text-decoration:none;padding:0px 10px 0 10px;_padding:0px 9px 0 9px; color:#feecda;text-align:center;
}
#menu ul li a:hover{
text-decoration:none;color: #fff;
}
#menu ul li a.current{
float:left;text-decoration:none;padding:0px 10px 0 10px;_padding:0px 9px 0 9px;color: #fff;
}
/*-----------------slider----------------------*/
div#slider {
font-weight:bold;
font-style:italic;
text-align:justify;
width:900px;
height:265px;
padding:0px; 
margin:0px;
float:left; 
position: relative;
}
.stripViewer { 
position: relative;
overflow: hidden; 
width:900px;
height:265px;
float: left;
margin:0px;
}
.stripViewer .panelContainer { 
position: relative;
left: 0; top: 0;
width: 100%; height: 100%;
list-style-type: none;
float: left; overflow: hidden;
}
.stripViewer .panelContainer .panel {
float:left;
overflow: hidden;
position: relative;
width:900px;
height:265px;
padding: 0px;
}
.stripNavL, .stripNavR {
text-indent: -9000em;
}
div.featured-arrow {
width:27px; height:89px;
float: left;
padding:70px 0px 0px 0px;
}
.csw {width: 100%; height: 100%; overflow: hidden; float: left;}
.csw .loading { margin: 100px 0 300px 0; text-align: center; color: #fff; font-weight: bold;font-size: 12px; }
.tab1{
width:239px;
height:236px;
float:left;
margin:0 32px 0 29px;
_margin:0 32px 0 19px;
background:url(images/tabamaze.gif) no-repeat center;
}
.tab2{
width:239px;
height:236px;
float:left;
margin:0 32px 0 29px;
_margin:0 32px 0 19px;
background:url(images/tabjinna.gif) no-repeat center;
}
.tab3{
width:239px;
height:236px;
float:left;
margin:0 32px 0 29px;
_margin:0 32px 0 19px;
background:url(images/tabfia.gif) no-repeat center;
}
.tab4{
width:239px;
height:236px;
float:left;
margin:0 32px 0 29px;
_margin:0 32px 0 19px;
background:url(images/tabfol.gif) no-repeat center;
}
.tab5{
width:239px;
height:236px;
float:left;
margin:0 32px 0 29px;
_margin:0 32px 0 19px;
background:url(images/tabtillsalu.gif) no-repeat center;
}
.tab6{
width:239px;
height:236px;
float:left;
margin:0 32px 0 29px;
_margin:0 32px 0 19px;
background:url(images/tabfotoalbum.gif) no-repeat center;
}

/*-----------------huvuddel----------------------*/
/*-----------------uppe höger nere vänster----------------------*/
.main_content{
width:878px;
padding:0px 0px 30px 0px;
clear:both;
margin:auto;
background:url(images/center_bg.jpg) no-repeat center top;
}

.left_content{
width:375px;
float:left;
padding:15px 0 0px 20px;
}
.right_content{
width:430px;
float:left;
padding:15px 0 0px 40px;
}
.wide_content{
width:820px;
float:left;
padding:15px 0 30px 20px;
}
.ruta_hel{
width:800px;
float:left;
padding:0px 0 10px 0px;
}

.ruta_tredelad{
width:260px;
float:left;
padding:10px 5px 10px 5px;
}
.ruta_fyrdelad{
width:195px;
float:left;
padding:10px 2px 10px 2px;
}
.ruta_tudelad{
width:350px;
float:left;
padding:10px 5px 10px 5px;
}
.ruta_titel{
font-size:18px;
color:#e77330;
}
.ruta_undertitel{
float:left;
padding:5px 0 0 0px;
font-size:14px;
font-weight:bold;
color:#95b313;
}
.titel_nyheter{
font-size:14px;
font-weight:bold;
color:#95b313;
}

/*-----------------vänster----------------------*/

.title{
font-size:18px;
color:#e77330;
clear:both;
padding:5px 0 5px 0px;
}
.title_left{
font-size:18px;
color:#e77330;
clear:left;
padding:5px 0 5px 0px;
}
img.left_img{
float:left;
padding:0;
margin:5px 6px 0 0;
border:1px #c3b688 solid;
}

img.general_img{
padding:0;
margin:0px 6px 0 0;
border:1px #c3b688 solid;
}

img.right_img{
float:right;
padding:0;
margin:0 5px 0 0;
border:1px #c3b688 solid;
}
.banner{
width:374px;
height:86px;
float:left;
background:url(images/banner_bg.jpg) no-repeat center;
margin:10px 0 15px 0px;
}
img.news_icon{
float:left;
padding:12px 0 0 17px;
}
p.banner_content{
width:265px;
float:left;
padding:10px 0 0 15px;
}
/*-----------------höger----------------------*/
.project_box{
width:430px;
float:left;
clear:both;
padding:10px 0 30px 0;
margin:0 0 10px 0;
background:url(images/border.jpg) no-repeat center bottom;
}
.ponny_box{
width:740px;
float:left;
clear:both;
padding:10px 0 10px 0;
margin:0 0 0px 0;
}
.project_title_tab{
width:436px;
float:left;
height:15px;
}
.project_bullet{
width:22px;
height:22px;
line-height:22px;
background:url(images/green_bullet.jpg) no-repeat center;
text-align:center;
color:#FFFFFF;
float:left;
font-weight:bold;
margin:0 5px 0 0px;
}
.project_title{
float:both;
padding:5px 0 0 7px;
font-size:14px;
font-weight:bold;
color:#95b313;
}

.project_content{
clear:both;
padding:15px 0 0 0;
}
.project_content p{
}
.project_box_ponny{
width:430px;
float:left;
clear:both;
padding:5px 0 20px 0;
margin:0 0 10px 0;
background:url(images/border.jpg) no-repeat center bottom;
}
.project_content_ponny{
clear:both;
padding:5px 0 0 0;
}

.project_box_left{
width:375px;
float:left;
clear:both;
padding:5px 0 20px 0;
margin:0 0 10px 0;
}
.info_titelruta{
width:436px;
float:left;
height:10px;
clear:both;
}
.info_titelruta_left{
width:375px;
float:left;
height:10px;
clear:both;
}
.info_titel{
float:left;
padding:2px 0 5px 0px;
font-size:14px;
font-weight:bold;
color:#95b313;
}

/*-----------------------contact_form-------------------*/
#contact_form{
width:370px;
height:auto;
padding:20px 0 0 10px;
}
.form_row{
float:left;
padding:7px 0 7px 0;
}
label{
width:60px;
float:left;
padding:3px 5px 0 0;
color:#89613a;
text-align:right;
font-weight:bold;
}
input.contact_input{
width:293px;
height:24px;
float:left;
border:1px #c3b688 solid;
background-color:#f2edd1;
color: #89613a;
}
textarea.contact_textarea{
width:293px;
height:80px;
float:left;
border:1px #c3b688 solid;
background-color:#f2edd1;
color: #89613a;
}
input.send_message{
float:right;
padding:10px 10px 0 0;
}

/*------------footer----------------*/
.footer{
width:960px;
height:181px;
clear:both;
margin:auto;
color:#876039;
font-weight:bold;
font-style:italic;
background:url(images/bgbottom.gif) no-repeat center top;
}
.right_footer{
float:right;
padding:70px 10px 0 0;
}
.right_footer a:link{
padding:0 0px 0 0px;
font-style:italic;
color:#876039;
}
.right_footer a:visited{
color:#876039;
}
.footer_menu{
padding:0 0px 0 15px;
float:left;
}


/*------------lightbox----------------*/

#lightbox{	
position: absolute;	
left: 0; 
width: 100%; 
z-index: 100; 
text-align: center; line-height: 0;
}

#lightbox img{ 
width: auto; 
height: auto;
}

#lightbox a img{ 
border: none; 
}

#outerImageContainer{ 
position: relative; 
background-color: #fff;
width: 250px; 
height: 250px; 
margin: 0 auto; 
}

#imageContainer{ 
padding: 10px; 
}

#loading{ 
position: absolute; 
top: 40%; 
left: 0%; 
height: 25%; 
width: 100%; 
text-align: 
center; 
line-height: 0; }

#hoverNav{ 
position: absolute; 
top: 0; 
left: 0; 
height: 100%; 
width: 100%; 
z-index: 10; }

#imageContainer>#hoverNav{ 
left: 0;}

#hoverNav a{ 
outline: none;}

#prevLink, #nextLink{ 
width: 49%; 
height: 100%; 
background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }

#prevLink { 
left: 0; 
float: left;}

#nextLink { 
right: 0; 
float: right;}

#prevLink:hover, #prevLink:visited:hover { 
background: url(images/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { 
background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ 
font: 10px Verdana, Helvetica, sans-serif; 
background-color: #fff; 
margin: 0 auto; 
line-height: 1.4em; 
overflow: auto; 
width: 100%	; }

#imageData{	
padding:0 10px; 
color: #666; }

#imageData #imageDetails{ 
width: 70%; 
float: left; 
text-align: left; }	

#imageData #caption{ 
font-weight: bold;	}

#imageData #numberDisplay{ 
display: block; 
clear: left; 
padding-bottom: 1.0em;	}	
		
#imageData #bottomNavClose{ 
width: 66px; 
float: right;  
padding-bottom: 0.7em; 
outline: none;}	 	

#overlay{ 
position: absolute; 
top: 0; 
left: 0; 
z-index: 90; 
width: 100%; 
height: 500px; 
background-color: #000; }