/*-----------------------------------------------------------------------------
www.narvikhavn.no Web stylesheet

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

* {margin:0;padding:0;} 
/*html, body, .main {height: 90%;}
body > .main {height: auto; min-height: 90%;}*/



 
/* Set up the document
-----------------------------------------------------------------------------*/
body{
	font: 76% Verdana, Arial, Helvetica, sans-serif;
	background-color:  #fff; /*url(../menugpx/body_bg_v02.jpg) repeat-y top center;*/
	color: #000;
	margin: 0px;
	padding:0px;
	overflow:auto;
	overflow-x:hidden; 
	/*border:1px solid #ddd;*/
}

/* Typography
-----------------------------------------------------------------------------*/
.stor_overskrift	 { font: 2.2em/1.9em Arial, Helvetica, sans-serif; color: #861c1d; font-weight: bold;  float: left; width:650px; padding: 0px; /*text-transform: uppercase;*/  margin:0px 0px 0px 0px; }
.stor_overskrift a	 { text-decoration: none;  color: #861c1d;}
.mellom_overskrift	 { font: 1.8em/1.6em Arial, Helvetica, sans-serif; color: #861c1d; font-weight: bold;  float: left; padding: 0px; /*text-transform: uppercase;*/  margin:0px 0px 0px 0px; }
.mellom_overskrift a	 { text-decoration: none;  color: #861c1d;}

.hoved_overskrift	 { font: 1.0em/1.4em Verdana, Arial, Helvetica, sans-serif; 	font-weight: bold; color: #000;  float: left; width:650px; border-bottom:1px solid #ddd; padding:0 0 5px 0; margin:0 0 20px 0; }
.arkiv_overskrift	 { font: 1.0em/1.4em Verdana, Arial, Helvetica, sans-serif; 	font-weight: bold; color: #000;  float: left; border-bottom:1px solid #ddd; width:250px; padding:0 0 5px 0; margin:0 0 0 0; }

.overskrift			 { font: 1.2em/1.4em Verdana, Arial, Helvetica, sans-serif; 	font-weight: bold; color: #3a4152; }
.overskrift	 a		 { text-decoration: none; }


.arkiv_tekst		 { font: 0.8em/1.4em Verdana, Arial, Helvetica, sans-serif; 	color: #000;  float: left; width:230px; padding:1px 0 20px 20px; background: #fff url(../menugpx/nh_arrow.jpg) no-repeat 0 0;}
.kontakt_tekst		 { font: 0.8em/1.4em Verdana, Arial, Helvetica, sans-serif; 	color: #000;  float: left; width:250px; margin:0 0 20px 10px;}
.ingress			 { font: 1.0em/1.4em Verdana, Arial, Helvetica, sans-serif; 	font-weight: bold; }
.date			     { font-size: 0.8em; line-height: 2.3em;	 color:#999; }
.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; 	}
.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;}
.mini 				 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px}
.head				 { padding:0 0 0 5px;}

.darkblue			{ color: #333a4b; font: 1.8em/1.6em Arial, Helvetica, sans-serif;  font-weight: bold;  float: left; padding:0 5px; }
.winered			{ color: #861c1d; }
.greyish			{ color: #b9b9b9; }

.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: #861c1d; text-decoration: none; }
a:hover 			 { color: #861c1d; text-decoration: underline; }

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


	

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


.g230, .g160, .g320, .g480,.g620, .g960, .g998,#header, #menu, #nyheter, .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; }
.g620{width:620px;}
.g960{width:960px;}
.g998{width:998px;}


.main{margin:0 auto;  width:1020px; }
.box{margin:0 auto;  width:1000px; }

/* Header
-----------------------------------------------------------------------------*/
#header{
	width:1000px;
	height:180px;
	background:#fff url(../menugpx/nh_header_v01.jpg) no-repeat 0 0;
}


	#kontaktinfobox		{  width: 980px;  margin:0 auto;  /**/  	}
	#kontaktinfo		{ text-align:right; float:right;  width: 830px;  position:absolute;top:7px; /*float:right;*/font:0.8em Verdana, Arial, Helvetica, sans-serif;  color:#666; z-index:100;/*border:1px solid #ccc;*/ }
/*	#kontaktinfo ul		{ padding:0; list-style:none; display:table; white-space:nowrap;display:block;}
	#kontaktinfo li 	{display:inline; margin:0; padding:0;      }*/
	#kontaktinfo a		{ color:#666; text-decoration:none; margin:0 10px 0 0;  }
	#kontaktinfo a:hover		{ color:#666; text-decoration:underline; }
	
	#sok		{position:absolute;top:0px; text-align:right;width: 980px;font:1.0em Verdana, Arial, Helvetica, sans-serif; color:#666;}
	.sokbox		{ background-color:#f5f5f5; border:1px solid #b7c6d4;  width:100px;margin:0 2px 0 0px; padding:0px;   }
	.sokbutton 	{ background:#fff url(../menugpx/sok_button.jpg) no-repeat 0 4px; width:20px;margin:0px; height:20px; border:0px; }

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

#menu			{padding:0px; height:70px; width:780px; margin:100px 0 0 10px;/*border:1px solid #666;*/ float:left;}
	#links 		{padding:0px 0px 0px 0px;  margin:0 auto;   }
	#nav 		{padding:0px 0px 0px 0;width:960px;}
	#nav ul 	{margin:0 auto; padding:0; list-style:none; display:table; white-space:nowrap;  }
	#nav li 	{display:inline; margin:0; padding:0;  }
	#nav a 		{float:left; color:#fff; height:20px; margin:0px; font: 0.9em/1.4em Verdana, Arial, Helvetica, sans-serif; margin:10px 15px 0 17px;  text-decoration:none; text-transform: uppercase;   }
	#nav a b 	{float:left; display:block; margin:10px 20px 0px 18px;  color:#ccc;  }
	#nav .current a { color:#fff; cursor:default;border-bottom:2px solid #fff; } 
	#nav a:hover { color:#fff; cursor:pointer; border-bottom:2px solid #ccc;} 
	
	#vedlegg		{ background-color:#e5e5e5; color:#000;  width: 300px; float: right; border:2px solid #dadada; margin:0 0px 20px 20px; }
	#vedleggsinnhold		{  width: 260px; margin:10px auto;  }
	#vedleggsinnhold img		{  margin:0px 5px 0px 0px; }

	

	
	
	/* sub-nav
	-----------------------------------------------------------------------------*/
	#submenu			{padding:18px 0 0 0; height:25px; width:780px; margin:0 auto; float:left;}
	#submenu a			{padding:0px 0px 0 0px; margin:0 15px;color:#010000; display:inline; font: 0.8em/1.0em Verdana, Arial, Helvetica, sans-serif; text-decoration:none; }
	#submenu a:hover 	{ color:#999;  /*border-bottom:1px solid #f8f8f8;*/cursor:default;}

	#logo {	float:left;	width:115px;	margin: 45px 20px 10px 55px; }

	
	/* breadcrumb
	-----------------------------------------------------------------------------*/	
	#breadcrumb{	width:600px; height:10px;  margin: 0px 0 0px 20px; float: left;	 }
	
	
	/* teaser
	-----------------------------------------------------------------------------*/
		#teaser {
			position: relative;
			clear:both;
			background:#fff url(../menugpx/nh_teaser_v02.jpg) no-repeat 0 0;
			width:1000px;
			height:250px;
			padding:0 0 20px 0;
			
			/*border:1px solid #ddd;*/
			
			} 
		#teasercontent p {
			margin:15px 0 0 0px;
			
		}
		#teasercontent .left {
			/*border:1px solid #ddd;*/
			width:215px;
			font: 0.8em/1.2em Verdana, Arial, Helvetica, sans-serif; color:#fff;
			padding:55px 0 0 5px;
			margin:0 0 0 20px;
			float:left; 
		}
		#teasercontent .left a {
			color:#fff;
		}
		#teasercontent .right {
			width:160px;
			padding:0px;
			float:left;
			margin: 0 0 0 350px; 
		}
		#teasercontent .right img {
			margin: 0 0 11px 0px; 
		}




/* Navigation
-----------------------------------------------------------------------------*/
/*
#menu			{ height:30px; margin:0 auto;  width:998px; background-color:#464646;   }
	#links 		{padding:8px 0px 0px 180px;}
	#nav ul 	{margin:0px; padding:0; list-style:none; display:table; white-space:nowrap; font-family:  verdana, sans-serif;  font-size: 0.8em; }
	#nav li 	{display:table-cell; margin:0; padding:0;}
	#nav a 		{float:left; color:#fff;  margin:0 5px 0 0; padding:0 0 0 2px; text-decoration:none;  background: #9e9e9e url(../menugpx/top_left.gif) no-repeat left top; }
	#nav a b 	{float:left; display:block; background:transparent url(../menugpx/top_right.gif) no-repeat right top;	padding:5px 16px 3px 12px;}
	#nav a:hover {  color:#12747e; cursor:pointer;} 
	#nav .current a {background: #fff url(../menugpx/top_left.gif) no-repeat left top; color:#464646; cursor:default;} 
	#nav 	{padding:2px 0 5px 0;}*/


/*- Menu 2--------------------------- */
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;
	}
	


	
	
/* Innhold
-----------------------------------------------------------------------------*/	
	#innhold	{ float: left; width: 650px; margin:0px 0px 20px 20px;  background-color:#fff; }
	
/*	#breadcrumb { font-size: 0.8em; color:#fe7800; margin:20px 0px 10px 0px;  }
	#breadcrumb a { text-decoration: underline;	}*/

  	.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 0px 0px 10px;}
	
	
			/* nyheter
			-----------------------------------------------------------------------------*/	
			#nyheter 	{ margin:0 0 40px 0;width: 650px; /*width: 580px; */ }
			#nyheter p 	{margin: 0 0 10px 0; line-height: 1.6em; 	}
			/*#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: 650px; height:20px; padding:0px 0 0 0; margin: 0 0 20px 0; /*border-bottom:1px dashed #ccc; border-top:1px solid #ddd;*/ float: left; }
			
			#venstre	{  width: 175px; /*height:120px;*/ float: left; }
			/*#hoyre		{  width: 375px; height:120px; float: left; }*/
			

		/* Right Box
		-----------------------------------------------------------------------------*/	
		#right_box{
			background:#fff url(../menugpx/nh_right_box_v01.jpg) no-repeat 0 0;
			/*width:320px;*/
			float:left;
			min-height:380px;
			margin:2px 0 0 20px;
			padding:35px 35px 0 35px;
			/*border:1px solid #ccc;*/
				
		}
		.right_box_content{
			width:250px;
			margin: 0 auto;
			float:left;
			/*border:1px solid #ccc;*/
				
		}
		#right_box p{
			margin:0px 0 15px 0px;	
		}
		

/*Logginn*/
#loggin {
	margin:0 0 0 20px;
	background-color:#ccc;
	border:1px solid #9e9e9e;
	padding: 0px 0 20px 0px;
}
.loggin_title {
	padding: 0px 0 0px 20px;
	font: 1.4em/2.4em Arial, Helvetica, sans-serif; color:#fff; 	font-weight: bold;


}
.verdana9 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	 margin: 0 10px 0 20px;
}
.login_user {
	height: 16px;
	width: 158px;
	border: 1px solid #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	padding-top: 3px;
	padding-left: 2px;
	margin-top: 4px;
	margin-bottom: 4px;
}
.login_pass {
	height: 16px;
	width: 80px;
	border: 1px solid #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	padding-top: 3px;
	padding-left: 2px;
	margin-top: 4px;
	margin-bottom: 4px;
	padding-right: 10px;
}
.login_knapp {
	background-color: #12747e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
	height: 22px;
	border: 1px solid #004b91;
	margin-top: 4px;
	margin-bottom: 4px;
	width: 60px;
}


/* footer
-----------------------------------------------------------------------------*/
/*	#footer {
		position: relative;
		clear:both;
		margin: 0 auto;
		} 
	#footercontent {
		width:600px;		
		border-top:1px solid #ddd;

	}
	#footercontent .left {
		width:300px;
		font: 0.8em/1.2em Verdana, Arial, Helvetica, sans-serif; color:#9e9e9e;
		padding:15px 0 0 0;
		float:left; 
	}
	#footercontent .right {
		width:250px;
		padding:15px;
		float:left; 
	}*/


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