/*
Kunde: Valdres Tremiljų
© 2007 Kreativ Strek AS
Dokumentet er laget med enerett for www.valdrestre.no
*/

/*----------Attributter for dokumentet----------*/

html, body {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	font-family:Tahoma, Arial, Verdana, Arial;
	font-size:11px;
	line-height:18px;
	color:#525252;
	font-weight:normal;
}

/*----------Layout-DIV'er----------*/

.header1 {
	width:100%;
	height:437px;
	background:url(../images/header_bg.jpg) repeat-x;
	z-index:1;
}

#header2 {
	position:absolute;
	top:0px;
	left:0px;	
	width:100%;
	height:793px;
	background:url(../images/demo.jpg) no-repeat;
	z-index:2;
}

#sprell {
	position:absolute;
	top:0px;
	left:287px;
	z-index:3;
	width:440px;
	height:67px;
	background:url(../images/sprell_bg.jpg);
	padding-top:17px;
	padding-right:64px;
	padding-left:60px;
	text-align:right;
}

#photodiv {
	background:url(../images/header.jpg);
	 position:absolute;
	z-index:1;
	top:0px;
	left:307px;
	width:650px;
	height:196px;
}


#sprell img {
	float:right;
	margin-right:6px;
	margin-left:6px;
}

.sprelltekst {
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	line-height:13px;
	float:right;
	text-shadow: #7d0722 2px 2px 0px;
}

.sprelltekst a {
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#ffffff;
	line-height:13px;
	text-shadow: #7d0722 2px 2px 0px;
}

.sprelltekst a:hover {
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#ffffff;
	line-height:13px;
	text-shadow: #7d0722 2px 2px 0px;
	text-decoration:none;
	border-bottom:3px solid #780620;
}



a#ks {
	position:absolute;
	left:747px;
	top:711px;
	width:92px;
	height:114px;
	z-index:2;
	background:url(../images/ks.gif) no-repeat;
	padding-bottom:40px;
}

a#lang_en:hover {
	background-image:url(../images/en_mo.gif);
}

#wrap {
	position:absolute;
	z-index:10;
	top:250px;
	left:307px;
	width:399px;
	height:auto;
	display:block;
	padding-bottom:40px;
}

#tekstboks {
	float:left;
	position:relative;
	width:454px;
	height:auto;
	padding-bottom:25px;
}

.spacer {
	width:339px;
	height:10px;
	display:block;
}

#hoyrewrap {
	position:absolute;
	top:310px;
	left:803px;
	width:154px;
	height:auto;
	display:block;
	padding-bottom:40px;
}

/*#footer {
	float:left;
	position:relative;
	width:454px;
	height:35px;
	padding-top:6px;
	background:url(../images/footer.gif) no-repeat;
}*/

#footer {
	float:left;
	position:relative;
	width:454px;
	height:25px;
	
	border-top: dotted #E1A063 1px;
	border-bottom: dotted #E1A063 1px;

	text-align: center;
	padding-top: 6px;
	font-size: 10px;
}


#venstre {
	float:left;
	width:330px;
    }
	
#hoyre {
	float:right;
	text-align:right;
	width:240px;
    }

.bildewrap {
	float:right;
	width:139px;
	display:block;
	height:auto;
	background:url(../images/saksbilde_bg.jpg) no-repeat;
	margin-left:20px;
	margin-bottom:20px;
	margin-top:4px;
}

.bildewrap img {
	padding-top:16px;
	padding-left:16px;
	padding-right:16px;
	padding-bottom:-10px;
}

a.wrapbunn {
	width:139px;
	height:42px;
	display:block;
	background:url(../images/bunn.gif) no-repeat;
}

a.wrapbunn:hover {
	width:139px;
	height:42px;
	display:block;
	background:url(../images/bunn_mo.gif) no-repeat;
}

.bildet {
	position:relative;
	float:left;
	z-index:1;
	width:148px;
	height:131px;
	cursor:pointer;
}

#bildetekst {
	position:relative;
	float:left;
	font-family:Tahoma, Verdana, Arial;
	font-size:10px;
	line-height:10px;
	margin:0;
	height:10px;
	z-index:2;
	width:144px;
	display:block;
	background:#363637 url(../images/kryss.gif) no-repeat;
	background-position:135px;
	color:#d1b882;
	padding:4px 0px 5px 4px;
	cursor:pointer;
}

.skjult {
	display: none;
	visibility: hidden;
}

a#adresse {
	position:absolute;
	left:373px;
	top:18px;
	width:305px;
	height:12px;
	z-index:1;
	background:url(../images/adresse.gif) no-repeat;
}

/*----------Tekststiler----------*/

p {
	font-family:Tahoma, Arial, Verdana, Arial;
	font-size:11px;
	line-height:18px;
	color:#525252;
	font-weight:normal;
	text-align:left;
	text-decoration: none;
	display:block;
	margin-top:0;
} 


.arkivdato {
	font-family:Tahoma, Verdana, Arial;
	font-size:10px;
	line-height:10px;
	color:#e1a063;
	font-weight:normal;
	text-align:left;
	text-decoration: none;
	display:inline;
} 

.arkiv {
	font-family:Tahoma, Verdana, Arial;
	font-size:10px;
	line-height:10px;
	color:#a40d28;
	font-weight:bold;
	text-align:left;
	text-transform:uppercase;
	text-decoration: none;
	width:434px;
	display:block;
	float:left;
	margin-bottom:-1px;
	padding:10px;
	border-top:1px #e1a063 dashed;
	border-bottom:1px #e1a063 dashed;
} 

.arkiv:hover {
	color:#a40d28;
	font-weight:bold;
	text-align:left;
	text-decoration: none;
	border-top:1px #e1a063 dashed;
	border-bottom:1px #e1a063 dashed;
	background:#e9eac3;
}

td {
	font-family:Tahoma, Verdana, Arial;
	font-size:11px;
	color:#525252;
	font-weight:normal;
	text-align:left;
	text-decoration: none;
}

.dato {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 10px;
	line-height:10px;
	font-weight:normal;
	text-align:left;
	color: #e1a063;
	display:block;
	margin-top:6px;
	margin-bottom:11px;
	text-transform:uppercase;
}

.skjult {
	display: none;
	visibility: hidden;
}

.spacer {
	line-height:13px;
	width:100%;
}


.kampanjehoyre {
	width:182px;
	height:180px;
	float:right;
	display:block;
	margin-right:12px;
	margin-bottom:12px;
	_margin-bottom:-99px; /* IE Haxxor */
	z-index:1;
}


.kampanje {
	width:182px;
	height:180px;
	float:left;
	display:block;
	margin-right:12px;
	margin-bottom:12px;
	z-index:1;
}

.kampanje:hover {
	text-decoration:none;
	border:0;
}

.blue {
	width:158px;
	height:57px;
	position:relative;
	display:block;
	float:left;
	z-index:2;
	top:101px;
	background-color:#3c4e98;
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
	padding:12px;
	padding-top:10px;
}

.hjorne {
	width:9px;
	height:9px;
	position:relative;
	float:left;
	z-index:2;
	top:-79px;
	background:url(../images/corner.gif) no-repeat;
}

.beskrivelse {
	color:#ffffff;
	font-family:Arial, Tahoma, Verdana, Arial;
	font-size:11px;
	line-height:15px;
	font-weight:normal;
	text-transform:none;
	display:block;
}

.lesmeir {
	color:#afbbed;
	font-family:Arial, Tahoma, Verdana, Arial;
	font-size:11px;
	line-height:11px;
	margin-top:18px;
	font-weight:normal;
	text-transform:none;
	display:block;
}



/*----------Attributter for bilder----------*/

img {
	border:0px;
}

.nyhetsbilde {
	float:right;
	margin-bottom:21px;
	margin-left:0px;
}

.saksbilde {
	float:right;
	margin-bottom:20px;
	margin-left:30px;
}

.produktbilde {
	float:right;
	width:182px;
	padding:9px;
	border:1px dashed #72c61f;
	margin-bottom:15px;
}

.kategoriar {
	float:left;
	margin-top:10px;
	margin-right:22px;
}

.panorama {
	margin-top:20px;
	margin-bottom:20px;
}


/*----------Overskrifter----------*/

h1 {
	position: absolute;
	margin:0; 
	top:66px;
	left:80px;
	background: url(../images/logo.gif) no-repeat;
	height:148px;
	width:184px;
	z-index:5;
	display:block;
}

h1 a {
	display:block;
	top:66px;
	left:80px;
	height:148px;
	width:184px;
}

h2, h3, h4, h5 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
	margin: 0;
	padding: 0;
	color:#3a3636;
}
	
h2 {
	font-size: 22px;
	display: block;
	margin-bottom:12px;
}

h3 {
	font-size:16px;
	text-transform:uppercase;
}

/*----------Linker i dokumentet----------*/

a { 
	font-weight: normal;
	text-decoration: none; 
	COLOR: #0c67a7;
}

a:hover { 
	COLOR: #0c67a7;
	font-weight: normal;
	text-decoration:underline;
}


/*----------LISTER_MENYER----------*/

/*-------Hovedmeny-------*/


ul#hovedmeny {
	position:absolute;
	left:307px;
	top:173px;
	width:635px;
	height:36px;
	padding: 0;
	padding-left:20px;
	margin:0;
	z-index:10;
	list-style: none;
	cursor:pointer;
}

ul#hovedmeny li a {
	display:block;
	_display:inline;

}

ul#hovedmeny li {
	float:left;
	position:relative;
	list-style:none;
}			
		
li a.menyvalg {
	height:19px;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height:14px;
	font-weight:normal;
	margin-right:18px;
	color: #fff;
	text-decoration:none;
}

li a.menyvalg:hover {
	color:#fff;
	font-weight:normal;
	text-decoration:none;
	border-bottom:5px solid #fff;
}

li a.menyvalgaktiv {
	height:auto;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height:14px;
	font-weight:normal;
	margin-right:18px;
	color: #fff;
	height:19px;
	text-decoration: none;
	border-bottom:5px solid #fff;
}

li a.menyvalgaktiv:hover {
	color:#fff;
	font-weight:normal;
	text-decoration:none;
	border-bottom:5px solid #fff;
}








ul#submeny{
	position:absolute;
	top:250px;
	left:46px;
	height:auto;
	width:218px;
	list-style: none;
	padding:0;
	padding-top:52px;
	padding-left:30px;
	margin:0;
	min-height:150px;
	z-index:15;
	background:#ffffff url(../images/submeny.jpg) no-repeat;
}

.massivtreknapp {
	width:48px;
	height:77px;
	margin-top:45px;
	margin-left:117px;
	background:url(../images/massivtrelogo.gif) no-repeat;
}
	
	
ul#submeny li {
	display: block;
	float:left;
}
		
ul#submeny li a {
	display: block;
}		
		
li a.submenyvalg {
	width:165px;
	height:auto;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height:11px;
	font-weight:normal;
	text-align:right;
	padding-right:0px;
	padding-top:9px;
	padding-bottom:10px;
	color: #525252;
	margin-top:1px;
	text-decoration: none;
	background:url(../images/submenyvalg.gif) no-repeat;
	text-transform:none;
}


li a.submenyvalg:hover {
	color:#0c67a7;
	font-weight:normal;
	text-decoration:none;
	background:url(../images/submenyvalg.gif) no-repeat;

}

.linje {
	background:url(../images/submenyvalg.gif) no-repeat;
	width:165px;
	height:1px;
	display:block;
}

li a.submenyvalgaktiv {
	width:137px;
	height:auto;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height:11px;
	font-weight:bold;
	text-align:right;
	padding-right:16px;
	padding-top:9px;
	padding-bottom:11px;
	color: #ffffff;
	margin-top:1px;
	text-decoration: none;
	background:url(../images/submeny.gif) -153px 0px;
	text-transform:none;
	text-shadow: #7d0722 2px 2px 0px;
}

li a.submenyvalgaktiv:hover {
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	background:url(../images/submeny.gif) -153px 0px;
	text-shadow: #7d0722 2px 2px 0px;
}









/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */


.sIFR-hasFlash h2 {
	visibility: hidden;
	font-size:20px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: 0px;
	font-size:13px;
	
}


/* Lightbox JS */



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

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #ffffff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	border-top: 1px solid #b6e3fa;
	border-left: 1px solid #b6e3fa;
	border-right: 1px solid #b6e3fa;
	}

#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: transparent url(../images/blank.gif) no-repeat; /* 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: 11px Tahoma, Verdana, Helvetica, sans-serif;
	background: url(../images/lightbg.jpg);
	margin: 0 auto;
	line-height: 1.4em;
	border-bottom: 1px solid #b6e3fa;
	border-left: 1px solid #b6e3fa;
	border-right: 1px solid #b6e3fa;
}

#imageData {
	padding:0 10px;
}

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: normal; color:#353535;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 100px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 100%;
}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}