* { margin: 0; padding: 0; outline: 0; font-family: georgia, "times new roman", serif }
body { background: #fff url(gfx/bg_body2.gif); padding: 152px 0 0 146px; font-size: 70%; color: #333 }

#ramme { background: url(gfx/bg_innholdsramme.gif) repeat-y }

#header {
	position: absolute; top: 113px; left: 146px;
	height: 39px; width: 613px; background: url(gfx/bg_header.gif) no-repeat }
	
#innholdsramme { width: 613px }
#kol2 { float: right; width: 195px; padding: 4px 0 10px 0 }
#innhold { line-height: 1.5em; min-height: 260px; width: 613px }

#innhold .artikkel, .kart { padding: 0 45px }
#kol2 .artikkel { padding: 0 45px 0 0 }

#bunn {
	clear: both; background: url(gfx/bg_innholdbunn.gif);
	height: 40px; width: 613px }
#kreditt {
	text-align: center;
	width: 613px; color: #39c; padding-top: 10px;
	margin: 0 0 10px 0 }

.break { clear: both; height: 0; overflow: hidden }

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

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

#kreditt, #kol1, #kol2, #smuler { font-size: 0.9em } /* Liten font */

/* Overskrifter */

h1 { font-size: 1.3em; color: #c00 }
h1 a { color: #c00 }
h2 { font-size: 1em }
h3, h4, h5, h6 { font-size: 1em; color: #c00 }
h2 a { color: #000 }
#kol2 h1 { font-size: 1em }

/* Marger */
h1,h2,h3,h4,h5,h6,blockquote,p, table { margin: 0 0 1em 0 }
#innholdsramme ul, #innholdsramme ol { margin: 0 0 1em 30px }
p.lesmer { padding: 0 45px 15px 45px }

/* Lenker, akronymer og forkortelser */

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


p.skip, #header h1, #header p, #printlogo, #kol2 { display: none }
#front #kol2, #kokebok #kol2, #kontakt #kol2 { display: block }
#kontakt #innhold { width: 400px }

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

img, table { border: 0 }
caption { display: none }
address { font-style: normal; margin: 5px 0 }
input, textarea, select, option {
	margin-bottom: 2px;
	border: 1px solid;
	border-color: #c0c0c0 #fff #fff #c0c0c0;
	background: #f5f5f5 }

.kart {
	position: relative; height: 434px;
	background: url(gfx/kart.gif) no-repeat 100px 0 }
#innholdsramme .kart ul, #innholdsramme .kart li { margin: 0; list-style: none }
.kart li { position: absolute }
.kart li.nn { left: 240px; top: 20px }
.kart li.mn { left: 150px; top: 140px }
.kart li.vl { left: 30px; top: 280px }
.kart li.ol { left: 240px; top: 320px }
.kart li.sn { left: 180px; top: 415px }
.kart li.ul { left: 290px; top: 170px }

.kart li a { font-weight: bold; font-size: 1.2em }

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

#smuler { position: absolute; top: -999em }

ul#menu {
	position: absolute;
	top: 95px; left: 183px;
	width: 763px; z-index: +10000;
	list-style: none; line-height: 1 }

ul#menu a {
	display: block;
	width: 61px; height: 14px;
	padding: 4px 0 0 0;
	text-decoration: none;
	text-align: center;
	background: url(gfx/a.gif) }

ul#menu a:hover, ul#menu li.aktiv a { color: #fff; background: url(gfx/a.gif) 0 -18px }

#menu li#mm_aron_mat a { width: 52px; background: url(gfx/a_om.gif) }
#menu li#mm_aron_mat a:hover, #menu li#mm_aron_mat.aktiv a {
	background: url(gfx/a_om.gif) 0 -18px; color: #fff }
#menu li#mjoettprodukter a { width: 71px; background: url(gfx/a_prod.gif) }
#menu li#mjoettprodukter a:hover, #menu li#mjoettprodukter.aktiv a {
	background: url(gfx/a_prod.gif) 0 -18px; color: #fff }
#menu li#mtsalgssteder a { width: 91px; background: url(gfx/a_utsalg.gif) }
#menu li#mtsalgssteder a:hover, #menu li#mtsalgssteder.aktiv a {
	background: url(gfx/a_utsalg.gif) 0 -18px; color: #fff }

#menu li { float: left; width: 65px }
#menu li#mm_aron_mat { width: 57px }
#menu li#mjoettprodukter { width: 76px }
#menu li#mtsalgssteder { width: 96px }

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

#menu li ul { position: absolute; top: -999em }

/* SUBMENY */

#submeny {
	position: absolute; left: 23px; top: 185px;
	width: 113px; height: 174px;
	padding: 20px 0 0 10px;
	overflow: hidden; background: url(gfx/bg_submeny.gif) }
ul#sub { list-style: none }
ul#sub em, ul#sub strong { font-style: normal; font-weight: normal }
ul#sub a, ul#sub li { display: block; width: 110px }
ul#sub a:hover { text-decoration: underline }

/*  KNAPPER  */

p.knapp {
	border: 1px solid;
	border-color: #ccc #fff #fff #ccc }
p.knapp { position: relative; height: 20px }
p.knapp 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 }
p.knapp a:hover { border-color: #eee }

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

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

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

#sok {
	top: 10px; right: 4px;
	width: 110px }
#sok input {
	width: 92px; height: 16px;
	background: #F6F6F8 }
#sok a {
	right: 0; top: 12px;
	width: 16px; height: 16px;
	display: block; background: url(gfx/sokeknapp.gif) }
#sok a span { display: none }

#toolbox {
	top: 50px; right: 10px;
	width: 120px }
#toolbox a span { display: none }
#toolbox a {
	top: 0;
	width: 16px; height: 16px;
	display: block;
	overflow: hidden }
#toolbox a.std { background: url(gfx/font_std.png) }
#toolbox a.stor { left: 20px; background: url(gfx/font_l.png) }
#toolbox a.fav { left: 40px; background: url(gfx/fav.png) }
#toolbox a.sethomepage { left: 60px; background: url(gfx/startside.png) }
#toolbox a.pdf, #toolbox a.print { display: none }
#toolbox a.historikk { left: 80px; background: url(gfx/historikk.png) }
#toolbox a.hjelp { left: 100px; background: url(gfx/hjelp.png) }

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

#logo a, #hjem a { position: absolute; display: block; z-index: 20000 }
#logo a {
	top: 36px; left: 23px;
	width: 102px; height: 133px;
	background: url(gfx/logo.gif) }
#hjem a {
	top: 95px; left: 673px;
	width: 27px; height: 18px;
	background: url(gfx/hjem.gif) }
#hjem a:hover { background: url(gfx/hjem.gif) 0 -18px no-repeat }
#logo a span, #hjem a span { display: none }