/*
 * 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 }
.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; }
.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: #aaa; }
.jScrollPaneDrag { position: absolute; background: #666; cursor: pointer; overflow: hidden; }
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; }
.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; }
a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 9px; }
a.jScrollArrowUp:hover { }
a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 9px; }
a.jScrollArrowDown:hover { }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { }
.wide { width: 50000px; }
.produktliste .kategoriheader { clear: both }
.produkt { float: left; width: 208px; height: 115px }
.produkt a { display: block; text-align: center }
.produkt a img { margin-bottom: 5px }
.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 { color: #666; position: relative; padding: 0 0 0 12px }
.ingress h1 { font-weight: normal; font-size: 1em; text-transform: uppercase; color: #666; padding: 0 5px 0 0 }
.produktdetaljer .ingress { height: 85px; margin: 0 90px 0 0; padding: 0 0 0 62px; overflow: hidden }
.ingress h1, .ingress p { display: inline }
.ingress a.jq-inline { padding: 0 0 0 5px }
.hovedbilde { height: 290px; text-align: center; overflow: hidden }
.beskrivelse { position: absolute; top: 10px; left: 111px; width: 629px; height: 443px; background: #fff; color: #666; border: 5px solid #eee; display: none }
.thumbs { height: 70px; padding: 0 0 0 95px }
.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;}
.produktpaginering { text-align: center; margin: 0 0 .5em; clear: both }
div#fancy_div {overflow: auto}
body { background: #CFC7C1 url(gfx/bg_body.gif) }
html, body { height: 100% }
#ramme { position: relative; width: 800px; height: 600px; margin: 0 auto; background: #fff }
#header { height: 87px; background: #b1a69d }
#header h1, #header p { display: none }
#innholdsramme { position: relative; left: 25px; top: 25px; height: 473px; width: 770px; overflow: hidden}
.sm_kol { padding: 0; float: left; overflow: hidden; }
.sm_firstkol { width: 90px; padding: 10px 0 0 0; overflow: visible }
.sm_secondkol { width: 650px; padding: 15px 10px 0 10px; height: 301px; }
body#vk .sm_firstkol {padding: 0}
body#vk .sm_secondkol {padding: 10px 0 0 26px; height: 460px; overflow: hidden; width: 650px }
#scroller { height: 301px; overflow: hidden; }
body#vk #scroller {height: 460px}
.jScrollPaneTrack {background: url(gfx/bg_scrollPaneTrack.gif) repeat-y 50% 50%;}
.jScrollPaneDrag {background: transparent url(gfx/bg_scrollPaneDrag.gif) no-repeat; }
.sm_thirdkol { display: none }
.sm_secondkol .artikkel {padding: 0 70px 0 0}
.tokol .sm_thirdkol { display: none }
#kreditt.sm_row { padding: 0 }
#kreditt .sm_wrapper { }
#kreditt p { float: left; margin: 0; width: 50% }
#kreditt p.sm_kred { width: 50%; float: right; text-align: right }
#kreditt, #kreditt a { color: #ccc }
body#kataloger #innholdsramme { background: #fff }
body#kataloger #innholdsramme ul { margin: 0 0 0 -15px; list-style: none; width: 634px }
body#kataloger #innholdsramme li { float: left; text-align: center; width: 115px }
body#kataloger #innholdsramme li img { border: 1px solid #ddd; padding: 3px; background: #fafafa }
body { line-height: 1.5; color: #000 }
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; }
#ramme { font-size: 1.1em }
#innholdsramme { line-height: 1.87 }
h1 { font-size: 1.5em; color: #B1A69D; margin: 0 0 .3em }
.sm_firstkol h1, .sm_thirdkol h1, h2, h3, h4, h5, h6 { font-size: 1em; margin: 0 }
#logo {height: 87px; width: 212px; float: left; background: #f7f5f3}
#logo a { position: relative; top: 19px; left: 24px; background: url(gfx/logo.gif) }
#logo a span { display: none }#logo a { width: 180px; height: 22px; display: block; }
a {color: #998A74; text-decoration: none}
a:hover {color: #000; text-decoration: none}
.sm_firstkol .artikkel {padding:10px 20px;}
#toppbilde { height: 152px; overflow: hidden }
#nav * {line-height: 1.3}
#submeny * {line-height: 1.1}
#nav { background: #DED7D1 none repeat scroll 0 0; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; height: 87px; overflow: hidden; top: 0; width: 372px; float: left;}
ul#menu { margin: 0; padding: 15px 0 0 0; list-style-type: none; width: 372px }
ul#menu ul { display: none }#menu li { float: left; margin: 0; padding: 0; list-style-type: none; width: 124px }
#menu a { display: block; padding: 2px 0 2px 20px; text-decoration: none; color: #000; width: 104px; border-top: 1px solid #ded7d1; border-bottom: 1px solid #ded7d1; background: #ded7d1 }
#menu li.aktiv a { background: #eae6e2 }
#menu a:hover, #menu li.aktiv a:hover { background: #F7F5F3; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }
#nav em, #nav strong, #submeny em { font-style: normal; font-weight: normal }
#submeny { border-top: none }
ul#sub { list-style-type: none; line-height: 1em }
ul#sub strong, ul#sub span { display: block }
ul#sub li { float: left }
ul#sub li ul { display: none }
ul#sub li a { display: block; padding: 4px 0 6px; text-decoration: none }
ul#sub li a:hover, ul#sub li.aktiv a { color: #333 }
.skjema {padding: 0;}
.dl_skjema fieldset {border: none;}
.dl_skjema dl {clear: both;}
.dl_skjema dt {color: #B1A69D; float: left; width: 90px; margin: 0 0 1px;}
.dl_skjema dl dt {font-weight: normal}
.dl_skjema dd {float: left;}
.dl_skjema input, .dl_skjema textarea, .dl_skjema select { margin:0; border: none; border-right: 1px solid #DED7D1; border-bottom: 1px solid #DED7D1; background: #fff; color: #999088; }
.dl_skjema option {border: none; background: #fff; color: #999088; margin: 0;}
.dl_skjema input {width: 260px;}
.dl_skjema select {width: 200px; margin: 0 11px 0 0;}
.dl_skjema p.knapp {float: right; width: 50px; border: none; margin: 0;}
.dl_skjema p.knapp a {border: none; background: #DED7D1; color: #999088; height: 20px; display: block; padding: 0;cursor:pointer;}
.dl_skjema p.knapp span {line-height: 20px; width: 100%; text-align: center; display: block; height: 20px;}
.kvittering { text-align: center; background: #beb4ac; color: #e9e3dc; padding: 28px 30px 0; height: 182px;}
#innhold .kvittering h1 {color: #e9e3dc;}
optgroup {font-style: normal; color: #000;}
.flashlenker { position: absolute; bottom: -25px; left: 0; width: 750px; text-align: center; font-size: .9em}
.flashlenker p {margin: 0}#nyheter .art h1 a span {color: #B1A69D}
#nyheter .art h1 a {font-size: .6em; font-weight: normal; line-height: 1.2}
#nyheter .art h1 a span {font-size: 1.6em; font-weight: bold; line-height: 1.4}
nyheter h1 a img {float: right}
#nyheter h1.tittel {display: none}
#nyheter .art {border: none; margin: 0 0 1em}
body#aktuelt #nyheter {padding: 0 70px 0 0}
#nyheter h1 a img {float: right}
.dl_skjema {padding-left: 90px}
p {margin-bottom: .5em}
.artikkel p.lesmer {margin: -0.5em 0 1em}
#innhold h1 {margin: 0; line-height: 1.4}
#social { position: absolute; top: 17px; right: 27px }
#social a { float: right; display: block; height: 16px; line-height: 16px; padding: 0 20px 0 0; text-decoration: none; background: no-repeat 100% 50% url(/gfx/addthis.gif); color: #fff }

