body {

	margin: 0;

	padding: 0;

	background: #e8dec8 url('bakfarge.png') repeat;

	font-family:  Verdana, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;

	border: none;

}



div#linje {

	margin: 0;

	padding: 0;

	height: 7px;

	background-color: #df0000;

}



*html div#linje {

\margin: -10px 0 0 0; 

}



div#container {

	position: relative;

	left: 50%;

	margin-left: -500px;

	margin-top: 0;

	margin-bottom: 0;

	padding: 0;

	background: transparent;

	width: 982px;

}



/*venstre*/



div#v {

	float: left;

	width: 282px;

	margin: 0;

	background: transparent url('logo.png') no-repeat;

	height: 455px;

}



*html div#v {

\margin: 0 -3px 0 2px;

}



div#meny {

	height: 600px;

	width: 107px;

	margin-left: 174px;

	margin-top: 127px;

	padding: 0;

	list-style: none;

	font-size: 80%;

	text-align: left;

}



#meny ul#menymeny  {

	position: relative;

	width: 107px;

	margin: 0;

	padding: 0;

	list-style: none;

}



#meny ul#menymeny li {

	height: 33px;

	margin:0;

	padding: 0;

	margin-top: 4px;

}



ul#menymeny li, ul#menymeny a   {

	height: 33px;

	overflow: hidden;

	display: block;

}	



#meny ul#menymeny li a {

	text-indent: -9999px;

	text-decoration: none;

}



#hjem	 {left: 0; width: 107px; background: transparent url(meny/meny_01.png) top left no-repeat;}

#rjukan {left: 0px; width: 107px; background: transparent url(meny/meny_02.png) top left no-repeat;}

#studiet	 {left: 0px; width: 107px; background: transparent url(meny/meny_03.png) top left no-repeat;}

#bilder	 {left: 0px; width: 107px; background: transparent url(meny/meny_04.png) top left no-repeat;}

#bo{left: 0px; width: 107px; background: transparent url(meny/meny_05.png) top left no-repeat;}

#søknad {left: 0; width: 107px; background: transparent url(meny/meny_06.png) top left no-repeat;}

#linker {left: 0px; width: 107px; background: transparent url(meny/meny_07.png) top left no-repeat;}

#blog {left: 0px; width: 107px; background: transparent url(meny/meny_08.png) top left no-repeat;}

#kontakt {left: 0; width: 107px; background: transparent url(meny/meny_09.png) top left no-repeat;}

#lopere {left: 0px; width: 107px; background: transparent url(meny/meny_10.png) top left no-repeat;}



#hjem a:hover  {background: transparent url(meny/meny_01.png) 0 -33px no-repeat;}

#rjukan a:hover	  {background: transparent url(meny/meny_02.png) 0 -33px no-repeat;}

#studiet a:hover  {background: transparent url(meny/meny_03.png) 0 -33px no-repeat;}

#bilder a:hover  {background: transparent url(meny/meny_04.png) 0 -33px no-repeat;}

#bo a:hover	  {background: transparent url(meny/meny_05.png) 0 -33px no-repeat;}

#søknad a:hover  {background: transparent url(meny/meny_06.png) 0 -33px no-repeat;}

#linker a:hover	  {background: transparent url(meny/meny_07.png) 0 -33px no-repeat;}

#blog a:hover  {background: transparent url(meny/meny_08.png) 0 -33px no-repeat;}

#kontakt a:hover	  {background: transparent url(meny/meny_09.png) 0 -33px no-repeat;}

#lopere a:hover	  {background: transparent url(meny/meny_10.png) 0 -33px no-repeat;}











/* høyre */

div#h  {

	width: 500px;

	margin:0;	

	padding:0;

	margin-left: 282px;

}



div#tittelbilde {

	height: 125px;

	margin:0;

	border: none;

	padding:0;

}



body#hjemx div#tittelbilde {background-image: url(tittelbilde/01_hjem.jpg);}

body#rjukanx div#tittelbilde {background-image: url(tittelbilde/02_rjukan.jpg);}

body#studietx div#tittelbilde {background-image: url(tittelbilde/03_studiet.jpg);} 

body#bilderx div#tittelbilde {background-image: url(tittelbilde/04_bilder.jpg);}

body#box div#tittelbilde {background-image: url(tittelbilde/05_bo.jpg);}

body#søknadx div#tittelbilde {background-image: url(tittelbilde/06_soknad.jpg);}

body#linkerx div#tittelbilde {background-image: url(tittelbilde/07_linker.jpg);}

body#blogx div#tittelbilde {background-image: url(tittelbilde/08_blog.jpg);}

body#kontaktx div#tittelbilde {background-image: url(tittelbilde/09_kontakt.jpg);}

body#loperex div#tittelbilde {background-image: url(tittelbilde/10_lopere.jpg);
}



div#spons {

	float: right;

	top: 0;

	width: 200px;

	background: #ffffff url(spons/bakspons.png) repeat-y;

	position: absolute;

	margin: 0 0 0 782px;

	border-bottom: 1px solid #999999;

}





*html div#spons {

\margin: 0 0 0 786px;

}





/* innhold */

div#innhold {

	min-height: 605px;

	height: auto !important;

	height: 605px;

	margin: 0;

	background: #ffffff;

	border:none;

	padding:0;

	padding-bottom: 15px;

	border-top: 8px solid;

	border-right: 8px solid;

}



body#hjemx div#innhold {border-top-color:#df0000; border-right-color:#df0000;}

body#rjukanx div#innhold {border-top-color:#829dab; border-right-color:#829dab;}

body#studietx div#innhold {border-top-color:#005537; border-right-color:#005537;} 

body#bilderx div#innhold {border-top-color:#8c9c84; border-right-color:#8c9c84;}

body#box div#innhold {border-top-color:#d5a020; border-right-color:#d5a020;}

body#søknadx div#innhold {border-top-color:#9eb721; border-right-color:#9eb721;}

body#linkerx div#innhold {border-top-color:#947b41; border-right-color:#947b41;}

body#blogx div#innhold {border-top-color:#bd3720; border-right-color:#bd3720;}

body#kontaktx div#innhold {border-top-color:#a19f1c; border-right-color:#a19f1c;}

body#fronterx div#innhold {border-top-color:#74542b; border-right-color:#74542b;}



div.post {

	margin: 0;

	padding: 0;

	padding-bottom: 16px;

	background: #ffffff url('bak01papir.png') no-repeat;

	background-position: bottom right; 

	width: 486px;

}



div.tittel {

	margin: 0;

	padding-left: 0;

	padding-right: 0;

	padding-top: 0;

	padding-bottom: 20px;

	width: 175px;

	float: left;

}



div.tittelright {

	margin: 0;

	padding-left: 0;

	padding-right: 0;

	padding-top: 0;

	padding-bottom: 20px;

	background: #ffffff url('bak01papir.png') no-repeat;

	background-position: bottom right;

	width: 200px;

	float: right;

}


div.loperev {

	width: 240px;

	float: left;

	margin: 0 0 0 5px;

	padding: 0;

}



div.lopereh {

	width: 239px;

	border-left: 1px dotted #CCCCCC;

	margin: 0 0 0 245px;

	padding: 0;

}



*html div.lopereh {

\margin: -1943px 0 0 245px;

}





/* skrift, tekst og gallerier*/



h1 {

	margin: 0;

	margin-left: 20px;

	font: 0.7em Verdana, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;

	font-weight: bold; 

	text-align: left;

	color: #444444;

	padding-top: 20px;

	padding-bottom: 0;

}



h1 img, p.gall img  {

border-top: 2px #8c9c84 solid;

border-bottom: 10px #8c9c84 solid;

border-left: 2px #8c9c84 solid;

border-right: 2px #8c9c84 solid;

}



h1 a:hover img, p.gall a:hover img  {

border-top: 2px #444444 solid;

border-bottom: 10px #444444 solid;

border-left: 2px #444444 solid;

border-right: 2px #444444 solid;

}





h2 {

	font: 0.75em Verdana, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;

	font-weight: bold;

	color: #1f1f1f;

	text-align: left;

	padding: 0;

	margin: 0;

	margin-left: 20px;

	padding-top: 15px;

}



h3 {

	font: 0.7em  Verdana, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;

	font-weight: normal;

	color: #444444;

	text-align: left;

	padding: 0;

	padding-top: 15px;

	margin: 0;

	margin-left: 20px;

	margin-bottom: 2px;

}



h4 {

	font-size: 0.65em;

	font-weight: normal;

	color: #515151;

	text-align: center;

	padding: 0;

	margin: 0;

	}
	
.loperev h4, .lopereh h4 {

	font-size: 0.7em;

	font-weight: bold;

	margin-top: 15px;

}

.loperev p, .lopereh p {

	text-align: center;

	line-height: 1.3em;

	margin: 0 5px 0 5px;

}
	

p {

	font-size: 0.7em;

	color: #1f1f1f;

	margin-left: 20px;

	margin-right: 20px;

	margin-bottom: 0;

	margin-top: 4px;

	padding-bottom: 4px;

	line-height: 1.6em;

	border: none;

}



#spons p {

margin: 10px;

text-align: center;

padding: 0;

}



#bunnhold p {

	font-size: 0.6em;

	color: #000000;

	margin: 0;

	padding: 0;

	padding-top: 9px;

	padding-left: 235px;

	line-height: 1.3em;

	border: none;

	text-align: left;

	font-weight:bold;

	font-family: Verdana;

}



.post p {

	margin-left: 20px;

	margin-right: 20px;

	border: none;

}



p.gall {

	text-align: center;

	margin:0;

	margin-top: 10px;

	margin-bottom: 10px;

	padding-left: 10px;

	padding-right: 0;

	padding-top: 0;

	padding-bottom: 5px;

	border: none;

}



p.bildetekst {

	font-size: 0.70em;

	font-style: italic;

}



ul.opplist, ul.opplistindex {

	font-size: 0.66em;

	line-height: 1.3em;

	margin: 5px 0 0 35px;

	padding: 0;

}



ul.opplistindex {

	font-size: 0.7em;

	line-height: 1.3em;

}





a:link {color: #2b96d4;}

a:visited {color: #466b70;}

a:hover {color: #314c50;}

a:active {color: #000000;}









/* bunntekst */



div#bunn {

	background: transparent url('bunnlinje.png') repeat-x;

	height: 54px;

	margin: 0;

	padding: 0;

	text-align: left;

}



div#bunnhold  {

	position: relative;

	left: 50%;

	margin-left: -450px;

	margin-top: 0;

	margin-bottom: 0;

	padding: 0;

	background: transparent url('bunnholdlinje.png') no-repeat;

	width: 750px;

	height: 54px;

	

}



#bunn a:link {color: #4a3e3b;}

#bunn a:visited {color: #4a3e3b;}

#bunn a:hover {color: #000000;}

#bunn a:active {color: #000000;}



/* lightbox - kode til lightbox er et modifisert sett fra http://www.huddletogether.com/projects/lightbox2/ av Lokesh Dhakar */



#lightbox{

	position: absolute;

	top: 40px;

	left: 0;

	width: 100%;

	z-index: 100;

	text-align: center;

	line-height: 0em;

	}



#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: 0em;

	}

#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('js/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('js/prevlabel.gif') 0% 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url('js/nextlabel.gif') 100% 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: #000000;

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

	}	

	

/* lightbox slutt */



div.fdpoweredby {

display: none;

}