/* -----------------
   =GLOBAL
-------------------------------------------------------- */

body{
	font: 76% arial,sans-serif;
	text-align: center;
	background: #000;
	color: #333;
}

h1 {
	font-weight: normal;
}
h2 {
	font-weight: normal;
}
h3 {
	font-weight: normal;
	margin: 1.5em 0 1em 0
}
h4 {
	font-weight: normal;
	margin: 1.5em 0 1em 0;
}
h5 {
	font-weight: normal;
	margin: 1.5em 0 1em 0;
}
h6 {
	font-weight: normal;
}
li {
	line-height: 1.5;
}
p {
	line-height: 1.70;
	margin: 0.8em 0;
}

a{
	color: #557331;		
}

a: visited {
			
}

a:hover {
	
}

strong {
	font-weight: bold;
}

em {
	font-weight: bold;
}

/* -----------------
   =STRUKTUR
-------------------------------------------------------- */

div#base{
	width: 984px;
	margin: 0 auto 0 auto;
}


div#wrap{
	float: left;
	width: 100%;
	background: #fff url(../bilder/bakgrunn-innhold.jpg) no-repeat;
	border-top: 0;
}


div#innhold{
	margin: 0 290px 30px 56px;

}

div#venstre{
	float: left;
	width: 180px;
	margin-left: -950px;

}

div#hoyre{
	float: left;
	width: 186px;
	margin-left: -240px;

}

div#fot{
	clear: left;
	width: 100%;
	text-align: center;
}

div#base{
	text-align: left;
}

/* -----------------
   =HODE
-------------------------------------------------------- */

div#hode {
background: url(../bilder/hode.jpg) no-repeat;	
height: 209px;
border: 2px solid #89959b;
border-bottom: 0;
clear: both;
}
	
	/* -----------------
	   =HODE - BILDER
		------------------ */

		body#side-overnatting div#hode {
			background: url(../bilder/hode/hode-overnatting.jpg) no-repeat;	
		}
		
		body#side-aktiviteter div#hode {
			background: url(../bilder/hode/hode-aktiviteter.jpg) no-repeat;	
		}
		
		body#side-restaurant div#hode {
			background: url(../bilder/hode/hode-restaurant.jpg) no-repeat;	
		}
		
		body#side-utleiebaater div#hode {
			background: url(../bilder/hode/hode-utleiebaater.jpg) no-repeat;	
		}
		
		body#side-omoss div#hode {
			background: url(../bilder/hode/hode-omoss.jpg) no-repeat;	
		}

div#logo {
	float: left;		
}
	
	div#kontaktinfo {
		float: right; 
		color: #fff; 
		font-size: 1.5em; 
		position: relative; 
		top: 20px;
		right: 20px;
	}
	
	div#kontaktinfo p {
		margin: 0;
		line-height:1.5;		
	}
	
		div#kontaktinfo span {
			float:left;
			padding-right:7px;
			text-align:left;
			width:67px;
		}

h1#logo {
margin: 12px 0 5px 50px;
float: left;
}

h1#logo a {

	text-indent: -9999px;
	overflow: hidden;
	background: url('../bilder/logo.png') no-repeat 0 0;
	width: 185px;
	height: 65px;
	display: block;
}


/* -----------------
   =HOVEDMENY
-------------------------------------------------------- */

ul#hovedmeny {
height: 36px;
background: url('../bilder/hovedmeny-bakgrunn.gif');
}

	ul#hovedmeny li {
	float: left;
   }
	
		ul#hovedmeny li a {
		display: block;
		background: url(../bilder/bakgrunn-hovedmeny-knapp.gif) no-repeat;
		color: #197600;
		text-decoration: none;
		padding: 0 0 0 12px;
		line-height: 36px;
  		}
		
			ul#hovedmeny li a span { 
			display: block;
		padding-right: 12px;
			}
		
		ul#hovedmeny li a.aktiv, ul#hovedmeny li a:hover {
		background: url(../bilder/bakgrunn-hovedmeny-knapp-aktiv.gif) no-repeat;
  		}
		
	ul#hovedmeny li.forste {
	margin-left: 56px;
   }
	
	ul#hovedmeny li.siste {
	
   }
	
		ul#hovedmeny li.siste a span {
		background: url(../bilder/bakgrunn-hovedmeny-knapp-siste.gif) no-repeat right;
		padding-right: 12px;
   	}
	
	/* -----------------
   =HOVEDMENY FLAGG
	-------------------- */
	
	ul#hovedmeny li.flagg {
		text-indent: -9999px;
		overflow: auto;
		margin-right: 10px;
		width: 32px;
	}
	
	ul#hovedmeny li#flagg-hold  {
		float: right;
	}
		
	ul#hovedmeny li#flagg-norsk a {
		background: url(../bilder/flagg-norsk.jpg) no-repeat center center;
	}
	
	ul#hovedmeny li#flagg-engelsk a {
		background: url(../bilder/flagg-engelsk.jpg) no-repeat center center;
	}
	
	ul#hovedmeny li#flagg-tysk {
		margin-right: 55px;
	}
	
		ul#hovedmeny li#flagg-tysk a {
			background: url(../bilder/flagg-tysk.jpg) no-repeat center center;
			
		}
	


/* -----------------
   =UNDERMENY
-------------------------------------------------------- */
	

ul#undermeny {

}

	ul#undermeny  li {
	border-bottom:1px dashed #EEEEEE;
	list-style-type:square;
	margin-bottom:0.4em;
	margin-left:1.2em;
   }
	
		ul#undermeny  li a {
			display:block;
			padding:3px;
  		}
		
		ul#undermeny  li a.aktiv {
		font-weight: bold;
		
  		}
		
	

.hide {
		display: none; 
}

/* -----------------
   =FOT
-------------------------------------------------------- */

div#fot{
	text-align: right;
	color: #fff;
}

div#fot a{
	text-align: right;
	color: #fff;
	text-decoration: none;
	margin: 5px 15px 0 0;
	display: block;
}

div#fot p{
	margin: 0;
	color: #fff;
}

/* -----------------
   =VENSTRE KOLONNE
-------------------------------------------------------- */

div#venstre {
	text-align: left;
	
	}



/* -----------------
   =INNHOLD KOLONNE
-------------------------------------------------------- */

div#innhold {
	min-height:650px;
  height:auto !important;
  height:650px;
}

	/* =OVERSKRIFTER */

	div#innhold h2 {
	color: #4b6a24;
	font-size: 2.3em;
	margin: .8em 0 .5em 0;
	}
	
		div#innhold h2.forste, div#innhold h2.csc-firstHeader, div#nyhet-vis h2  {
			background: url(../bilder/bakgrunn-tittel.gif) no-repeat;
			padding: 30px 0 5px 75px;
			margin-bottom: 0;
		}
		
	div#innhold h3 {
	color: #4b6a24;
	font-size: 1.5em;
	margin: .8em 0 .8em 0;
	}
	
	div#innhold p {
		font-size: 1.2em;
	}

	/* =LISTER */
	
	div#innhold ul {
		
	}
		div#innhold ul li {
		margin-left: 17px;
		list-style: square;
		font-size: 1.2em;
		margin-bottom: .5em
	}
		
	
	/* -----------------
	   =GALLERI
	   ----------------- */
	
	.galleri-bilde-vis {
		/* text-align: center; */
		
		float: left;
		width: 683px; /* =GAMMEL VERDI 400px */
		overflow: hidden;
	}
	
	.galleri-bilde-vis h2 {
		text-align: left;
	}
		
	/* 	div#innhold ul#galleri-bilde-liste {
			border-top: 1px solid #eee;
			padding-top: 15px;
		}
		
	div#innhold ul#galleri-bilde-liste li {
		float: left;
		list-style: none;
		min-height: 200px;
		height: auto;
		margin: 0 5px 0 .5em;
	} */
	
	div#innhold ul#galleri-bilde-liste {
		float: left;
		clear: both;
		border: 1px solid #ccc;
		margin-top: .5em;
		padding: 0; /* =GAMMEL VERDI .2em */
		max-width: 681px; /* =GAMMEL VERDI 213px */
		*width: expression(this.width > 681 ? 681: true);
	}	
	
		div#innhold ul#galleri-bilde-liste li {
			float: left;
			list-style: none;
			margin: .2em;
		}
		
		div#innhold ul#galleri-bilde-liste li a {
			display: block;
			
			background: #eee;
			width: 100px;
			height: 100px;
			overflow: hidden;
		}
			

/* -----------------
	   =SKILLELINJE
	   ----------------- */
				
div.hr {
background:#FFFFFF url(../bilder/hr.gif) repeat-x scroll center center;
clear:both;
height:20px;
}		

div.hr hr {
	display: none;
}

	
/* -----------------
   =HØYRE KOLONNE
-------------------------------------------------------- */

div#hoyre {

}

	div#hoyre h2 {
		color: #4b6a24;
		font-size: 1.7em;
		padding-bottom: 3px;
		margin: 2.78em 0 .5em 0;
		background: url(../bilder/hr.gif) repeat-x bottom;
	}
	
	div#hoyre h3 {
		font-weight: bold;
		font-size: 1.2em;
	}
	
	div#hoyre p {
		font-size: 1.2em;
	}



/* -----------------
   =TILGJENGELIGHET
-------------------------------------------------------- */

#tilgjengelighet {
	position: absolute;
	top: -9999px;
	font-size: 1px;
}
.hide {
	display: none;
}

.clear {
	clear: both;
	height: 1px;
}

/* -----------------
   =NYHETER
-------------------------------------------------------- */

	/* -----------------
	   =NYHETER LISTE
	   ----------------- */
		
		.nyhet-liste {
			
		}
		
			.nyhet-liste h3 {
				margin-bottom: 0;
			}
			
			.nyhet-liste p {
				margin-top: 0;
			}
		
	/* -----------------
	   =NYHETER VIS
	   ----------------- */	
		
		

/* -----------------
   =BOKSER
-------------------------------------------------------- */

				
				
							
/* -----------------
   =BOKS
   ----------------- */
			

