/*
 * 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 }
body { background: #e7e7e2 url(gfx/bg-body.png) repeat-x }
#innholdsramme { position: relative }
.sm_wrapper { width: 980px; margin: 0 auto; position: relative }
#header { background: url(gfx/bg-innholdsramme.jpg) no-repeat 50% bottom }
#header .sm_wrapper { height: 196px }
#innholdsramme { background: #fff }
.sm_kol { float: left; overflow: hidden }
.sm_firstkol { width: 250px; padding: 40px 30px 40px 0; background: url(gfx/nyheter-forside-skygge.png) no-repeat top right; min-height: 100px; height: auto !important; height: 100px; }
.sm_secondkol { width: 670px; padding: 40px 0 40px 30px; }
body.avdelinger .sm_firstkol { display: none }
body.avdelinger .sm_secondkol { width: 980px; padding: 0; overflow: visible }
#gmap { height: 800px; width: 490px; position: absolute; top: -96px; left: 0 }
#elektriker { width: 490px; min-height: 694px; float: right; background: #fafafa; position: relative; padding: 10px 0 0 0 }
#intro { position: absolute; top: -87px; left: 510px }
#intro h1 { color: #fff }
fieldset.avdelingsok { position: absolute; top: -46px; left: 0; padding: 0; background: #22b24c; width: 490px; height: 40px; border-bottom: 6px solid #5bc67a }
#elektriker fieldset.avdelingsok div { padding: 10px 20px; color: #fff; border: 0; width: auto }
fieldset.avdelingsok label, fieldset.avdelingsok input, fieldset.avdelingsok a { display: block; height: 20px; line-height: 20px; border: 0; float: left }
fieldset.avdelingsok a { background: #000; padding: 0 10px; float: right }
fieldset.avdelingsok a:hover { text-decoration: none; color: #fff }
fieldset.avdelingsok label { color: #fff; padding: 0 10px 0 0 }
fieldset.avdelingsok input { padding: 0 10px; width: 180px }
#elektriker.oversikt div { border-bottom: 1px solid #eee; float: left; clear: both; padding: 2px 0; width: 490px }
#elektriker h3 { margin: 0; font-size: 1em; float: left; clear: left; padding-left: 20px; width: 170px }
#elektriker ul { list-style: none; margin: 0; float: left; width: 250px }
#elektriker li a { display: block; text-shadow: 1px 1px #fff }
#elektriker .beskrivelse, #elektriker .addthis_toolbox { padding: 0 20px; border: 0; width: auto }
#elektriker .addthis_toolbox a { display: block; clear: left; margin: 0 0 1em 0 }
#elektriker .beskrivelse h1 { position: absolute; top: -87px; left: 20px; color: #fff; line-height: 1em; width: 450px }
#elektriker .beskrivelse h1 em { display: block; text-align: right; color: #5bc67a; font-size: 1em; line-height: 2em }
#elektriker address { float: right; width: 200px; font-style: normal; padding: 20px; background: #fff }
#elektriker address strong { color: #333 }
#elektriker p.sm_clear { padding: 0 20px }
#kreditt {}
#smuler {display: none;}
#kreditt.sm_row { position: relative; bottom: 0; background: #e7e7e2 url(gfx/bg-kred-skygge.png) repeat-x top; padding: 0 }
#kreditt .sm_wrapper { padding: 15px 0; text-shadow: 1px 1px #fff; }
#kreditt p { }
#kreditt p.sm_kred { text-align: right; width: 100%; }
#kreditt, #kreditt a { color: #666 }
#kreditt address {font-style: normal}
.kred-boks {float: left; margin: 0 4em 0 0}
.logo {margin: 0 3em 0 0; padding: 10px 0 0}
a.cms { display: block; height: 15px; width: 93px; margin: 0 0 0 35px; float: right; background: url(/dcore/badge/siteman-cms.png) no-repeat }
a.cms:hover { background-position: 0 -20px }
a.cms span { display: none }
body { line-height: 1.5; color: #636363 }
a { color: #22b24c }
a:hover { color: #333 }
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, #header { font-size: 1.2em }
#kreditt { font-size: 1.1em }
h1 { font-size: 1.8em; color: #0c4da2; font-weight: normal; margin-bottom: .5em }
.sm_firstkol h1, .sm_thirdkol h1 { font-size: 1em }
h2, h3, h4, h5, h6 { font-size: 1.2em; color: #333 }
#logo { height: 52px; width: 176px; position: relative; top: 32px; }
#logo a { display: block; height: 52px; width: 176px }
#logo span { display: none }
div.right { float: right; margin: 0 0 1.5em 1.5em }
#nav { position: absolute; top: 45px; right: 0 }
#nav li { padding: 0 0 0 5px }
#nav a, #nav a span { background: url(gfx/bg-nav-a.png) no-repeat -999px }
#nav a { color: #0c4da2; padding: 0 0 0 10px; }
#nav a span { height: 29px; line-height: 29px; padding: 0 15px 0 5px }
#nav li.aktiv a, #nav li a:hover { color: #fff; background-position: top left; }
#nav li.aktiv a span, #nav li a:hover span {background-position: bottom right;}
#submeny { padding: 0 0 15px; overflow: hidden; font-size: 1.2em }
#submeny h2 a, #submeny h2 a span {background: none; padding: 0; border: none }
#submeny h2 {font-size: 1.4em; font-weight: normal; margin: 0; border-bottom: 2px solid #22B24C}
#submeny a { color: #22b24c; border-bottom: 1px solid #22B24C; padding: 0 0 0 10px; overflow: hidden}
#submeny a span {background-position: right -33px; height: 33px; line-height: 33px; display:block}
#submeny a:hover, #submeny li.aktiv a { background-position: left -66px; background-color: #22B24C; color: #fff }
#submeny a:hover span, #submeny li.aktiv a span {background-position: right -99px}
#submeny li.aktiv ul li a { padding-left: 10px; 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 }
#toppnavigasjon { position: absolute; top: 0; right: 0 }
#toppnavigasjon ul { list-style-type: none; margin: 0; height: 26px }
#toppnavigasjon li { float: left; position: relative; height: 26px; overflow: hidden }
#toppnavigasjon li#topp-3.aktiv, #toppnavigasjon li#topp-3.loggedin { overflow: visible }
#toppnavigasjon li a { color: #fff; height: 26px; line-height: 26px; padding: 0 15px; display: block; text-decoration: none; background: #0c4da2; overflow: hidden }
#toppnavigasjon li a:hover, #toppnavigasjon li.aktiv a { background: #22B24C }
#toppnavigasjon li#topp-1, #toppnavigasjon li#topp-2 { border-right: 1px solid #fff }
#toppnavigasjon li#topp-3.aktiv a, #toppnavigasjon li#topp-3 a:hover { height: 27px; background: #069 }
#login { position: absolute; top: -99em; right: 0; width: 400px; z-index: 10000 }
#toppnavigasjon li#topp-3.aktiv #login { top: 27px }
#login label { display: none }
#login form { padding: 0; margin: 0 }
#login fieldset { padding: 15px; background: #069; width: 370px; height: 36px }
#login input { border: 0; background: #fff; padding: 0 10px; width: 110px; height: 26px; float: left; margin: 0 15px 0 0 }
#header #login p { display: block; float: left }
#login p.knapp { margin: 0 }
#toppnavigasjon li#topp-3.aktiv #login a { width: 70px; padding: 0; text-align: center; background: #0c4da2 }
#toppnavigasjon li#topp-3.aktiv #login a:hover { background: #22B24C }
#toppnavigasjon li#topp-3.loggedin a { display: none }
#toppnavigasjon li#topp-3.loggedin form a { display: block; height: 26px; margin: 0 0 0 20px; background: #c66 }
.loggedin #login, #toppnavigasjon li#topp-3.loggedin.aktiv #login { top: 0; right: 371px; width: 300px }
.loggedin #login fieldset, .loggedin.aktiv #login fieldset { padding: 0; background: none; width: 300px; height: 27px; line-height: 26px }
ul.partnerliste { margin: 0; list-style: none; width: 700px }
ul.partnerliste li { float: left; padding: 1em 0 1em 135px; position: relative; width: 187px; height: 7em; margin: 0 20px 20px 0; border: 1px solid #ddd }
ul.partnerliste img { position: absolute; top: 10px; left: 10px }
.headertekst { position: absolute; background: none; color: #fff; font-size: 1.4em; font-style: italic; right: 40px; top: -83px }
.leverandoer { width: 100%; }
.leverandoer img { margin: 10px; }
.leverandoer td { vertical-align: middle; border-bottom: 1px solid #b4c8db; }
.elektriker_artikkel { background: url(gfx/bg_elektriker_kart.png) no-repeat 115px 50px; height: 500px; }
.elektriker_artikkel h1 {font-weight: normal;}
.elektriker_artikkel ul { margin: 0; list-style: none }
.elektriker_artikkel a:hover, .elektriker_artikkel a.aktiv {font-weight: bold; text-decoration: none;}
.elektriker_detaljer { position: absolute; top: 80px; right: 25px; background: #b4c8db; width: 210px; display: none; }
.elektriker_detaljer .innerart {padding: 10px;}
.elektriker_detaljer .a_x1 { background: url(gfx/bg_elektriker.png) no-repeat; position: absolute; bottom: -10px; height: 10px; width: 210px; }
.elektriker_detaljer h1 { background: url(gfx/bg_elektriker_h1.png) no-repeat; position: absolute; top: -29px; line-height: 29px; height: 29px; width: 210px; color: #fff; font-size: 1.1em; }
.elektriker_detaljer h1 span {padding: 0 0 0 10px;}
a.steng_elektriker_detaljer { background:transparent url(gfx/a_elektriker_lukk.png) no-repeat scroll 0 0; height:18px; position:absolute; right:4px; top:-23px; width:18px; }
a.steng_elektriker_detaljer span { display: none }
.bilde-h { float: right; margin: 0 0 2em 2em }
.bilde-v { float: left; margin: 0 2em 2em 0 }
.bannertekst {color: #fff;}
.bannertekst .venstre-boks {width: 325px; padding:0; float: left;}
.bannertekst .hoyre-boks {float: left; width: 635px; padding: 0 0 0 10px}
.bannertekst h1 { width: 271px; height: 130px; background: url(gfx/headertekst.png) no-repeat; text-indent: -999em; margin: 2em 0 4em 3px }
.bannertekst h3 {font-size: 1.4em; margin: 0; color: #39f; font-weight: normal; text-shadow: 1px 1px #000}
.bannertekst p {margin: 0 0 .7em; font-size: 1.1em}
a.knapp-aks, a.knapp-aks span {background: url(gfx/knapp.png) no-repeat}
a.knapp-aks {padding: 0 0 0 13px; color: #fff; font-size: 1.4em; display: block; float: left;}
a.knapp-aks span {display: block; height: 50px; line-height: 50px; background-position: right -50px; float: left; width: 240px; padding: 0 20px 0 6px }
a.knapp-aks:hover {background-position: left -100px; text-decoration: none}
a.knapp-aks:hover span {background-position: right -150px;}
a.flere-tips span {width: 220px}
a.flere-tips {margin-bottom: 2em}
.samarbeidspartnere { width: 260px; padding: 20px 0 }
.samarbeidspartnere ul { list-style: none; margin: 0}
.samarbeidspartnere li { width: 125px; height: 77px; margin: 0 3px 3px 0; float: left; text-align: center }
.samarbeidspartnere li a { padding: 5px 0 0 0; display: block; height: 70px; border: 1px solid #eee }
.samarbeidspartnere li a:hover { border-color: #ccc; background: #fafafa }
.samarbeidspartnere .a_x1 { clear: both }
table.filoversikt {}
table.filoversikt th {background: #0c4da2; color: #fff; border: none; }
table.filoversikt td {border-bottom: 1px solid #e9e9e9; padding: 0 10px; line-height: 30px;}
table.filoversikt a { color: #666; padding: 0 0 0 24px; background: url(gfx/liste-ikoner.png) no-repeat; display: block; height: 30px; }
table.filoversikt a.fil { background-position: left -30px; }

