/*-----------------------------------------------------------------------------
Kubera.no  Web stylesheet

version:   1.0
date:      16/04/08
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"); */

/* Remove margin, padding and border from everything
-----------------------------------------------------------------------------*/
*{ margin: 0; padding: 0; /*border: 0;*/}*




/* Set up the document
-----------------------------------------------------------------------------*/
body{
	font: .74em Arial, Helvetica, Sans-Serif;
	background:#f8f8f8 url(../menugpx/body_bg_v04.jpg) repeat-x;
	color: #000;
	margin: 0px;		
}


/* Styles for layout
-----------------------------------------------------------------------------*/

.clear	{	clear:both;}
.right	{	float: right;}
.left	{	float: left;}



/* Typography
-----------------------------------------------------------------------------*/
p  					 { margin: 0 0 2em 0; line-height: 1.8em; }
em 					 { border-bottom: 1px dotted #fff; cursor: pointer; }
a 					 { color: #009ad6; text-decoration: none; }
a:hover 			 { color: #009ad6; text-decoration: none;  }

img 				 { border: 0; }



.stor_overskrift	 { font: 2.4em/1.5em "NeoSans", Arial, Helvetica, sans-serif ; text-transform:uppercase;  color: #009ee1; margin-top:10px;  }
.stor_overskrift a	 { text-decoration: none; }
.overskrift			 { font-size: 2em; color: #FFF2B3; font-weight: normal; margin: 0 0 .8em; }
.ingress			 { color: #464646; font-size: 1.0em; margin: 0 0 20px 0; text-transform:uppercase; font-weight: bold;}
.ingress a:hover 	 { color: #ccc; text-decoration: underline; border-bottom:1px solid #009ad6;  }
.date			     { font-size: 0.8em; line-height: 1.6em;	font-weight: bold;}
.tekst				 { font-size: 1.2em; text-align:right;	margin: 0 0 2em 0; line-height: 1.8em;	}
.red 				 { color: #9D2900; }
.blue				 { color: #01497b; }


	
/* wrap 
-----------------------------------------------------------------------------*/	
.wrap { width: 1000px; margin: 0 auto; background: url(../menugpx/wrap_bg_v01.jpg) repeat-y center top;  }
 
 
.boxer { background: fixed url(../menugpx/boxer_body_bg_v05.jpg) no-repeat center top; }/**/
 
	/* header
	-----------------------------------------------------------------------------*/
	#header { 
			width: 1000px; 
			height: 80px; 
			margin: 0 auto;
			padding:0px; 
		}
		/*#menu  { float: right; padding: 6px 0 0 0; list-style: none; }
			#menu li { display: inline; }
			#menu a { display: block; float: left; margin-left: 30px; padding: 7px; text-decoration: none; font-size: 13px; color: #000000; }
			#menu a:hover { color: #01497b; border-bottom: 2px solid #ccc; }
			#menu .active a { border-bottom: 2px solid #009ad6; color: #01497b;}*/
			
			
		/* Navigation
		-----------------------------------------------------------------------------*/
		
		#menu			{/*margin: 0 10px; padding:0px;*/ padding:0px; margin: 0 auto; height:45px; width:1000px; background:#464646 url(../menugpx/menu_bg_v01.gif) repeat-x 0 0}
			#links 		{padding:15px 20px 0px 80px; width:900px; margin:0 auto;}
			#nav ul 	{/**/margin:0 auto; padding:0; list-style:none; display:table; white-space:nowrap;  font-size: 0.8em;}
			#nav li 	{display:table-cell; margin:0; padding:0;}
			#nav a 	{float:left;color:#fff; background: #9e9e9e url(../menugpx/top_left.gif) no-repeat left top; margin:0 4px 0 0; 			
					padding:0 0 0 2px; text-decoration:none; letter-spacing:1px;}
			#nav a b 	{float:left; display:block; background:transparent url(../menugpx/top_right.gif) no-repeat right top;
					padding:10px 16px 6px 12px; font-weight:normal;}
			#nav a:hover {background: #009ee1 url(../menugpx/top_left.gif) no-repeat left top; color:#fff; cursor:pointer;} 
			#nav .current a {background: #fff url(../menugpx/top_left.gif) no-repeat left top; color:#000; cursor:default;} 
			#nav 	{padding:2px 0 0px 0;}


			
	/* teaser
	-----------------------------------------------------------------------------*/ 
/*	#teaser { clear: both; height: 259px; background: url(../images/teaserbg_v02.jpg) repeat-x; }*/
		.box { float: left; padding: 66px 0 0; width: 480px; color: #C7E3EE; }
/*		#teaser a { color: #808080; font-weight: bold; }
		#image {
			float: right;
			width: 388px;
			position: relative;
			top: 16px;
			background: url(../images/logotype_v02.jpg) no-repeat top right;
			height: 258px;
}*/


	#teaser {
		width:300px;
		height:260px;
		float:left;	
		margin:10px 20px 10px 0px;
		line-height:1.4em;
	}
	#teaser img{
		width:265px;
		height:195px;
		margin:0 auto;	
		text-align:left;
		border: 1px solid #ccc;
		padding:5px;
		background:#fff;
	}
		.teaserimg{
		width:265px;
		height:195px;
		margin:0 auto;	
		text-align:left;
		border: 1px solid #ccc;
		padding:5px;
		background:#fff;
	}
	.left_text {	float: left;font-size: 1.0em;  text-transform:uppercase;	font-weight: bold; color: #009ee1;	}
	.right_text {	float: right; font-size: 1.0em; font-weight: normal; margin-right:20px; text-align:right }
	

	
	
	/* content
	-----------------------------------------------------------------------------*/	
	#content { height: 40px; margin: 0 0 30px; padding: 8px 0 0 0; background: url(../images/bar.gif) repeat-x; }
		.step { cursor: pointer; color: #FAFDDD; padding: 4px 0 0 11px; margin: 0 35px 0 0; font-size: 1.4em; float: left; text-align: center; background: url(../images/step.gif) no-repeat; height: 30px; }
		.step a { color: #fff; margin: 0 10px 0 0; }
	
	/* col
	-----------------------------------------------------------------------------*/	
	.col { float: left; width: 276px; margin: 0 30px 16px 0; }
		.last { float: right; margin: 0; }
		.info { border: 1px solid #e0e0e0; background: #f4f4f4; padding: 7px; }
		
	/* col
	-----------------------------------------------------------------------------*/	
	.litencol { float: left; width: 160px; margin: 0 30px 16px 0;height: 800px; min-height:800px;
		background:/*#fff */url(../menugpx/left_bg.gif) repeat-y; }
	
	

	/* sidemenu
			-----------------------------------------------------------------------------*/
			ul.sidemenu {
				width: 155px;
				padding: 0;
				margin: 0 0 0 2px;
				list-style: none;
				background:#fff url(../menugpx/left_bg_v01.gif) repeat-y ;
			}
			
			ul.sidemenu li {
				border-bottom: 1px solid #ccc;
				padding: 5px;
				background:#efefef url(../menugpx/left_bg_menu1.gif) repeat-y;
			}
			ul.sidemenu li:hover {
				background-color: #efefef;
				background:#efefef url(../menugpx/left_bg_menu2.gif) repeat-y;
				color: #EEEEDC;
			}
			
			ul.sidemenu li a {
				text-decoration: none;
				display: block;
				font-size: 0.8em;
				text-transform:uppercase;
				color: #464646;
				font-weight: nomal;
				padding: 5px 10px;
			}
			
			

	
	/* stor_col
	-----------------------------------------------------------------------------*/	
	.stor_col { float: left; width: 652px; margin: 0 30px 16px 0; }
/*		.stor_col img{
		width:200px;
		height:150px;
		margin:0 auto;	
		text-align:left;
		border: 1px solid #ccc;
		padding:5px;
		background:#fff;
	}*/

	
	
	/* footer
	-----------------------------------------------------------------------------*/
	#footer { clear: both; width: 1000px; margin: 0 auto; /*padding: 15px; border-top: 1px solid #e0e0e0; background: #fff url(../images/small_logotype_v02.jpg) no-repeat left 13px;*/ height:80px; }	
		#footer .right { float: right; margin: 0 55px 0 0; }
		#footer .left { float: left; margin: 0 0 0 55px; }
		#footer a { color: #808080; font-weight: bold; }