@import url("layout.css");
@import url("typografi.css");
@import url("navigasjon.css");
@import url("nyheter.css");
@import url("album.css");
@import url("overnatting.css");

p.skip, a.anker, #header p, #header h1 { visibility: hidden; position: absolute }

/*  -----------------------     DIVERSE FORMATERING      ----------------------  */

img, table, fieldset { border: 0 }
caption { display: none }
address { font-style: normal }
input, textarea, select, option {
	margin-bottom: 2px;
	border: 1px solid #d7dee4;
	background: #fff }
input:hover, input:active, input:focus,
textarea:hover, textarea:active, textarea:focus, #sok input:hover, #sok input:focus, #sok input:active { background: #f5f5f5; color: #000 }
input.checkbox { border: 0; background: transparent; margin: 0 }


#innhold table { border-left: 1px solid #d7d7aa; border-top: 1px solid #d7d7aa  }
#innhold td, #innhold th { text-align: left; vertical-align: top; border-right: 1px solid #d7d7aa; border-bottom: 1px solid #d7d7aa; padding: 3px }
#innhold th { background: #a9a966; color: #fff }
#innhold td { background: #ddddbd }
tr.odd td { background: #cece9d }

#kol1 td { background: transparent; vertical-align: top }
#kol1 table { border-collapse: collapse; border-left: 1px solid #663; border-top: 1px solid #663 }
#kol1 td, #kol1 th { text-align: left; vertical-align: top; border-right: 1px solid #663; border-bottom: 1px solid #663; padding: 3px }
#kol1 td { font-size: .9em }


#innhold table.full { width: 400px }
body.tokol #innhold table.full { width: 580px }

.rightfloat {
	float: right;
	padding: 0 0 1em 1em }

/*  --------------------------------- KOMPONENTER --------------------------------  */

p.dato { margin: 0 }

/*  -------------------------------- RESPONSSKJEMA -------------------------------  */

#respons table { width: auto }
#respons table td { vertical-align: middle }
#respons table tr.textarea td, #respons table tr.textarea th { vertical-align: top }
#respons fieldset { border: 0 }
#respons fieldset legend { color: #333; font-weight: bold; padding: 0 0 10px 0 }
#respons fieldset label { display: block }
#respons fieldset label.inline { display: inline }
#respons fieldset label span { }
#respons input, #respons textarea { width: 250px }
#respons input.check { border: 0; width: auto; background: transparent }
#respons p.melding, #respons textarea { height: 70px }
#respons p.melding, #respons textarea.stor { height: auto }
#respons p.knapp { width: 250px; margin: 0  }
#respons hr { margin: 2px 0 }

/*  ------------------------------------- DESIGN ------------------------------------  */

#logo a, #toolbox, #langue, .fotefar a, .kulturarv a { position: absolute }
#toolbox, #langue { list-style-type: none }
#toolbox li, #langue li { display: inline }
#logo a, #toolbox a, #langue a, .kulturarv a, .fotefar a { display: block; background-repeat: no-repeat }
#logo a span, #toolbox a span, #langue a span, .kulturarv a span, .fotefar a span { display: none }
#logo a {		left: 303px; top: 0;
		width: 193px; height: 146px }
#toolbox { 	top: 114px; left: 31px }
#toolbox a {	float: left; width: 57px; height: 17px;
		background-color: #88834c }
#toolbox a:hover, #front #toolbox a.hjem { background-color: #000 }
#toolbox a.hjem { background-image: url(gfx/hjem.gif) }
#toolbox a.kontakt { background-image: url(gfx/kontakt.gif) }

#langue { 	top: 114px; left: 660px; width: 50px }
#langue a { width: 18px; height: 12px; background: no-repeat 50% 50%; border: 1px solid #c7c697 }
#langue li { display: block; float: left; width: 25px }
#langue a.aktiv, #langue a:hover { border-color: #000 }
#langue a.no { background-image: url(gfx/no.gif) }
#langue a.en { background-image: url(gfx/en.gif) }

.fotefar a, .kulturarv a { top: 10px; left: 33px; width: 44px; height: 51px }
.kulturarv a {	background-image: url(gfx/kulturarv.gif) }
.fotefar a {	left: 80px; background-image: url(gfx/fotefar.gif) }

.banner, .toppbilde {
	position: absolute; left: 0; top: 138px }

.kommune ul { position: absolute; right: 10px; top: 10px; margin: 0; list-style: none; width: 190px }
.kommune li { float: left; width: 41px; height: 49px; padding: 0 5px 5px 0 }
.kommune li a { display: block; height: 49px; background: no-repeat }
.kommune span { display: none }
li.ste a { background-image: url(gfx/steigen.gif) }
li.ham a { background-image: url(gfx/hammaroy.gif) }
li.tys a { background-image: url(gfx/tysfjord.gif) }
li.sor a { background-image: url(gfx/sorfold.gif) }