/**
  *		STYLESHEET FOR VARANGER.COM - INDEX
  *		AUTHOR: ARCTIC DESIGN V/HAAKON JENSEN
  *
  *		LEFT MENU BG COLOR: #003366 
  *		MAIN HORISONT: #005494 005494
  *		2ND HORISONT: #5F84B7 5F84B7
  *		3RD HORISONT: #A5B5D9 A5B5D9
  */

/* basic elements */	
	html, body	{
		margin: 0; 
		padding: 0;
	    font-family: Verdana, sans-serif;
	    font-size: .9em;
	    background-color: #E6E6E6;
	    color: #FFF;
	    text-align: center;
		border: 0;
	}
	
	h1,h2 { margin: 0; padding: 0; }
	h1 { font-size: 120%; }
	h2 { font-size: 110%; }
	
	a {	text-decoration: none; font-weight: bold; color: #FFFFFF; }
	a:active, a:hover {	text-decoration: underline; }

/* positioning (specific divs) */	
	#container {
		background: #5F84B7;
		background: url(../images/design/frontpage/bg.gif) repeat-y;
		width: 775px;
		margin: 0 auto;
		padding: 0;
		text-align: left;
		line-height: 130%;
		border: 1px solid #000;
		border-top: 0;
	}
	
	#top {
		display: block;
		font-size: 130%;
		font-weight: bold;
		text-align: center;
		padding: 0;
		margin: 0;
		background: url(../images/design/standard/top.gif) no-repeat;
		height: 175px;
		cursor: pointer;
	}
	
	#leftcol {
		float: left;
		background: #5F84B7; /*#036;*/
		margin: 0;
		padding: 0;
		border-top: 1px solid #FFF;
		
		/* IE5 hack - http://tantek.com/CSS/Examples/boxmodelhack.html */
		width: 197px; voice-family: "\"}\""; voice-family:inherit; width: 199px; }
		html>body #leftcol { width: 199px;
		/* stop IE5 hack */
	}

	#maincol {
		float: right;
		width: 575px;
		height: 100%;
		background: #005494;
		border-left: 1px solid #FFF;
		padding: 0;
	}
	
	#mainimg {
		border-bottom: 1px solid #FFF;
	}
	
	#content {
		padding: 0;
		padding-bottom: 25px;
		margin: auto 12px auto 12px;
		width: 545px;
	}
		
	#footmenu {
		clear: both;
		background: #036; /* #5F84B7; #002F68; */
		font-size: 75%;
		font-weight: normal;
		border-top: 1px solid #FFF;
		padding-top: 1px;
		padding-bottom: 1px;
		height: 17px;
	}
	
	#footer {
		font-size: 75%;
		color: #000;
		padding: 0;
		padding-top: 5px;
		padding-bottom: 25px;
		margin: 0;
	}

/* unorderer lists formatting */	
	/* top menu */
		#topmenu {
			width: 100%;
			border: 1px solid #FFF;
			border-left: 0;
			border-right: 0;
			margin: 0;
			padding: 0;
			font: 16px Verdana, sans-serif;
			font-weight: bold;
			list-style-type: none;
			background: #5F84B7;
		
			/* IE5 hack - http://tantek.com/CSS/Examples/boxmodelhack.html */
			height: 28px; voice-family: "\"}\""; voice-family:inherit; height: 26px; }
			html>body #topmenu { height: 26px;
			/* stop IE5 hack */
		}
		
		#topmenu li {
			float: left;
			margin: 0;
			padding: 0;
			width: 24.9%;
			display: block;
			overflow: hidden; 
		}
			
		#topmenu li a, #topmenu li a:link, #topmenu li a:visited {
			background: #5F84B7;			
			color: #FFF;
			text-decoration: none;
			padding: 3px 0px 3px 0px;
			display: block;
			text-align: center;
		}
			
		#topmenu li a:hover {
			color: #000;
			border-bottom: 2px solid #FFF;
			cursor: pointer;
			background: #A5B5D9;
		}
			
		#topmenu li a#current, #topmenu li a#current:link {
			color: #FFF;
			cursor: default;
			font-weight: bold;
			border-bottom: 2px solid #FFF;
			background: #003366;
		}
	
	/* leftmenu */
		#leftmenu { border-bottom: 1px solid #036; clear: both; margin-bottom: 30px; }
	
		#leftmenu a {
			display: block;
			height: 20px;
			color: #FFF;
			background-color: #5F84B7;
			padding: 2px;
			padding-left: 15px;
			text-align: left;
			font: 12px Verdana, sans-serif;
			font-weight: bold;
			border-top: 1px solid #036;
		}
		
		#leftmenu a:hover, #leftmenu a.active {
			text-decoration: none;
			color: #000;
			background-color: #A5B5D9;
		}

	/* langheader */
		#langHeader {
			padding: 13px 0 5px 13px;
			font-size: 12px;
			background-color: #036;
		}
		
		#langHeader span {
			display: block;
			padding: 0;
			margin: 0;
			padding-top: 17px;
			width: 172px;
			background-repeat: no-repeat;
			overflow: hidden;
			
			/* IE5 hack - http://tantek.com/CSS/Examples/boxmodelhack.html */
			height: 17px; voice-family: "\"}\""; voice-family:inherit; height: 0; }
			html>body #langHeader span { height: 0;
			/* stop IE5 hack */
		}
	
	/* langmenu */
		#langmenu {
			list-style-type: none;
			padding: 0;
			margin: 0;
			padding-left: 15px;
			height: 70px;
			background-color: #036;
			padding-bottom: 5px;
		}
		
		#langmenu li { float: left; width: 24%; }
		#langmenu li.third { width: 49%; }
		#langmenu a:hover { text-decoration: none; }
		#langmenu li a {
			display: block;
			height: 30px;
			padding-left: 45px;
			padding-top: 2px;
			text-indent: -9999px;
		}
	
	
	/* footmenu */	
		#footmenu {
			margin: 0;
			padding: 0;
		}
		
		#footmenu li {
			float: left;
			display: inline;
			list-style: none;
			margin: 0;
			padding: 0;
			padding-left: 15px;
		}
		
		#footmenu li a, #footmenu li a:link, #footmenu li a:visited {
			color: #FFFFFF;
			text-decoration: none;
			font-weight: normal;
		}
			
		#footmenu li a:hover {
			color: #FFFFFF;
			text-decoration: underline;
			font-weight: normal;
		}
		
		#footmenu .last {
			float: right;
			padding-right: 15px;
		}	
		

	/* footer */
		#footer a {	text-decoration: none; font-weight: bold; color: #003366; }
		#footer a:active, #footer a:hover {	text-decoration: underline; }

/* searchbox */
	#searchbox { clear: both; margin: 0; padding: 0 10px 10px 15px; background: #036; border-bottom: 1px solid #FFF; }	
	#searchbox fieldset { border: 0; margin: 0; padding: 0; }
	#searchbox label { font-size: 11px; font-weight: bold; width: 100%; }	
	#searchbox a { font-size: 10px; font-weight: normal; }
	#phrase { width: 100px; font-size: 10px; border: 1px inline #000; }

	#searchbox input.submit {
		width: auto;
		font-weight: normal;
		font-size: 10px; 
		color: #FFF;
		background: #005494;
	}

/* images */
	#langHeader span.nor { background-image: url(../images/text/langheader-nor.gif); }
	#langHeader span.eng { background-image: url(../images/text/langheader-eng.gif); }	
	#langHeader span.fin { background-image: url(../images/text/langheader-fin.gif); }
	#langHeader span.ger { background-image: url(../images/text/langheader-ger.gif); }
	#langHeader span.fra { background-image: url(../images/text/langheader-fra.gif); }
	
	#langmenu li.nor { background: url(../images/flags/nor.gif) no-repeat; }
	#langmenu li.fin { background: url(../images/flags/fin.gif) no-repeat; }	
	#langmenu li.eng { background: url(../images/flags/eng.gif) no-repeat; }
	#langmenu li.ger { background: url(../images/flags/ger.gif) no-repeat; }
	#langmenu li.fra { background: url(../images/flags/fra.gif) no-repeat; }
	#langmenu li.rus { background: url(../images/flags/rus.gif) no-repeat; }
		

/* typographical */

	#lang h2 { color: #FFF; }	
	#leftcol p { margin: 0 0 1em 0; }
	
	#content h1 { font-size: 1.4em; margin: 15px 0 .3em 0; font-weight: normal; }
	#content h2 { font-size: 1.1em; margin: 0 0 .3em 0; font-weight: bold; }
	#content p { margin: 0; padding: 0; margin-bottom: 1.5em; }
	#content a { color: #FFF; text-decoration: underline; } /* #D9C973 - #A7C0D3 */
	#content a:active, #content a:hover { color: #B8CDDC; text-decoration: none; }
	
	.clear { clear: both; }


/* printer styles */
	@media print { 
		#top { display: none; }		
		#container { border: 0; }
		#leftcol { display:none; } /*hide the left column when printing*/
		#maincol { float: left; }
		#footmenu { display: none; }
	}