@import "http://felles.siteman.no/felles/dcore/css/sm_form/layout.css";
@import "/custom-theme/jquery-ui-1.8.7.custom.css";
* { margin: 0; padding: 0; border: 0; outline: 0; font-family: Arial, Helvetica, sans-serif }
body { background: #8cb54c; text-align: center; font-size: 62.5%; color: #000 }

#ramme {
	position: relative;
	width: 980px;
	margin: 0 auto;
	background: #fff;
	text-align: left }

#header {
	height: 144px;
	background: #8cb54c url(gfx/bg_header.jpg) no-repeat }

#innholdsramme { padding: 0 10px; width: 960px; overflow: hidden }

#kol1, #kol2, #innhold { float: left; overflow: hidden }
#kol1 { width: 165px; padding: 0 20px 0 0 }
#kol2 { width: 200px }
#innhold { width: 555px; padding: 0 20px 1em 0 }
body#forsiden #innhold { width: 565px; padding: 0 10px 1em 0 }
#innhold .artikkel { padding: 0 0 15px 0 }

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

#end { clear: both }
#kreditt {
	padding: 65px 0 45px 0;
	margin: 0 auto 40px auto; width: 980px;
	color: #000; text-align: left;
	background: #fff url(gfx/bg_kred.gif) no-repeat }
#kreditt a { color: #005222 }
#kreditt a:hover { color: #005222 }
#kreditt .left { width: 450px; float: left; margin: -16px 0 0 10px }
#kreditt .right { float: right; width: 450px; text-align: right; margin: -16px 10px 0 0 }

/*  ----------------------------------   ALT. DESIGN   ------------------------------ */

body.tokol #innhold, body#nyheter_cms #innhold, body#index #innhold { width: 775px; padding: 0 0 1em 0 }
body.tokol #kol2, body#nyheter_cms #kol2, body#index #kol2 { display: none }

/*  ------------------------------       TYPOGRAFI     -------------------------------  */

input { font-size: 1em } /* Vanlig font */
#kol1, #kontakt, #kol2 { font-size: 1.2em}
#innhold, #sok { font-size: 1.3em }
#kreditt { font-size: 1.1em }

/* Overskrifter */
#innhold h1 { font-size: 1.3em; font-weight: bold; color: #000 }
body#forsiden #innhold .artikkel h1 { font-size: 1.7em }
#kol1 h1 { font-size: 1em; color: #005222 }
#kol2 h1 { font-size: 1.2em; color: #005222 }
h3, h4, h5, h6 { font-size: 1.1em; color: #000 }
h2 { font-size: 1em; color: #000 }
h2.sortering { width: 98%; background: url(gfx/bg_h2-sortering.gif) repeat-x bottom left; padding: 20px 0 7px 0 }
h2.sortering span { line-height: 1em; font-size: 1em; background-color: #eba526; color: #fff; padding: 5px 13px }

/* Marger og padding */
h1,h2,h3,h4,h5,h6,blockquote,p,hr, object { margin: 0 0 10px 0 }

/* Lenker, akronymer og forkortelser */

a { color: #005222 }
a:hover { text-decoration: none }
#kreditt a, #sitemap a, h1 a { text-decoration: none }
p.skip, #header h1, #header p { visibility: hidden; position: absolute }

/* Artikkeldesign */

#kol1 .artikkel { background: url(gfx/bg_artikkel-kol1-topp.gif) no-repeat; padding-top: 20px }
#kol1 .artikkel .innerart { background: url(gfx/bg_artikkel-kol1.gif) repeat-y; padding: 0 18px }
#kol1 .artikkel .a_x1 { background: url(gfx/bg_artikkel-kol1-bunn.gif) no-repeat; height: 46px; margin: -10px 0 15px 0 }
#kol1 .artikkel h1 { padding: 0 18px }
#kol1 .innerart h1 { padding: 0 }

#kol2 .artikkel { background: #f5f5f3 url(gfx/bg_artikkel-kol2-topp.gif) no-repeat; padding-top: 30px }
#kol2 .artikkel .innerart { background: url(gfx/bg_artikkel-kol2-bunn.gif) no-repeat left bottom; padding: 0 27px 10px 30px }
#kol2 .artikkel .a_x1 { background: #fff; height: 25px; margin: -10px 0 0 0 }
#kol2 .artikkel h1 { padding: 0 55px 0 30px }

#kol2 .artikkel#artkol37, #kol2 .artikkel#artkol38 { background: #f5f5f3 url(gfx/bg_artikkel-kol2-topp-2.gif) no-repeat }
#kol2 .artikkel#artkol39 { background: #f5f5f3 url(gfx/bg_artikkel-kol2-topp-3.gif) no-repeat }

body#forsiden #innhold #forart { margin-top: -30px }

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

table { border-collapse: collapse }
td, th { vertical-align: top }
table.tblsort { width: 98%; text-align: center; font-weight: bold; color: #005222; }
table.tblsort td { vertical-align: middle; overflow: hidden }
table.tblsort p { margin-bottom: 50px }

caption { display: none }
address { font-style: normal; margin: 5px 0 }
input, textarea, select, option {
	margin-bottom: 2px;
	border: 1px solid #ddd;
	background: #f5f5f5 }

input.checkbox { border: 0; background: transparent; margin: 0 }

.artikkel ul { list-style-type: none; margin: 0; padding: 0 0 10px 0 }
.artikkel li {
	background: url(gfx/li.gif) no-repeat 0 7px;
	margin: 0 0 3px 0; padding: 2px 0 2px 10px }
.artikkel li.pdf {
	background: url(gfx/li-pdf.gif) no-repeat 0 2px;
	padding: 2px 0 2px 25px }

div.hr {
	  height: 1px;
	  background: url(gfx/bg-hr-tynn.gif) repeat-x;
	  margin: 15px 0 0 0; padding-bottom: 15px }
div.hr.tykk {
	  height: 3px;
	  background: url(gfx/bg-hr.gif) repeat-x;
	  margin: 10px 0 0 0; width: 97% }
div.hr hr { display: none }

.aapning td { padding: 0 5px 0 0 }
.aapning td.hr { background: url(gfx/bg-hr.gif) no-repeat; padding: 10px 0 5px 10px }
td.hr a { text-decoration: none; color: #e29f24 }
td.hr a span { text-decoration: underline; cursor: pointer; color: #005222 }

/*  ---------------------------------- NAVIGASJON ---------------------------------  */

#smuler { 	height: 18px; line-height: 18px;
	color: #005222; overflow: hidden;
	background: url(gfx/bg_smuler.gif) repeat-x;
	margin: 0 0 1em 0 }
#smuler a { text-decoration: none; color: #005222 }
#smuler a:hover { color: #000 }
#smuler strong { font-weight: normal }

#nav { background: url(gfx/nav-top.gif) no-repeat; padding-top: 2px }
ul#menu { background: url(gfx/bg_nav.gif) repeat-y }
ul#menu, ul#menu ul, ul#menu li {
	width: 165px; list-style-type: none; line-height: 1em; overflow: hidden }
ul#menu li { float: left }

ul#menu ul { display: none }
ul#menu li.aktiv ul { display: block }

ul#menu a {
	display: block;
	border-bottom: 1px solid #fff;
	background: url(gfx/a.gif) 2px 0 no-repeat;
	color: #1e4d1b; 
	height: 27px; line-height: 27px;
	padding: 0 0 0 29px }

ul#menu a:hover, ul#menu li.aktiv a {
	background-position: 2px -65px;
	color: #fff; text-decoration: none }

ul#menu strong, ul#menu em { font-weight: normal; font-style: normal; display: block }

ul#menu ul li a, ul#menu li.aktiv ul li a, ul#menu li.aktiv ul li.aktiv a  { 
	padding: 4px 0 4px 29px; 
	background-position: 2px -190px;
	border-bottom: 1px solid #ededed; 
	color: #1e4d1b; 
	height: auto; line-height: 1.3em }
ul#menu li.aktiv ul li.aktiv a,
ul#menu li.aktiv ul li a:hover  {
	 background-position: 2px -130px;
	 color: #fff }

#nav .x1 { background: url(gfx/nav-x1.gif) no-repeat; height: 48px; width: 165px; padding-bottom: 15px }

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

#nyheter a { display: block; text-decoration: none }
#nyheter h1.tittel { display: none }
#nyheter h1 { font-weight: normal; font-size: 1.2em; font-weight: bold }
#nyheter .art { padding: 5px 0 5px 165px; position: relative; float: left; width: 390px; height: 120px }
html>body #nyheter .art { height: auto; min-height: 120px }

#nyheter p.npic, p.npic {
	position: absolute; left: 0; top: 0;
	width: 150px; height: 110px;
	border: 1px solid #f1f1f0;
	overflow: hidden }
#nyheter p.npic img { margin: -20px 0 0 0 }
#nyheter p { margin: 0 }
#nyheter strong { font-weight: normal }

p.dato { margin: 0; color: #666 }

p.news_arkiv { margin: 0 0 1em 0; padding: 5px 10px; border-bottom: 2px solid #ddd }
p.news_arkiv a.aktiv { font-weight: bold; text-decoration: none; color: #333 }
p.news_arkiv a.aktiv:hover { color: #333 }

/*  KNAPPER  */

p.knapp {
	border: 1px solid;
	border-color: #98c5da #fff #fff #98c5da;
	height: 20px }
p.knapp a, p.send a {
	color: black;
	font-weight: normal;
	text-align: center;
	padding: 3px 0 0 4px;
	height: 15px;
	border: 1px solid;
	border-color: #fff #98c5da #98c5da #fff;
	background: #b5d7e6;
	display: block;
	color: #369 }
p.knapp a:hover, p.send a:hover  {
	border-color: #d1e4ec;
	background: #d1e4ec;
	color: #333 }
	
/*  -------------------------------- 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: normal; 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.knapp { width: 250px; margin: 0  }
#respons hr { margin: 2px 0 }

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

#sok, #sok a, #sok input, #kontakt { position: absolute }

#sok {
	top: 38px; left: 390px;
	background: url(gfx/bg_sok.gif) no-repeat;
	width: 186px; height: 24px }
#sok input, #sok input:hover, #sok input:active, #sok input:focus {
	top:3px; left: 2px;
	background: #fff; border: 0;
	width: 145px; padding: 0 }

#sok a {
	left: 151px; top: 2px;
	width: 32px; height: 21px;
	display: block; }
#sok a:hover {
	left: 151px; top: 2px;
	width: 32px; height: 21px;
	display: block }
#sok a span, #sok label { display: none }

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

#logo a {
	display: block; position: absolute;
	left: 22px; top: 10px;
	width: 100px; height: 75px }
#logo a span { display: none }

#kontakt { top: 35px; left: 208px }

.dl-skjema {width: 96%; padding: 2%;}
.dl-skjema dl {margin: 0 0 5px; overflow: hidden; clear: both}
.dl-skjema dl.radio {margin: 0; float: left; width: 40%; clear: none; padding: 1%}
.dl-skjema dl.sm_clear {clear: both;}
.dl-skjema dl.radio dt {float: left; margin: 0 10px 0 0}
.dl-skjema dt {margin: 0}
.dl-skjema dd {margin: 0}

.dl-skjema input {
	padding: 1%;
	width: 96%;
	border: 1px solid #999;
}
.dl-skjema p.knapper {font-size: 1.2em; font-weight: bold;}
.dl-skjema label {float: left; font-weight: normal; padding: 0 0 4px}
.dl-skjema label.error {color: #c00; margin: 0 0 0 10px;}

.dl-skjema p {clear: both}
#kol2 #artkol374 { padding: 0}
#kol2 #artkol374 .innerart {padding: 10px}
a#sms-reg {
	display: block;
	height: 20px;
	margin-top: 25px;
	padding: 55px 10px 10px;
	text-decoration: none;
	background: url(gfx/sms-48.png) no-repeat center top
}
a#sms-reg:hover {text-decoration: underline}

.sm_form input.sm_text, .sm_form textarea, .sm_form select {background: #fff}
.sm_form textarea, .sm_form_6 input.sm_text {width: 97.5%}
.sm_form_2 select {padding: 3px 5px; width: 93%;}
.sm_form fieldset {background: #fafafa}
.sm_form legend {font-weight: normal; background: #fff}
.sm_form label.nofloat {float: none; display: inline}

#kol2 h1#hartkol374 {font-size: 1.6em; height: 40px; line-height: 40px; padding: 15px 0 0 10px; margin: 0}
ul.knapper {list-style: none inside; margin: 0 0 1em; overflow: hidden}
ul.knapper li {padding: 0; background: none; margin: 0 0 .5em;}
ul.knapper a, ul.knapper a span {background: url(gfx/bg-knapp.png) no-repeat; float: left; cursor: pointer}
ul.knapper a {display: block; padding: 0 0 0 5px; text-decoration: none; float: left; margin: 0 0 1em}
ul.knapper a span {background-position: right -56px; padding: 0 10px 0 5px; width: 130px; display: block; height: 28px; line-height: 28px; color: #fff; font-size: 1.2em;}
ul.knapper a:hover {background-position: 0 -28px;}
ul.knapper a:hover span {background-position: right -84px;}