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

version:   1.0
date:      01/02/10
author:    Stian Berg Johansen
email:     stian@bergjohansen.com
website:   funnit.no/modulnet.no/bergjohansen.no

version history: 1.0 (current)


Table of Contents:
1.	Global settings 
2.	Main Stucture
 
-----------------------------------------------------------------------------*/



 
/* 1.Global settings
-----------------------------------------------------------------------------*/

* {margin:0;padding:0;} 

body{
	font: 76%  Arial, Verdana, Helvetica, sans-serif;
	background: #ccc url(../menugpx/eKey_body_bg_v08.png) repeat-y top center;
	color: #000;
	margin: 0;
	padding:0;
}


/* Typography */
.stor_overskrift	 	{ font: 1.8em/2.0em Verdana, Helvetica, sans-serif; font-weight:bold;  color: #2b2b2b;  float: left; border-bottom:3px solid #c4c4c4; width:100%; margin: 0 0 15px 0; }
.overskrift			 	{ font: 1.2em/1.8em Verdana, Arial, Helvetica, sans-serif; 	font-weight: bold; margin:20px 0 0 0;  }
.ingress			 	{ font: 1.0em/1.6em Verdana, Arial, Helvetica, sans-serif; 	font-weight: bold; }
.tekst				 	{ font: 1.0em/1.4em Arial, Helvetica, sans-serif; color:#777;  }
.produktekst		 	{ font: 1.0em/1.4em Arial, Helvetica, sans-serif; color:#777; margin:0px 0 0 20px; }
.produktoverskrift	 	{ font: 1.2em/1.8em Verdana, Arial, Helvetica, sans-serif; 	font-weight: bold; margin:20px 0 0 20px;  }
.tn_tekst			 	{ font: 0.8em/1.2em Verdana, Arial, Helvetica, sans-serif;  }
.toc_title			 	{ font: 0.9em/1.4em Verdana, Arial, Helvetica, sans-serif; 	font-weight: bold; margin:20px;  }
.forfatter				{ font: 0.8em/1.4em Verdana, Arial, Helvetica, sans-serif; font-style:italic; }
.litenP					{ font: 1.0em/1.4em Arial, Helvetica, sans-serif; color:#666; margin: 0;  }
.kontaktoverskift		{ font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 18px; color: #005093; font-weight: bold}

p						{ font: 1.0em/1.6em Verdana, Arial, Helvetica, sans-serif; color:#2b2b2b; margin: 0 0 15px 0;  }



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


/*globale linker*/
a 					{ color: #0078ae;  text-decoration: none; }
a:hover 			 	{ color: #0078ae; text-decoration: underline; }
a:active, a:focus 	{ outline: 0;}

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

/* Clear */
.clear {	clear: both;	height: 1px;	overflow: hidden;	position: relative;	top: -1px;	margin-bottom: -1px;}




/* 2.Main Stucture
-----------------------------------------------------------------------------*/
/* Box - alt av innhold skal inn i denne*/

#box {
	margin:0 auto;
	width: 805px;
	/*background-color:#fff;*/
/*	border-left:5px #fff solid;
	border-right:5px #fff solid;*/
}

	/* 2.1.Header*/
	#box #header 	{ margin:0 auto;	}
			#box #header.forside 		{ margin:0 auto; width: 790px; height:67px; background: url(../menugpx/ekey_header_v05.png) no-repeat; border-bottom:1px solid #ccc; 	}
				
			
		/* logo*/
		#box #header #logo{ 	width:163px; display:inline; float: left; position: relative; margin:20px 0 0 20px;	}
	
	
	/* 2.2.Left*/
	#box #left{
		width:150px;
		display:inline;
		float: left;
		position: relative;
		margin:0px;

	}
		/* Left menu*/
			#box #left #menu2 		{	margin: 0px;	font: 0.9em/1.0em  Arial, Helvetica, sans-serif;text-transform:uppercase;}
			#box #left #menu2 ul 	{	list-style: none;		margin: 10px 0 0 0;		padding: 0; 	}		
			#box #left #menu2 li a {	min-height:12px; text-decoration: none;		 color: #222;	border-bottom: 1px solid #fff; padding: 10px 0 8px 0px;  margin: 0 0 0 30px;	}		
			#box #left #menu2 li a:link, 
			#box #left #menu2 li a:visited {	display: block;	width:100%; padding: 10px 0 8px 0px; 	}
			#box #left #menu2 li a:hover {		color: #ccc; padding: 10px 0 8px 0px; 	}

		



	/* 2.3.content*/
	
	#box #content { display:inline;	float: left; position: relative; width:600px;margin:0px 0 15px 48px; }	/*content  - 600px */
		#box #content #main 		{ display:inline;	float: left; position: relative; width:440px;margin:0px 0px 20px 0px; }	/*Main  - 440px */
		#box #content #forsidebox 		{ display:inline;	float: left; position: relative; width:280px;margin:0px 0px 20px 15px; }	/*forsidebox  - 280px */
		
		/* breadcrumb*/
		#box #content #breadcrumb 		{ font: 11px/18px Arial, Helvetica, sans-serif;  height:250px; margin: 0 0 20px 0px; }
		
		
		/* forsidebox*/	
		#box #content #forsidebox #forsideboxtop  	{ 	float: left; position: relative; width:280px; height:30px;margin:0px 0 0px 0px; background-color:#87b587;  }
		#box #content #forsidebox #forsideboxtop .vedlegg_title	{   display:inline;	float: left; position: relative;  margin:10px 0 0 10px; font-weight: bold; color:#fff; }
		
		/* faq*/
		#box #content #faq 		{ display:inline;	float: left; position: relative; width:560px;margin:20px 0px 20px 20px; }
		#box #content #faq #faqbox #faqboxtop  	{ 	float: left; position: relative; width:100%; height:30px;margin:0px 0 0px 0px; background-color:#87b587;  }
		#box #content #faq #faqbox #faqboxtop .vedlegg_title	{   display:inline;	float: left; position: relative;  margin:10px 0 0 10px; font-weight: bold; color:#fff; }
		#box #content #faq #faqbox #faqboxmain  	{ 	float: left; position: relative; width:280px; margin:0px 0 0px 0px;   }
		
		/* produkt*/
		#box #content #produkt 		{ display:inline;	float: left; position: relative; width:560px;margin:20px 0px 0px 20px;border-bottom:1px solid #ccc; }
		#box #content #produkt #produktbox #produktboxtop  	{ 	float: left; position: relative; width:100%; height:30px;margin:0px 0 0px 0px; background-color:#87b587;  }
		#box #content #produkt #produktbox #produktboxtop .vedlegg_title	{   display:inline;	float: left; position: relative;  margin:10px 0 0 10px; font-weight: bold; color:#fff; }
		#box #content #produkt #produktbox #produktboxmain  	{ 	float: left; position: relative; width:280px; margin:0px 0 0px 0px;    }
		#box #content #produkt #produktbox #produktboxbig		{ 	float: left; position: relative; width:420px; margin:0px 0 0px 0px;    }
		#box #content #produkt #produktbox #produktboxbig ul    { 	float: left; position: relative;  margin:0px 0 10px 20px; width:100%;    }
		#box #content #produkt #produktbox #produktboxbig ul li   { list-style:none; }
		
		#box #content #produkt #produktbox #produktsmallbox		{ 	float: left; position: relative; width:100px; margin:0px 0 0px 20px;    }
		
		
		
		/* footer*/
		#box #content #footer 		{ font: 10px/18px Arial, Helvetica, sans-serif; color:#666;  margin: 20px; border-top:1px solid #ccc; }