* { margin: 0; padding: 0; border: 0; outline: 0; font-family: "trebuchet ms", arial, Tahoma, Geneva, Arial, Helvetica, sans-serif }

body { background: #131314 url(gfx/bg_body.jpg) repeat-x; text-align: center; font-size: 62.5%; color: #333; padding: 685px 0 0 0 }
#bgramme {
	background: url(gfx/bg_ramme.png) }
#bgramme, img {
	behavior: url(/iepngfix.htc)
	z-index: 3 }
#ramme, #bgramme {
	position: absolute;
	top: 40px; left: 50%;
	width: 961px; height: 635px;
	margin: 0 0 0 -480px;
	text-align: left; overflow: hidden }
#ramme { z-index: 10 }

#header { height: 100px }
#kol1 { width: 922px; padding: 0 19px; overflow: hidden; display: none; margin: 0 0 20px 0 }

#scroll { margin: 0 35px; height: 488px; overflow: auto; position: relative }
#innholdsramme { width: 870px; overflow: hidden }

#innhold { float: left; width: 360px }
#kol2 { float: right; width: 480px }

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

#kreditt {
 }
#kreditt a, #kreditt { color: #ccc }
#kreditt a:hover { color: #fff }
#kreditt p { margin: 0 }

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

body.tokol #innhold { float: none; width: auto }
body.tokol #kol2 { display: none } 

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

#innholdsramme { font-size: 1.3em }
#nav, #submeny { font-size: 12px }
#kreditt { font-size: 1.1em }
input, textarea { font-size: 1em }

/* Overskrifter */
#innholdsramme h1 { font-size: 1.4em; color: #1d6040; font-weight: normal }
h2, h3, h4, h5, h6 { font-size: 1.1em; font-weight: normal }
h1,h2,h3,h4,h5,h6,blockquote,p,address, hr, table { margin: 0 0 1em 0 }

#scroll ul, #scroll ol { margin: 0 0 1em 30px }
#scroll li { padding: 0 0 .5em 0 }

/* Lenker, akronymer og forkortelser */

a, a.active, a.visited { color: #09c; text-decoration: none }
a:hover { color: #333 }

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

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

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

td, th { padding: 1px 5px 1px 0 }

.prodart { position: relative; height: 380px; padding: 100px 100px 0 380px }
html>body .prodart { height: auto; min-height: 388px }
.prodart img.produktbilde { position: absolute; top: 0; left: 0 }
.prodart th { text-align: right; padding: 3px 10px }
.prodart td { padding: 3px 0 }
.prodart th, .prodart td { border-bottom: 1px solid #ddd }

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

#nav { position: absolute; top: 16px; right: 25px; width: 900px; z-index: 15000 }

#menu { float: right }
#menu, #menu ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1 }
#menu li { float: left; padding: 0 3px; position: relative }

#menu a {	display: block;
	width: 86px; height: 24px; line-height: 24px;
	color: #333;
	background: url(gfx/bg_menu2.gif) no-repeat;
	text-align: center;
	font-weight: bold }
#menu a:hover, #menu li.aktiv a {
	background-position: 0 -24px }
	
/*#menu li ul { display: none }*/

#menu li ul {
	position: absolute;
	left: -999em; top: 30px;
	width: 400px; text-align: center;
	z-index: 20000 }

#menu li.aktiv ul { left: -155px }
#menu li#mryggerimesterens_tips.aktiv ul { width: 750px; left: -670px; text-align: right }
	
#menu li ul li { display: inline; float: none; border-bottom: 2px solid #eec74b; padding: 0 3px }
#menu li ul li.aktiv { border-color: #333 }
#menu li ul li a {
	display: inline; float: none; width: auto;
	padding: 0px; color: #666;
	background: transparent;
	height: auto;
	font-weight: normal }
#menu li ul li a:hover, #menu li ul li.aktiv a { color: #000 }
#menu li ul li.aktiv a { font-weight: bold }

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

/*  Komp  */


p.knapp { height: 20px; width: 175px; margin: 20px 0 0 0 }
p.knapp a {
	color: #333;
	font-weight: bold;
	text-align: center;
	line-height: 20px;
	padding: 0 0 0 4px;
	height: 20px;
	background-image: url(gfx/knapp.gif);
	display: block;
}
p.knapp a:hover, p.send a:hover  {
	background-position: 0 -20px;
	color: #fff }

/*
p.knapp {	height: 20px; width: 175px }
p.knapp a {
	color: #333;
	font-weight: bold;
	text-align: center;
	padding: 3px 0 0 4px;
	height: 15px;
	border: 1px solid #98c5da;
	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    ---------------------------------  */

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

#sok {
	top: 70px; right: 45px; top: -999em;
	width: 175px; height: 20px;
	background: url(gfx/bg_sok.gif) no-repeat;
	z-index: 11000;
	font-size: 1.1em }
#sok input, #sok input:hover, #sok input:active, #sok input:focus {
	top:1px; left: 5px; line-height: 18px; height: 18px;
	width: 140px; padding: 0;
	background: transparent;
	border: 0; color: #858f97 }
#sok a {
	left: 160px; top: 0;
	width: 32px; height: 20px;
	display: block;
	background-image: url(gfx/sokeknapp.gif) }
#sok a:hover { background-position: 0 -20px }
#sok a span, #sok label { display: none }

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

#logo a {
	display: block; position: absolute;
	background: url(gfx/logo.gif) no-repeat;
	left: 30px; top: 19px;
	width: 124px; height: 34px;
	z-index: 20000 }
#logo a span { display: none }

p.prny img {display: none}