/*
 * 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 }
label { font-weight: bold; display: block }
fieldset { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc }
legend { font-weight: bold; font-size:1.2em }
input.text, input.title, textarea, select { margin:0.5em 0; border:1px solid #bbb; }
input.text:focus, input.title:focus, textarea:focus, select:focus { border:1px solid #666; }
input.text, input.title { width: 300px; padding:5px }
input.title { font-size:1.5em }
textarea { width: 390px; height: 250px; padding:5px }
.error, .notice, .success { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd }
.error { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4 }
.notice { background: #FFF6BF; color: #514721; border-color: #FFD324 }
.success { background: #E6EFC2; color: #264409; border-color: #C6D880 }
.error a { color: #8a1f11 }
.notice a { color: #514721 }
.success a { color: #264409 }
html {background: #d7e6ef url(gfx/bg-body.gif) repeat-x top}
html, body { height: 100% }
body>#ramme { }
#ramme { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -56px; width: 100%; background: url(gfx/bg-ramme.png) repeat-y center }
.sm_row { padding: 0;}
.sm_wrapper { width: 980px; margin: 0 auto }
#header { background: url(gfx/bg-banner.jpg) no-repeat center; height: 113px; }
#header h1, #header p { display: none }
#header .sm_wrapper {height: 113px; position: relative}
.sm_kol { padding: 10px 20px; float: left; overflow: hidden }
.sm_firstkol { width: 250px; padding: 10px 15px 10px 25px }
.sm_secondkol { width: 650px; padding: 10px 25px 10px 15px}
.sm_firstkol, .sm_thirdkol {}
#stickypush {height: 56px}
#kreditt.sm_row { height: 56px; padding: 0; background: url(gfx/bg-kred.png) no-repeat center top }
#kreditt .sm_wrapper {width: 914px; height: 56px; padding: 0 10px; }
#kreditt p { float: left; margin: 0; width: 80%; font-weight: bold; height: 30px; line-height: 30px }
#kreditt p.sm_kred { width: 20%; float: right; font-weight: normal; text-align: right; }
#kreditt { color: #99ccff }
#kreditt a {color: #fff;}
#smuler {font-size: .9em; margin-bottom: .5em}
#smuler a, #smuler {color: #8d8d8d}
#smuler strong {font-weight: normal; color: #cc6633}
body { line-height: 1.5; color: #666 }
a {color: #003b65;}
p.lesmer a {color:#DC762E;}
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.3em}
#navigasjon { font-size: 1.2em }
#kreditt { font-size: 1.2em }
p, h2, h3, h4, h5, h6, table, address, dl, pre, ul, ol, hr {margin-bottom: .5em;}
h1 { font-size: 1.4em; font-weight: normal; color: #333; }
.sm_firstkol h1, .sm_thirdkol h1, h3, h4, h5, h6 { font-size: 1.2em; font-weight: normal; color: #333; }
h2 {font-size: 1em; color: #333;}
#logo { height: 113px; width: 995px; }
#logo a { display: block; height: 113px; width: 995px }
#logo span { display: none }
#navigasjon.sm_row {padding: 10px 0}
#navigasjon .sm_wrapper { width: 934px; height: 36px; background: url(gfx/bg-nav.gif) no-repeat center bottom; }
#nav li {margin-right: 3px}
#nav ul#menu {margin-left: 10px }
#nav a { color: #fff; display: block; background-image: url(gfx/bg-nav-aktiv-a.gif); background-repeat: no-repeat; background-position: 400px 400px; padding: 0 0 0 5px; height: 36px }
#nav span { height: 36px; line-height: 42px; background-image: url(gfx/bg-nav-aktiv-span.gif); background-repeat: no-repeat; background-position: 400px 400px; padding: 0 7px 0 2px }
#nav li.aktiv a, #nav a:hover { background-position: top left; }
#nav a:hover span, #nav li.aktiv a span { background-position: 100% 0;}
#nav li.aktiv ul li a { padding-left: 26px; background-image: none; background-color: #B7D1E3; font-weight: normal; }
#nav li.aktiv ul li.aktiv a { font-weight: bold; padding: 3px 0 3px 26px; background: #B7D1E3 url(gfx/a_aktiv.png) no-repeat 14px 50%; }
#nav li.aktiv ul li.aktiv ul li a { padding-left: 60px; }
#nav li.aktiv ul li.aktiv ul li a:hover, #nav li.aktiv ul li.aktiv ul li.aktiv a { }
#submeny h2 a { padding: 8px 0; color: #035590; border-bottom: 1px solid #db7c24; }
#submeny { font-size: 1.1em }
#submeny ul a { border-bottom: 1px solid #db7c24; color: #666; padding: 8px 0 8px 15px; width: 235px; background: url(gfx/a-sub.gif) no-repeat 5px 50%;}
#submeny ul a:hover, #submeny li.aktiv a { color: #cc6633; }
#submeny li.aktiv ul li a { background: #fff; color: #302F5E; }
#submeny li.aktiv ul li a:hover, #submeny li.aktiv ul li.aktiv a { background: #eee }
#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 }
.sm_thirdkol input {width: 160px}
input, textarea, select { border: 1px solid #cdcdce; background: #fafafa; }
input.postnr {width: 50px;margin: 0 5px 0 0;}
input.poststed {width: 221px;}
#kontakt_skjema fieldset { padding:10px; margin:10px 0; width:604px;}
legend {}
#kontakt_skjema label {font-weight:bold; color:#666;}
label.opt {font-weight:normal;}
dl {clear:both;}
dt {float:left; width:292px; line-height:20px; margin:0;}
dd {float:left; width:292px; line-height:25px; margin:0 0 .5em 0;}
dl dd {margin-left: 0;}
dl.radio {float: left; width: 150px; clear: none}
.form_kol { float: left; width: 292px; padding: 0 5px; }
.form_bred {clear: both; padding: 0 5px; }
input {width: 282px; padding: 2px;}
textarea {width: 282px; padding: 2px;}
.form_bred textarea.liten {height: 50px}
.radio input {width: 20px;}
.radio dt {width: 30px; padding: 5px;}
.form_bred .radio dd {width: 100px; clear: none}
.form_bred dd {clear: both; width: 600px;}
.form_bred textarea {width: 577px; height: 100px;}
#kontakt_skjema p.knapp, #respons p.knapp { font-size: 1.2em; text-align: center; margin: 0; }
#kontakt_skjema p.knapp a, #respons p.knapp a { background: #302F5E; color: #fff; text-decoration: none; display: block; height: 20px; line-height: 20px; width: 154px; border: 1px solid; border-color: #ccc #666 #666 #ccc; margin: 0 auto }
#kontakt_skjema p.knapp a:hover, #respons p.knapp a:hover { border-color: #666 #ccc #ccc #666; }
#login { width: 220px; height: 113px; padding: 5px 15px; background: url(gfx/bg-login.png) no-repeat; color: #035590; font-size: .9em; margin: 0 0 2em }
#login h1 {margin: 0 0 .5em; color: #035590;font-size: 1.3em; font-weight: normal }
#login input {border: none; height: 16px; padding: 2px 4px; }
#login label {font-weight: normal}
input#Brukernavn { background: url(gfx/bg-brukernavn.png) no-repeat; width: 201px; }
input#Passord { background: url(gfx/bg-passord.png) no-repeat; width: 126px; float: left; margin: 0 15px 0 0 }
#login a { display: block; height: 19px; line-height: 19px; width: 63px; color: #fff; background: url(gfx/bg-loginknapp.png) no-repeat; text-align: center; float: left; }
#login fieldset { border: none; margin: 0 0 2em; padding: 0 }
#sok {position: absolute; top: 70px; left: 730px}
#sok label {display: none}
#header #sok p {display: block; float: left}
#sok input { border: none; background: url(gfx/bg-sok.png) no-repeat; width: 162px; height: 14px; padding: 3px 4px; float: left; margin-right: 10px }
#sok a { background: url(gfx/bg-sok-knapp.png) no-repeat; color: #000; display: block; height: 19px; line-height: 19px; width: 43px; text-align: center; float: left }
a.tidsskrift { display: block; width: 250px; height: 100px; background: url(gfx/tidsskrift.gif) no-repeat; }
ul.kompetanseomr, ul.problem { list-style: none inside; margin: 0 }
ul.kompetanseomr li { float: left; margin: 10px; width: 168px; height: 104px; }
ul.kompetanseomr a { display: block; height: 104px; width: 168px; background-image: url(gfx/bokser-sprite.png); background-repeat: no-repeat; color: #fff; }
ul.kompetanseomr a:hover { text-decoration: none; color: #ddd }
ul.kompetanseomr a span { display: block; height: 91px; padding: 8px 5px 5px 15px; line-height: 26px; font-size: 1.4em; }
ul.kompetanseomr li.innl a span {line-height: 78px; font-size: 2em}
ul.kompetanseomr li.meta a span {line-height: 78px}
ul.kompetanseomr li.grun a {background-position: 0 -104px}
ul.kompetanseomr li.gene a {background-position: 0 -208px}
ul.kompetanseomr li.prob a {background-position: 0 -312px}
ul.kompetanseomr li.spes a {background-position: 0 -416px}
ul.kompetanseomr li.meta a {background-position: 0 -520px}
ul.problem li { float: left; margin: 5px; width: 114px; height: 115px; }
ul.problem a { display: block; height: 115px; width: 114px; background-image: url(gfx/bokser-smaa.png); background-repeat: no-repeat; color: #000; font-size: 0.8em }
ul.problem a:hover {text-decoration: none; color: #555}
ul.problem strong {display: block; text-align: center; padding-top: 15px; width: 90%}
ul.problem span {display: block; text-align: center; width: 90%}
ul.problem li.boks-2 a {background-position: -126px 0}
ul.problem li.boks-3 a {background-position: -252px 0}
ul.problem li.boks-4 a {background-position: -378px 0}
ul.problem li.boks-5 a {background-position: -504px 0}
ul.problem li.boks-6 a {background-position: 0 -115px}
ul.problem li.boks-7 a {background-position: -126px -115px}
ul.problem li.boks-8 a {background-position: -252px -115px}
ul.problem li.boks-9 a {background-position: -378px -115px}
ul.problem li.boks-10 a {background-position: -504px -115px}
ul.problem li.boks-11 a {background-position: 0 -230px}
ul.problem li.boks-12 a {background-position: -126px -230px}
ul.problem li.boks-13 a {background-position: -252px -230px}
ul.problem li.boks-14 a {background-position: -378px -230px}
ul.problem li.boks-15 a {background-position: -504px -230px}
a#kontakt-oss {position: absolute; top: 5px; left: 885px; color: #fff; font-size: 1.2em; font-weight: bold}
.bildegalleri {height: 300px; width: 650px; margin: 0 0 2em; border: 1px solid #eaeaea;}
.bildegalleri ul {margin: 0; list-style: none inside;}