body,html {height:100%;}
body {background-color: #500000;margin:0;padding:0;}

h1,h2,h3,p,img {font-family:verdana,sans-serif}
h1 {font-size:14pt;font-weight:bold;color:#3f3f3f;}
h2 {font-size:12pt;font-weight:bold;color:#3f3f3f;}
h3 {font-size:10pt;font-weight:bold}
p {font-size: 10pt;text-align:justify;line-height:1.5em}
p.liten {font-size:8pt;}
p.left {text-align:left;}
p.bilde {font-size: 8pt;margin:0;padding:0;text-align:center;}
p.sentrertbilde {text-align:center;margin-top:0px;margin-bottom:0px;padding:0px;}

hr {text-align:left;width:90%;height:1px;color:#cccccc;background-color:#cccccc;border: 0;}

table.tester {border:4px solid #500000;border-collapse:collapse}
td.tester,th.tester {border:2px solid #500000;font-family:verdana;font-size:10pt;text-align:center;padding:0.3em}

img {border:0.3em solid #3f3f3f;font-size:8pt;margin:0;padding:0;background-color:#1f1f1f;color:white}
img.feed {border:0;background-color:transparent;}

ul {list-style-type:disc;margin:0 0 0 2em;padding:0;} 
li {font-family:verdana,sans-serif;font-size:10pt;line-height:1.5em;}

a {text-decoration:underline;color:black;font-family:verdana,sans-serif;}
a:hover {color:white;background-color:#1f1f1f;}
a.feed {text-decoration:none;}
a:hover.feed {background-color:transparent;}
a.liten {font-size: 8pt;}
a:hover.liten {font-size: 8pt;}
a.anchor {text-decoration:none;background-color:white;color:black;}
a:hover.anchor {text-decoration:none;background-color:white;color:black;}
div {margin:0;padding:1em;}

/*start comments*/
div.more {display: none;border-bottom: 1px solid #666;padding:0.5em;}
a.showLink, a.hideLink {text-decoration: underline;color: black;padding-left: 8px;}
a.showLink:hover, a.hideLink:hover {background-color:black;color:white;}
#comments table tr {font-family:verdana;font-size:10pt;}
#commentsresult table {border:1px solid black;width:600px;}
#commentsresult table tr td {font-family:verdana;font-size:10pt;border-width:1px 0 0 0;border-style:solid;border-color:black;}
#commentsresult table tr {border:1px solid black;}
#commentsresult {overflow:auto;width:620px;margin:0 auto;}
/*end comments*/

#container {padding:0;border-color:black;border-width:0 0.2em 0 0.2em;border-style:solid;overflow:hidden;background-color:white;width:994px; min-height:100%;height: auto !important;height: 100%;margin: 0 auto -4em;}
#header {padding:0 0 0.2em 0;clear:both;overflow:hidden;margin:0;background-color:#2f2f2f;width:994px;height:90px;}
#header div {padding:0;margin:0;float:right;width:497px;height:90px;}
#header div p {position:relative;top:0px;left:400px}
#header div a {text-decoration:none;}
#header div a:hover {text-decoration:underline;background-color:transparent;color:black;}
#left {float:left;width:180px;height:100%;margin:0 0 0 0.5em;padding:0.3em 0.5em;overflow:hidden;background-color:white;clear:left;border:0;}
#left p a:hover {color:black;background-color:white;}
#form {display: none;}
#menu {background-color:#3f3f3f;float: left;padding:0;height:22px;}
#menu ul {list-style: none;margin: 0;padding: 0;float: left;}
#menu ul a, #menu ul ul li h2 {font: bold 9pt verdana, sans-serif;border-right: 1px solid #5f5f5f;display: block;margin: 0;padding: 12px; text-transform:uppercase;color:#ccc;background-color:#3f3f3f;text-decoration:none;text-align:center;}
#menu ul ul li a, #menu ul ul li h2 {text-transform:none;width:106%;font-weight:normal;text-align:left;color:black;background-color:#bfbfbf; padding:0.5em 0.6em;border-style: solid;border-color: #5f5f5f;border-width:0 1px 1px 1px;}
#menu ul li a.aktiv {color:white;background-color:#600000;}
#menu ul ul li h2 {}#menu ul a:hover {text-decoration:underline;background: #600000;color:white;}
#menu ul ul li a:hover, #menu ul ul li h2:hover {color: white;background: #600000;text-decoration:none;}
#menu li {position: relative;}
#menu ul ul {position: absolute;z-index: 500;width:9em;}
#menu ul ul ul {top: 0;left: 118.5%;white-space:nowrap;width:17em;}
#menu ul ul,#menu ul li:hover ul ul,#menu ul ul li:hover ul ul {display: none;}
#menu ul li:hover ul,#menu ul ul li:hover ul,#menu ul ul ul li:hover ul {display: block;}

<!--[if IE]>
<style type="text/css" media="screen">
body {behavior: url(csshover.htc);font-size: 100%;}
#menu ul li {float: left; width: 100%;}
#menu ul li a {height: 1%;} 
#menu a, #menu h2 {font: bold 9pt verdana, sans-serif;}
</style>
<![endif]-->

#cse-search-box {float:left;}
#content {float:left;padding:0 1em 1em 1em;margin:0;overflow:hidden;width:75%;background-color:white;border-left:1px solid #cccccc;}
#quiztext {position:absolute;top:-10px;left:670px;width:300px;padding:0;opacity:1;}
#quiztext p {font-weight:bold;color:#700000;text-align:right;}
#quiztext a {font-weight:bold;color:#600000;font-size:11pt;}
#quiztext a:hover {color:white}
#quiz {font-family:verdana;padding:0;}
#quiz label {font-size:11pt;}
#quiz h2 {font-size:15pt;font-weight:bold;}
#quiz ol li {padding:1em 0;}
#quiz p {font-family:verdana, sans-serif;font-size:10pt;}
#footer {clear:both;overflow:hidden;height: 4em;padding:0;}
#footer p {font-size: 8pt;text-align:center}
div.push {height:4em;padding:0;clear:both;}

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

#lightbox a img{ 
         border: none; 
         background-color:white;
         text-decoration:none;
         }

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

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
  padding:0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
         padding:0;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/lightbox/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(/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/lightbox/nextlabel.gif) right 15% no-repeat; }

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

#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;
 background-color:white
 }	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
         padding:0;
	}
	

/* Min-Width */
.lbWidth { /* most browsers */
	position: absolute;
	top: 0px; left: 0px;
	width: 100%;
	min-width: 790px;
	}

* html .lbContent { /* IE6 */
	margin-left: -790px;
	position:relative;
	}

* html .lbMinWidth { /* IE6 */
	padding-left: 790px;
	}
	
	
/* Clearfix */	
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

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