/*
Name: Destination Narvik
URI: http://www.narvikinfo.no
Description.NO:  Destination Narvik
Author: Stian B Johansen
Author URI: http://www.modulnet.com
Version: 0.2 (20070108)
*/

/* Import other stylesheets
-----------------------------------------------------------------------------*/

/* @import url("otherstylesheet.css"); */
@import url("menu.css");

/*-----------Block Level Elements--------------*/

body {
	text-align: center;
	height: 100%;
	margin:0 auto;
	/*background: #fff url(menugpx/body_bg_lg.gif) center top no-repeat;*/
	font: 76% Verdana, Arial, Helvetica, sans-serif; /*http://www.thenoodleincident.com/tutorials/typography/template.html*/
}

/*Typography*/
h1 {font-size: 2.0em;font-weight: normal;margin-top: 0em;margin-bottom: 0em;/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/	}
h2 {font-size: 1.7em;margin: 1.2em 0em 1.2em 0em;font-weight: normal;}
h3 {font-size: 1.4em;margin: 1.2em 0em 1.2em 0em;font-weight: normal;}
h4 {font-size: 1.2em;margin: 1.2em 0em 1.2em 0em;font-weight: bold;}
h5 {font-size: 1.0em;margin: 1.2em 0em 1.2em 0em;font-weight: bold;}
h6 {font-size: 0.8em;margin: 1.2em 0em 1.2em 0em;font-weight: bold;}

ol, ul, li {font-size: 1.0em;line-height: 1.8em;margin-top: 0.2em;	margin-bottom: 0.1em;}
p {	font-size: 1.0em;line-height: 1.4em;margin: 0.9em 0em 0em 0em;}
li > p {margin-top: 0.2em;}
pre {font-family: monospace;font-size: 1.0em;/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/}
strong, b {	font-weight: bold;}

.padding{padding:0px 10px!important;padding:0px 5px;}
.tittel{font-size: 1.4em;font-weight: normal;color:#004268;}
.googletekst{font-family: Helvetica, Arial, sans-serif;
	font-size:10pt; margin:0px; padding:0; /*border:1px solid;*/ /*font-size: 1.0em;line-height: 1.2em;*/}

a:link{text-decoration: none; color:#004268;}
a:hover{text-decoration: underline; }
a:visited{text-decoration: none; color:#004268; }
a:active{text-decoration: none; }

/*-----------Div elements--------------*/
* {
  margin: 0;
  padding: 0;
}

html, body {
  height: 100%; /* Required */
}
* html #wrap{
height: 100%;
margin:0;
padding:0;
}
#wrap {
/*	text-align: left;*/
	margin: 0 auto;
	background: url(menugpx/wrap_bg.png) repeat-y center top !important; background: url(menugpx/wrap_bg2.gif) repeat-y center top ;
	min-height: 100%; /* For Modern Browsers */
 	height: auto !important; /* For Modern Browsers */	height: 100%; /* For IE */
/*	position:relative;*/
}
#annonse{
	position: absolute;
	top:20px;
	padding:20px 0 0 790px;
	/*z-index:1;*/
/*	border:1px solid #ccc;*/ 
}
#annonse2{
	width: 200px; text-align:left; float:left;}
#kontaktinfobox		{  width: 760px;  margin:0 auto; /**/  	}
#kontaktinfo		{ text-align:right;  /*width: 960px;*/ width:200px; position:absolute;top:10px; float:right;padding: 0 0 0 760px;border:1px solid #ddd;/**/	}


#box {
z-index:100;
	width: 790px;/*Width of main container*/
	\width: 810px;
	w\idth: 790px;
	text-align: left;
	margin: 0 auto; /*Center container on page*/
	position:relative;	

  
}
#box2 {

	/*text-align: left;*/
	
	margin: 0 auto; /*Center container on page*/


  
}
#google {
	margin: 0 0 0 10px;
}

/* LAYOUT - HEADER */
#header {
	height: 335px;
	padding: 0px;
	margin: 0 auto; /*Center container on page*/
	width:760px;
	z-index:150;
}
		#header #head_top{
			height: 35px;
			padding: 0px;
			background:url(menugpx/head_top_bg_lang.gif) 0 0;
			text-align: right;
			color:#FFF;
		}
		
		#header #head_teaser{
			height: 300px;
			padding: 0px;
/*			margin-bottom: ;*/
/**/			background:url(bilder/15_DN_Winter_04.jpg) 0 0;
		}
/* LAYOUT - MENU */	
#menu {
	height: 25px;
	padding: 0px;
	margin: 0 auto; /*Center container on page*/
	width:760px;
	background:url(menugpx/head_menu_bg.gif) no-repeat  0 0;
	z-index:200;
	position:relative;	
}
.link a {text-decoration:none; color:#fff; padding: 0px 20px 0px 0px; z-index:200;}
.link a:hover { text-decoration:underline;z-index:200;}
	/* Menu - elements */	
	#menu_element{
		margin: 0 auto; /*Center container on page*/
		color:#fff;	width:740px;}
	#menu_element ul {margin: 0; padding: 0;list-style-type: none; list-style-image: none; z-index:200;}
	#menu_element li {display: inline; color:#fff; z-index:200;}
	#menu_element ul li a {text-decoration:none; color:#fff; padding: 0px 20px 0px 0px; z-index:200;	}
	#menu_element ul li a:hover { text-decoration:underline;z-index:200;}
	
	
/* LAYOUT - CONTENT */	
#footer{
	clear:both;
	margin: 0 auto;
	width: 760px;
}
#foot{
	margin: 0 auto;
	width: 760px;
	height:110px;

/*	color: #FFF;*/
	background:url(menugpx/footer_temp.gif) no-repeat 0 0;
	bottom: 0px !important;	bottom: -1px; /* For Certain IE widths */
	clear:both;
}
.text{
	padding:75px 0px 0 0px!important; padding:60px 0px 0 20px;
	margin-left:0px;
	border: 1px 000 solid;
	width: 740px;
	color: #fff;
	
}
.space{
	padding:0px 10px!important;padding:0px 5px;
	font-size: 0.8em;margin: 1.2em 0em 1.2em 0em;font-weight: bold;	
}
.space a:link{text-decoration: none; 	color: #fff;}
.space a:hover{text-decoration: underline; 	color: #fff;}
.space a:visited{text-decoration: none; 	color: #fff;}
.space a:active{text-decoration: none; 	color: #fff;}



div#container{width:760px; z-index:100;margin:0 auto;text-align:left;min-height:350px; /* For Modern Browsers */
 	height: auto !important; /* For Modern Browsers */	height: 350px; /* For IE */position:relative;
}
div#wrapper{float:left;width:100%;z-index:100;}
div#content{margin: 25px 100px 25px 150px; }
div#content p{padding: 0px 10px;}
div#navigation{float:left;width:145px;margin-left:-760px; margin-top:25px;/*border-top:5px solid #004268; *//*background:url(menugpx/left_menu_bg.gif) repeat-y;*/border-right:1px solid #CCC;}
/*div#navigation p{font-size: 1em; margin-top:0px; font-weight: bold;  background:#fff;}*/
/*div#navigation li{	list-style-position: inside;	border-top:1px solid #CCC;	margin-left:10px;	list-style-image: url(menugpx/left_menu_li2.gif);}*/
div#extra{float:left;width:150px;margin: 20px 0px; margin-left:-150px}
div#pikkenmin{float:left; width:150px;margin: 0; margin-left: 480px}
#admheadform {
	font: 76% Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: normal;
	color: #004268;
}

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