@import url("typografi.css");
@import url("navigasjon.css");
@import url("nyheter.css");
@import url("forum.css");

* { margin: 0; padding: 0; font-family: arial, helvetica, verdana, sans-serif }
body { background: #e0e5ea url(gfx/bg_body.gif) repeat-x fixed; text-align: center; color: #333 }

#ramme {
	position: relative;
	width: 960px;
	margin: 0 auto;
	background-color: #fff;
	background-image: url(gfx/bg_ramme.gif);
	text-align: left }
body.tokol #ramme { background-repeat: repeat-y }

#header { height: 171px; background: url(gfx/bg_header.jpg) 5px 0 no-repeat }

#innholdsramme { padding: 0 5px 20px 5px;
/*
	background: url(gfx/bg_innholdsramme.gif) no-repeat 210px 37px;
	height: 327px
 }
body.tokol #innholdsramme { 
	background: url(gfx/bg_innholdsramme-tokol.gif) no-repeat 210px 37px*/ }
/* html>body #innholdsramme { min-height: 327px; height: auto } */
#kol1, #kol2, #innhold { width: 200px; overflow: hidden; float: left; margin: 0 5px 0 0 }
#kol2 { margin: 0 }
#innhold { width: 540px }

.artikkel, .historikk { padding: 10px 15px }
p.lesmer { padding: 0 15px }

#end { clear: both; height: 0; overflow: hidden }

body.tokol #kol2 { display: none }
body.tokol #innhold { margin: 0; width: 745px }

#smuler { height: 32px; line-height: 32px;
	background: #e9ecf1 url(gfx/bg_smuler.gif) no-repeat;
	padding: 0 15px; border-bottom: 5px solid #fff }
#smuler, #smuler a { color: #67747f }
#smuler a { text-decoration: none }
#smuler a:hover { color: #000; font-weight: normal }

#share { position: relative; top: -32px; line-height: 32px; text-align: right }

/*  ------------------------------------   KREDITT   --------------------------------  */

#kreditt {
	background: url(gfx/bg_kred.gif) repeat-x;
	line-height: 1.4em;
	height: 109px }
html>body #kreditt { height: auto; min-height: 109px }
.bunn, p.kred {	position: relative; width: 960px; margin: 0 auto 10px auto; text-align: left } 
p.kred { width: 920px }
.bunn .inner {
	height: 57px; padding: 10px;
	border: 5px solid #fff; background-color: #edf0f3;
	background-image: url(gfx/kredunion.gif);
	background-repeat: no-repeat;
	background-position: 12px 50% }
#kreditt, #kreditt a, #phpbb, #phpbb a { color: #9db0bc }
#kreditt a:hover, #phpbb a:hover { color: #333 }

#kreditt a.cms { display: block; height: 16px; width: 96px; background: url(http://felles.siteman.no/felles/dcore/badge/siteman-cms.png) no-repeat; float: right }
#kreditt a.cms:hover { background-position: 0 -20px }
#kreditt a.cms span { display: none }

/*  -------------------------     SKJULTE ELEMENTER      ------------------------  */

p.skip, #header h1, #header p, #nyheter h1.tittel { position: absolute; top: -999em }

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

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

hr { color: #fff; background: #fff; border: 0; border-top: 1px solid #fc3 }

.tabell { border-top: 1px solid #e1e8f0; border-left: 1px solid #e1e8f0 }
.tabell th, .tabell td { border-bottom: 1px solid #e1e8f0; border-right: 1px solid #e1e8f0; padding: 3px 5px }
.tabell th { border-bottom: 2px solid #e1e8f0; background: #f6f8f9 }

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

/*  BOKS  */

.komp {
	background-color: #eaeff5;
	background-repeat: no-repeat }
#kol2 .komp h1 { color: #fff; line-height: 31px; height: 31px; margin: 0; padding: 5px 0 0 10px; width: 145px; overflow: hidden }
.komp p { margin: 0 }
.komp .innerkomp { padding: 10px }
.komp.feed .innerkomp { padding: 5px 0 10px 0 }
.komp.neste_bortetur {
	margin-top: -5px;
	background-image: url(gfx/h1_bortetur.gif) }
.komp.neste_bortetur a { display: block }
.komp.neste_bortetur a strong { color: #000 }
.komp.neste_bortetur a em { color: #666; font-style: normal; display: block }

.komp.hva_skjer { background-image: url(gfx/h1_haps.gif) }
.komp.hva_skjer em { padding: 0 3px 0 18px; font-weight: normal; font-style: normal;
	background: url(gfx/klokke.gif) no-repeat 0 0 }
.komp.hva_skjer span { display: block }

.komp.feed {
	background-image: url(gfx/h1_feed.gif) }
.feed ul { list-style-type: none }
.feed li { float: left; width: 200px }
.feed li a { display: block; padding: 2px 10px; border-bottom: 1px solid #ccd6e2 }
.feed li a:hover { background: #f6f8f9 url(gfx/ext.gif) no-repeat 192px 4px; color: #333 }
.feed p { text-align: right; padding: 5px 10px 0 0; clear: right }
.feed p a { color: #666 }
.feed p a:hover { color: #333 }

.bl a {
	display: block; height: 41px; line-height: 41px;
	padding: 0 0 0 10px;
	font-size: 1.2em; font-weight: bold; color: #fff }
.bl a:hover  { color: #f90 }
a.meldinn { background-image: url(gfx/h1_meldinn.gif) }
a.forum { background-image: url(gfx/h1_forum.gif) }
a.ticket { background-image: url(gfx/h1_ticket.gif) }

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

#respons table { width: auto }
#respons table td { vertical-align: middle }
#respons table tr.textarea td { 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 input, #respons textarea { width: 250px }
#respons input.check { border: 0; width: auto; background: transparent }
#respons p.melding, #respons textarea { height: 70px }
#respons p.knapp { width: 250px; margin: 0  }
#respons hr { margin: 1.2em 0 }

/*  --------------------------------    VERKTØY    ---------------------------------  */

#sok a, #sok input, #logo a, .skg, .banner, .jublogo { position: absolute; z-index: 10000 }

#sok {
	position: relative;
	height: 32px; overflow: hidden;
	background: url(gfx/bg_soek.gif) no-repeat }
#sok input {
	top: 6px; left: 6px; line-height: 20px; height: 20px;
	width: 130px; padding: 0 0 0 6px;
	background: transparent;
	border: 0; color: #666 }
#sok a {
	left: 150px; top: 4px;
	width: 44px; height: 24px;
	display: block;
	background-image: url(gfx/sok.gif);
	background-position: 0 -99em;
	background-repeat: no-repeat }
#sok a:hover { background-position: 0 0 }
#sok a span, #sok label { display: none }

#logo a {
	display: block;
	left: 5px; top: 0;
	width: 200px; height: 156px;}
#logo a span { display: none }
.skg { top: 0; left: -15px }
.hs { left: 960px }
.hm { left: 199px }
.banner { left: 199px; top: 86px; width: 701px; height: 183px; background: #ccc; z-index: 9000; overflow: hidden }
.jublogo { left: 870px; top: 25px; display: none }

.kv, .kh, .kb { left: -8px; top: -35px }
.kb { top: 87px }
.kh { left: 960px }