@charset "utf-8";
/* CSS Document */
html, body { 
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	}

body {
    behavior: url("http://www.holgersens.vgs.no/mv/csshover.htc");
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	text-align:center;
	margin: 0px;
	padding: 0px;
	background-color:#ececec;
	background-image: url(images/back_header.gif);
	background-repeat: repeat-x;
	}
	
	
/* ################## LAYOUT ##################### */
div#frame { 
height: 100%;/* for IE */ 
min-height: 100%; 
margin-bottom: -20px; 
} 
html>body #frame{ 
height: auto;/* for real css browsers */ 
} 

#frame {
	width:860px;
	margin-right:auto;
	margin-left:auto;
	padding:0px;
	text-align:left;
	background-image: url(images/back_content2.gif);
	background-repeat: repeat-y;
	background-position: center;
	background-color:#ececec;
		}
	
#contentheader {
	background:#fff;
	background-image: url(headers/header.gif); background-repeat: no-repeat; 
	height: 100px;
	}
	
#kontaktheader {
	position:relative; 
	top:10px; 
	right:40px; 
	float:right; 
	height:20px
	}

#bildeheader {
	height: 240px;
	margin-left:20px;
	}
#trans {
	width:324px; 
	height:-59px; 
	position:relative; 
	top:-59px; 
	left:75px; 
	z-index:100;
/*	background-image:url(http://www.htg.vgs.no/mv/images/tekst.png)*/
		}

	
#bildeheader_sub {
	width:788px; 
	height:90px; 
	position:relative; 
	top:15px; 
	left:35px; 
	margin-bottom:15px
		}
				
#contentleft {
	width:280px;
	padding:0px;
	float:left;
	padding-left:35px;
	overflow:hidden;
	padding-bottom:100px;
	}
	
#contentcenter {
	width:280px;
	padding:0px;
	float:left;
	margin-left:15px;
	padding-bottom:30px;
	}
	
#contentright {
	width:198px;
	padding:0px;
	float:left;
/*	background:#efe;*/
	margin-left:15px;
	}

#contentleft_sub {
	width:165px;
	padding:0px;
	float:left;
	padding-left:35px;
	padding-bottom:100px;
	}
	
#contentcenter_sub {
	width:610px;
	padding:0px;
	float:left;
	margin-left:15px;
	padding-bottom:100px;
	}

#footer {
		text-align:center;
		background-image: url(footer.jpg);
		background-repeat: no-repeat;
		background-position: top;
		background-color:#ececec;
		margin: 0px auto 0 auto; 
	/*	height: 100px; */
		width:860px;
}

#footer .footerlinks {
		 overflow:auto;
		 text-align:center;
		 width:100%;
		 clear:both;
		
}
#footer .footeradress {
		 overflow:auto;
		 text-align:center;
		 width:100%;
		 clear:both;
		 padding-bottom:25px;
		
}




.floatleft {
	float:left;
	margin-right:10px;
}

.floatright {
	float:right;
	margin-left:10px;
}


.clearfloatleft {
	float:left;
	margin-right:10px;
	clear:left;
}

.clearfloatright {
	float:right;
	margin-left:10px;
	clear:right;
}

.post {
	clear: both;
}


/* ################## H tags ##################### */



H1
{
	font: 18px Arial;
	color: #B35738;
	text-decoration: none;
	font-weight: normal;
	line-height: 24px;
	margin: 0px;
	padding: 0px 0 0px 0;
}

H2
{
	font: 14px Arial;
	color: #333;
	text-decoration: none;
	font-weight: bold;
	line-height: 20px;
	margin: 0px;
	padding: 8px 0 0px 0;
}

H3
{
	font: 12px Arial;
	color: #333;
	text-decoration: none;
	font-weight: bold;
	line-height: 20px;
	margin: 0px;
	padding: 4px 0 0px 0;
}

P
{
/*	margin: 0px;
	padding: 0px;*/
}

/* ####################################### */


/* Horisontale linjer */

HR
{
	border: none 0;
	color: #CCCCCC;
	background-color: #CCCCCC;
	height: 1px;
	margin: 0px 0 0px 0;
}

.hrline { border-bottom: 1px solid #CCCCCC; padding: 0px; margin: 7px 0px 7px 0px;}

.doubleline
{
	border-color: #E0E0E0;
	border-width: 3px;
	border-style: none none double none;
	padding: 0px;
	margin: 7px 0px 7px 0px;
}

/* ####################################### */

/* standard link tags */

A
{
	color: #9a8f57;
	text-decoration: underline;
}
A:hover
{
	color: #F69321;
	text-decoration: underline;
}
A:visited
{
	color: #9a8f57;
	text-decoration: underline;
}
A:visited:hover
{
	color: #F69321;
	text-decoration: underline;
}



/* ####################################### */



.reduced p, .reduced center, .reduced blockquote, .reduced quote, .reduced pre, .reduced ol, .reduced ul, .reduced table, .reduced dl, .reduced dd, .reduced dt {
	font-size: 90%;
}


.nyheter {
	border:1px solid lightgrey; 
	padding:10px 10px 10px 10px;
	}
.box_header {
	background-color: #F3F2ED;
	padding:20px 0 5px 20px
	}

.box {
	border:1px solid #F3F2ED; 
	padding:10px 10px 10px 10px;
	}
.box A {
	color: #716D84;
}
.box A:hover {
	color: #F69321;
	text-decoration: underline;
}
.box A:visited {
	color: #9a8f57;
	text-decoration: underline;
}
.box A:visited:hover {
	color: #F69321;
	text-decoration: underline;
}
 
.breadcrumb a {
	text-decoration:none;
	color:#000000;
	}		
	





/* Form Styles */
	

#eval-stroke
{
	border-color: #455979;
	border-width: 9px;
	border-style: solid;
}

#eval-container
{
	border-color: #000;
	border-width: 1px;
	border-style: solid;
	background-color: #F6F6F6;
}

.eval-form
{
	font: 12px arial;
	color: #455979;
	line-height: 16px;
}

.eval-form .heading {font: 13px arial; color: #FFF; font-weight: bold; padding: 9px 0 0 15px; height: 26px; background-image: url("../images/body/bkg_eval_heading.gif"); background-repeat: repeat y; }
.eval-form .subheading {font: 12px arial; color: #FFF; font-weight: bold; padding: 5px 0 0 15px; height: 20px; background-image: url("../images/body/bkg_eval_subheading.gif"); background-repeat: repeat y; }
.eval-form h1 {color: #455979;}
.eval-form .error {color: #990000; font-weight: bold; text-decoration: blink; }
.eval-form .required {color: #B35738; font: 12px verdana; font-weight: bold;}

.eval-form th {
  	vertical-align: middle;
  	white-space: nowrap;
  	padding: 6px 6px 6px 15px;
  	text-align: left;
  	background: #FDFDFD;
 	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #8e535c;
	border-color: #E0E0E0;
	border-width: 1px;
	border-style: solid none solid none;
}

.eval-form td {
	padding: 9px 10px 9px 15px;
	vertical-align: top;
}

.eval-form hr {border: none 0; color: #CCC; background-color: #CCC; height: 1px; margin: 7px 0 7px 0; white-space: nowrap;}
.eval-form .smalltext {font: 10px Tahoma, Arial; color: #846d74; text-decoration: none; line-height: 13px;}

.eval-form ul { padding: 0px 0px 0px 0px; margin: 6px 0 6px 0; list-style-type: none; }
.eval-form li { padding: 5px 0px 5px 30px;}
.eval-form .pdf { background:transparent url('/images/body/bullet_pdf.gif') no-repeat 0px 3px;}
.eval-form .tif,.eps,.jpg { background:transparent url('/images/body/bullet_generic.gif') no-repeat 0px 4px;}


SELECT.eval-form
{
	width: 125px;
	font-size: 12px;margin: 0;
	background-color: #FFFFFF;
}

TEXTAREA.eval-form
{
	width: 280px;
	height: 120px;
	margin: 0;
	background-color: #FFF;
	padding: 0px 0px 0px 2px;
	border-color: #999;
	border-width: 1px;
	border-style: solid;
}

.eval-form a { color: #455979; font-weight: bold; text-decoration: underline; }
.eval-form a:hover { color: #B35738; font-weight: bold; text-decoration: underline; }
.eval-form a:visited { color: #455979; font-weight: bold; text-decoration: underline; }
.eval-form a:visited:hover { color: #B35738; font-weight: bold; text-decoration: underline; }


/* Form Styles */

.formarea
{
	font: 11px Tahoma, Arial;
	color: #716D84;
	text-decoration: none;
	background-color: #FFF;
	line-height: 15px;
	vertical-align: middle;
	border-color: #B0b0b0;
	border-width: 1px;
	border-style: none dotted dotted dotted;
}

.formarea th {
  	vertical-align: middle;
  	white-space: nowrap;
  	padding: 4px 2px 4px 12px;
  	text-align: left;
  	background: #1F2441;
 	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
 	border-color: #CCCCCC;
	border-width: 1px;
	border-style: solid none solid none;
	font-size: 10px;
	color: #FFF;
}

.formarea td {color: #716D84; padding: 4px 12px 4px 12px; border: none; text-decoration: none; vertical-align: top; line-height: 15px;}
.formarea h2 {font: 11px Tahoma, Arial; color: #000000; text-decoration: none; font-weight: bold; line-height: 15px;}
.formarea hr {border: none 0; color: #CCC; background-color: #CCC; height: 1px; margin: 7px 0 7px 0; white-space: nowrap;}
.formarea .subtext {font: 11px Tahoma, Arial; color: #846d74; text-decoration: none; line-height: 15px; padding-left: 22px;}
.formarea .smalltext {font: 10px Tahoma, Arial; color: #846d74; text-decoration: none; line-height: 13px;}
.formarea .red {font: 11px Tahoma, Arial; color: #990000; text-decoration: none; font-weight: bold; line-height: 15px;}


INPUT.formarea
{
	border: 1px solid #999999;
	font-family: Arial, Verdana, geneva, sans-serif;
	font-size: 12px;
	color: #000000;
	width: 180px;
	background-color: #F6F6F6;
	padding: 0px 0px 0px 2px;
	margin: 0;
	border-color: #999;
	border-width: 1px;
	border-style: none none solid none;
}

SELECT.formarea
{
	width: 180px;
	font-size: 10px;margin: 0;
	background-color: #FFFFFF;
}

TEXTAREA.formarea
{
	width: 300px;
	height: 150px;
	margin: 0;
	background-color: #F6F6F6;
	padding: 0px 0px 0px 2px;
	border-color: #999;
	border-width: 1px;
	border-style: none none solid none;
}

.red
{
	color: #990000;
	font-weight: bold;
}



/* ################# meny sidebar ###################### */

#navlist
{
background-color: #F3F2ED;
padding: 2px;
margin: 0;
/*width: 18em;*/
font: normal 0.8em Verdana, sans-serif;
		
}
#navlist ul 
	{
		display: block;
		margin: 0px 0px 0px 10px;
		padding: 0px 0px 0px 0px;

}

#navlist li
{
 border:#F3F2ED solid;
 border-width: 1px 0px 1px 0px;
list-style: none;
margin: 0;
padding:0;
font-size: 1em;
}

#navlist a
{
display: block;
text-decoration: none;
/*margin-bottom: 0.5em;
margin-top: 0.5em;*/
background: #FFFFFF;
padding: 0.25em 0.5em 0.4em 0.75em;
}
 #navlist .NavigationChild a{
 padding: 0.25em 0.5em 0.4em 0.75em;
 background: #FFFFFF;
}
#navlist .NavigationChild #current_cat_ancestor {
color: #cc0000;
background: #FFFFFF;
}
#navlist a#current_cat_ancestor { 

background: #cc0000;
color:#FFFFFF; 
}




/* ################# meny header ###################### */


#nav_header {
	position:relative;
	float:right;
	top:50px;
	right:25px;
	z-index:100;
	height: 30px;
/*	border:red 1px solid;*/
	font-size:12px;
}

#nav_header a {
text-decoration:none;
color:#333333;
}
#nav_header a:hover {
text-decoration: underline;
color:#333333;
}

#nav li:hover, #nav li.hover {
    position: static;
}
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
	width: 10em;
		height: 15px;
	padding: 10px 0 5px 10px;
/*	border:red 1px solid;*/
}

#nav li { /* all list items */
	float: left;
	width: 130px; /* width needed or else Opera goes nuts */
/*	border:blue 1px solid;*/
/*	background: white;*/
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: lightgrey;
	width: 130px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
/*	border:grey 1px solid;*/
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}