/* CSS Nøsen Fjellstue*/

/* Hovedelement */

body {
text-align: center;
margin-top: 0px;
padding-top: 0px;
background-color: #F0F0EB;
line-height: 15px;
behavior:url("css/csshover.htc");
}
#container {
padding-top: 30px;
width: 782px;
margin-left: auto;
margin-right: auto;
}
#topp {
width: 782px;
height: 18px;
background-image: url(../img/struktur/top.gif);
background-repeat: no-repeat;
text-align: right;
font: 10px/16px Tahoma,sans-serif;
color: #ebe8da;
}
#header {
margin-top: 0;
height: 109px;
width: 782px;
background-image: url(../img/struktur/header.png);
vertical-align: top;
text-align: left;
}
#menyheader {
margin-left: 2px;
height: 27px;
}
.meny {
vertical-align: top;
background-color: #871a1a;
text-align: center;
font: 11px/17px Tahoma,sans-serif;
}
.meny_hjorne {   
width: 110px;  
vertical-align: top;
background-color: #871a1a;
text-align: center;
font: 11px/17px Tahoma,sans-serif;
}
.submeny {    
vertical-align: top;
background-color: #871a1a;
text-align: center;
font: 11px/17px Tahoma,sans-serif;
}
#innhold {
clear: both;
width: 782px;
background-color: #ffffff;
background-image: url(../img/struktur/innh_bg.gif);
background-repeat: repeat-y;
text-align: left;
overflow: hidden;
font: 11px/15px Tahoma, Verdana, sans-serif;
color: #4d442d; /*786d4f;*/
}
#snakkeboble {
width: 107px;
height: 102px;
margin-left: 36px;
/*background-image: url(../img/snakkeboble.gif); */
background-repeat: no-repeat;
text-align: left;
overflow: hidden;
font: 11px/15px Tahoma, Verdana, sans-serif;
color: #fff;

}
/* Kolonner */
#kol_v {
  margin-right: 35px;
	width: 435px;
  min-height: 260px; 
  /*background-color: #EBE8DA;*/
	float: left;
	background-image: url(../img/struktur/i_bg.gif);
	background-repeat: no-repeat;
	background-position: top left;
  font: 11px/15px Tahoma, Verdana, sans-serif;
  padding-top: 20px;
  padding-left: 45px;
	}
#kol_h {
  width: 245px;
  background-color: #ffffff;
  float: left;
  font: 11px/15px Tahoma,sans-serif;
  margin-top: 10px;
}
#alt_layout {
  margin-right: 35px;
	width: 705px;
  min-height: 260px; 
  /*background-color: #EBE8DA;*/
	float: left;
	background-image: url(../img/struktur/i_bg.gif);
	background-repeat: no-repeat;
	background-position: top left;
  font: 11px/15px Tahoma,sans-serif;
  padding-top: 20px;
  padding-left: 45px;
}
#forsidefelt {
  width: 240px;
  height: 250px;
  text-align: left;
  margin-left: 7px;
  font: 12px/15px Tahoma, Verdana, sans-serif;
  position: relative;
  z-index: 0;
  }

#innhold_slutt {
     clear: both;
  	 height: 13px;
  	 width: 782px;
  	 background-image: url(../img/struktur/artikkeltopp.gif);
  	 background-repeat: no-repeat;
  	 background-position: bottom left;
}
#rubrikker {
     height: 93px;
  	 width: 767px;
  	 padding-left: 15px;
  	 overflow: hidden;
		 background-color: #ffffff;
		 background-image: url(../img/struktur/innh_bg.gif);
		 background-repeat: repeat-y;
}
#fot {
		 clear: both;
		 height: 85px;
		 width: 768px;
		 margin-top: 0;
		 margin-left: 6px;
		 border: 0px solid;
  	 overflow: hidden;
		 color: #ebe8da;
     background-color: #7e1818;
		 background-image: url(../img/struktur/fot_bunn.gif);
		 background-repeat: no-repeat;
		 background-position: bottom left;
}
.i_rubrikk {
  width: 240px;
  height: 80px;
  padding: 0px 8px 0px 3px;
  margin-left: 0;
  font: 10px/12px Tahoma,sans-serif;
  text-align: left;
  background-image: url(../img/struktur/rubrikk_bg.gif);
  background-repeat: no-repeat;
  float: left;
}
.i_rubrikk_3 {
  background-image: url(../img/struktur/rubrikk_bg_3.gif);
}
.i_start {
  margin-left: 6px;
}
.i_rubrikk img {
  position: relative;
  margin-top: 0;
  margin-left: 0;
  z-index: 3;
  float: right;
}
.i_rubrikk h3 {
  font: bold 11px/15px Tahoma,sans-serif;
  margin: 0;
  padding: 0;
  color: #730f0e;
}
.bar_v_topp {
  overflow: hidden;
  width: 240px;
  height: 10px;
  background-position: top left;
	background-image: url(../img/struktur/bar_v_topp.gif);
  background-repeat: no-repeat;
}
.bar_v {
  overflow: hidden;
  width: 224px;
  height: 200px;
	margin: 0;
  background-color: #f2f0e7;
  background-position: bottom left;
	background-image: url(../img/struktur/bar_v_bunn.gif);
  background-repeat: no-repeat;
  padding-left: 16px;
}

/* Dropdownmeny */
ul {
  padding: 0;
  margin: 0;
  list-style: none;
  height: 27px;
  margin-left: -1px;
  }
  
li {
  
  float: left;
  position: relative;
  height: 27px;
  }
  
li ul {
  display: none;
  position: absolute;
  top: 27px;
  left: 0;
  }

li > ul {
	top: auto;
	left: auto;
	}

li.dropdown {
  border: 1px solid #ebe8da;
  border-top: 0;
  width: 110px;
  z-index: 2; 
  /*padding: 2px 0 2px 0;   */
}

li:hover ul, li.over ul{ display: block;}

/* Div */

/*.album_bilde {
    width: 150px;
    height: 120px;
    display: block;
    float: left;
    margin-right: 10px;
    padding-top: 10px;
		background-color: #ebe8da;
		text-align: center;
}*/

a.album_bilde:link, a.album_bilde:visited {
    text-decoration:none;
		color: #660000;
    width: 150px;
    height: 120px;
    display: block;
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
    padding-top: 10px;
		background-color: #ebe8da;
		text-align: center;
}
a.album_bilde:hover, a.album_bilde:active {
    text-decoration:none;
		color: #660000; 
    width: 150px;
    height: 120px;
    display: block;
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
    padding-top: 10px;
		background-color: #f3f2ea;
		text-align: center;
}

/* Tekst */

h1 {
color: #545250;
font-family: gillsans bold,  verdana, tahoma;
font-size: 15px;
}
h2 {
font: 14px/17px Tahoma,sans-serif;
font-weight: bold;
color: #871a1a;
}
h3 {
  font: bold 11px/15px Tahoma,sans-serif;
  margin: 0;
  padding: 0;
  color: #730f0e;
}
h5 {
margin: 0;
padding: 0;
color: #000000;
font-size: 10px;
font-weight: normal;
}
.bunntekst {
font-family: verdana, tahoma;
font-size: 10px;
color: #B4886B;
}

/* Linker */                                      
a.meny:link {text-decoration:none; display: block; width: 100px; font-weight: bold; color: #fff; padding: 5px 5px 5px 5px; background-image: url(../img/struktur/menybg_rod.gif);}
a.meny:visited {text-decoration:none; display: block; width: 100px; font-weight: bold; color: #fff; padding: 5px 5px 5px 5px; background-image: url(../img/struktur/menybg_rod.gif);}
a.meny:hover {text-decoration:none; display: block; width: 100px; color: #871a1a; background-color: #ffffff; background-image: url(../img/struktur/menybg_hvit.gif);}
a.meny:active {text-decoration:none; display: block; color: #000000;}
a.meny_hjorne:link {text-decoration:none; display: block; width: 103px; font-weight: bold; color: #fff; padding: 5px 5px 5px 5px; background-image: url(../img/struktur/menybg_rod_hjorne.gif); background-repeat: no-repeat; background-position: top left;}
a.meny_hjorne:visited {text-decoration:none; display: block; width: 103px; font-weight: bold; color: #fff; padding: 5px 5px 5px 5px; background-image: url(../img/struktur/menybg_rod_hjorne.gif); background-repeat: no-repeat; background-position: top left;}
a.meny_hjorne:hover {text-decoration:none; display: block; width: 103px; color: #871a1a; background-color: #fff; background-image: url(../img/struktur/menybg_hvit_hjorne.gif); background-repeat: no-repeat; background-position: top left;}
a.submeny:link {text-decoration:none; display: block; width: 100px; background-color: #871a1a; color: #ffffff; padding: 5px 5px 5px 5px; background-image: url(../img/struktur/menybg_rod.gif);}
a.submeny:visited {text-decoration:none; display: block; width: 100px; background-color: #871a1a; color: #ffffff; padding: 5px 5px 5px 5px; background-image: url(../img/struktur/menybg_rod.gif);}
a.submeny:hover {text-decoration:none; display: block; width: 100px; border: 0px solid #871a1a; color: #871a1a; background-color: #ffffff; background-image: url(../img/struktur/menybg_hvit.gif);}
a.submeny:active {text-decoration:none; display: block; color: #000000;}
a.link:link {text-decoration:none; color: #660000;}
a.link:visited {text-decoration:none; color: #660000;}
a.link:hover {text-decoration:underline; color: #000000;}
a.link:active {text-decoration:none; color: #000000;}
a.bunn:link {text-decoration:none; color: #B4886B;}
a.bunn:visited {text-decoration:none; color: #B4886B;}
a.bunn:hover {text-decoration:none; color: #000000;}
a.bunn:active {text-decoration:none; color: #000000;}
a:link {text-decoration:none; color: #660000;}
a:visited {text-decoration:none; color: #660000;}
a:hover {text-decoration:underline; color: #000000;}
a:active {text-decoration:none; color: #000000;}
/********** Rubrikker **********/
a.rubrikk_link:link, a.rubrikk_link:visited {
  width: 238px;
  height: 80px;
  display: block;
  padding: 5px 0px 0px 3px;
  font: 11px/14px Tahoma,sans-serif;
  text-align: left;
  color: #3c3c3c;
  text-decoration: none;
  background-image: url(../img/struktur/rubrikk_bg.gif);
  background-repeat: no-repeat;
	margin-left: 10px;
  float: left;
}
a.rubrikk_link:hover, a.rubrikk_link:active {
  width: 238px;
  height: 80px;
  display: block;
  padding: 5px 0px 0px 3px;
  font: 11px/14px Tahoma,sans-serif;
  text-align: left;
  text-decoration: none;
  background-image: url(../img/struktur/rubrikk_bg.gif);
  background-repeat: no-repeat;
	margin-left: 10px;
  float: left;
}
/********** Fotlink **********/
a.fot_link:link, a.fot_link:visited {
  width: 238px;
  height: 76px;
  display: block;
  font: normal 11px Tahoma, sans-serif;
  color: #ebe8da; /* Normal skriftfarge */
  text-align: left;
  text-decoration: none;
  padding-top: 3px;
	margin-left: 17px;
  float: left;
}
a.fot_link:hover, a.fot_link:active {
  width: 238px;
  height: 76px;
 	text-decoration: none;
  display: block;
  font: normal 11px Tahoma, sans-serif;
	text-align: left;
  color: #ebe8da;
  padding-top: 3px;
	margin-left: 17px;
  float: left;
}
/* Annen formatering */
.hidden {display:none;}
.noborder {border: 0;}
.adm_h2 {
font: 14px/17px Tahoma,sans-serif;
font-weight: bold;
color: #5c574b;
}
img {border: 0;}
/* ADMIN */
#admin_meny {
	position: absolute;
	left: 0;
	margin-left: 0;
	margin-top: 0;
	width: 200px;
	color: #ffffff;
	background-color: #5c574b;
	font: bold 14px/17px Trebuchet MS, verdana;
	padding-top: 10px;
	border: 2px solid #5c574b;
}
#admin_header {
  width: 596px;
  height: 20px;
  background-color: #5c574b;
  color: #ffffff;
  font: bold 14px/17px Trebuchet MS, verdana;
  padding-top: 10px;
}
#admin_container {
    width: 596px;
    /*height: 249px;*/
	  margin-left: auto;
	  margin-right: auto;
	  border: 2px solid #5c574b;
    background-color: #f2efe6;
    font-size: 11px;
    font-family: Verdana, Tahoma, sans-serif;
    text-align: left;
}
#admin_panel {
    background-image: url(../img/top2.jpg);
    background-repeat: no-repeat;
    width: 566px;
    padding-left: 9px;
    border: 0px solid #bce1f8;
		background-color: #f2efe6;
    color: #5C503B;
    font-size: 11px;
    font-family: Verdana, Tahoma, sans-serif;
    text-align: left;
}
#admin_innhold {
    width: 596px;
    /*height: 249px;*/
	  margin-left: auto;
	  margin-right: auto;
    border: 0px solid #bce1f8;
		background-color: #f2efe6;
    color: #5C503B;
    font-size: 11px;
    font-family: Verdana, Tahoma, sans-serif;
    text-align: left;
}
#admin_status {
  width: 556px;
  height: 20px;
  border: 2px solid #d3cfc4;
}
a.adm_knapp:link, a.adm_knapp:visited {
  width: 137px;
  height: 20px;
  display: block;
  font: bold 11px Verdana, Tahoma, sans-serif;
  color: #5c574b; /* Normal skriftfarge */
  text-align: center;
  background-color: #d3cfc4;
  text-decoration: none;
  margin-top: 2px;
  padding-top: 10px;
  margin-right: 4px;
  float: left;
  font-variant: small-caps;
}
a.adm_knapp:hover, a.adm_knapp:active {
  width: 137px;
  height: 20px;
 	text-decoration: none;
  display: block;
  font: bold 11px Verdana, Tahoma, sans-serif;
	text-align: center;
  color: #EBE8DA;
  background-color: #9e1a78;
  margin-top: 2px;
  padding-top: 10px;
	margin-right: 4px;
  float: left;
  font-variant: small-caps;
}
#admin_meny a.adm:link, a.adm:visited {
  width: 200px;
  height: 25px;
  text-decoration: none;
  display: block;
  font: bold 11px Verdana, Tahoma, sans-serif;
  color: #5c574b;
  background-color: #f2efe6;
  margin-top: 1px;
  padding-top: 10px;
  font-variant: small-caps;
}
#admin_meny a.adm:hover, a.adm:active {
  width: 200px;
  height: 25px;
  display: block;
  font: bold 11px Verdana, Tahoma, sans-serif;
  color: #EBE8DA;
  background-color: #9e1a78;
  text-decoration: none;
  margin-top: 1px;
  padding-top: 10px;
  font-variant: small-caps;
}
.admin_table {
  font: 11px Verdana, Tahoma, sans-serif;
  color: #5c574b; /* Normal skriftfarge */
}
.boks_2pxramme {
  width: 556px;
  border: 2px solid #d3cfc4;
}

/*== LIGHTBOX ==*/

#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: #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: transparent url(../img/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(../img/prev.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../img/next.gif) right 15% no-repeat; }


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

#imageData{
	padding:0 10px;
	}
#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;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.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 */
	}	
	

