* { margin: 0; padding: 0; border: 0; outline: none; font-family: arial, verdana, "Bitstream Vera Sans", geneva, callibri, tahoma, sans-serif }

body { line-height: 1.5; font-size: 62.5%; color: #333; background: #ddd }
html, body, #bgbody, #ramme { height: 100%; width: 100%; overflow: hidden }
#ramme { overflow: auto }
#ramme, #bgbody { position: absolute; top: 0; left: 0 }
#header, #kreditt, #kol1, #innholdsramme, .wrapper { width: 880px }

#header { height: 152px; background: url(/gfx/bg_header.png) }

#innholdsramme { overflow: hidden; padding-bottom: 50px; background: url(/gfx/bg_innholdsramme.png) }
#innhold, #kol2 { float: left; overflow: hidden }
#innhold { width: 560px; padding: 20px }
#kol2 { width: 260px; padding: 20px 20px 20px 0 }

body.tokol #innhold { width: 840px }
body.tokol #kol2 { display: none }

.clear { clear: both }

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

#kreditt {	position: absolute; bottom: 0; left: 0;
	background: url(/gfx/bg_kred.png); height: 40px; line-height: 40px }
#kredittinnhold { text-align: left; padding: 0 17px; height: 40px; overflow: hidden  }
#kreditt, #kreditt a { color: #666 }
#kreditt a:hover { color: #000 }
#kreditt address { margin: 0; float: left }
#kreditt p { float: right; padding: 10px 0; margin: 0 }
#kreditt strong { padding: 0 3px; color: #000 }

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

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

input {	font-size: 1em } /* Vanlig font */
#nav, ul#sub, #innholdsramme, #kreditt, #kol1 .innerart  { font-size: 1.1em }

/* Overskrifter */
h1 { font-size: 1.3em; margin: 0 0 .5em 0 }
h2, h3, h4, h5, h6 { color: #000; font-size: 1em }

#kol1 h1 { height: 108px; background: url(/gfx/kol1-h1.png); margin: 0; position: relative;
	color: #fff; font-size: 2.2em; font-weight: normal; line-height: 1.3em }
#kol1 h1 span { position: absolute; bottom: 20px; left: 20px  }
#kol1 .artikkel .innerart {
	padding: 20px; width: 840px;
	background: url(/gfx/kol1-inner.png);
	color: #fff }
#kol1 .innerart p { margin: 0 }
#kol1 p, #kol1 h1 span { width: 500px }

/* Marger */
h2,h3,h4,h5,h6,blockquote,p, address, table { margin: 0 0 1em 0 }
.artikkel ul, .artikkel ol { margin: 0 0 1em 30px }

/* Lenker, akronymer og forkortelser */
a, a.active, a.visited { color: #007dc3; text-decoration: none }
a:hover { color: #bd0007 }
p.lesmer { font-weight: bold }
p.skip, #header h1, #header p { display: none } 

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

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

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

.teaser {	position: relative; float: left; width: 238px; height: 14em; 
	padding: 10px; margin: 0 20px 30px 0;
	border: 1px solid #ccc;
	background: #fff;
	overflow: hidden }
.teaser h1 { font-size: 1.1em; color: #666 }
.teaser ul { list-style-type: none; position: absolute; bottom: 0; left: 0; width: 258px; height: 38px; background: url(gfx/listbottom.gif) }
.teaser li {  padding: 0 10px; font-weight: bold; line-height: 38px }
.teaser ul a { display: block; height: 38px }

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

#nav { position: absolute; top: 122px; left: 0; height: 30px; width: 880px; background: url(gfx/bg_nav.gif) left bottom repeat-x }
ul#menu, ul#sub { width: 866px; padding: 0 0 0 14px }
ul#menu { height: 30px }
ul#menu, ul#menu li, ul#sub, ul#sub li { list-style-type: none; line-height: 1em; margin: 0 }
#nav li, ul#sub li { display: inline; float: left }

#nav a, ul#sub a { display: block; float: left; padding: 0 8px; font-weight: bold; }
#nav a {	height: 30px; line-height: 30px }
#nav a:hover { color: #bd0007 }
#nav li.aktiv a { background: #000; color: #fff;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	height: 29px; line-height: 29px }
#nav em, ul#sub em { font-style: normal }

ul#sub { height: 38px; background: #000; position: relative }
ul#sub li ul, ul#sub li.aktiv ul ul { display: none }

ul#sub a { height: 38px; line-height: 38px }
ul#sub a:hover { color: #bd0007 }
ul#sub li.aktiv a { color: #fff }

/* Nyheter */
h1.tittel { display: none }
#nyheter .art.nyhet1 { float: left; width: 540px; padding: 0 20px 20px 0 }
#nyheter ul { float: left; padding-top: 2.4em; width: 260px; list-style-type: none }
#nyheter ul a { display: block; padding: .3em 0 }

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

#respons fieldset { padding: 10px; margin: 0 0 1em 0; border: 1px solid #e1e8f0 }
#respons fieldset legend { color: #333; font-weight: bold; padding: 0 10px }
#respons legend em { font-style: normal; font-weight: normal }
#respons fieldset p { float: left; width: 100%; margin: 0 0 3px 0 }
#respons fieldset label, fieldset input { float: left; display: block; padding: 3px 0 }
#respons fieldset label { width: 220px; padding: 3px 1em 3px 0; text-align: right }
#respons fieldset label.inline { float: none; display: inline; width: auto }
#respons fieldset p.knapp a span { width: auto; text-align: left }
#respons fieldset input, fieldset textarea, .produkthead { float: left; width: 300px; padding: 3px }
#respons fieldset textarea { height: 4.5em; width: 500px }
#respons fieldset textarea.kort { height: 4.5em; width: 300px }

#respons.kort fieldset label { width: 120px }
#respons.kort fieldset input { float: left; width: 400px; padding: 3px }
#respons.kort fieldset textarea { height: 4.5em; width: 400px }

p.knapp { height: 27px; padding: 0 0 0 240px; width: 300px }
p.knapp a {
	color: #333;
	font-weight: bold;
	text-align: center;
	height: 25px; line-height: 25px;
	border: 1px solid #ccc;
	background: #eee;
	display: block }

p.knapp a:hover  { border-color: #eee }

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

#logo { position: absolute; left: 22px; top: 53px; }
#logo a { display: block; width: 135px; height: 41px; background: url(/gfx/logo.png); cursor: pointer }
#logo a span { display: none }

#ramme { z-index: 10 }
#bgbody { z-index: 1 }
.wrapper { z-index: 100 }
#kreditt { z-index: 1000 }
#logo, #nav, #kredittinnhold { z-index: 10000 }