/*
 * 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 }
.graphic, #prevBtn, #nextBtn, .slider1prev, .slider1next { margin:0; padding:0; display:block; overflow:hidden; text-indent:-8000px; }
.slider { position: relative }
.slider ul, .slider li { margin: 0; list-style: none }
.slider li { overflow: hidden; background: #333 }
#prevBtn, #nextBtn, .slider1next, .slider1prev{ display:block; width:25px; height:50px; position:absolute; left:-25px; z-index:1000; }
#prevBtn a, #nextBtn a, .slider1next a, .slider1prev a { display:block; position:relative; width:25px; height:50px; background: no-repeat }
#nextBtn a, .slider1next a { background-position: top right }
#prevBtn a:hover, .slider1prev a:hover { background-position: bottom left }
#nextBtn a:hover, .slider1next a:hover { background-position: bottom right }
#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: #000; }
#ramme {margin: 0 auto;}
.sm_wrapper { width: 980px; margin: 0 auto }
#header { background: #222; }
#toppfelt {float: right; padding: 25px 0 0 0;}
#bannerfelt { background: #900 url(gfx/bg-bannerfelt.png) repeat-x; }
#bannerfelt .sm_wrapper { overflow: hidden; position: relative; }
#innholdsramme { background: #fff }
#kreditt.sm_row { background: url(gfx/bg-kred-row.png) no-repeat top center ; padding: 15px 0 0 }
#kreditt .sm_wrapper .topp { overflow: hidden; background: url(gfx/bg-kred-wrapper.gif) no-repeat 50% bottom; }
#produktnav-kred {background: url(gfx/bg-kred-prodnav.gif) no-repeat 650px bottom;}
#kreditt p { float: left; margin: 0; width: 50% }
#kreditt p.sm_kred { width: 50%; float: right; text-align: right }
#kreditt, #kreditt a { color: #999 }
#kreditt a.knapp-kontakt {float: right; clear: both }
#kreditt address {font-style: normal; float: left; margin: 0 3em 0 0}
#kreditt .bunn {padding: 15px 25px 0; }
#kreditt .kontakt {font-size: 1.1em}
#kreditt .kontakt p {float: right; margin: 0 0 1.5em;}
#produktnav-kred ul {list-style: none inside; width: 143px; margin: 0; float: left; font-size: 1.1em}
#produktnav-kred a {background: url(gfx/produktnav-kred-a.gif) no-repeat left 50%; padding: 0 0 0 10px; color: #999; text-transform: lowercase}
#produktnav-kred li:first-letter, #produktnav-kred a:first-letter {text-transform: uppercase; }
#produktnav-kred a:hover, #produktnav-kred li.aktiv a {background-position: -297px 50%; color: #fff; text-decoration: none;}
a.knapp-kontakt, a.knapp-kontakt span {background: url(gfx/bg-kontakt.png) no-repeat; }
a.knapp-kontakt {display: block; color: #999; padding: 0 0 0 20px; font-size: 1.4em; float: left; cursor: pointer }
a.knapp-kontakt span {display: block; height: 36px; line-height: 36px; padding: 0 35px 0 0; background-position: right bottom;}
body { line-height: 1.4; color: #666 }
#bannerfelt {color: #fff;}
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 { font-size: 1.2em }
#navigasjon {font-size: 1.6em;}
#kreditt { font-size: 1.1em }
h1 { font-size: 1.8em; font-weight: normal; margin: 0 0 .5em 0; color: #333 }
h2, h3, h4, h5, h6 { font-size: 1.2em; color: #333; margin: 0 0 .5em 0 }
h2 { margin: 0 0 1em 0 }
#bannerfelt {font-size: 1.4em}
#bannerfelt h2 {font-size: 1.4em; font-weight: normal; margin-bottom: 1em; color: #fff }
#bannerfelt p {margin-bottom: 1em}
a, .artikkel a strong {color: #39c}
a:hover {color: #000}
.artikkel strong { color: #333 }
#logo { height: 97px; width: 324px; background: url(gfx/bg-logo-felt.png); padding: 30px 0 0 38px; position: relative; left: -22px; }
#logo a { display: block; height: 63px; width: 284px }
#logo span { display: none }
strong.slogan { color: #fff; font-size: 1.7em; font-style: italic; font-weight: normal; left: 346px; position: absolute; top: 73px; width: 300px; }
#navigasjon.sm_row { border-top: 1px solid #f7f7f7; border-bottom: 1px solid #fff; background: #e8e8e8 url(gfx/bg-navigasjon.png) repeat-x; padding: 11px 0 8px }
#nav { }
#nav li { padding-right: 10px }
#nav a, #nav a span {background: url(gfx/bg-nav-aktiv.png) no-repeat -999px -999px;}
#nav a { padding: 0 0 0 15px; color: #5a5a5a; }
#nav span { height: 30px; line-height: 30px; padding: 0 15px 0 0; }
#nav a:hover, #nav li.aktiv a { color: #fff; background-position: top left; }
#nav a:hover span, #nav li.aktiv a span {background-position: bottom right;}
#submeny { background: #eee; padding: 10px 0; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px }
#submeny .x1 { display: block; clear: both }
#submeny a { color: #666; padding: 8px 0 8px 30px; width: 260px }
#submeny a:hover, #submeny li.aktiv a { background: #fff; color: #333 }
#submeny li.aktiv a { font-weight: bold }
#submeny li.aktiv ul li a { font-weight: normal; padding-left: 60px; width: 230px; background: #fafafa; color: #666 }
#submeny li.aktiv ul li a:hover, #submeny li.aktiv ul li.aktiv a { color: #333; background: #fff }
#submeny li.aktiv ul li.aktiv a { font-weight: bold }
#submeny li.aktiv ul li.aktiv ul li a { padding-left: 90px; width: 200px; background: #fafafa; color: #666; font-weight: normal }
#submeny li.aktiv ul li.aktiv ul li a:hover, #submeny li.aktiv ul li.aktiv ul li.aktiv a { color: #333; background: #fff }
#submeny li.aktiv ul li.aktiv ul li.aktiv a { font-weight: bold }
#toppnav {padding: 3px 0 0 25px; font-size: 1.1em}
#toppnav ul {list-style: none inside; margin: 0 0 1.5em; float: left}
#toppnav li {float: left; border-right: 1px solid #ccc; text-align: center }
#toppnav li.first {text-align: left;}
#toppnav li.first a {padding-left: 0;}
#toppnav li.last {border: none;}
#toppnav a {color: #ccc; padding: 0 5px; }
#sok {background: url(gfx/bg-sok.png) no-repeat 50%; clear: both; height: 24px; width: 301px; padding: 4px 0 4px 24px; position: relative; float: right; }
#sok label {display: none;}
#sok input {border: none; background: none; color: #999; width: 240px; height: 24px; padding: 0; font-size: 1.2em}
#sok a {display: block; height: 32px; width: 49px; background: url(gfx/bg-sok-knapp.png) no-repeat; position: absolute; top: 0; right: 2px}
#sok a:hover {background-position: bottom right;}
#sok span {display: none;}
ul.produktliste { list-style: none; margin: 0 0 1em 0; width: 645px }
ul.produktliste li {float: left; margin: 0 9px 9px 0 }
ul.produktliste a { display: block; background: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 5px 10px 10px 10px; width: 100px; height: 100px; position: relative; color: #000; text-align: center }
ul.produktliste a:hover {color: #c33; text-decoration: none}
ul.produktliste a strong { display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 30px; line-height: 30px; text-transform: uppercase; font-size: .9em; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: #fff; color: #333; opacity: .9 }
ul.produktliste a:hover strong { font-size: 1em; background: #333; color: #fff; opacity: 1 }
ul.produktliste.stor { width: 100% }
ul.produktliste.stor li { width: 190px; margin: 0 20px 20px 0 }
ul.produktliste.stor li a { width: auto; height: 150px }
ul.logos { margin-left: 0; list-style: none }
ul.logos li { float: left; margin: 0 1% 1% 0; width: 48%; height: 38px; text-align: center; border: 1px solid #ddd; padding: 5px 0; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
#bannerfelt .slidertekst {float: left; width: 420px; padding: 25px 0 15px 15px; text-shadow: 1px 1px #000}
#bannerfelt .slider { width: 494px; height: 264px; position: relative; right: -3px; margin: 15px 0 5px; padding: 20px 0 0 35px; float: right; background: url(gfx/bg-slider.png) no-repeat;}
.slider .innerart {width: 480px; height: 230px; }
.slider li {background: none;}
.slider li { width: 480px; height: 230px; background: #333 }
.slider li img { opacity: .9 }
#prevBtn, #nextBtn, .slider1next, .slider1prev{ top: 230px; width: 30px; height: 30px; left: -65px }
#nextBtn, .slider1next { left: -35px }
#prevBtn a, #nextBtn a, .slider1next a, .slider1prev a { background-image: url(/gfx/slider-nav.png); width: 30px; height: 30px}
#nextBtn a, .slider1next a {background-position: -30px 0}
#prevBtn a:hover, slider1prev a:hover {background-position: 0 -30px;}
#nextBtn a:hover, slider1next a:hover {background-position: right -30px;}
#right #nyheter li, #right #nyheter .art, #right #nyheter h1.tittel a, #right #nyheter h3 {padding: 0; border: none}
#right #nyheter h1.tittel a span {color: #666}
#right #nyheter .art h1 {font-size: 1.2em; font-weight: bold; margin: 0}
#right #nyheter .art {margin-bottom: 1.5em}
#right ul#nyhetsarkiv {margin-bottom: 1em}
#right ul#nyhetsarkiv a {padding: 0 0 0 17px; background: url(gfx/nyhet-li-a.gif) no-repeat left 50%;}
#right ul#nyhetsarkiv a:hover {background-position: -496px 50%}
#right h3 a, #right h3 a span {background: url(gfx/bg-knapp.png) no-repeat;}
#right h3 a {padding: 0 0 0 15px; display: block; color: #fff; text-align: center; float: right;}
#right h3 a span {background-position: bottom right; display: block; height: 25px; line-height: 25px; padding: 0 15px 0 0}
form#respons { float: left; width: 300px; margin: 0 30px 0 0; overflow: hidden }
form#respons label { display: block; padding: 5px 0 }
form#respons input, form#respons textarea { padding: 5px 10px; width: 278px; border: 1px solid #ddd }
#kinfo { float: left; width: 300px; overflow: hidden }
#kinfo ul { margin: 0; width: 310px; list-style: none }
#kinfo li { float: left; width: 145px; height: 5em; margin: 0 10px 10px 0;}
p.knapp { padding: 5px 0 0 0 }
p.knapp a { display: block; border: 1px solid #ddd; background: #fafafa; padding: 10px; font-weight: bold; text-align: center; font-size: 1.2em }
p.knapp a:hover { border: 0; padding: 11px; background: #369; color: #fff; text-decoration: none }
.sm_wrapper { width: 980px; margin: 0 auto }
.sm_kol { padding: 20px 25px 20px 15px; float: left; overflow: hidden }
.sm_secondkol { width: 640px }
.sm_thirdkol { width: 300px; padding: 20px 0 }
ul.produktliste a {width: 100px;}
@media only screen and (min-width: 1212px) { .sm_wrapper { width: 1110px; }
.sm_secondkol { width: 770px }
ul.produktliste {width: 775px}
#produktnav-kred {background-position: 780px bottom;}
ul.produktliste a {width: 100px;}
#bannerfelt .slidertekst {width: 480px}
}
@media only screen and (max-width: 1000px) and (min-width: 768px) { .sm_wrapper { width: 748px; }
.sm_secondkol { width: 450px }
.sm_thirdkol { width: 258px }
strong.slogan {position: relative; left: 0; top: 0}
#produktnav-kred {background: none;}
ul.produktliste {width: 465px}
ul.produktliste a {width: 122px;}
#bannerfelt .slidertekst {width: 730px}
#bannerfelt .slider {margin: 10px auto; float: none;}
#produktnav-kred ul {width: 50%; margin-bottom: 2em;}
}
@media only screen and (max-width: 767px) and (min-width: 480px) { .sm_wrapper { width: 460px; -webkit-text-size-adjust: 100%; }
#header {height: auto;}
.sm_secondkol { width: 430px; }
.sm_thirdkol { width: 430px; padding: 15px }
strong.slogan {position: relative; left: 0; top: 0}
#nav li {margin-bottom: 5px;}
#produktnav-kred {background: none;}
#bannerfelt .slidertekst {width: 445px}
#bannerfelt .slider {display: none;}
#logo {background: none;}
#toppfelt {float: none; padding: 10px 0 0;}
#toppnav ul {float: left;}
ul.produktliste {width: 435px}
ul.produktliste a {width: 112px;}
#nav li {margin-right: 2%; width: 18%;}
#sok {display: none;}
#produktnav-kred {background: none;}
#produktnav-kred ul {width: 50%; margin-bottom: 2em;}
#logo {padding: 0; margin: 30px 0 0 38px}
#toppnav {padding: 3px 0 0 15px}
}
@media only screen and (max-width: 479px) { .sm_wrapper { padding: 0 10px; width: 300px; -webkit-text-size-adjust: 100%; }
#header {height: auto;}
.sm_secondkol { width: 300px; padding: 10px 0; }
.sm_thirdkol { width: 300px; padding: 10px 0 }
strong.slogan {position: relative; left: 0; top: 0}
#nav li {margin-bottom: 5px;}
#produktnav-kred {background: none;}
#bannerfelt .slidertekst {width: 300px; padding: 10px}
#bannerfelt .slider {display: none}
#logo { height: 97px; width: 300px; background: none; padding: 0; margin: 30px 0 0 15px; left: 0; }
ul.produktliste {width: 305px}
#toppfelt {float: none; padding: 10px 0 0}
#toppnav {padding: 3px 0 0 15px}
#toppnav ul {float: left;}
#produktnav-kred ul {width: 50%; margin-bottom: 2em;}
ul.produktliste a {width: 120px;}
#nav li {padding-right: 2%; width: 31%;}
#sok {display: none;}
}