/*
Theme Name: Äventyrligt (html forberett for slider for SEO)
Theme URI: http://aventyrligt.se/
Description: Theme made for Stefan Jarlhed, Aventyrligt.se in Åre.
Version: 2.0
Author: Tibor Berki

*/



*,html,body,object,iframe{
padding: 0;
margin: 0;
}

body{
background: #fff;
padding: 0 0 20px 0;
}

body,input{
font-size: 0.85em;
font-family: arial, helvetica, verdana, sans-serif;
color: #333;
}

p{
line-height: 1.4em;
margin-bottom: 1.0em;
/*text-align: justify;*/
}

a{
color: #038;
text-decoration: none;
outline:none;
}

a:hover{
text-decoration: underline;
}

.puff h2 a{
color: #006;
}



h1,
h2,
h3{
font-family:Arial, Helvetica, sans-serif; 
color:#333;
clear:both;
line-height:3em;
margin:20px auto 0 0;
border:1px dotted #660;
}



h1{
font-size: 1.7em;
}

h2{
font-size: 1.5em;
}

h3{
font-size: 1.2em;
color:#667;
}

h4{
font-size: 1em;
}

img{
border: none;
}

.entry img,.entry a img{
margin:0.5em 1em 0.5em 0;
}

img.alignleft{
position: relative;
float: left;
margin: 0em 2em 2em 0em;
}

img.alignright{
position: relative;
float: right;
margin: 0em 0em 2em 2em;
}



#activelogo{
position:absolute;
}

#activelogo a, #activelogo a:hover{
display:block; 
width: 500px;
height:90px;
margin-left:20px;
cursor:pointer; 
text-decoration:none;
}

#langswitch{
position:absolute;
float:left;
z-index:100;
}
#langswitch li{
margin:5px 0 0 0px;
padding:0;
list-style: none;
}
#langswitch a{
padding:5px;
width:30px;
z-index:999;
}

#upbg{
height:10px;
}

.breadcrumb{
margin:0 auto;
padding: 0;
text-align:center; 
font-size:0.85em;
color:#999;
}



#container{
position: relative;
width: 1030px;
min-height:640px;
background-color: #fff;
margin: 0 auto;
}

#header{
width: 100%; 
background:url("img/bg-top3.jpg") center top no-repeat;
height:195px;
}

#headercontent{
display:none;
}


#main{
width:980px;
margin:0 auto;
padding: 0;
text-align:left;

}

#primarycontent{
float: left;
width: 780px;
}

.slider {
	height: 425px;
	overflow: hidden;
	width: 760px;
	
}

#secondarycontent{
float: right;
width: 200px;
margin-top:10px;
background:url("img/bg-secondary-stjarna.png");
font-size:0.95em;
}

#secondarycontent ul{
list-style-type:none;
margin-bottom:10px;
}

#secondarycontent li{
margin-left:10px;
line-height:1.3em;
}

#secondarycontent a:hover{
margin-bottom:5px;
}


/* all menustuff  */
#menu{
float:left;
margin: 122px 0 0 100px;
height:30px;
}


#menu ul {
padding: 0;
margin: 0;
list-style: none;
line-height: 1em;
}

#menu a {
display: block;
width: 10em;
}

#menu a:hover{
text-decoration:none;
}

#menu li {
width: 133px;
float: left;
/* width needed or else Opera goes nuts */
}

#menu li a{
text-indent: -999em; 	
}
#menu li li a{
text-indent: 0; 	
}

#menu li ul { 
position: absolute;
background: #f3f3ff;
width: 10em;
left: -999em; 
margin:0 0 0 -15px;
}

#menu li ul li{
padding:0 0 0 10px ;
float: left;
}

#menu li ul a{
color: #038;
}

#menu li ul li:hover{
background:#fff;
}
#menu li ul li a:hover{
color:#000;
}
#menu li ul ul { 
/* 3+ sublevlar */
margin: -1.5em 0 0 9.7em;
font-size:0.9em;
}

#menu li:hover ul ul, #menu li.sfhover ul ul,#menu li:hover ul ul ul, #menu li.sfhover ul ul ul {/* 3 sublevlar */
left: -999em;
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}

#menu li:hover ul,#menu li.sfhover ul,#menu li a:hover { /* lists nested under hovered list items . over-klassen i java för IE*/
display: block;
	
}

li.page_item {display:block; width: 60px; height:18px;}

.home a{background:url("img/bg-menu.png") 0px 0px no-repeat; display:block; width: 60px; height:18px; margin: 0 0 0 0px; }
.home a:hover{background:url("img/bg-menu.png") 0px -18px  no-repeat;}
.home li ul:hover{background:none;}

.page-item-73 a{background:url("img/bg-menu.png") 0px -167px no-repeat; display:block; width: 80px; height:19px; margin: 5px 0 0 0px; }
.page-item-73 a:hover{background:url("img/bg-menu.png") 0px -187px no-repeat;}
.page-item-73 ul li a, .page-item-73 ul li a:hover{background:none;}

.page-item-19 a{background:url("img/bg-menu.png") 0px -39px no-repeat; display:block; width: 140px; height:20px; margin: 7px 0 0 -7px; }
.page-item-19 a:hover{background:url("img/bg-menu.png") -1px -60px no-repeat;}
.page-item-19 ul li a, .page-item-19 ul li a:hover{background:none;}

#menu ul .page-item-4 a{background:url("img/bg-menu.png") 0px -82px no-repeat;display:block; width: 75px; height:21px; margin: 10px 0 0 30px;}
#menu ul .page-item-4 a:hover{background:url("img/bg-menu.png") 0px -103px no-repeat;}

#menu ul .page-item-2 a{background:url("img/bg-menu.png") 0px -124px no-repeat;display:block; width: 80px; height:18px; margin: 19px 0 0 30px; }
#menu ul .page-item-2 a:hover{background:url("img/bg-menu.png") 0px -142px no-repeat;}

/*wp more tagg*/
.lasmer,.tillbaka{background:url("img/but-arrow.png") 0px 0px no-repeat;display:block; width: 57px; height:22px; margin: 10px 0 0 3px;clear:both; }
.lasmer:hover{background:url("img/but-arrow.png") 0px -25px no-repeat }
.tillbaka{background:url("img/but-arrow.png") 0px -52px no-repeat; height:22px;}
.tillbaka:hover{background:url("img/but-arrow.png") 0px -76px no-repeat}

a:hover span.lasmer,a:hover span.tillbaka {cursor:pointer;}

#menu ul li span{visibility:hidden;}
#menu  li li span{visibility:visible;}

/* end meny */






ul#gallery_menu, #langswitch{
list-style:none;
}


#search{
position: absolute;
top: 10px;
right: 32px;
}

#search input.text{
background: #2564A2 url("img/bg-puff-grey.jpg") right bottom ;
margin-right: 10px;
vertical-align: middle;
border-top: solid 1px #666;
border-right: 0px;
border-bottom: solid 1px #333;
border-left: 0px;
padding: 3px;
width: 10.0em;
}
#search input:focus {
background: #fff;
color: #333;
border: 1px solid #666;
}

#search input.submit{
background: #2564A2 url("img/bg-puff-grey.jpg") 0px -7px ;
border: solid 1px #666;
border-bottom: solid 1px #333;
font-weight: bold;
padding: 2px;
font-size: 0.9em;
color: #000;
vertical-align: middle;
}


#footer{
position: relative;
clear: both;
font-size: 0.67em;
background:url("img/bg-footer3.jpg") center top no-repeat;
height:200px;
}


#footer p{
padding-top:200px;
text-align:center;
}

#footer .right{
position: absolute;
right: 40px;
bottom: 0;
}


.puff{
float:left;
width:160px;
background:url("img/bg-puff-grey.jpg") left top no-repeat;
margin:0 20px 0 0;
padding:0 5px 0 4px;
min-height:420px;
font-size:0.8em;
color:#333;

}

.puff h2{
float:left;
background:url("img/bg-puff-grey.jpg") left bottom; 
font-size:16px;
text-align:left;
line-height:25px;
margin-top:192px;
padding-left:5px;
color:#003;
width:100%;
opacity:0.7;
}


.puff img{
margin:-218px 0 0 0;
}


.narrow{width:680px;}

.entry{/*las mer div. Text ersatt av bg bild i span.lasmer */
font-size:0.9em;
line-height:1.3em;
color:#444;
margin:0 40px 0 130px;
}

.column{
float:left;
width:48%;
padding-right:2%;
}

.cyklist{
background:url("img/bg-cyklist.png") 0 0 no-repeat;
height:50px;width:70px;
position:absolute;}
.kajakist{
background:url("img/bg-kajakist.png") 0 0 no-repeat;
height:50px;
width:70px;
position:absolute;
}


span.pissoff:after { content: "info\40 aventyrligt.se"; }




.hide,
.hidden,
h1 span,
h2 span, 
h3 span, 
h4 span{
text-indent:-9999px;
overflow:hidden;
}

.center{
text-align:center;
}

.clear{
clear:both;
height:0.1%;
}

blockquote{
background: #FDFCF6 url('images/boxbg.gif') repeat-x;

}



/* Begin Contact Form ][ CSS */
.contactform {
	position: static;
	overflow: hidden;
}

.contactform input,.contactform textarea{
	background: #f3f3f3;
	color: #333;
	border: 1px solid #999;
	padding:2px 0;
}
.contactform input:focus, .contactform textarea:focus{
	background: #fff;
	color: #333;
	border: 1px solid #666;
}

.contactform submit:hover{
	cursor:pointer;
	}

.contactleft {
	width: 20%;
	text-align: right;
	clear: both;
	float: left;
	display: inline;
	padding: 4px;
	margin: 5px 0;
 /*   font-weight: bold; */
}

.contactright {
	width: 75%;
	text-align: left;
	float: right;
	display: inline;
	padding: 4px;
	margin: 5px 0;
}

.contacterror {
	border: 2px dashed #ff0000;
}
/* End Contact Form ][ CSS */