/*
 * 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 }
.webskjema {clear: both; width: 100%; color: #444;}
.webskjema fieldset {padding: 1em; border: 1px solid #ddd; background: #f7f7f7}
.webskjema legend {border: 1px solid #ddd; padding: 4px 8px; font-weight: bold; font-size: 1.2em; background: #f1f1f1}
.webskjema dl {clear: both; margin: 0 0 1em}
.webskjema dt {margin: 0 0 .2em}
.webskjema dd {margin: 0}
.webskjema label {font-size: 1.1em; font-weight: normal}
.webskjema input.input, .webskjema textarea {width: 100%; border: 1px solid #ccc}
.webskjema input.input {height: 20px}
.webskjema textarea {height: 120px}
.webskjema a.knapp { display: block; float: right; padding: 0 0 0 5px; background: url(http://felles.siteman.no/felles/dcore/css/webskjema/img/webskjema-standardknapp-a.png) no-repeat top left; color: #666; font-size: 1.2em }
.webskjema a.knapp span { display: block; float: left; padding: 0 30px 0 10px; background: url(http://felles.siteman.no/felles/dcore/css/webskjema/img/webskjema-standardknapp-span.png) no-repeat top right; height: 26px; line-height: 26px; }
.webskjema a.knapp:hover {background-position: bottom left; color: #222; text-decoration: none}
.webskjema a.knapp:hover span {background-position: bottom right}
.webskjema .error { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4 }
.webskjema dl.cb dl {margin: 0}
.webskjema dl.cb dd dt {float: left; margin: 0 .4em 0 0;}
.webskjema dl.cb dt {float: left; margin: 0 .4em 0 0}
#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; }
#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: #ddd }
#bildegallery a { position: relative; float: left; text-align: center; display: block; width: 157px; height: 115px; padding: 4px; border: 1px solid #ddd; margin: 0 8px 8px 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 }
#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 }
body { background: #333 }
html, body { height: 100% }
body>#ramme { min-height: 700px; height: auto !important; height: 700px; margin: 0 auto}
#ramme {background: #fff url(gfx/bg-body.png) repeat-x 0 100px}
.sm_row { }
.sm_wrapper { width: 970px; margin: 0 auto }
#header { background: url(gfx/bg-header.png) repeat-x; height: 110px; position: absolute; width: 100%; z-index: 50000 }
#header .sm_wrapper {position: relative; height: 100px}
#innholdsramme {padding-top: 100px}
#innholdsramme .sm_wrapper {padding-top: 60px; position: relative}
.sm_kol { padding: 15px; float: left; overflow: hidden }
.sm_firstkol { width: 210px }
.sm_secondkol { width: 700px }
#kreditt.sm_row { padding: 0; background: url(gfx/bg-kred.png) repeat-x top }
#kreditt strong {font-size: 1.1em}
#kreditt .sm_wrapper { padding: 20px 0 0; position: relative }
#kreditt p { float: left; width: 150px; padding: 0 0 0 10px; }
#kreditt p.sm_kred { text-align: right; clear: both; width: 100% }
#kreditt, #kreditt a { color: #999 }
body { line-height: 1.5; color: #737373 }
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family: "Trebuchet MS", "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", Verdana, "Verdana Ref", sans serif; }
#innholdsramme { font-size: 1.2em }
#nav {font-size: 1.6em}
#kreditt { font-size: 1.1em }
h1 { font-size: 1.5em }
h2, h3, h4, h5, h6 { font-size: 1.2em; color: #039; margin: 0 0 .5em; }
#logo { height: 167px; width: 265px; background: url(gfx/logo.png); position: absolute; top: 0; left: -32px }
#logo a { display: block; height: 167px; width: 265px }
#logo span { display: none }
p {margin-bottom: .5em}
#nav { position: absolute; top: 59px; left: 255px; }
#nav li { padding-right:20px }
#nav a { color: #fff; margin-top: 10px; }
#nav a:hover {color: #69c}
#nav span { height: 30px; line-height: 30px; }
#nav li.aktiv a { color: #69c; margin-top: 0; }
#nav li.aktiv a span {padding-top: 10px; background: url(gfx/bg-nav-aktiv.png) no-repeat 5px top }
#submeny { }
#submeny a { color: #878b8e; padding: 8px 0 8px 20px; width: 200px}
#submeny a:hover, #submeny li.aktiv a { background: #fff; color: #4b5860 }
#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 }
#smuler {position: absolute; top: 40px; left: 255px; color: #aaa}
#smuler a {color: #888; font-weight: bold}
.banner {display: none;}
a.lesmer {display: block; text-transform: uppercase; float: left; background: url(gfx/bg-lesmer-a.png) no-repeat; padding: 0 0 0 5px; color: #fff}
a.lesmer span {display: block; height: 28px; line-height: 28px; background: url(gfx/bg-lesmer-span.png) no-repeat top right; padding: 0 10px 0 5px; float: left}
a.bestill {display: block; font-weight: bold; height: 32px; font-size: 1.2em; line-height: 32px; width: 172px; text-align: center; background: url(gfx/bestill-knapp.png); color: #fff}
p.salg { width: 121px; height: 125px; float: right; margin: 0 0 0 10px; background: url(gfx/bg-sticker.png) no-repeat; line-height: 105px; color: #fff; text-align: center; font-size: 3.4em}
.graa { background: #e4e4e4; padding: 15px; }
.midtstilt {text-align: center}
#kreditt p.brosjyrer {height: 120px; width: 313px; position: absolute; left: 647px; top: -25px}
#kreditt p.brosjyrer a { display: block; height: 120px; width: 313px; background: url(gfx/bestill-brosjyrer.png) no-repeat; }
p.brosjyrer a span {color: #ccc; display: block; font-size: 1.4em; text-transform: uppercase; padding: 86px 0 0 15px}
h1.sidetittel {position: absolute; top: 8px; left: 255px; font-size: 1.8em}
.slidebanner {height: 425px; width: 970px; overflow: hidden}
.slidebanner.w-770 {width: 770px;}
.slidebanner .innerart {width: 9999em; overflow: hidden; position: absolute}
.slidebanner .innerart p {height: 425px; width: 970px; float: left; margin: 0}
.slidebanner.w-770 .innerart p {width: 770px;}
a.prev, a.next {cursor: pointer; display: block; width: 40px; height: 40px; background: url(gfx/galleri-nav.png) no-repeat; position: absolute; top: 170px;}
a.prev {left: 0}
a.next {right: 0; background-position: top right;}
a.prev:hover {background-position: bottom left}
a.next:hover {background-position: bottom right}
a.prev span, a.next span {display: none;}
a#drommekjokken-graa {display: block; width: 112px; height: 46px; background: url(gfx/dromme-kjokken-logo-graa.png) no-repeat; position: absolute; top: 10px; left: 805px;}
a#drommekjokken-graa span {display: none;}