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

version:   1.0
date:      01/09/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;} 

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



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

table, tr, td{
   background-repeat: no-repeat;
   background-position: center center;
  }


/* Typography
-----------------------------------------------------------------------------*/
.stor_overskrift	 { font: 1.8em/2.0em Arial, Helvetica, sans-serif; font-weight:bold; color: #333;  float: left; width:100%; padding: 0px;  margin:0px 0 20px 0; border-bottom:1px solid #ccc; }
.stor_overskrift a	 { text-decoration: none;  color: #4d6581;}
.overskrift			 { font: 1.2em/1.8em Verdana, Arial, Helvetica, sans-serif; 	font-weight: bold; color: #4d6581; }
.overskrift	 a		 { text-decoration: none; }
.tn_overskrift		 { font: 0.9em/1.3em Verdana, Arial, Helvetica, sans-serif; 	font-weight: bold; color: #4d6581; margin: 0 0 5px 0;  }
.tn_overskrift	 a	 { text-decoration: none;}
.ingress			 { font: 1.0em/1.4em Verdana, Arial, Helvetica, sans-serif; 	font-weight: bold; }
.tekst				 { font: 1.0em/1.4em Verdana, Arial, Helvetica, sans-serif;  }
.dato { font: 0.8em/1.2em Verdana, Arial, Helvetica, sans-serif; color:#4d6581; }
.tn_tekst			 { font: 0.8em/1.2em Verdana, Arial, Helvetica, sans-serif;  }
.kontakt_tekst		 { font: 1.0em/1.4em Arial, Helvetica, sans-serif;	 color:#333; }
.kontakt_tekst2		 { font: 0.9em/1.4em Arial, Helvetica, sans-serif;	 color:#333; }
.kontakt_tekst3		 { font: 0.9em/1.4em Arial, Helvetica, sans-serif;	 color:#fff; }
.topptekst_overskrift{ font: 1.2em/1.4em Arial, Helvetica, sans-serif; font-weight:bold; color: #4d6581;  float: left; width:100%; padding: 0px; text-transform: uppercase;  margin:0px; }
.text_vis			 { font: 1.0em/1.4em Verdana, Arial, Helvetica, sans-serif;margin:0px 20px 20px 0px; width:200px;}

.stor_bokstav		 { text-transform:capitalize;}
.bottomborder	{border-bottom:solid 1px #e1e1e1;}

/*farger*/
.darkblue			{ color: #00529b; }
.linkblue			{ color: #4d6581; }
.grey				{ color: #666; }


/*alarm*/
.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;
	}


/*linker*/
a 					 { color: #4d6581; text-decoration: none; }
a:hover 			 { color: #4d6581; text-decoration: underline; }

/*bilder*/
img 				 { border: 0; }
.bilderamme 		 { border: 1px solid #ccc; padding:2px; background-color:#fff;}
.tn_bilderamme 		 { border: 1px solid #ccc; padding:2px; background-color:#fff;}



/* box
----------------------------------------------------------------------------------------------------*/
#box {
	margin:0 auto;
	width: 1260px;
}

/* left
----------------------------------------------------------------------------------------------------*/
#left{
	width:230px;
	display:inline;
	float: left;
	position: relative;
	margin:0px;
}
	/* left meny
	------------------------------------------------------------------------------------------------*/
	#menu2 		{	margin: 30px 40px 0 20px;	}
	#menu2 ul 	{	list-style: none;		margin: 0;		padding: 0;		}		
	#menu2 li a {	min-height:15px; text-decoration: none;		font: 1.0em/1.4em  Arial, Helvetica, sans-serif; color: #414141;	font-weight: bold;	}		
	#menu2 li a:link, 
	#menu2 li a:visited {	display: block;	padding: 12px 0 0 5px;		border-bottom: 1px solid #ccc;		width:100%;		}		
	#menu2 li a:hover {		color: #666; padding: 12px 0 0 5px;	}
	
	
	#nyhetsbrev	{ margin: 120px 40px 0 20px;font: 0.9em/1.4em Verdana, Arial, Helvetica, sans-serif;}
	.nyhetsbrevtekst		 {  border: 1px solid #ccc; margin:5px 0px; padding:3px; background-color:#ececec;}
	.nyhetsbrevtekst:focus 	{	 border: 1px solid #ccc; background-color:#fff;		}
	.knapp		{	padding:3px; background-color:#4d6581;font: 14px/18px  Arial, Helvetica, sans-serif; border:1px solid #999; /*width:100px;*/	font-weight: bold;/**/ color: #fff;}

	
	


	


/* middle
----------------------------------------------------------------------------------------------------*/
#middle{
	width:695px;
	display:inline;
	float: left;
	position: relative;
	margin:0px;
}

	#flashy {
		width:695px;
		display:inline;
		float: left;
		position: relative;
		margin:0px;
	}

	/* topptekst
	------------------------------------------------------------------------------------------------*/
	.topptekst{
		background:#EFEFEF url(../menugpx/ngas_topptekst_bg_v02.jpg) no-repeat top left ;
		border-bottom:solid 1px #DEDEDE;
		border-top:solid 1px #DEDEDE;
		border:solid 1px #DEDEDE;/**/
/*		background:#EFEFEF;*/
		color:#222222;
		padding:20px 0 0 50px;
		text-align:left;
		width:560px;
		height:60px;
		margin:10px 40px 10px 20px;
	}
	
	
	/* dokumenter
	------------------------------------------------------------------------------------------------*/
	.dokumenter{
		background:#EFEFEF;
		border-bottom:solid 1px #DEDEDE;
		border-top:solid 1px #DEDEDE;
		border:solid 1px #DEDEDE;/**/
/*		background:#EFEFEF;*/
		color:#222222;
		padding:20px 0 0 20px;
		text-align:left;
		width:610px;
		margin:0px 20px 20px 0px ;
	}
	
	/* prosjekter
	------------------------------------------------------------------------------------------------*/
	.prosjekter{
		color:#222222;
		padding:10px;
		text-align:left;
		width:610px;
		margin:20px 20px 20px 10px ;
	}
	
	.prosjektliste{/**/	margin: 40px 0px 0px 0px; /*height:200px;	border-top:solid 1px #ddd;*/}
	.omliste{/**/	margin: 20px 0px 0px 0px; /*height:200px;	border-top:solid 1px #ddd;*/}

	
	.venstre	{  width: 190px; float: left; }
	.hoyre		{  width: 420px; float: left;  }
	
	.prosjektbilde	{  width: 610px; float: left; margin:0px 20px 20px 0px ;}
	.prosjekttekst	{  width: 610px; float: left; margin:0px 20px 20px 0px ;}
	.dokument_tekst	{ font: 0.8em/1.2em Verdana, Arial, Helvetica, sans-serif; font-weight:bold;  }

	
	/* kontakt oss
	------------------------------------------------------------------------------------------------*/

	.venstre_ansatte	{  width: 110px; float: left; }
	.hoyre_ansatte		{  width: 490px; float: left;  }
	
	.tn_ansatte		{	width: 80px; float: left; margin:0 20px 10px 0px;border: 1px solid #ccc; padding:2px; background-color:#fff;}
/* right
----------------------------------------------------------------------------------------------------*/
#right{
	width:315px;
	display:inline;
	float: left;
	position: relative;
	margin:135px 0 0 0px;
}

	/* Right - Kontaktinfo
	------------------------------------------------------------------------------------------------*/
	.kontaktinfo{
	height: 210px;
	color:#fff;
	margin:0px 0 0 10px;
/*	margin:20px 0 0 10px;*/
	}
	
	.isamarbeidmed {
	height:110px;
	margin:40px 0 0 25px;}
	.isamarbeidmed img {
	margin:0px 0 20px 0px;}
	
	/* Right - siste nyheter
	------------------------------------------------------------------------------------------------*/
	.siste_nyhet{	background: url(../menugpx/ngas_siste_midt_v01.jpg) repeat-y 0 0;	}
	
	/* nyhetsliste
	------------------------------------------------------------------------------------------------*/
	.tn_nyhetsliste {	margin: 0px 0px 20px 10px; width:240px; }
	.tn_venstre		{	width: 65px; float: left; margin:0 0 0 10px;}
	.tn_hoyre		{	width: 140px; float: left; margin:0 0 20px 20px;}
	
	



/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}