/*-----------------------------------------------------------------------------
Topptur.nu Web stylesheet

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

version history: 1.0 (current)
-----------------------------------------------------------------------------*/


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



/* Set up the document
-----------------------------------------------------------------------------*/
body{
	font: 76% Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0;
	padding:0;	
	overflow: hidden !important;/*Needed to eliminate scrollbars*/
}

html {overflow: hidden;}

/* Typography
-----------------------------------------------------------------------------*/
.stor_overskrift	 	{ font: 2.4em/1.6em   Arial, Helvetica, sans-serif; color: #e9841d; font-weight: bold; float: left; width:100%;  margin:0px; }
.medium_overskrift		{ font: 1.8em/1.4em   Arial, Helvetica, sans-serif; color: #e9841d; font-weight: bold; float: left; width:100%;  margin:0px; }
.sub_overskrift			{ font: 1.2em/1.4em  Arial, Helvetica, sans-serif; 	font-weight: bold; color: #000; float: left;width:100%; margin:0px 0 20px 0; border-bottom:1px solid #e9841d;   }
.news_stor_overskrift	{ font: 2.4em/1.6em   Arial, Helvetica, sans-serif;	font-weight: bold; color: #e9841d; float: left;width:100%; margin:0px 0 10px 0; border-bottom:1px solid #e9841d;   }
.sub_news				{ font: 1.2em/1.4em  Arial, Helvetica, sans-serif; 	font-weight: bold; color: #000; float: left;width:100%; margin:20px 0 5px 0; }

.overskrift			 	{ font: 1.2em/1.4em  Arial, Helvetica, sans-serif; 	font-weight: bold; color: #e9841d; }
.ingress			 	{ font-size: 1.2em; color:#fff; z-index:30;}
.date			     	{ font-size: 0.8em; line-height: 1.6em;	font-weight: bold; color:#666;}
.date_books		     	{ font-size: 0.8em; line-height: 1.6em;	font-weight: bold; color:#666;  margin: 0em 0em 0em 0em;}
.date_news		     	{ font-size: 0.8em; line-height: 1.0em;	font-weight: bold; color:#999;width:100%; margin:10px 0 5px 0;}
.fakta			     	{ font-size: 0.8em; line-height: 1.6em;	font-weight: bold; color:#333; margin: 0em 2em 0em 0em;}
.fakta2			     	{ font-size: 0.8em; line-height: 1.6em;	font-weight: bold; color:#333; margin: 0em 3em 0em 0em; width:70px; float:left;}
.tekst				 	{ margin: 2em 0 2em 0; line-height: 1.6em;  color:#333;	}
.newstxt			 	{ margin: 10px 0; line-height: 1.6em;  color:#333;	}
.publisert			 	{ font-size: 0.8em; margin: 0em 0em 0.5em 1em; padding: 0 0 0 20px; border-left: 1px solid #ccc; }

.bokliste_overskrift 	{ font: 1.2em/1.4em   Arial, Helvetica, sans-serif; color: #e9841d; font-weight: bold; float: left; width:100%;  margin:0px; }
.bokliste_overskrift a 	{ font: 1.2em/1.4em   Arial, Helvetica, sans-serif; color: #e9841d; font-weight: bold; float: left; width:100%;  margin:0px; text-decoration:none; }
.bokliste_sub_overskrift {   Arial, Helvetica, sans-serif; font-weight: bold; color:#666;  float: left; width:100%;  margin:0px 0 20px 0; border-bottom:1px solid #e9841d;}

p  					 	{ margin: 0 0 2em 0; line-height: 1.8em; }
a 					 	{ color: #000; text-decoration: underline; }
a:hover 			 	{ color: #e9841d; text-decoration: none; }

img 				 	{ border: 0; }

#left_righttxt {
	font-weight: bold;
	float: right;
}

/* Div boxes - placeholders - all
-----------------------------------------------------------------------------*/	

#introtekst{
		top:3%;
		position:fixed;
		height:30px;
		color:#fff;
		z-index:40;
		left: 20%;
		margin:10px 0 10px 20px;
}

#handlekurv {
	background-color:#e9841d;
	border:1px solid #ebe7e0;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	height: 130px;
	width:15%;
	min-width:200px;
	top: 300px;
	left: 2%;
	position: fixed;
}
#handlekurv_innhold {
        margin: 20px 20px 20px 20px;
        list-style:none;		
        color:#fff;
}


#knapp_viskurv {
	margin-top: 10px;
}


#breadcrumb{
		top:8%;
		position:fixed;
		background:url(../bg/fff_trans70.png) repeat;
		border:1px solid #ccc;
		height:20px;
		width:70%;
		color:#666;
		z-index:9;
		left: 20%;
		margin:10px 0 10px 20px;
				
}
	#breadcrumb span{
		margin: 0 0 0 5px;	
	}

/* background images
-----------------------------------------------------------------------------*/	

#bakgrunnsbilde 	{ position:fixed; width: 100%;  }
#bakgrunnsbilde2 	{ position:fixed; width: 100%;  }
#bakgrunnsbilde3 	{ position:fixed; width: 100%;  }

.slideshow {  
	width: 100%; 
	position: relative; 
	background: none;
	min-height: 800px; 
	min-width:990px;
	}

	ul.recentlist { 
		background:url(../bg/transparent_000.png) repeat;
		color:#fff;
		height:40px;
		float:left;
		position:fixed; 
		width:100%;
		top: 3%; 
		list-style: none; 		
		z-index: 31;
		}
		
	ul.recentlist li{ display: inline; z-index: 31;  }
	ul.recentlist li a img.tn, ul.recentlist li a:visited img.tn { 
		display: block; 
		float: right; 
		width:40px;
		height:20px;
		border: 1px solid #fff;
		margin: 10px 40px 5px -20px; 
		color: #000; 
		text-decoration: none; 
		cursor: pointer; 
		z-index: 31;
		border:2px solid #000;
		}
	ul.recentlist li a:hover img.tn, ul.recentlist li a:visited:hover img.tn { color: #fff; border:2px solid #ccc;z-index: 21;}
	ul.recentlist li a.current img.tn { border:2px solid #fff; 		color: #fff; }

	
/* Menu
-----------------------------------------------------------------------------*/		
#menu{
		height:260px;
		width:15%;
		min-width:200px;
		top:0%;
		left:2%;
		background-color:#e9841d;
		border:1px solid #ebe7e0;
		border-top:none;
		position: fixed;
		z-index:99;
		text-align:left;
	}
/*#menu img {
	float:left;
	margin: 0 20px 0 0;
	border:1px solid #ccc;
}*/
	#menuinnhold{margin: 20px 20px 20px 20px;		list-style:none;		color:#fff;	}
	#menuinnhold a{	text-decoration: none;		color:#fff;		font: 1.2em/1.8em Verdana, Arial, Helvetica, sans-serif; 	font-weight: bold;	}
	#menuinnhold a:hover{text-decoration: none;	color:#fff;	border-bottom: 1px dotted #fff;	}
	#menuinnhold img {text-decoration: none;	color:#fff;	border-bottom: none;	}

 
/* Books
-----------------------------------------------------------------------------*/	

#book_content{
		top:12%;
		position:fixed;
		background:url(../bg/fff_trans90.png) repeat;
		border:1px solid #a1a1a2;
		max-height:85%;
		min-height:60%;
		width:70%;
		color:#666;
		z-index:9;
		left: 20%;
		margin:10px 0 10px 20px;
		overflow:auto;

} 

/* Nyheter
-----------------------------------------------------------------------------*/	
#news_content{
		top:12%;
		position:fixed;
		background:url(../bg/fff_trans90.png) repeat;
		border:1px solid #a1a1a2;
		max-height:85%;
		min-height:60%;
		width:70%;
		color:#666;
		z-index:9;
		left: 20%;
		margin:10px 0 10px 20px;
		overflow:auto;
}


/* sub content - LEFT
-----------------------------------------------------------------------------*/ 
	
/*venstre side*/
#left_innhold{	
	width:260px;
	/*max-width:270px;
	min-width:250px;*/
	float:left;
	margin:10px 20px 0px 20px;
}
		/*publikasjonsbilde*/
		.pub_bilde {
			margin:0 0 10px 0;
			float:left;
				
		} 
		.pub_bilde img {
			border:1px solid #999;
			max-width: 265px;		
		}	
		
		
		#pub .fakta{
			display:block;
			font-weight:bold;
			text-align:right;
			width:80px;
			float:left;
		}

		#pub .date{
			float:left;
			width:140px;
			margin:0px 0 0px 10px;
		}
	
			/*publikasjonslsitebilde*/
		.publiste_bilde {
			margin:0 0 10px 0;
			float:left;
				
		} 
		.publiste_bilde img {
			border:1px solid #999;
			max-width:250px;
			max-height:350px;	
		}
	
	
		/*nyhetsbilde*/
		.news_bilde img  {
			background: #fff;
			border:1px solid #ccc; 
			color: #fff;
			padding:3px;
			margin:0px 10px 0 0; 	
		}
  		/*nyhetsbildetekst*/			
		p.news_tekst		{ margin: 5px 0 20px 0; line-height: 1.2em;  color:#333;	}
		p.news_tekst a 					 { color: #e9841d; text-decoration: underline; }
		p.news_tekst a:hover 			 { color: #e9841d; text-decoration: none; }



/* sub content - RIGHT
-----------------------------------------------------------------------------*/ 

#right_innhold{
	width:100%;
	float:left;
	margin:10px 0 0 0;	
} 
	/*orderbox*/
	#orderbox{
		float:left;
		width:50%;
		margin:10px 0;
		background: #e3e3e3;
		border:1px solid #ccc; 
		color: #333;
		padding:10px 20px; 
	}

		
	/*handlekurv*/
	.handlekurv {
		margin:10px 0 0px 0px;	
	}
	/*lightbox*/
	.lightbox img {
		background: #fff;
		border:1px solid #ccc; 
		color: #fff;
		padding:3px;
		margin:10px 10px 0 0; 	
	}
	/*nyhetsbilde*/ 
	.nyhetsbilde {
		margin:0 0 10px 20px;
		float:right;	
	} 
	/*bildegalleri*/
	.bildegalleri {
		margin:0 10px 10px 0px;
		float:left;	
	}
	
	/*bokliste*/
	#booklist{
	width:275px;
	height:400px;
	float:left;
	margin:10px 0px 40px 20px;
	/*border:1px solid #ccc;*/	
} 
  
  
#kontaktinfobox		{  width: 100%;  margin:0 auto; /**/  	}
	#kontaktinfo		{ text-align:right;  width: 100%; position:absolute;top:5px; right:25px; float:right; color:#fff; z-index:999; }
	#kontaktinfo a		{ font:0.8em Verdana, Arial, Helvetica, sans-serif;  color:#fff; text-decoration:none; margin:0 20px 0 0; 	}
	#kontaktinfo a:hover {  text-decoration:underline; 	}
	
	

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

/* Footer - dock  - mac menu
-----------------------------------------------------------------------------*/
#fisheye{
	background:url(../bg/fff_trans80.png) repeat;
	color:#fff;
	position:fixed;
	bottom:0%;
	height:5%;
	width:100%;
	min-width:10em;
	text-align:center;
	z-index:15;
}
.transparent_class {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
 
.dock {	position: relative; 	height: 50px; 	text-align: center;}
#dock2 {width: 100%;	bottom: 0px;	position: absolute;	left: 0px;}
	
	.dock-container2 {
		position: absolute;
		height: 50px;
		padding-left: 20px;		
	}
		a.dock-item2 {
			display: block; 
			font: bold 12px Arial, Helvetica, sans-serif;
			width: 40px; 
			color: #000; 
			bottom: 0px; 
			position: absolute;
			text-align: center;
			text-decoration: none;
			margin: 0px 10px 0px;
		}
		
		.dock-item2 span {
			display: none;
			background:url(../bg/fff_trans60.png) repeat;
			width: 150px;
			margin: 0 auto;
		}
		.dock-item2 img {
			border: none; 
			margin: 5px 10px 0px; 
			width: 100%; 
		}