/*-----------------------------------------------------------------------------
nordnorskhavkraft.no Web stylesheet

version:   1.0
date:      24/02/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"); */




/* Min CSS Reset */

html, body{
  margin: 0;
  padding: 0;
  }
  
/*html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}*/
html{height: 100%;}
body{height: 100%;}
 
/* Set up the document
-----------------------------------------------------------------------------*/
body{
	font: 76% Verdana, Arial, Helvetica, sans-serif;
	background: url(../menugpx/nnh_footer_bg_v2.14.gif)  repeat-x bottom left fixed;/**/
	color: #000;
	margin: 0px;
}

/* Typography
-----------------------------------------------------------------------------*/
.stor_overskrift	 { font: 2.0em/1.4em Georgia, "Times New Roman", Times, serif; color: #474747; font-weight: bold; float: left; width:100%;  margin:10px 0px;}
.admin				 { font: 2.0em/1.4em Georgia, "Times New Roman", Times, serif; color: #b32017; font-weight: bold; float: left; width:100%;  margin:10px 0px; text-decoration: underline; }
.stor_overskrift a	 { text-decoration: none;  color: #000;}

.overskrift			 { font: 1.2em/1.4em Verdana, Arial, Helvetica, sans-serif; 	font-weight: bold; color: #b32017; }


.ingress			 { font: 1.0em/1.4em Verdana, Arial, Helvetica, sans-serif; 	font-weight: bold;  }
.date			     { font-size: 0.8em; line-height: 2.6em;	font-weight: bold; color:#999;  background-color:#def1f2; padding:10px;}
.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				 { margin: 0 0 2em 0; line-height: 1.6em; 	}
p					 { margin: 0 0 2em 0; line-height: 1.6em; 	}
.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; }


.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: #6cb6ce; text-decoration: underline; }
a:hover 			 { color: #00529b; text-decoration: none; }

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

/* wrap
-----------------------------------------------------------------------------*/
#wrap {  background: url(../menugpx/wrap_bg_v1.14.jpg) repeat-x top left; margin:0 auto; position: relative;min-height: 90%;/**/ }
.top {  width:100%; height:50px;}
.bottom {  width:100%; height:80px;}
#windmill {  background: url(../menugpx/nnh_windmill_v2.01.png) no-repeat 0 0; width:100%; height:448px; position:absolute; bottom:0; left:0; z-index:10;}
/*#eiesav {  width:100%; height:448px; position:absolute; bottom:0; left:230px; z-index:10;}*/

/* main
-----------------------------------------------------------------------------*/
.main		{  width:730px; margin:0px 0 75px 230px; background-color:#fff;  /*padding-bottom: 100px;  must be same height as the footer */}
* html .content{height: 100%;}

.content   {  width:700px; margin:10px auto; background-color:#fff;  padding-bottom: 120px;/*padding-bottom: 100px;  must be same height as the footer */}



.g230, .g160, .g330, .g480,.g620, .g960, .g720, .datofelt, .menu, .logo, .teaser, .nyhet {float:left; display: inline; /*margin-left:10px;*/  } 

.g230 {width:120px;}
.g160{width:150px; }
.g330 {width:320px;}
.g480{width:470px; }
.g620{width:680px;}
.g720 {width:700px; height:90px; margin:10px auto 0 auto; border-bottom:3px solid #ccc;}

.g960{width:950px;}


.logo {width:220px; height:80px; float:left; }
.teaser {width:700px; height:90px; margin:5px auto; }
/* Navigation
-----------------------------------------------------------------------------*/

#menu			{ height:30px;  float:right; margin:60px 0 0 0;   }
	#links 		{padding:8px 0px 0px 0px;  float:right; }
	#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:#666;  margin:0 10px 0 10px; 		padding:0 0 0 2px; text-decoration:none; }
	#nav a b 	{float:left; display:block; background:transparent url(../menugpx/top_right.gif) no-repeat right top;
			padding:5px 16px 5px 12px;}
	#nav a:hover {  color:#00529b; cursor:pointer;} 
	#nav .current a {background: #fff url(../menugpx/top_left.gif) no-repeat left top; color:#0db3e9; cursor:default;} 
	#nav 	{padding:2px 0 5px 0;}
	
	/* Innhold
	-----------------------------------------------------------------------------*/	
	#innhold	{ float: left; width: 470px; margin:0px 0px 20px 0px;  /*border: 2px solid #ccc;*/ }
	.datofelt	{ width:150px; text-align:center; margin:20px 0px;}
	.nyhet		{ width:530px; /*border: 1px solid #ccc;*/}
	.bilde		{ /*width:140px;*/  float: right;  border: 1px solid #ccc; padding:5px; background-color:#fff; margin:0px 0px 0px 10px;}

  


	/* footer
	-----------------------------------------------------------------------------*/
/*	#footer {
		position: relative;
		margin-top: -100px; 
		height: 100px;
		clear:both;} */
		
#footer
{
position: relative;
width:700px;
margin-top: -120px;
height: 120px;
margin-left:230px;

} 
/*.footerbg{

}

.footerbg img{
margin:0;
padding:0;
border:0;
		}*/




/*	#bgfooter {  
		background: url(../menugpx/nnh_footer_bg_v2.14.gif) repeat-x bottom left;
		position:absolute;
		bottom:0;
		left:0;
		width:100%;
		height:100%;
		z-index:
} */


	.clear {clear:both;}
	.clearfix:after, .main:after {
		 visibility: hidden;
		 display: block;
		 font-size: 0;
		 content: " ";
		 clear: both;
		 height: 0;
		 }	 
	.clearfix, .main{ display:block;} 
	
	
/* Forms
-----------------------------------------------------------------------------*/
#innhold input{
	border: 2px solid #ccc;
	padding: 2px;
	font: 1.0em Verdana, Arial, Helvetica, sans-serif;
	
}
#contact-area {
	width: 470px;
	margin-top: 25px;
	
}

#contact-area input, #contact-area textarea {
	padding: 2px;
	width: 300px;/**/
	font: 1.0em Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}
#contact-area textarea.ingress {
	height: 50px;
}
#contact-area textarea {
	height: 90px;
}


#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #00529b;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 1.0em;
}
#publiseringsbox{
	width: 470px;
	margin-top: 25px;
}
.overskriftbox{ 
	font: 2.0em/1.4em Georgia, "Times New Roman", Times, serif; color: #474747; font-weight: bold; float: left; width:100%;  margin:10px 0px; border: 2px solid #ccc;}
.bildetextbox{
	width: 300px;
	padding: 2px;
	font: 1.0em Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}
.ingressbox{
	width: 100%;
	padding: 2px;
	font: 1.0em Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}
.datobox{
	width: 50px;
	font: 1.0em Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}
.dato{
	width: 25px;
	font: 1.0em Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;	
}
.kolon{
	margin: 0px 0px 10px 0px;
	padding: 2px;

}
#publiseringsbox textarea:focus, #publiseringsbox input:focus {
	border: 2px solid #00529b;
}



.kapittelboks {
	border: 1px solid #CCCCCC;
	background-color: #EBEBEB;
	padding: 9px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 200px;
	float: right;
	margin-left: 15px;
	margin-right: 5px;
}
.kapittelboks_head {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 4px;
}
/*#content
{
padding-bottom: 9em;
}

#footer
{
position: relative;
margin-top: -7.5em;
} */