/*
 * 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 a { float: left; background: no-repeat top left }
#nav 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 *, #nav * { margin: 0; padding: 0; list-style-type: none; line-height: 1em; overflow: hidden; text-decoration: none }
#submeny { margin: 0 0 1.5em }
#submeny ul, #submeny li { width: 100% }
#submeny li, #nav li { float: left }
#submeny a { display: block; cursor: pointer }
#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 }
#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 99999; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100000; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; display: block; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; }
#lightbox-container-image-data { padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; }
#lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }
.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;}
#innhold #bgalbumpages { border-bottom: 1px solid #ddd; height: 26px; margin: 0 8px 8px 0 }
#bgalbumpagestitle, .artikkel.galleri { display: none }
#bgalbumpages ul , #bgalbumpages ul li{ list-style: none; margin: 0 }
#bgalbumpages ul li { float:left; padding: 0 3px 0 0 }
.bgalbumpage_selected a, .bgalbumpage a { float: left; color: #333; border: 1px solid #ddd; border-bottom: 0; display: block; background: #fff; padding: 0 15px; font-size: 1.4em; height: 26px; line-height: 26px; text-decoration: none }
.bgalbumpage a { color: #333; height: 25px; background: #eee; border-bottom: 1px solid #ddd }
.bgalbumpage a:hover { background: #D8D7D2 }
#bildegallery a { position: relative; float: left; display: block; width: 192px; height: 152px; padding: 2px; border: 1px solid #ddd; margin: 0 4px 4px 0 }
#bildegallery a:hover { border-color: #999; background: #ddd }
#bildegallery img { border: 1px solid #fff }
.bgalbumpictures { overflow: hidden; opacity: 0.8 }
.bgalbumpictures:hover { opacity: 1 }
a#lightbox-nav-btnNext:hover { background-image: url("/gfx/lightbox-btn-next.gif") !important; }
a#lightbox-nav-btnPrev:hover { background-image: url("/gfx/lightbox-btn-prev.gif") !important; }
a#lightbox-secNav-btnClose { background-image: url("/gfx/lightbox-btn-close.gif") !important; display: block; height: 15px; }
a#lightbox-secNav-btnClose img {display: none;}
body { background: #c4c3be }
html, body { height: 100%; }
body>#ramme { }
#ramme { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -40px; width: 100%; }
.sm_row { }
.sm_wrapper { width: 980px; margin: 0 auto }
#header { position: absolute; top: 0; width: 100%; height: 59px; z-index: 1000; background: url(gfx/bg-header.png) repeat-x }
#header .sm_wrapper {position: relative;}
#sidebilde img {width: 100%;}
#sidebilde, #toppfelt, #stoldesigner {position: relative}
#sidebilde .overlay, #toppfelt .overlay, #stoldesigner .overlay {height: 38px; background: url(gfx/sidebilde-overlay.png) no-repeat center bottom;position: absolute; bottom: 0; width: 100%}
#sidebilde p {margin: 0}
#toppfelt {height: 50px; padding-top: 70px; background: url(gfx/bg-toppfelt.gif) repeat-x}
body#bredt_toppfelt #toppfelt {padding-top: 60px; height: 268px; background: url(gfx/bg-bredt-toppfelt.gif) repeat-x}
#innholdsramme { background: #fff url(gfx/bg-innhold.gif) no-repeat center top }
.sm_kol { padding: 15px; float: left; overflow: hidden }
.sm_firstkol { width: 220px; padding: 15px 55px 15px 15px }
.sm_secondkol { width: 620px; padding: 15px 55px 15px 15px }
.tokol .sm_thirdkol { display: none }
.tokol .sm_secondkol { width: 710px }
#kreditt.sm_row { height: 40px; padding-top: 25px; background: url(gfx/bg-kred.gif) repeat-x top; }
#kreditt p.kred-logo {width: 320px;margin: 0 10px 0 35px;}
#kreditt p.kred-logo a {display: block; width: 314px; height: 25px; background: url(gfx/logo-kred.gif) no-repeat;}
#kreditt p.kred-logo span {display: none}
#kreditt .sm_wrapper { }
#kreditt p { float: left; margin: 0; width: 45% }
#kreditt p.sm_kred { width: 10%; float: right; text-align: right }
#kreditt, #kreditt a { color: #666 }
body { line-height: 1.5; color: #666 }
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, #toppfelt { font-size: 1.3em }
#nav {font-size: 1.1em}
#kreditt { font-size: 1.2em }
h1 { font-size: 1.5em }
.sm_firstkol h1, .sm_thirdkol h1, h2, h3, h4, h5, h6 { font-size: 1em }
a {color: #09f}
a:hover {color: #000}
#logo { height: 68px; width: 227px; background: url(gfx/logo.png); position: absolute; }
#logo a { display: block; height: 68px; width: 227px }
#logo span { display: none }
#nav { padding: 5px 15px 0 250px; text-transform: uppercase }
#nav li { padding-right: 3px }
#nav a { padding: 0 0 0 5px; color: #605e56; }
#nav span { height: 30px; line-height: 30px; padding: 0 10px 0 5px; }
#nav li.aktiv a { color: #000 }
#submeny { }
#submeny a { border-bottom: 1px solid #d8d7d2; color: #605e56; padding: 8px 0 8px 20px; width: 200px}
#submeny li a {background: url(gfx/sub-a.gif) no-repeat 10px 50%;}
#submeny li a:hover, #submeny li.aktiv a { background-color: #ddd }
#submeny li.aktiv ul li a { padding-left: 30px; background: #fff; color: #878b8e }
#submeny li.aktiv ul li a:hover, #submeny li.aktiv ul li.aktiv a { color: #d54d11; background: #f9f9f9 }
#submeny li.aktiv ul li.aktiv ul li a { padding-left: 60px; background: #fbfbfb; color: #666 }
#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 }
.dl-skjema dd {margin: 0}
.dl-skjema dl {margin-bottom: .5em; clear: both}
#loginboks dd { }
#loginboks label { font-weight: normal; font-size: 1.2em; color: #b5b4ad }
#loginboks input.input { border: none; background: url(gfx/bg-login-input.png) no-repeat; width: 230px; height: 24px; padding: 4px 5px 2px; font-size: 1.4em; float: left; margin-bottom: .5em }
#loginboks { float: right; padding: 40px 350px 0 0; background: url(gfx/bg-loginform.png) no-repeat right 50%; height: 220px }
#loginboks h3 {font-size: 1.5em; font-weight: normal; margin-bottom: .5em}
#loginboks a.login { display: block; float: left; background: url(gfx/bg-knapp.png) no-repeat top left; padding: 0 0 0 5px; color: #fff; margin: 0 0 0 2em }
#loginboks a.login span { display: block; float: left; background: url(gfx/bg-knapp-span.png) no-repeat top right; padding: 0 20px 0 15px; height: 30px; line-height: 30px; }
#stoldesigner { background: #ffffff url(gfx/bg-stoldesign.gif) repeat-x center bottom; padding-top: 50px }
#stoldesigner .sm_wrapper { height: 580px; background: url(gfx/stol-ill.png) no-repeat 0 50%; position: relative; }
#designboks { width: 420px; height: 474px; background: url(gfx/bg-boks.gif) no-repeat center bottom; position: absolute; top: 40px; left: 540px; }
#boks-skygge { width: 433px; height: 24px; background: url(gfx/boks-skygge.png) no-repeat; position: absolute; top: 515px; left: 535px; }
#designboks ul.d-nav {list-style: none inside; margin: 0; width: 420px; height: 34px}
#designboks .d-nav li {float: left; width: auto; margin: 0}
#designboks .d-nav li a { display: block; width: 103px; background: url(gfx/bg-d-nav-a.png) no-repeat; color: #5a574b; margin-right: 3px; }
#designboks .d-nav li a#jq-cushion {margin-right: 2px}
#designboks .d-nav li a#jq-summary {margin: 0}
#designboks .d-nav li a span {height: 34px; line-height: 34px; display: block; text-align: center}
#designboks .d-nav li a.active, #designboks .d-nav li a:hover {background-position: bottom right; text-decoration: none}
#designboks .boks-innhold {padding: 20px}
#designboks h6 {font-weight: normal; height: 26px; line-height: 26px; margin: 0; font-size: .9em; clear: both}
#designboks .preview {border: 1px solid #333}
#designboks ul.thumbs {margin: 0; list-style: none inside; width: 390px; clear: both}
ul.thumbs li {float: left; margin: 0 9px 9px 0; width: 88px; text-align: center}
ul.thumbs li a { padding: 3px; border: 1px solid #5a574b; display: block; }
ul.thumbs li a:hover, ul.thumbs li a.active {padding: 1px; border: 3px solid #f00;text-decoration: none}
ul.thumbs li a span {display: block; height: 28px; line-height: 14px; font-weight: normal; color: #000; font-size: .9em; padding: 0 4px}
#designboks select, .textinput input { border: 1px solid #a9a69b; padding: 3px; -moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; }
select#backside-canvas, select#stoff-type {width: 240px}
#side-2-nav {position: relative; height: 30px; margin: 0 0 1em; list-style: none inside}
#side-2-nav a { display: block; height: 30px; line-height: 30px; position: absolute; top: 0; left: 0; background: url(gfx/bg-sub-nav.png) no-repeat; font-size: 1.2em; color: #5a574b; text-decoration: none; }
#side-2-nav a:hover {color: #848174}
#side-2-nav a span {padding: 0 0 0 20px}
#side-2-nav a#jq-canvas {width: 87px;}
#side-2-nav a#jq-text {width: 97px; left: 79px; background-position: 0 -30px;}
#side-2-nav a#jq-symbol {width: 100px; left: 168px; background-position: 0 -60px;}
#side-2-nav a#jq-canvas.active, #side-2-nav a#jq-text.active, #side-2-nav a#jq-symbol.active {background-position: -999px -999px}
#side-3-nav {list-style: none inside; margin: 0 0 1em;border-bottom: 1px solid #c3c1b8;height: 30px}
#side-3-nav li {float: left; text-align: center; width: 32%; margin-right: 2%;}
#side-3-nav li.last {margin-right: 0;float: right}
#side-3-nav a { display: block; height: 28px; line-height: 30px; background: #e9e8e4; font-size: 1.2em; color: #5a574b; }
#side-3-nav a:hover, #side-3-nav a.active { background: #c3c1b8; text-decoration: none; }
#side-3-nav a.active {height: 30px;}
.font-size, .font-type, .font-color, .letter-input, .letter-preview, .stoff-type {float: left; margin-bottom: .5em}
.font-size {width: 140px; margin-right: 10px}
.font-type {width: 115px; margin-right: 10px}
.font-color {width: 105px}
.letter-input {width: 200px; margin-right: 10px}
.stoff-type {width: 250px}
.font-size select, .font-type select, .font-color select, .stoff-type select {width: 90%}
span.fc {display: block; float: left; width: 15px; height: 15px; border: 1px solid #333}
a#clear {display: block; height: 16px; line-height: 16px; padding: 0 0 0 20px; background: url(gfx/clear.png) no-repeat left 50%; color: #4a473c; text-decoration: underline; float: right; clear: both;}
#nyhetsbrev fieldset input {width: 99%; padding: 1%; border: 1px solid #c2c1bb; margin: 0 0 5px}
#nyhetsbrev label {display: none;}
#nyhetsbrev a.inn {float: right}
.profilert {overflow: hidden; border-bottom: 1px solid #D8D7D2; padding: 10px 0; margin: 0 0 2em }
.profilert img {float: left; padding: 3px; border: 1px solid #D8D7D2; margin: 0 1em 1em 0 }
.profilert h1, .profilert h2, .profilert h3, .profilert h4, .profilert h5, .profilert h6 {font-size: 1.4em; font-weight: normal; margin: 0 0 .5em}
.filmoverlay { display:none; width: 640px; padding: 10px; border: 4px solid #666; background: #fff; border:4px solid rgba(82, 82, 82, 0.698); -moz-border-radius:10px; -webkit-border-radius:10px; }
a.close { color:#FFFFFF; cursor:pointer; font-size:1em; line-height:1; text-shadow:0 0 0.1em #222222; display: block; width: 24px; height: 24px; text-align: center; text-decoration: none; background: url(gfx/close.png) no-repeat; position: absolute; top: -13px; right: -13px; }
a.close span {display: none;}
.bilderull_container { height: 690px }
.bilderull { position: absolute; left: 0; top: 0; display:none; overflow: hidden; height: 690px; width: 100% }
.bilderull img { height: 690px; }