/*
 * Copyright:     Siteman AS
 * Browser:        0
 * Browser group: 
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent}
body { line-height: 1; font-size: 62.5% }
ol, ul { list-style: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none }
:focus { outline: 0 }
ins { text-decoration: none }
del { text-decoration: line-through }
table { border-collapse: collapse; border-spacing: 0 }
h1 { font-size: 2em }
h2 { font-size: 1.5em }
h3 { font-size: 1.25em }
h4, h5, h6, input, textarea { font-size: 1em }
p, h2, h3, h4, h5, h6, table, address, dl, pre, ul, ol, hr { margin-bottom: 1.5em }
h1 { margin-bottom: 1em }
a { color: #009; text-decoration: none }
a:hover { text-decoration: underline }
ul, ol { margin-left: 3em }
ul { list-style-type: disc }
ol { list-style-type: decimal }
dl dt { font-weight: bold }
dl dd { margin-left: 1.5em }
abbr, acronym { border-bottom: 1px dotted #000 }
address { font-style: italic }
del { color: #000 }
ins { background-color: #ffc }
blockquote { margin: 0 1.5em 1.5em 1.5em; border: 1px dotted #ddd; padding: .5em; background: #fcfcff; font-style: italic }
pre { white-space: pre; font: .8em monospace; line-height: 1.5 }
blockquote, pre { padding: .5em; background: #fcfcff; color: #000; border: 1px solid #cad6e8 }
dfn { font-weight: bold }
tt { display: block; margin: 1.5em 0; line-height: 1.5 }
hr { background: #ddd; color: #ddd; clear: both; float: none; width: 100%; height: .1em; border: none }
table { width: 100% }
th { border-bottom: 2px solid #ddd; background: #eee; font-weight: bold }
td { border-bottom: 1px solid #ddd }
th,td { padding: .5em; text-align: left }
caption { background: #fafafa; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd }
font { color: inherit !important; font: inherit !important }
.sm_clearfix:after, .sm_wrapper:after { content:"."; display: block; height: 0; clear: both; visibility: hidden }
.sm_clearfix, .sm_wrapper { display: inline-block }
* html .sm_clearfix, * html .sm_wrapper { height: 1% }
.sm_clearfix, .sm_wrapper { display: block }
.sm_clear { clear: both }
#header h1, #header p, .skip, .hide { display: none }
img.left { float: left; margin: 0 1.5em 1.5em 0 }
img.right { float: right; margin: 0 0 1.5em 1.5em }
#nav ul, #submeny ul { margin: 0; padding: 0; list-style-type: none }
#nav a { float: left; background: no-repeat top left; text-decoration: none }
#nav a span { float: left; display: block; background: no-repeat top right; cursor: pointer; white-space: nowrap }
#nav a:hover, #nav li.aktiv a { background-position: bottom left }
#nav a:hover span, #nav li.aktiv a span { background-position: bottom right }
#submeny { margin: 0 0 1.5em 0 }
#submeny ul, #submeny li { width: 100%; line-height: 1em }
#submeny li, #nav li { float: left }
#submeny a { display: block; cursor: pointer; text-decoration: none }
#nav strong, #nav em, #submeny strong, #submeny em { font-weight: normal; font-style: normal }
#submeny ul ul, #submeny ul li.aktiv ul ul, #submeny ul li.aktiv ul li.aktiv ul ul, #nav ul ul { display: none }
#submeny li.aktiv ul, #submeny li.aktiv ul li.aktiv ul, #submeny li.aktiv ul li.aktiv ul li.aktiv ul { display: block }
* html #submeny li { float: left; height: 1% }
* html #submeny li a { height: 1% }
.x1, .x2 { display: none }
ul.tabs { margin: 0 0 1.5em 0 }
ul.tabs li { float: left; list-style: none }
ul.tabs li a { float: left; display: block }
#nyheter h1.tittel a { display: block; color: #333 }
#nyheter .art, #nyheter h1.tittel a, #nyheter li, #nyheter h3 { border-bottom: 1px solid #ddd }
#nyheter .art h1 a { color: #666 }
#nyheter .art h1 a span { display: block; color: #333 }
#nyheter ul { margin: 0 }
#nyheter h1 { margin: 0 0 .5em 0 }
#nyheter p { margin: 0 }
#nyheter ul { list-style: none }
#nyheter ul a { display: block }
#nyheter li, #nyheter .art, #nyheter h1.tittel a, #nyheter h3 { padding: .5em 0 }
#nyheter strong { font-weight: normal }
.wide { width: 50000px; }
.produktliste { width: 700px; padding: 4px 20px }
.produktliste .kategoriheader { clear: both }
.produktliste .produkt { float: left }
.produktliste h1 { display: none }
.produktliste .kategoribeskrivelse { }
.produktliste fieldset { border: 1px solid #e5e5e5; padding: 12px 0; margin-bottom: 24px }
.produktliste legend { padding: 12px; font-size: 16px; color: #999; margin: 0 16px; }
.produktliste a { text-decoration: none }
.produktliste span { color: #999 }
.produktliste span.leverandor { text-transform: uppercase }
.produktliste div.readmore { clear: both; width: 100%; float: right; height: 0px; }
.produktliste div.readmore a { display: block; float: right; background-image: url(/gfx/shp/lesmerher.png); background-repeat:no-repeat; width: 85px; height: 24px; margin-right: 20px; }
.produktliste div.readmore a span{ display: none; }
p.ingentreff { margin-top: 60px; text-align: center }
#produktlisteheader { margin: -14px 0 0 20px;}
#produktlisteheader #smuler { position: static; width: 370px; font-size: 12px; text-align: left; float: left; }
#produktlisteheader #smuler strong { color: #999 }
#produktlisteheader #filter { float: right; text-align: right; padding-right: 10px; width: 200px; color: #999; font-size: 12px; }
#produktlisteheader #filter select { color: #999; font-size: 12px; }
.kategoriheader { font-weight: bold; padding: 8px; margin-top: -12px; }
div.kategori { clear: both }
.produkt ul { margin: 0; list-style: none; width: 100% }
div.kategori li { display: inline; float: left; width: 33%; text-align: center; height: 170px; margin-bottom: 16px }
div.kategori li a span { display: block }
.prodthumb {height: 130px}
.produktdetaljer { width: 700px; padding: 4px 20px }
.produktdetaljer .bilder { float: right; text-align: right}
.produktdetaljer .bilder .hoved { }
.produktdetaljer .bilder img { margin: 0 0 1.5em 1.5em; }
.produktdetaljer .bilder .thumbs { background-image: url(/gfx/vk/produkthumbsbg.png); float: left; overflow: hidden; width: 274px; height: 41px; margin: 0 0 1em 0; padding: 4px 13px; }
.produktdetaljer .bilder .thumbs a img { margin: 1px 3px 0 3px; }
.produktdetaljer .bilder .thumbs a .selected { border: 2px solid #b6babe; margin: -1px 2px 0 3px }
.produktdetaljer .tekst { float: left; width: 310px; }
.produktdetaljer .tekst .pris { font-weight: bold; font-size: 1.8em; display: block; }
.produktdetaljer .tekst .navn { display: block; font-size: 2em; margin: 0 }
.produktdetaljer .tekst .leverandor { display: block; font-size: 1em; text-transform: uppercase; margin: 4px 0 1em 0 }
.produktdetaljer .tekst .antall { width: 30px }
.produktdetaljer .knapper { float: right; margin-top: 2em }
.produktdetaljer .knapper .legg_til { display: block; float: right; background-image: url(/gfx/vk/kjop_rod.png); width: 84px; height: 21px; margin-bottom: 1em}
.produktdetaljer .knapper .tips_en_venn { display: block; clear: right; float: right; background-image: url(/gfx/vk/tipsenvenn.png); width: 131px; height: 35px; margin-left: 1em}
.produktdetaljer dl.profilfelter { clear: both; margin-top: 12px; font-style: italic; font-size: 12px }
.produktdetaljer dl.profilfelter dt { clear: left; float: left; width: 100px }
.produktdetaljer dl.profilfelter dd { float: left; width: 100px }
.variantliste { clear: both; margin-right: -6px; padding: 2em 25px 0 25px; width: 700px; }
.variantliste h1 { font-size: 1.2em; clear: both; }
.variantliste .wide .produkt { float: left; margin: 0 1em 0 0; width: 190px; text-align:center; }
.variantliste .wide .produkt .img { }
.variantliste .wide .produkt .tekst { font-family: Arial, Helvetica, sans-serif; width: 100%; float: none }
.variantliste .wide .produkt .tekst a .pris { font-weight: bold; font-size: 1.2em; }
.variantliste .wide .produkt .tekst a .navn { display:block; font-size: 1em }
.variantliste .wide .produkt .knapper { margin-top: 1em; padding-left: 40px; }
.variantliste .wide .produkt .knapper .legg_til { display: block; float: left; background-image: url(/gfx/vk/kjop_rod.png); width: 84px; height: 21px; }
.variantliste .wide .produkt .knapper .legg_til span { display: none }
.variantliste .wide .produkt .knapper .detaljer { display: block; float: left; background-image: url(/gfx/vk/detaljer_rod.png); width: 24px; height: 21px; }
.variantliste .wide .produkt .knapper .detaljer span { display: none }
.vkleft{width:25px; height:200px; position:absolute; margin-left:-30px;}
.vkright{width:25px; height:200px; position:absolute; margin-left:587px;}
.vkright span , .vkleft span{display:none;}
.vkright , .vkleft {cursor:pointer;}
html { background: #e4e8ed url(gfx/bg-html.gif) repeat-x }
body {background: url(gfx/bg-body.png) no-repeat center 10px;}
html, body { height: 100% }
body>#ramme { }
#ramme { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -20px; background: url(gfx/bg-ramme.png) repeat-y center top }
.sm_row { }
.sm_wrapper { width: 980px; margin: 0 auto }
#header { height: 113px; background: url(gfx/bg-header.gif) no-repeat center top }
#header .sm_wrapper {position: relative}
#innholdsramme .sm_wrapper {padding-top: 63px; background: url(gfx/bg-innholdsramme.gif) no-repeat; padding-bottom: 40px; position: relative }
.sm_kol { padding: 15px; float: left; overflow: hidden }
.sm_firstkol { width: 220px; padding: 15px 20px }
.sm_secondkol { width: 470px }
.sm_thirdkol { width: 210px; padding: 15px 10px 15px 0; }
.tokol .sm_thirdkol { display: none }
.tokol .sm_secondkol { width: 690px }
#kreditt.sm_row { padding: 0 }
#kreditt .kred-skg {height: 14px; background: url(gfx/bg-kred-skg.png) repeat-x; }
#kreditt .kred-innhold {height: 144px; background: #6f8aa8 url(gfx/bg-kred.gif) no-repeat center top; position: relative}
#kreditt .sm_wrapper { position: relative; height: 138px; clear: both }
#kreditt p { margin: 0; padding: 5px 15px }
#kreditt p.sm_kred {text-align: right; color: #3A79BF; position: absolute; bottom: 0; width: 950px; text-align: center;clear: both}
#kreditt, #kreditt a { color: #fff }
#kreditt p.sm_kred a {color: #3A79BF}
#kreditt .logo-kred { float: left; padding: 20px; width: 220px }
#kreditt .logo-kred a { display: block; background: url(gfx/logo-kred.png) no-repeat; width: 192px; height: 58px; }
#kreditt .logo-kred a span {display: none}
#kreditt .info { padding: 10px 20px; float: left; width: 500px }
body { line-height: 1.5; color: #222 }
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family: Arial, Helvetica, Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", sans serif; }
#innholdsramme, #navigasjon { font-size: 1.2em }
#kreditt { font-size: 1.1em }
h1, h2, h3, h4, h5, h6 {font-weight: normal; color: #3a79bf; margin: 0}
h3, h4, h5, h6 {font-weight: bold}
h1 { font-size: 1.75em; }
.sm_firstkol h1, .sm_thirdkol h1, h3, h4, h5, h6 { font-size: 1.2em }
h2 {font-size: 1.1em; color: #222; line-height: 1.2; font-weight: bold; margin: 0 0 1.5em}
a {color:#0d4e96; text-decoration: underline}
a:hover {text-decoration: none; color: #f47920}
#logo { height: 114px; width: 294px; background: url(gfx/logo.png); position: absolute }
#logo a { display: block; height: 114px; width: 294px }
#logo span { display: none }
#nav { padding: 0 25px; position: relative; float: right; top: 84px; font-size: 1.4em }
#nav li { padding-right: 3px }
#nav a { padding: 0 0 0 5px; background-image: url(gfx/nav-a.png); color: #fff; text-transform: uppercase; }
#nav a span { height: 29px; line-height: 29px; padding: 0 20px 0 15px; background-image: url(gfx/nav-span.png) }
#nav li.aktiv a, #nav a:hover { color: #0d4e96 }
#submeny { width: 220px; }
#submeny h2 {background: url(gfx/submeny-header.gif) no-repeat; border-bottom: 1px solid #fff; margin-bottom: 0;}
#submeny li {float: none}
#submeny h2 a { color: #fff; background: none; border: none; height: 35px; line-height: 35px; padding: 0 0 0 20px; }
#submeny h2 a span { height: 35px; line-height: 35px; }
#submeny h2 a:hover {background: none; color: #fff}
#submeny a { border-bottom: 1px solid #fff; background: #d5e3f4 url(gfx/sub-a.gif) no-repeat 9px 50%; color: #052242; padding: 8px 0 8px 20px; width: 200px}
#submeny a:hover, #submeny li.aktiv a { background-color: #b2cae0}
#submeny li.aktiv ul li a { background: #fff url(gfx/sub-a.gif) no-repeat 19px 50%;; padding: 5px 0 5px 30px; width: 190px; }
#submeny li.aktiv ul li a:hover, #submeny li.aktiv ul li.aktiv a { background-color: #5b95c3; color: #fff}
#submeny li.aktiv ul li.aktiv ul li a { background: #fff; color: #052242; width: 180px; padding: 5px 0 5px 40px; border-bottom: 1px solid #d5e3f4; font-size: .9em }
#submeny li.aktiv ul li.aktiv ul li a:hover, #submeny li.aktiv ul li.aktiv ul li.aktiv a { color: #333; background: #fbfbfb }
ul.tabs { border-bottom: 1px solid #ddd }
ul.tabs li { padding: 0 2px 0 0 }
ul.tabs li a { border: 1px solid #ddd; border-bottom: 0; padding: 3px 5px; background: #fafafa }
#smulerad .sm_wrapper { background: url(gfx/bg-smulerad-u-banner.gif) no-repeat; height: 33px; line-height: 24px; font-size: 1.2em; }
#smulerad {color: #0d4e96}
#smulerad a {color: #0d4e96}
#smulerad strong {color: #0d4e96}
#smuler {margin-left: 275px}
.css3-box { border: solid 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 5px 10px 10px; }
.css3-box h1 {font-weight: normal; font-size: 1.4em; margin: 0;}
.css3-box ul, .css3-box ol {margin: 0 0 0 9px; }
.css3-box p {margin: 0 0 0.5em}
.css3-box a.lesmer, #nyhetsbrev a.inn, .banner a.ikon {background: url(gfx/lesmer.png) no-repeat; padding: 0 30px 0 0;}
.css3-box a:hover {text-decoration: none}
.beige { background: #f1edea; border-color: #ccc; color: #222; }
.beige h1 {color: #0d4e96}
.beige img {border: 1px solid #ccc;}
.beige a {color: #f47920; text-decoration: none}
.beige a:hover {color: #666;}
.beige a.lesmer {background-position: right 2px}
.beige a.lesmer:hover {background-position: right -22px}
.green { background: #a2d200; border-color: #a2d200; color: #333; position: relative; }
.green a {color: #333}
.green a:hover {color: #fff}
.green h1 {color: #333; font-size: 1.3em}
.orange { background: #F47920; border-color: #F47920; color: #fff; }
.orange h1 {color: #fff}
.w-220 {width: 200px; float: left; margin: 0 10px 0 0; min-height: 335px; height: auto !important; height: 335px;}
.no-margin {margin: 0 !important}
.uthevet { background: #d5e3f4; border-color: #0f5097; }
.uthevet h1 {font-size: 1.2em}
#nyhetsbrev .x1 { display: block; height: 63px; width: 97px; background: url(gfx/nb-avis.png) no-repeat; position: absolute; top: 2px; left: 120px; }
#nyhetsbrev h1 {padding: 0 90px 10px 0}
#nyhetsbrev input { border: solid 1px #7c7e84; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 94%; color: #999; padding: 3px 5px; margin: 0 0 5px }
#nyhetsbrev a.inn { float: right; background-position: right -46px }
#nyhetsbrev a.ut {float: left}
#nyhetsbrev a.inn:hover {background-position: right -70px}
#topp-nav { position: absolute; top: 5px; right: 15px; z-index: 1000; font-size: 1.2em }
#topp-nav ul { list-style: none inside; margin: 0; padding: 0; }
ul#kommuner li { float: left; position: relative; margin: 0 0 0 10px }
ul#kommuner li ul { display: none; position: absolute; top: 1em; right: -20px; background: url(gfx/toppnavpil.png) no-repeat 85% top; padding: 10px 0 0; }
ul#kommuner li ul li {background: #2d619e; padding: 3px 10px; width: 140px }
ul#kommuner li ul li.sub {padding: 0 10px 2px 20px; width: 130px}
ul#kommuner li > ul { top: auto; left: auto; }
ul#kommuner li:hover ul { display: block; }
ul#kommuner li a.skjold { display: block; height: 36px; width: 25px; background: url(gfx/kommuner.png) no-repeat }
ul#kommuner li#komm-2 a.skjold {background-position: -27px 0;}
ul#kommuner li#komm-3 a.skjold {background-position: -55px 0;}
ul#kommuner li#komm-4 a.skjold {background-position: -84px 0;}
ul#kommuner li#komm-5 a.skjold {background-position: -112px 0;}
ul#kommuner li#komm-6 a.skjold {background-position: -139px 0;}
ul#kommuner li#komm-7 a.skjold {background-position: -168px 0;}
ul#kommuner li#komm-8 a.skjold {background-position: -196px 0;}
ul#kommuner li#komm-9 a.skjold {background-position: -225px 0;}
ul#kommuner li#komm-10 a.skjold {background-position: -252px 0; width: 27px}
ul#kommuner li a.skjold span {display: none}
ul#kommuner a {color: #fff}
#sok { position: absolute; width: 220px; font-size: 1.2em; background: url(gfx/bg-sok2.png) no-repeat center top; top: 94px; left: 20px; text-align: center; height: 50px }
#sok label {display: none;}
#sok input { background: none; height: 20px; width: 182px; border: none; color: #666; position: absolute; top: 12px; left: 20px; }
#sok a {display: none}
#fontstorrelse {position: absolute; top: 10px; left: 500px}
#fontstorrelse ul {margin: 0; list-style: none inside}
#fontstorrelse ul li {float: left; margin-right: 5px}
#fontstorrelse a { display: block; width: 20px; height: 15px; background: url(gfx/font-lenker2.png) no-repeat; }
#fontstorrelse a.increase {width: 30px;background-position: -30px 0;}
#fontstorrelse a.reset {background-position: -60px 0;}
#fontstorrelse #fs-opp a {width: 18px; height: 11px; background-position: top right}
#fontstorrelse a span {display: none}
#endre-kontrast {position: absolute; top: 25px; left: 400px}
#velg-kontrast { position: absolute; left: 360px; top: 10px; list-style: none inside; margin: 0; }
#velg-kontrast li {float: left; margin: 0 10px 0 0}
#xtra-nav {position: absolute; top: 30px; left: 360px;}
#xtra-nav ul {list-style: none inside; margin: 0}
#xtra-nav li {float: left; margin: 0 10px 0 0}
.sm_thirdkol .artikkel, .sm_thirdkol #nyheter { border: solid 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 5px 10px 10px; border: 1px solid #D5E3F4; background: #D5E3F4 }
.sm_thirdkol #nyheter { font-size: .9em }
#nyheter h1.tittel { margin: 0 0 .5em; font-weight: normal }
#nyheter h1.tittel a { border: none; text-decoration: none; font-size: 1.5em; color: #0d4e96; padding: 0; }
#nyheter .art h1 {font-weight: normal; }
#nyheter .art h1 a {color: #3a79bf; text-decoration: none; font-size: .9em; cursor: pointer;}
#nyheter .art h1 a:hover, #nyheter .art h1 a:hover span {color: #F47920}
#nyheter .art h1 a span {color: #3a79bf; }
#nyhetsarkiv a {color: #3a79bf}
#nyhetsarkiv li {border: none}
#nyheter h3 a {background: url(gfx/lesmer.png) no-repeat right 2px; text-decoration: none; padding: 0 30px 0 0; color: #f47920; clear: both}
#nyheter h3 a:hover {color: #666;background-position: right -22px}
#nyheter p.lesmer a {color: #F47920; text-decoration: none}
#nyheter p.lesmer a:hover {color: #666; }
#innhold .har-bilde h1 {padding-top: 2px; margin-top: 5px;}
.har-bilde .hovedbilde-wrapper {}
.flyt-h {float: right; margin: 2em 0 2em 2em;}
.flyt-v {float: left; margin: 2em 2em 2em 0;}
.hovedbilde-wrapper span, .flyt-h span, .flyt-v span {display: block; margin-top: 2px}
.artikkel .innerart {padding-bottom: 25px; position: relative;}
#kreditt #for-ansatte { float: right; }
#logout {float: right; position: relative; top: -20px; margin: 0 20px 0 0}
.artinfo {display: none}
.artikkel .artinfo {display: block}
.sm_firstkol .artinfo, .sm_thirdkol .artinfo {display: none}
.artinfo span, .artinfo em {display: none}
.artinfo strong {font-weight: normal}
#social { position: absolute; bottom: 20px; left: 800px; }
a.addthis { padding: 0 0 0 20px; display: block; height: 16px; background: url(gfx/addthis.gif) no-repeat left 50%; }
.jw-film {margin-bottom: 1em}