html, body{ 
 margin: 8px 0 8px 0;
 padding: 0;
 color: #808080;
 text-align: center;
 background: #fcdeac url('bilder/bg-r.gif') top center repeat-y;
 font: normal 12px/18px "Bookman Old Style", Georgia,"Times New Roman",Times, serif;
} 
 
#pagewidth{ 
 width: 960px; 
 margin-left: auto; 
 margin-right: auto;
 margin-top: 5px;
 margin-bottom: 5px;
} 
 

#header{background: #fff url('bilder/bg20.jpg');
 position: relative; 
 height: 22px; 
 background-color: #ffffff; 
 width: 100%;
 margin: 2 auto 2 auto;
} 
 
#bottom{background: #fff url('bilder/bg20.jpg');
 position: relative; 
 height: 22px; 
 background-color: #ffffff; 
 width: 100%;
 margin: 2 auto 2 auto;
 clear: both;
} 

#leftcol{
 width: 268px;
 height: 771px;
 background: #fff url('bilder/venstre.jpg'); 
 float: left; 
 position: relative; 

  }
 
#leftcol2{
 width: 268px;
 background: #fff url('bilder/bg20.gif') repeat; 
 float: left; 
 position: relative; 
 margin: 2 auto 2 auto;
  }

#twocols{
 width: 692px; 
 float: right; 
 position: relative; 
  }
 
#rightcol{
 width: 22%; 
 float: right; 
 position: relative; 
 background-color: #4CCCA6;
 }
 
#linkcol{background: #fff url('bilder/bg.gif') repeat;
 float: left; 
 display: inline; 
 position: relative; 
 width: 690px;
 height: 60px;
 margin: 2 auto 1 2;
  }

#maincol{background: #fff url('bilder/bg.gif') repeat;
 float: left; 
 display: inline; 
 position: relative; 
 width: 690px;
 margin: 0 auto 0 2;
  }

h1 {
font-size: 24px;
margin: 4 0 4px 0;
}

h2 {
font-size: 18px;
margin: 4 0 4px 0;
}

h3 {
font-size: 16px;
margin: 4 0 4px 0;
}

h4 {
font-size: 14px;
margin: 4 0 4px 0;
}



a:link, a:visited {
	color: #800000;
	font: normal 12px "Bookman Old Style", Georgia,"Times New Roman",Times, serif;
	text-decoration: none;
}

a:hover {
	color: #244A8D;
	 font: normal 12px "Bookman Old Style", Georgia,"Times New Roman",Times, serif;
	text-decoration: none;
}

/*IMG POP-UP*/

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #800000;
padding: 5px;
left: -1000px;
border: 2px solid #800000;
visibility: hidden;
color: #ffffff;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 2px;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -150px;
left: -250px; /*position where enlarged image should offset horizontally */
}

.thumbnail2{
position: relative;
z-index: 0;
}

.thumbnail2:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #800000;
padding: 5px;
left: -1000px;
border: 2px solid #be4e42;
visibility: hidden;
color: #ffffff;
text-decoration: none;
}

.thumbnail2 span img{ /*CSS for enlarged image*/
border-width: 2px;
padding: 0;
}

.thumbnail2:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0px;
left: -120px; /*position where enlarged image should offset horizontally */
}


 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 

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


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display: none;} 

 /*printer styles*/ 
 @media print{ 
/*hide the second left column when printing*/ 
#leftcol2{display: none;} 

/*hide the right column when printing*/ 
#rightcol{display: none;} 
#twocols, #maincol{width: 100%; float: none;}
}