* { margin: 0; padding: 0; border: 0; outline: 0; font-family: tahoma, geneva, helvetica, arial, sans-serif }
body { background: #eff4f5 url(gfx/bg_body.gif) repeat-x; text-align: center }

#ramme {	position: relative;
	width: 961px;
	background: url(gfx/bg_ramme.gif) top right repeat-y;
	margin: 0 auto;
	text-align: left }
#header {
	height: 208px;
	background: #eff4f5 url(gfx/bg_header.jpg) no-repeat }

#kol1 { float: left; width: 159px }
#innhold { float: right; width: 700px; background: url(gfx/bg_innhold.gif) no-repeat; padding: 25px 50px 1em 50px }

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

#end { clear: both }
#kreditt {
	padding: 35px 0 10px 159px;
	background: url(gfx/bg_innholdx1.gif) top right no-repeat;
	margin: 0 auto; width: 802px  }
#kreditt { color: #699 }
#kreditt a { color: #09c }
#kreditt a:hover { color: #069 }

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

body { font-size: 62.5%; color: #333 }
#innholdsramme { font-size: 1.3em }
#nav { font-size: 1.2em }
#kreditt { font-size: 1.1em }
input, textarea { font-size: 1em }

/* Overskrifter */
#innhold h1 { font-size: 1.2em; color: #069 }
#kol1 h1 { font-size: 1.1em; color: #069 }
h2, h3, h4, h5, h6 { font-size: 1em }
h2 { color: #666 }
h1,blockquote,p,address, hr, table { margin: 0 0 1em 0 }
h2,h3,h4,h5,h6 { margin: 0 0 .5em 0 }
#innhold ul, #innhold ol { margin: 0 0 1em 30px }

/* Lenker, akronymer og forkortelser */

a, a.active, a.visited { color: #09c; text-decoration: none }
a:hover { color: #069; text-decoration: none }
#kol1, #kreditt a, #sitemap a, h1 a, #nav a { text-decoration: none }

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

p.lesmer a { background: url(gfx/lesmer.gif) no-repeat 0 50%; padding: 0 0 0 15px }

p.skip, #header h1, #header p { display: none }

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

table { border-collapse: collapse }
address { font-style: normal }
input, textarea, select, option {
	margin-bottom: 2px;
	border: 1px solid;
	border-color: #c0c0c0 #fff #fff #c0c0c0;
	background: #f5f5f5 }
input.checkbox { border: 0; background: transparent; margin: 0 }

img.right { float: right; margin: 0 0 1em 1em }
img.left { float: left; margin: 0 1em 1em 0 }

table {	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd }
td, th { 	padding: 2px 5px;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	text-align: left; vertical-align: top }
th {	background: #f5f5f5; color: #333 }

.kinfo { padding: 2em 0 1em 12px }

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

#smuler { position: absolute; top: 169px; left: 186px; color: #366; width: 400px; height: 1.2em; overflow: hidden }
#smuler strong { font-weight: normal }
#smuler a { text-decoration: none; color: #069 }
#smuler a:hover { color: #069 }

#nav {
	position: absolute;
	top: 114px; left: 0;
	width: 770px; height: 51px;
	line-height: 1;
	overflow: hidden }
#nav ul, #nav li, #submeny ul, #sub li { margin: 0; padding: 0; list-style: none }
#nav li { display: inline }
#nav a {
	float: left; margin: 0; margin: 0 -2px;
	background: url(gfx/a.gif) bottom right no-repeat;
	text-decoration: none }
#nav a span {
	width: auto;
	float: left;
	display: block;
	padding: 0 1em;
	text-align: center;
	height: 51px; line-height: 51px;
	color: #fff;
	cursor: pointer }

#nav a:hover span, #nav li.aktiv a span { color: #069 }
#nav li.aktiv a span { background: url(gfx/a2-1.gif) no-repeat bottom left; margin: 0 4px 0 0 }
#nav li.aktiv a { background: url(gfx/a2-2.gif) no-repeat bottom right }

#nav em, #nav strong { font-style: normal; font-weight: bold }

#nav li#morsiden a span { background: url(gfx/a.gif) bottom left no-repeat; margin: 0 0 0 2px }
#nav li.aktiv#morsiden a span { background: url(gfx/a2-1.gif) no-repeat bottom left }

#menu li ul { display: none }

#submeny { margin: 0 0 0px 0; background: url(gfx/subbg.gif) repeat-y }

ul#sub { background: url(gfx/subtopp.gif) no-repeat; padding-top: 20px }
 
ul#sub, ul#sub ul, #sub li {
	list-style-type: none; overflow: hidden; width: 159px }
ul#sub li { float: left }
ul#sub li ul, ul#sub li.aktiv ul ul { display: none }
ul#sub li.aktiv ul, #sub li.aktiv ul li.aktiv ul { display: block }
ul#sub em { font-style: normal }
ul#sub a {
	display: block;
	text-decoration: none;
	font-weight: normal;
	background: url(gfx/asub.gif) 0 -70px no-repeat;
	color: #066;
	height: 25px;
	line-height: 25px;
	margin: -1px 0 0 7px;
	padding: 0 5px }

ul#sub a:hover, ul#sub li.aktiv a {
	color: #06c; background: url(gfx/asub.gif) no-repeat  }
ul#sub li.aktiv a { font-weight: normal }

#submeny .x1 { background: url(gfx/subbunn.gif) no-repeat; height: 23px }

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

/*  KNAPPER  */

p.knapp {
	border: 1px solid;
	border-color: #98c5da #fff #fff #98c5da;
	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 #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: 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.knapp { width: 250px; margin: 0  }
#respons hr { margin: 2px 0 }

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

#toolbox { position: absolute }
#toolbox a span { display: none }
#toolbox { top: 169px; right: 10px; width: 55px }
#toolbox a {
	width: 20px; height: 14px;
	display: block; float: left;
	background-repeat: no-repeat;
	background-position: 0 0 }
#toolbox a.no { background-image: url(gfx/no.gif) }
#toolbox a.en { background-image: url(gfx/en.gif); margin-left: 4px }

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

#logo a {
	display: block; position: absolute;
	left: 0; top: 8px;
	width: 255px; height: 70px }
#logo a span { display: none }
#feature { display: none }