/*  ---------------------------------      LAYOUT      ---------------------------------  */

* { margin: 0; padding: 0 }
html, body { height: 100% }
body { background: #eae5d3; padding: 5px 0 0 0 }

#ramme {
	position: relative;
	width: 822px;
	margin: 0 auto }

#kol1 { float: left; width: 158px }
#right {
	float: right; width: 656px }

#kol2, #kol1 .artikkel, #logo, #kreditt, #innhold, #nav, #quicknav {
	border: 5px solid #fff;
	margin: 0 0 8px 0;
	background: #eaeaea repeat-x }

#nav, #kreditt { background-image: url(gfx/bg-gr-s.gif) }
#kol1 .artikkel, #logo, #quicknav { background-image: url(gfx/bg-gr-m.gif) }
#innhold { background-image: url(gfx/bg-gr-l.gif) }

#logo a { display: block; padding: 25px; text-align: center }
#kol1 .artikkel, #quicknav { padding: 4px }

#kol2 { height: 200px; background: url(gfx/bg_header-std.jpg) }
html>body #kol2 { height: auto; min-height: 200px }
#kol2 .artikkel { width: 812px; overflow: hidden }

/* #innhold img { margin: 0 10px 10px 0; float: left } */
#innhold .artikkel, #nyheter { padding: 10px 15px }
#innhold { line-height: 1.5em }

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

#kreditt { position: relative; clear: both; height: 30px; line-height: 30px }
#kreditt p { margin: 0; padding: 0 15px }
#kreditt, #kreditt a { color: #666 }
#kreditt a:hover { color: #000 }
#kreditt a.wr, #kreditt a.map { padding: 3px 0 3px 20px; background: no-repeat 0 50% }
#kreditt a.wr { background-image: url(gfx/weather.gif) }
#kreditt a.map { background-image: url(gfx/sitemap.gif) }

#kreditt ul { position: absolute; top: -1px; right: 0; list-style-type: none }
#kreditt li { margin: 0; float: left; width: 40px }
#kreditt li a { display: block; height: 31px; background: no-repeat 50% 50% }
#kreditt li a:hover { background-color: #f5f5f5 }
#kreditt li a.tro { background-image: url(gfx/visit-troms.gif) }
#kreditt li a.nor { background-image: url(gfx/visit-norway.gif) }
#kreditt span { display: none }

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

body { font-size: 62.5%; color: #3a5a84 }
body, input, textarea, select, option {
	font-family: verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif }
h1, p.lesmer, #quicknav, #nav, #nyheter ul, #nyheter h3 {
	font-family: "times new roman",georgia,  serif }

#innholdsramme { font-size: 1.1em }
#quicknav { font-size: 1.3em }
#nav { font-size: 1.2em }

input {
	font-size: 1em } /* Vanlig font */

/* Overskrifter */
#innhold h1 { font-size: 1.7em }
h2, h3, h4, h5, h6 { font-size: 1em }
h2 a { color: #000 }
#kol1 h1 {
	position: relative;
	font-size: 1em;
	text-transform: uppercase;
	color: #003d71; 
	padding: 10px 0 3px 0;
	border-bottom: 1px solid #bdccd9 }

/* Marger */
h1,h2,h3,h4,h5,h6,blockquote,p { margin: 0 0 1em 0 }
#innhold ul, #innhold ol { margin: 0 0 1em 30px }
p.lesmer { margin: 0 1em 0 10px; padding-bottom: 5px; clear: both }
#kol2 img { margin: 0 0 5px 0 }

/* Lenker, akronymer og forkortelser */

a, a.active, a.visited { color: #666; text-decoration: none }
a:hover { color: #00b3c1 }
#kol1 a, #kol2 a, #kreditt a, #sitemap a, #nav a, h1 a, #nyheter a { text-decoration: none }
p.lesmer { text-align: right; text-transform: uppercase }
p.lesmer a { text-decoration: none }

blockquote {
	margin: 10px;
	padding: 5px;
	border: 1px dotted #666;
	font-family: "trebuchet ms", serif;
	font-weight: bold;
	text-align: center }

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

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

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

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

span.dato { color: #6cf }

#quicknav ul { list-style-type: none; padding: 0 0 0 15px }
#quicknav li { float: left; clear: left; width: 100%; padding: 5px 0 }
#quicknav a {
	display: block; height: 14px; line-height: 14px;
	padding: 0 0 0 15px; color: #003d71; font-weight: bold;
	text-transform: uppercase;
	border-left: 14px solid #ffd200 }
#quicknav a.spring { border-color: #ffd200 }
#quicknav a.summer { border-color: #c1d72f }
#quicknav a.autumn { border-color: #e89419 }
#quicknav a.winter { border-color: #008fc5 }

#quicknav a:hover { color: #2b8cb6; border-color: #000 }
#quicknav .x1 { clear: left; height: 5px }

.feature { padding: 15px; background: #fff url(gfx/bg_feature.gif) left bottom repeat-x  }
#innhold .feature h1 { font-size: 27px; margin: 0 0 15px 0 }

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

#nav {	position: relative; height: 60px }

#nav ul, #nav li { list-style-type: none; line-height: 0.9em }
#nav li { float: left; position: relative }
#nav li ul { display: none }

#nav a { float: left; padding: 0 2px 0 0 }
#nav a span {
	float: left; display: block; padding: 0 10px;
	height: 30px; line-height: 30px;
	cursor: hand;
	color: #0c3e72;
	font-weight: bold;
	text-transform: uppercase }

ul#menu a:hover span,
ul#menu li.aktiv a span,
ul#menu li.aktiv a:hover span {
	color: #308db6 }

ul#menu em, ul#menu strong { font-style: normal }

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

/*  KNAPPER  */

p.knapp {
	border: 1px solid;
	border-color: #ccc #fff #fff #ccc }
p.knapp { position: relative; height: 20px }
p.knapp a, p.send a {
	color: black;
	font-weight: bold;
	text-align: center;
	padding: 3px 0 0 4px;
	height: 15px;
	border: 1px solid;
	border-color: #fff #ccc #ccc #fff;
	background: #eee;
	display: block }
p.knapp a:hover, p.send a:hover  { border-color: #eee }

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

#respons { position: relative; margin: 0 auto; width: 350px }
#respons fieldset { border: 0 }
#respons fieldset legend { padding: 10px 0; font-weight: bold; color: #000 }
#respons fieldset label { display: block; width: 85px; height: 19px; float: left }
#respons fieldset label span { display: block; height: 13px; padding: 6px 0 0 5px }
#respons input, #respons textarea { width: 70%; height: 17px; float: right }
#respons p.melding, #respons textarea { height: 80px }
#respons p { margin: 0; height: 19px; vertical-align: center }
#respons p.knapp { width: 150px; margin: 10px 0 0 105px }

/*  -------------------------------- Nyheter -------------------------------  */

#nyheter { clear: left; border-top: 5px solid #fff; border-bottom: 5px solid #fff }
#nyheter h1.tittel a { color: #3a5a84 }
#innhold .art h1 { font-size: 1.5em }
#innhold .art h1, #innhold .art p { margin: 0 0 0px 0 }
.art {
	position: relative; clear: left;
	padding: 0 0 0 115px;
	height: 85px }
#innhold #nyheter .art h1 a { color: #3a5a84 }
#innhold #nyheter .art h1 a:hover { color: #00b3c1 }

html>body .art { height: auto; min-height: 85px }
p.npic { position: absolute; top: 0; left: 0; height: 70px; overflow: hidden; border: 2px solid #fff }
p.npic img { margin-top: -15px }
#innhold .art p strong { font-weight: normal }
#innhold #nyheter ul {
	border-top: 1px dotted #bdccd9;
	border-bottom: 1px dotted #bdccd9;
	list-style-type: none;
	margin: 0 0 10px 0; padding: 15px 0 }
#nyheter ul, #nyheter h3 { font-size: 1.2em; line-height: 1.3em }
#nyheter ul a { display: block; width: 100% }
#nyheter h3 { text-align: right }

.news_arkiv {
	background: #f5f5f5;
	border-bottom: 5px solid #fff;
	padding: 10px 15px;
	line-height: 1.3em }
.news_arkiv a.aktiv { text-decoration: none; font-weight: bold; color: #333 }

#nyheter_cms #innhold h1 { margin: 0}