/* ==OVERORDNET ====== */

html,body{
	margin: 0;
	padding: 0;
}

body{
	font: 76% arial,sans-serif;
	text-align: center;
	background:  #e3e3e3; /*  Gamle grå farge:  #7188a7;*/
	color: #333;	
}

h1 {
	font-weight: normal;
	font-family: Arial, sans-serif;
}
h2 {
	font-weight: normal;
	font-family: Arial, sans-serif;
}
h3 {
	font-weight: normal;
	font-family: Arial, sans-serif;
	margin: 1.5em 0 1em 0
}
h4 {
	font-weight: normal;
	text-transform: uppercase;
	margin: 1.5em 0 1em 0;
}
h5 {
	font-weight: normal;
	margin: 1.5em 0 1em 0;
}
h6 {
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 18px 0 12px 0;
}
li {
	line-height: 1.5;
}
p {
	line-height: 1.70;
	margin: 0.8em 0;
}

a{
	color: #040a7b;
}

a:visited {
	color: #040a7b;
}

a:hover {
	color: #D69A39;
}

strong {
	font-weight: bold;
}


/* ==STRUKTUR ====== */

div#base{
	width: 965px;
	margin: 0 auto 0 auto;
	background:  #fff url(../bilder/table_left.gif) repeat-y 0 0; 
}

div#base_inne {
	margin-left: 20px;
	padding-right: 20px;
	background: #fff url(../bilder/table_right.gif) repeat-y top right;
	overflow: hidden; /* Botemiddel for horisontal scrollbar */
}

div#wrap{
	float: left;
	width: 100%;
}

div#innhold{
	margin: 0 250px 0 165px;
}

div#venstre{
	float: left;
	width: 150px;
	margin-left: -925px;
}

div#hoyre{
	float: left;
	width: 250px;
	margin-left: -250px;
}

div#fot{
	clear: left;
	width: 100%;
	text-align: center;
}


/* ==TYPOGRAFI, AVSTANDER OG FARGER ====== */

div#base{
	text-align: left;
}

/* 
         =HODE
*/

div#hode {
background: url('../bilder/hode.jpg');
	height: 265px;
}
div#hode h1{
	margin: 0;
	/*padding-left: 10px;*/
	color: #79B30B;
	text-indent: -100em;
	overflow: hidden;
}

/* 
         =HOVEDMENY
*/

div#hovedmeny {
width:100%;
height: 32px;
background: none;
position: relative;
top: -34px;
margin-bottom: -34px;
}

	div#hovedmeny ul {
	height: 27px;
	list-style: none; 
	}
	
	div#hovedmeny ul li{
	float: left;
	background-color: #040a7b;
    margin-right: 1px; 
	}
	div#hovedmeny ul li.first{
	background: url(../bilder/meny-venstre-hjorne.png) no-repeat left top;
	}	 
	div#hovedmeny ul li.last{
	float: left;
	background: url(../bilder/meny-hoyre-hjorne.png) no-repeat right top;
	}	 
	div#hovedmeny ul li a{
	display: block;
	background: #040a7b;
	padding: 6px 8px 8px 8px; 
	color: #fff;
	text-decoration: none;
	}
	div#hovedmeny ul li a:hover{
	background-color: #D69A39;
	color: #333;
	text-decoration: underline;
	}
	div#hovedmeny ul li.first a{
		margin-left: 9px;
	}
	div#hovedmeny ul li.last a{
		margin-right: 9px;
	}

div#undermeny {
	border-top: 2px solid #F7EBDE;
	border-bottom: 2px solid #deb060;
	background-color: #F7EBDE;
	width: 100%;
	height: 26px;
	clear: left;
}

.hide {
		display: none; 
}

	div#undermeny ul {
	list-style: none;
	padding-left: 200px;
	}
	
	div#undermeny ul li{
	float: left;
	color: #333;
    margin-right: 8px; 
	}
	
	div#undermeny ul li a, div#undermeny ul li a:visited {
	color: #291b03;
	text-decoration: none;
	display: block;
	padding: 3px 5px 5px 5px;
	}
	
	div#undermeny ul li a:hover {
	color: #333;
	text-decoration: underline;
	}
	
	div#undermeny ul li a.aktiv {
	color: #040a7b;
	font-weight: bold;
	background: url('../bilder/undermeny-pil.gif') no-repeat center bottom;
	}

div#fot{
	color: #333;
}

div#fot p{
	margin: 0;
	padding: 5px 10px;
}

/* 
         =VENSTRE KOLONNE
*/
div#venstre{
	/* background: #fff url('../bilder/bakgrunn-undermeny.jpg') no-repeat; */
	height: 307px;
	 padding-top: 10px;
}

div#venstre h2.snarvei_tittel {
			color: #D69A39;
			font-weight: bold;
font-size: 1.8em;
margin-left: 10px;
		}

		div#venstre ul {
			margin: 0;
			padding: 0;
		}
				div#venstre ul a {
					display: block;
					padding: 5px;
					color: #000;
					text-decoration: none;
					border-top: 1px solid #D69A39;
					background-color: #F7EBDE;
				}
				div#venstre ul a:hover {
					background-color: #d69a39;
					color: #fff;
				}
				
					div#venstre ul ul a:hover {
						background-color: #FFBA4A;
						color: #333;
					}
					
				
				div#venstre ul li {
					margin-left: 10px;
				}
				
				/* Aktiv */
				
				div#venstre ul a.aktiv {
					background-color:  #d69a39;
					color: #fff;
				}
				
				div#venstre ul ul a.aktiv {
						background-color: #FFBA4A;
						color: #333;
				}
		div#kino{
		margin: 0 auto;
			background: #f6ebd9; /* #f7e8cf; */
			border: 1px solid #9d752e;
			width: 220px;
			text-align: left;
		}
		
			div#kino h2 {
				margin: 4px;
				color: #284655;
				font-size: 1.3em;
				font-weight: bold;
			}
			
			div#kino h3 {
				margin: 2px 15px;
				color: #284655;
				font-size: 1.3em;
				font-weight: bold;
			}
			
			
			div#kino img {
				margin: 2px 15px;
			}
		
			div#kino h2#kino_logo {
			margin: 8px 0 10px 5px;
			color: #f6ebd9;
			text-indent: -100em;
			overflow: hidden;
			background: url('../bilder/kino-logo.png') no-repeat;
			height: 77px;
			width: 160px;
			
			}
			
			div#kino p {
			width: 190px;
				margin: 2px 15px;
				text-align: left;
			}

div#hoyre{
	background: #fff;
	text-align: center;
   padding-top: 10px;
}

	div#nyhetsbrev_innmelding {
	margin: 0 auto;
		background: #e8ebfa;
		border: 1px solid #cbcbcb;
		width: 220px;
		text-align: left;
	}
	
	div#nyhetsbrev_innmelding h2 {
		margin: 4px;
		color: #620007;
		font-size: 1.3em;
		font-weight: bold;
	}
	
	div#nyhetsbrev_innmelding p {
	width: 185px;
		margin: 4px;
	}
	
	div#nyhetsbrev_innmelding input {
		margin: 5px 4px 10px;
		padding: 2px;
		color: #333;
		border: 1px solid #cbcbcb;
		float: left;
	}
	
		div#nyhetsbrev_innmelding button {
		margin: 5px 4px 10px;
	  padding: 1px;
		color: #333;
		border: 1px solid #cbcbcb;
		float: left;
	}

div#innhold {
	  padding-top: 10px;
}
		div#innhold p{
			line-height: 1.4;
		}

		div#innhold h1 {
		color: #040a7b;
		font-size: 2em;
		font-weight: bold;
		}
		
		div#innhold h2 {
		color: #040a7b;
		font-size: 2em;
		font-weight: bold;
		}
		
		div#innhold  h2 a{
		color: #040a7b;
		text-decoration: none;
		}				
		div#innhold div#nyhet-hoved { height: 160px }
		div#innhold div#nyhet-hoved img {
float: right;
margin: 1em 0 .5em .5em;
}
		div#innhold div.to_kolonner {
		margin-top: 8px;
		width: 48%;
		float: left;
		padding:0 8px 0 0;
		}		
		
div#innhold div.to_kolonner img {	
float: right;
margin: 1em 0 .5em .5em;
}

		div#innhold div.to_kolonner h2{
		font-size: 1.1em;
		}
		
		div#innhold div.to_kolonner h2 a{
		font-size: 1.1em;
		color: #040a7b;
		text-decoration: none;
		}
		
		div#venstre h2.snarvei_tittel {
		font-size: 1.3em;
		}
		
		div#innhold li {
		list-style-type: square;
		margin-left: 16px;
		line-height: 1.7;
		}
		
		/* =INNHOLD BILDER */
		
		.csc-textpic-caption {
		font-style: italic;
		}
		
		/* =INNHOLD Popup */
		
		div#innhold.popup {
		padding: 7px;
		text-align: left;
		background-color: #fff;
		margin: 0;
		}


/* ==NYHETER ======= */

p.ingress {
		font-weight: bold;
		line-height: 105%;
}

p.info_publisert {
		font-style: italic;
}

.nyhet img
{
	border: 0;
	float: right;
	margin: 0 0 1em 1em !important;
}

/* =NYHET LISTE - INDRE */

#nyhet-liste-indre {
width: 500px;
}

/* ==SKJEMA PÅMELDING ======= */

#innhold fieldset {
    padding: 0 10px 10px 0px;
    display: block;
}

#innhold .intro fieldset,
#innhold .body fieldset,
#innhold .intro .content-action,
#innhold .content-action {
    padding: 0 0 10px 0;
    width: 120px;
}
#innhold fieldset label {
    display: block;
    padding: 10px 0 2px 0;
	 c
}

#innhold fieldset label.required {
    font-weight: bold;
}

#innhold fieldset .input label {
    display: inline;
    padding: 0 10px 0 0;
}

#innhold fieldset .input .checkbox,
#innhold fieldset .input .radio {
    margin: 0 3px 0 0;
}

#innhold fieldset .input .box {
    width: 31em;
    padding: 2px 5px;
}

#innhold fieldset textarea {
  height: 6em;
}

form#paamelding_skjema label.error, form#venneforening_skjema label.error { display: none; }

label.error {
	color: red;
	clear: left;
	float: left;
	font-style: italic;
}

input.error {
	border: 1px solid red;
}


/* Dobbel kolonne */

#innhold fieldset .input input.half {
    width: 14em;
}

#innhold fieldset .input label.half {
    padding: 0 5px 0 0;
	width: 12em;
}

#innhold fieldset div.to_kolonner {
width: 18.5em;
/* margin-bottom: 6px; */
margin: 0;
padding: 0;
}

div#innhold h3 {
		color: #040a7b;
		font-size: 1.3em;
		font-weight: bold;
		margin: 8px 0 0px 0;
	
		}

#paamelding_skjema {

}

.button {
	float: left;






	border: 1px solid #d4d4c5;
	padding: 1px;
	margin: 0;
	white-space: nowrap;
	background: #fff;
}

.button input,
.button a, 
.button a:link, 
.button a:visited {
	float: left;
	padding: 1px 10px;
	margin: 0;
	border: none;
	background: #D69A39;
	color: #000;
	font-weight: normal;
	font-size: 1.4em;
	cursor: pointer;
	text-decoration: none;
}

a.call_to_action {
	background: #A9E658 url(../images/button_green_bg.png) repeat-x;
	padding: 1em .8em;

	margin: .5em 0;
	border: 1px solid #d4d4c5;
	color: #000;
	font-weight: bold;
    font-family: arial, helvetica, verdana, sans-serif;
    font-size: 1em;
	cursor: pointer;
	text-decoration: none;
}

.button input:hover, 
.button a:hover, 
.button a:active,
a:hover.call_to_action { 
    text-decoration: underline; 
}

/* ==SKJEMA PAAMELDING ======= */

#medlemsskap {
	width: 510px;
	padding: 0;
	margin: 0;
}

#medlemsskap caption {
	padding: 0 0 5px 0;
	width: 700px;	 
	text-align: right;
}

#medlemsskap th {
	color: #333;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #d69a39;
	border-top: 1px solid #f6ebd9;
	letter-spacing: 1px;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #f6ebd9;
}

#medlemsskap th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
	width: 100px;
}

#medlemsskap td {
	border-right: 1px solid #fff;
	border-bottom: 1px solid #d69a39;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #333;
}


#medlemsskap td.alt {
	background: #F5FAFA;
	color: #333;
}

#medlemsskap th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font-size: 10px;
}

#medlemsskap th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(images/bullet2.gif) no-repeat;
	color: #333;
}

.valign_middle {
vertical-align:middle;
}

#medlemsskap input {
	display: block;
	width: 15px;
	height: 15px;
	margin: 5px auto;
}

/* -----------------
   =TILGJENGELIGHET
-------------------------------------------------------- */

#tilgjengelighet {
	position: absolute;
	top: -9999px;
	font-size: 1px;
}
.hide {
	display: none;
}

.clear {
	clear: both;
}

/* -----------------
   =NETTBUTIKK
-------------------------------------------------------- */

body#nettbutikk div#innhold {
margin: 0 15px 0 165px;
}

div#handlekurv_status {
float: right;
padding: 5px 6px 0 0;
color: #333;
}

div#handlekurv_status a {
color: #333;
text-decoration: none;
}

div#handlekurv_status a:hover {
color: #333;
text-decoration: underline;
}

/* Smuler */

div#brodsmuler {
padding-bottom: 5px;
border-bottom: 1px solid #ccc;
margin-bottom: 8px;
}

div#brodsmuler a {

}

/* =NETTBURIKK FORSIDE */

div#whatsNew .centerBoxContentsNew {
float:left;
margin-bottom: 10px;
height: 210px;
}

div#whatsNew .centerBoxHeading {
margin-bottom: 5px;
}

/* =NETTBUTIKK PRODUKTINFO ======= */

.produktinfo_bilde_kolonne {
		margin-top: 8px;
		float: left;
		padding:0 8px 0 0;
}

.produktinfo_info_kolonne {
		margin-top: 8px;
		width: 61%;
		float: left;
		padding:0 8px 0 12px;
}
		
		div#innhold div.produktinfo_info_kolonne h2{
		/* font-size: 1.3em; */
		}
		
		div#innhold div.produktinfo_info_kolonne h2 a{
		/* font-size: 1.3em; */
		color: #040a7b;
		text-decoration: none;
		}
		
/* =NETTBUTIKK LISTE UNDER KATEGORI ======= */

.produkt-liste-gjenstand {
float:left;
width: 33%;
margin-bottom: 10px;
height: 210px;
}

a.produkt-liste-tittel {
	color: #040a7b;
font-weight: bold;
text-decoration: none;
font-size: 1.2em;
margin-top: 5px;
display:block;
}

a.produkt-liste-tittel:hover {
text-decoration: underline;
color: #D69A39;
}

/* Forrige/Neste linker */

div.navSplitPagesLinks {
margin-top: 10px;
}

div.navSplitPagesLinks a {
background: #eee;
color: #333;
text-decoration: none;
padding: 4px;
}

div.navSplitPagesLinks a:hover {
background: #ccc;
color: #333;
}

/* =NETTBUTIKK HANDLEKURV */

#cartContentsDisplay td a, #cartContentsDisplay tbody th a {
	padding-left: 0;
}

.handlekurv-knapp-kasse {
	float: right;
}

.handlekurv-knapp-handlemer {
	float: right; margin-right: 7px;
}

.flyt-venstre {
	float: left;
}

.flyt-hoyre {
	float: right;
}

#cartContentsDisplay .tableHeading {
	background-color:#FFD289;  
}

	#cartContentsDisplay .tableHeading td {
	font-weight: bold;
	}
	
	
	#cartContentsDisplay tr {
			background-color:#f0f0f0;  
	}
	
	#cartContentsDisplay tr.rowEven {
		background-color:#fff;  
	}
	
	#cartContentsDisplay .cartProductDisplay a {
		font-weight: bold;
	}
	

/* =NETTBUTIKK CHECKOUT */

div#otsubtotal, div#otshipping, div#ottax, div#ottotal {
float: left; width:23%; padding: 5px;
}

body#nettbutikk label.checkboxLabel {
display: inline;

margin-left: 3px;
}

div#checkoutShipto address, div#checkoutBillto address {
	margin: 10px 0;
}

#boks-bestille-uten-reg {
	background-color: #eee;
	padding: 5px 0 0 5px;
	margin-bottom: 7px;
}

/* =NETTBUTIKK BRØDSMULER */

div#navBreadCrumb {
border-bottom: 1px solid #eee;
padding-bottom: 5px;
}

/* ==TABELLER ======= */
		
table {
 background-color:#fff;
 border-collapse: collapse;
 width: 100%;
 border-color: #fff;
}
caption {
 font-size: 25px;
 color: #1ba6b2;
 font-weight: bold;
 text-align: left;
 background: url(header_bg.jpg) no-repeat top left;
 padding: 10px;
 margin-bottom: 2px;
}
thead th {
 border-right: 1px solid #fff;
 color:#fff;
 text-align:center;
 padding:2px;
 text-transform:uppercase;
 height:25px;
 background-color: #a3c159;
 font-weight: normal;
}
tfoot {
 color:#1ba6b2;
 padding:2px;
 text-transform:uppercase;
 font-size:1.2em; 
 font-weigth: bold;
 margin-top:6px;
 border-top: 6px solid #e9f7f6;
}
tr {
 background-color:#fff;
 border-bottom: 1px solid #f0f0f0;
}
td {
 color:#414141;
 padding:5px;

 text-align:left;
}
th {
 text-align:left;
 padding:2px;
}
td a, tbody th a {
 color:#B71C20;
 text-decoration:none;
 font-weight:normal; 
 display:block;
 background: transparent url(links_yellow.gif) no-repeat 0% 50%;
 padding-left:15px;
}
td a:hover, tbody th a:hover {
 color:#009193;
 text-decoration:none;
}

tr.tabell-tittel {
	background-color:#FFD289; height: 17px; }

	tr.tabell-tittel td {
	font-weight: bold;
	}
	
		tr.tabell-tittel td p {
		margin-top: 0px;
		margin-bottom: 0px;
	}

tr.tabell-odd {
	background-color:#f0f0f0;
}

/* =TABELL STRIPER */

table.striper thead tr {
	background-color:#FFD289; 
	height: 17px; }

	table.striper thead td {
	font-weight: bold;
	}

table.striper .odd {
	background-color:#f0f0f0;
}


/* --------------------
	=SPRÅKMENY
	------------------------------------------------------*/

div#spraak-meny {
	float: right;
}

	div#norsk-sprak {
		width: 170px;
	}
	
	div#engelsk-sprak {
		width: 200px;
	}
	
	div#tysk-sprak {
		width: 170px;
	}

div#spraak-meny p {
	float: left;
	margin: 0 6px 0 0;
	padding: 0;
	font-weight: bold;
	
}

div#spraak-meny ul#flaggvalg li a {
	display: block;
	height: 20px;
	padding: 0;
}

div#spraak-meny ul#flaggvalg {
    color:#2a245b;
    list-style-type:none;
	 padding-left: 0px;
}

div#spraak-meny ul#flaggvalg li {
	margin-right:5px;
	background-repeat: no-repeat;
	float: left;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

div#spraak-meny ul#flaggvalg li.flagg-norsk a {
background:transparent url('../bilder/flagg-norsk-15px.png') no-repeat;
background-position:0 3px;
width: 22px;
}

div#spraak-meny ul#flaggvalg li.flagg-engelsk a {
background:transparent url('../bilder/flagg-engelsk-15px.png') no-repeat;
background-position:0 3px;
width: 25px;
}

div#spraak-meny ul#flaggvalg li.flagg-tysk a {
background:transparent url('../bilder/flagg-tysk-15px.png') no-repeat;
background-position:0 3px;
width: 25px;
}

div#spraak-meny ul#flaggvalg li.sprak-valgt {
/* border-bottom: 2px solid #000; */
}

/* -----------------
   =TABS
   ----------------- */
	
	#avspiller-container {
		float: left;
	}
	
.tabs {
	width: 480px;
	text-align: left;
	float: left;
}

div#innhold .tabs li {
list-style-type: none;
margin: 0;
}

.tab-navigasjon {
	display: none;
}
	
.tab-navigasjon li {
	float: left;
	height: 25px;
}

	.tab-navigasjon li a {
	background: #f7ebde;
	color: #333;
	display: block;
	height: 17px;
		padding: 4px 7px;
		text-decoration: none;
	border-bottom: 1px solid #040a7b;
}

   .tab-navigasjon li a.tab-valgt {
   	background: #040a7b;
		color: #fff;
   }


.tab-vis {
	clear: both;
	width: 100%;
	border: 1px solid #040a7b;
	padding: 10px 5px;
	height: 220px;
	overflow: auto;
}

	.tab-vis div {
		height:90px;
		margin-bottom: 10px;
	}

	.tab-vis img {
		float: left;
		clear: left;
		margin: 0 7px 0 5px;
	}
	
	.tab-vis h4 {
		margin: 0;
		padding: 0;
		margin: 0 0 0 5px;
font-weight: bold;
color: #040a7b;
	}
	
	.tab-vis p {
		padding-right: 3px;
	}
	

/* 
         =SIDESPESIFIKK CSS
*/

body#side-panorama div#innhold {
margin: 0 10px 0 165px;
}

body#side-panorama div#hoyre {
display: none;
}