* { padding: 0; margin: 0 }
body { padding: 10px 0 0 0; background: #88CADA url(gfx/bg_body.gif) right top repeat-x; font-size: 62.5% }

#ramme {
	position: relative;
	z-index: 10;
	width: 755px;
	margin: 0 auto;
	padding-left: 15px; 
	background: #fff url(gfx/bg_ramme.gif);
	border: 5px solid #fff }

#header {
	height: 180px;
	background-color: #369;
	background-position: top right;
	border-bottom: 5px solid #fff }

#innholdsramme { padding: 0 0 1em 0 }

#kol1 { float: left; width: 155px }
#kol2 { float: right; width: 155px }
#innhold { margin: 0 165px 0 165px; line-height: 1.5em }
#kol2, #innhold { padding: 1em 0 0 }
#kol1 .artikkel { padding: 5px }

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

#kreditt {
	height: 30px; line-height: 30px;
	clear: both;
	text-align: center;
	background: #369;
	border-top: 5px solid #fff }
#kreditt p { margin: 0 }
#kreditt, #kreditt a { color: #CCCCE0 }
#kreditt a:hover { color: #fff }

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

body.tokol #innhold { margin: 0 10px 10px 165px }
body.tokol #kol2, #header h1, #header p, p.skip { display: none }

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

* { font-family: "trebuchet ms", verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif }

#innhold { font-size: 1.3em }
#kreditt, #kol1, #kol2 .artikkel, input  {
	font-size: 1.2em } 

h1, h2, h3, h4, h5, h6, p, table { margin: 0 0 1em 0 } 
ol, #innhold ul { margin: 0 0 1em 30px }

#innhold h1 { font-family: "trebuchet ms", "times new roman", serif }
h1 { font-size: 1.5em }
h2, h3, h4, h5, h6 { font-size: 1em }
h2 a { color: #000 }
#kol1 h1, #kol2 h1 { font-size: 1em }
td h1 { margin: 0; padding: 0; font-size: 1.1em }
td p { margin: 5px 0 0 0 }

a, a.active, a.visited { color: #666 }
a:hover { color: #000; text-decoration: none }
#kol1 a, #kol2 a, #kreditt a, #sitemap a, #xtranav a, h1 a { text-decoration: none }
p.lesmer a { font-weight: bold; text-align: right }

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

form { margin: 0; padding: 0 }
img, table { border: 0 }
td, th { text-align: left; vertical-align: top }
caption { display: none }
address { font-style: normal; margin: 5px 0 }
input, textarea, select, option {
	margin-bottom: 2px;
	border: 1px solid #ddd;
	background: #f5f5f5 }

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

#nav { border-bottom: 5px solid #fff }
#nav ul, #nav li { float: left; clear: left; width: 100%; margin: 0; padding: 0; list-style-type:none }

#nav ul ul, #nav ul li.aktiv li ul { display: none }
#nav li.aktiv ul, #nav li.aktiv ul li.aktiv ul { display: block }

#nav a {
	display: block; width: 150px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc;
	background: #e5e5e5 140px 50% no-repeat;
	padding: 5px 0 5px 5px;
	text-decoration:none;
	font-weight: bold;
	color: #333 }
#nav a:hover {
	background-color: #f5f5f5;
	color: #000;
	border-top: 1px solid #f5f5f5;
	border-bottom: 1px solid #fff }

#nav li.aktiv a { color: #000; background-color: #f5f5f5 }

#nav strong a { background-image: url(gfx/menykat.gif) }
#nav em { font-style: normal }

#nav li.aktiv ul li a {
	display: block; width: 140px;
	border: 0; font-weight: normal;
	background-color: #e5e5e5;
	padding: 3px 0 3px 15px;
	color: #666 }
#nav li.aktiv ul li a:hover, #nav li.aktiv ul li.aktiv a {
	border: 0; background-color: #fff; color: #000 }

/*  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;
	text-decoration: none }
p.knapp a:hover, p.send a:hover  { border-color: #eee }

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

#respons { position: relative; margin: 0 auto; width: 350px }
#respons fieldset { padding: 0; 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 }

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

#bgsok, #sok, #sok a, #kart, #d1, #kreditt .x1, #dsv a, #logo a, ul#sprakvalg, ul#sprakvalg a { position: absolute }

#sok {
	top: 162px; right: 5px;
	width: 120px; z-index: 10000 }
#sok input {
	width: 100px; height: 14px;
	padding: 0; margin: 0;
	background: #339;
	border: 1px solid;
	border-color: #000 #6666A3 #6666A3 #000;
	color: #fff }
#sok a {
	right: 0; top: 0;
	width: 16px; height: 16px;
	display: block; background: url(gfx/sokeknapp.gif) }
#sok a:hover { background: url(gfx/sokeknapp.gif) 0 -16px }
#sok a span, #sok label { display: none }

#kart {
	top: 0; right: 0;
	width: 311px; height: 442px;
	background: url(gfx/kart.gif);
	z-index: 1 }
#d1 {
	top: 0; left: 0;
	width: 10px; height: 185px;
	background: url(gfx/d1.gif) }
#kreditt .x1 {
	left: -15px; top: -5px;
	width: 10px; height: 58px;
	background: url(gfx/d2.gif) }
#d2 {
	top: 0; left: 0;
	width: 10px; height: 185px;
	background: url(gfx/d1.gif) }
#dsv a {
	top: 0; right: 0; z-index: 2;
	width: 41px; height: 57px;
	background: url(gfx/dsv.gif) }
#logo a { top: 0px; left: 15px }
ul#sprakvalg { top: 158px; left: 15px;border-top: 5px solid #fff; border-right: 5px solid #fff; width: 67px; height: 17px; overflow: hidden; margin: 0; padding: 0; background: #fff}
ul#sprakvalg a span { display: none }
ul#sprakvalg a { width: 31px; height: 17px; display: block }
ul#sprakvalg li { margin: 0; padding: 0; list-style-type: none }
ul#sprakvalg li.eng a { top: 0; right: 0; background: url(gfx/eng.gif) }
ul#sprakvalg li.eng a:hover { background: url(gfx/eng.gif) 0 -17px }

table.refliste td { border-bottom: 1px solid #ccc; padding: 2px 4px 2px 0 }
table.refliste th { border-bottom: 1px solid #000; padding: 4px 4px 4px 0 }
ul#sprakvalg li.nor a { background: url(gfx/nor.gif) 0 -17px }

#bgsok { top: 159px; right: 0 }