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



body { 	background: #391558 url(gfx/bg_body.jpg) no-repeat top center fixed;

	text-align: center; line-height: 1.3;

	font-size: 62.5%; color: #403c46 }

html, body { height: 100% }

#ramme {

	position: relative; background: #fff url(gfx/bg_innholdsramme.gif) repeat-y 50px 0; 

	width: 860px; padding: 0 50px; margin: 0 auto;

	text-align: left; min-height:100%; }

* html #ramme { height: 100% }

#ramme:after { 

	content: " "; 

	display: block; 

	clear: both }



#header { height: 170px; background: #fff url(gfx/bg_header.jpg) no-repeat }



#innholdsramme { width: 860px; overflow: hidden; padding-bottom: 88px  }

#kol1, #kol2, #innhold { float: left; overflow: hidden }

#kol2 { width: 860px; background: #fff; padding-bottom: 1px }

#kol1 { width: 290px; padding-bottom: 1em }

#innhold { width: 569px; margin-left: 1px;

	border-top: 3px solid #512079 }



#innhold .artikkel { padding: 19px }



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

*/



#kredittramme {

	position: relative;

	width: 860px; 

	margin: 0 auto }

#kreditt { 

	position: absolute; top: -88px; left: 0;

	background: #fff url(gfx/bg_kred.gif) 0 7px no-repeat; 

	height: 88px; width: 860px }

#kredittinnhold { text-align: left; padding: 7px 10px }

#kreditt address, #kreditt address a { color: #fff }

#kreditt address a:hover { text-decoration: underline }

#kreditt p, #kreditt p a { color: #e8ebbb }

#kreditt p a:hover { color: #fff }

#kreditt address { margin: 0; height: 16px; padding: 29px 0 0 58px; line-height: 16px }

#kreditt p { margin: 0; padding: 6px 0 0 0; text-align: right }

#kreditt strong { font-weight: normal }



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



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

#nav, #innholdsramme, #kreditt { font-size: 1.3em }



/* Overskrifter */

h1 { text-transform: uppercase; font-size: 1.39em; margin: 0 0 .5em 0; color: #2c1a3b  }

h2, h3, h4, h5, h6 { color: #4d2370; font-size: 1em }



/* Marger */

h2,h3,h4,h5,h6,blockquote,p, address, table { margin: 0 0 1em 0 }

.artikkel ul, .artikkel ol { margin: 0 0 1em 30px }

#kol2 p { margin: 0 0 1px 0 } 



/* Lenker, akronymer og forkortelser */

a, a.active, a.visited { color: #979e22; text-decoration: none; font-weight: bold }

a:hover { color: #000 }



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



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



caption { display: none }

address { font-style: normal }

input, textarea, select, option {

	border: 1px solid #b9b9b9;

	background: #fff }

input.checkbox { border: 0; background: transparent; margin: 0 }

table { 	border-collapse: collapse;

	border-top: 1px solid #dcdcdc;

	border-left: 1px solid #dcdcdc;

	width: 530px }

th, td { 	border-bottom: 1px solid #dcdcdc;

	border-right: 1px solid #dcdcdc }

th {	background: #dcdcdc; text-transform: uppercase;

	color: #2c1a3b; padding: 3px 10px }

td {	background: #efedf2; padding: 2px 10px }



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

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



/* Bestillingsknapper */

.bk { border-top: 3px solid #512d6e; border-bottom: 3px solid #512d6e }

.bk ul, .bk li, .bk a { float: left; list-style-type: none; width: 290px }

.bk a { display: block; height: 72px; background: #fff no-repeat 0 50% }

.bk span { display: none}

.bk li.pplan a { background-image: url(gfx/bk_pplan.gif) }

.bk li.fpplan a { background-image: url(gfx/bk_fpplan.gif) }

.bk li.pleder a { background-image: url(gfx/bk_pleder.gif) }



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



#smuler {  padding: 19px 19px 0 19px; color: #333 }

#smuler a, #kreditt a { font-weight: normal }

#smuler strong { font-weight: normal }



#front #smuler { display: none }



#nav { position: absolute; top: 75px; left: 371px }



ul#menu { width: 614px }

ul#menu, ul#menu li, ul#sub, ul#sub li { list-style-type: none; line-height: 1em; margin: 0 }

#nav li { display: inline; float: left }



#nav a {

	display: block; float: left;

	color: #fff;

	padding: 3px 9px;

	text-transform: uppercase;

	height: 16px; line-height: 16px;

	font-weight: bold }



#nav li.aktiv a, #nav a:hover { text-decoration: underline }



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



#submeny { padding: 19px 10px 0 23px; border-top: 3px solid #512d6e; border-bottom: 1px solid #fff }

ul#sub, ul#sub ul, #sub li, #submeny .x1 {

	list-style-type: none; line-height: 1em; overflow: hidden; width: 257px }

#submeny .x1 { clear: left; height: 2em }

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; padding-bottom: 5px }



ul#sub li a {
	display: block; width: 257px;
	text-transform: uppercase;
	background: url(gfx/sub_a.gif) no-repeat 500px 0;
	padding: 8px 0 }
ul#sub li.aktiv a { color: #333 }
	

/* 2.nivå */

ul#sub li.aktiv li a  {
	padding: 4px 0 4px 12px;
	color: #979e22;
	text-transform: none;
	font-weight: normal;
	background-position: 2px 8px;
	font-size: 1em }

ul#sub li.aktiv ul li.aktiv a, ul#sub li.aktiv ul li a:hover {

	 background-color: #f0f0f1; color: #333 }



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



p.knapp a {

	color: #fff;

	font-weight: bold;

	text-align: center;

	padding: 3px 0;

	background: #bfbfbf;

	display: block }



/*  -------------------------------- 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 }



/* .km - Kurspåmelding */



.km fieldset { padding: 0; border: 0 }



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: 114px; top: 66px; width: 152px; height: 44px; z-index: 10000 }

#logo a span { display: none }

#strek { position: absolute; left: 340px; top: 12px;

	width: 1px; height: 143px;

	background: url(/gfx/strek.png);

	z-index: 10000; overflow: hidden;

	behavior: url(/iepngfix.htc) }



img { behavior: url(/iepngfix.htc); position: relative; z-index: 2 }


/* BESTILLINGSSKJEMA */
#bestilling {}

#bestilling label {float: left; width: 120px;padding:4px 0 0 0;}
#bestilling input {float: left;}
#bestilling input.input {width: 300px;}
#bestilling input.short_input {width:30px;text-align:center;}
#bestilling p {float:left;}
#bestilling p.knapp {padding:0 0 0 120px;height:20px;width:302px;}
#bestilling p.knapp a {height:18px;line-height:18px;}