/*-----------------------------------------------------------------------------
oiua.no Web stylesheet

version:   1.0
date:      19/06/09
author:    Stian Berg Johansen
email:     stian@bergjohansen.com
website:   funnit.no/modulnet.no/bergjohansen.no

version history: 1.0 (current)
-----------------------------------------------------------------------------*/


/* Import other stylesheets
-----------------------------------------------------------------------------*/
/* @import url("otherstylesheet.css"); */



/*viser scrollbar uansett innholdsmengde*/
html {
     overflow: -moz-scrollbars-vertical;
}


 
/* Set up the document
-----------------------------------------------------------------------------*/
body{
	font: 76% Verdana, Arial, Helvetica, sans-serif;
	background:  #efefef url(../menugpx/OIUA_body_bg_v02.jpg) repeat-x top center;/**/
	color: #000;
	margin: 0; 
	padding:0;
}

/* Typography
-----------------------------------------------------------------------------*/
.stor_overskrift	 { font: 1.2em/1.8em Georgia, "Times New Roman", Times, serif; color: #464646;  float: left; width:580px; padding: 0px;  margin:0px 0px 20px 0px; }
.stor_overskrift a	 { text-decoration: none;  color: #000;}

.overskrift			 { font: 2.2em/2.0em Verdana, Arial, Helvetica, sans-serif; 	font-weight: bold; color: #333; margin:20px; border-bottom:4px solid #979b9d;}
.overskrift	 a		 { text-decoration: none; }

.overskrift2			 { font: 2.0em/1.8em Verdana, Arial, Helvetica, sans-serif; 	font-weight: bold; color: #333; margin:20px 20px 0 20px;}
.overskrift2	 a		 { text-decoration: none; }

.sub_overskrift		 { font: 1.4em/2.0em Verdana, Arial, Helvetica, sans-serif; 	font-weight: bold; color: #333; margin:38px 20px 20px 20px; border-bottom:4px solid #979b9d;}
.sub_overskrift	 a	 { text-decoration: none; }
.intra_right_tekst	 { font: 1.0em/1.4em Verdana, Arial, Helvetica, sans-serif; 	color: #333; margin:10px 20px 20px 20px; }

.sub_overskrift2		 { font: 1.4em/2.0em Verdana, Arial, Helvetica, sans-serif; 	font-weight: bold; color: #333; }
.sub_overskrift2	 a	 { text-decoration: none; }

.ingress			 { font: 1.0em/1.8em Verdana, Arial, Helvetica, sans-serif; 	font-weight: bold;  margin:0 20px 0 20px; }
.date			     { font-size: 0.8em; margin:0 0 0 20px;	font-weight: bold; color:#999; }
.readmoreback			     { font-size: 0.8em; font-weight: bold; color:#999; }
.brodsmuler		     { font: 1.0em/1.8em Arial, Helvetica, sans-serif; font-weight: bold; color:#979b9d; }
.author				 { font: 0.8em/2.0m Arial, Helvetica, sans-serif;	 color:#999;   padding:10px; }
.author a			 { font: 0.8em/2.0m Arial, Helvetica, sans-serif;	 color:#333;   padding:10px;  text-decoration: none; }
.tekst				 { line-height: 1.6em; margin:0 20px 10px 20px;  	}
.publisert			 { font-size: 0.8em; margin: 0em 0em 0.5em 1em; padding: 0 0 0 20px; border-left: 1px solid #ccc; }
.stor_bokstav		 {	text-transform:capitalize;}


.darkblue			{ color: #00529b; }
.lightblue			{ color: #6cb6ce; }
.greenish			{ color: #12747e; }

.alert {	background: #fff6bf url(../icon/information.png) center no-repeat;	background-position: 15px 50%;	text-align: left;	
			padding: 5px 20px 5px 45px;	border-top: 2px solid #ffd324;	border-bottom: 2px solid #ffd324;
	}


a 					 { color: #700101; text-decoration: underline; }
a:hover 			 { color: #700101; text-decoration: none; }
a:active, a:focus 	 { outline: 0;}


img 				 { border: 0; }
.bilderamme 		 {border: 1px solid #ccc; padding:5px; background-color:#fff; margin-right: 10px;}


	

/* main
-----------------------------------------------------------------------------*/
/*.main{  width:970px;  padding-top:10px;padding-bottom: 100px;  must be same height as the footer }*/


.g230, .g160, .g320, .g480,.g620, .960, .g998, #menu, .datofelt, .nyhet {float:left; display: inline; /*margin-left:10px;*/  } 

.g230 {width:230px;border-left:1px solid #ddd; margin: 120px 10px 20px 30px; float:left; height:500px;}
.g160{width:160px; }
.g320 {width:320px; }
.g480{width:480px; }
.480{width:480px; margin:0 auto; background-color:#fff; border:1px solid #ccc; }
.g620{width:620px;}
.967{width:967px;}
.g998{width:998px;}


.main{margin:0 auto;  width:1020px;   }
.box{margin:0 auto;  width:967px; }  /* must be same height as the footer */

#header{ width:967px; height:160px; background: url(../menugpx/OIUA_header_bg_v03.jpg) no-repeat 0 0;}
#header.intranett{ width:967px; height:160px; background: url(../menugpx/OIUA_intranett_header_bg_v03.jpg) no-repeat 0 0;}





/* Navigation
-----------------------------------------------------------------------------*/

#menu			{ height:30px;   width:998px; /*background-color:#464646;*/   }
	#links 		{padding:130px 0px 0px 300px;}
	#nav ul 	{margin:0px; padding:0; list-style:none; display:table; white-space:nowrap; /*font-family:  verdana, sans-serif;  font-size: 0.8em;*/ /*text-transform:uppercase;font-size:8px;*/}
	#nav li 	{display:table-cell; margin:0; padding:0;}
	#nav a 		{float:left; color:#fff;  margin:0 20px 0 0; padding:0 0 0 2px; text-decoration:none; border-bottom:2px solid transparent; /*background: #9e9e9e url(../menugpx/top_left.gif) no-repeat left top;*/ }
	#nav a b 	{float:left; display:block; padding:5px 16px 3px 12px;}
	#nav .current a { color:#fff;  border-bottom:2px solid #fff;} 
	#nav a:hover    { color:#fff;  border-bottom:2px solid #c4c6c5;} 
	#nav 	{padding:2px 0 5px 0;}


/*- Menu 2--------------------------- */
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}


#menu2 {
	width: 160px;
	margin: 0px;
	/*border:1px solid #D8D5D1;*/
	}
	
#menu2 li a {
	height: 35px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 28px;
	text-decoration: none;
	}	
	
#menu2 li a:link, #menu2 li a:visited {
	color: #3688BA;
	display: block;
	background:  url(../menugpx/sub_menu_v02.jpg) -1px -1px;
	padding: 8px 0 0 20px;
	}
	
#menu2 li a:hover {
	color: #3688BA;
	background:  url(../menugpx/sub_menu_v02.jpg) 0px -37px;
	padding: 8px 0 0 20px;
	}

/* breadcrumb
-----------------------------------------------------------------------------*/	
	#breadcrumb{	width:600px; height:10px;  margin: 0px 0px 10px 30px; float: left;	/*padding: 0px 20px 0px 15px;*/   }

	
	
/* Innhold
-----------------------------------------------------------------------------*/	
	#innhold	{ float: left; width: 660px; margin:20px 0px; border:2px solid #ddd; background-color:#fff; min-height:500px; }


  	.datofelt	{ width:150px; text-align:center; margin:20px 0px;}
	.nyhet		{ width:600px; /*border-right: 1px solid #ccc;*/}
	.bilde		{ float: right;  border: 1px solid #ccc; padding:5px; background-color:#fff; margin:0px 20px 20px 10px;}
	
	
			/* nyheter
			-----------------------------------------------------------------------------*/	
			#nyheter 	{ margin:0 0 40px 0;/*width: 580px; */ }
			/*#nyheter .teaserimg{ margin:0px 10px 0px 0px;	text-align:left;	border: 1px solid #ccc;	padding:5px; background:#fff;}*/
			/*#nyheter img{ margin:0px 20px 0px 0px;	text-align:left;	}*/
			#lesmer		{ 	width: 100%; height:20px; padding:5px 0 0 0; /*border-bottom:1px dashed #ccc;*/ border-top:1px solid #ddd; float: left; }
			#lesmer2		{  width: 100%; height:20px; color:#8a7a67; padding:0px 0 0 0; /*border-bottom:1px dashed #ccc;*/ border-top:1px dashed #ccc; float: left; }
			
			#venstre	{  width: 175px; /*height:120px;*/ float: left; }
			#hoyre		{  width: 375px; /*height:120px;*/ float: left; }
			
			/* Right boxes
			-----------------------------------------------------------------------------*/	
			#right_box			{ float: left; width: 275px; margin:20px 0px 5px 20px; border:2px solid #ddd; background-color:#fff; }
			#right_box table	{ margin:20px;}
			.kontakt_bold		{ text-align:right; height:20px; font-weight: bold;}
			
			/* kontakt-form
			-----------------------------------------------------------------------------*/
			#right_box input {font: 1.0em/1.2em Arial, Helvetica, sans-serif; padding: 4px; width: 130px; color:#666; margin: 0px 0px 5px 0px; border: 2px solid #ccc;}
			#right_box input:focus { border: 2px solid #700101; }
			#right_box input.submit-button { width: 100%;	float: left; margin: 0px 0px 5px 0px;}
			/*label { float: left; text-align: right; margin-right: 15px; width: 130px; padding-top: 5px;	font-size: 1.0em;}*/
			
			
			/* sidemenu
			-----------------------------------------------------------------------------*/
			ul.sidemenu {
				width: 194px;
				padding: 0;
				margin: 20px;
				list-style: none;
/*				background:#fff url(../menugpx/left_bg_v01.gif) repeat-y ;*/
			}
			
			ul.sidemenu li {
/*				border-bottom: 1px solid #ccc;*/
				padding: 5px 0 0 0px;
/*				background:#efefef url(../menugpx/left_bg_menu1.gif) right top repeat-y;*/
			}
			ul.sidemenu li:hover {
/*				background:#efefef url(../menugpx/left_bg_menu2.gif) right top repeat-y;*/
				color: #30393d;
				text-decoration:underline;
			}
			
			ul.sidemenu li a {
				text-decoration: none;
				/*display: block;*/
				font-size: 1.0em;
				color: #30393d;
				font-weight: bold;
				margin: 5px 10px;/**/
			}
			

#kontaktinfobox		{  width: 980px;  margin:0 auto;  	}
	#kontaktinfo		{ text-align:right; float:right;  width: 960px;  position:absolute;top:7px; font:0.8em Verdana, Arial, Helvetica, sans-serif;  color:#fff; z-index:100; }
	#kontaktinfo a		{ color:#fff; text-decoration:none; margin:0 10px 0 0;  }
	#kontaktinfo a:hover		{ color:#fff; text-decoration:underline; }




/* clear
-----------------------------------------------------------------------------*/
/* */	.clear {clear:both;}
	.clearfix:after, .box:after {
		 visibility: hidden;
		 display: block;
		 font-size: 0;
		 content: " ";
		 clear: both;
		 height: 0;
		 }	 
	.clearfix, .box{ display:block;}
	


.rightgrad {
	background-image: url(menugpx/rightgrad.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 460px;
	width: 280px;
}
.black_1118 {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #000000;
}
.header4 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 28px;
	font-weight: bold;
	color: #006652;
}
.rightimage {
	border-bottom-width: 5px;
	border-left-width: 10px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
.dokicon {
	margin-right: 5px;
}
.bildetekst {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 16px;
	color: #000000;
	padding-top: 5px;
}
.flerebilder {

	background-repeat: no-repeat;
	background-position: center center;
	padding: 0px;
	margin: 0px 20px 0px 0px;
}
.flerebilder2 {


	background-repeat: no-repeat;
	background-position: center center;
	padding: 0px;
	margin: 0px;
}
.bilde_vis {
	margin-top: 4px;
}
.container760 {

	position: relative;
	left: 20px;
	width: 760px;
}
.black_916 {


	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 16px;
	color: #000000;
}
.ansatte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 16px;
	color: #666666;
	border-top: 1px #CCCCCC;
	border-right: 1px #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px #CCCCCC;
}

.header1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 22px;
	font-weight: bold;
	color: #979b9d;
}
.gray_1118 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #666666;
}
.bilde {
	background-repeat: no-repeat;
	background-position: center center;
	padding: 0px;
	margin: 0px 10px 0px 0px;
}
.gray_916 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 16px;
	color: #666666;
}
.header2 {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	font-weight: bold;
	color: #979b9d;
}
.header3 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	color: #979b9d;
}