/*
 * 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 }
body { background: #ddd url(gfx/bg_body.gif) repeat-x fixed; padding: 30px 0 0 0 }
#ramme { width: 968px; margin: 0 auto; position: relative }
#header { height: 237px; background: url(gfx/bg_header.png) }
#header h1, #header p { display: none }
#banner { position: absolute; top: 54px; left: 263px; width: 701px; height: 170px; background: url(gfx/banner.jpg) }
#innholdsramme { background: url(gfx/bg_innhold.png) }
.sm_kol { float: left; overflow: hidden }
.sm_firstkol { width: 227px; padding: 0 15px; background: url(gfx/vannmerke.png) no-repeat 65% 100%; min-height: 450px; }
.sm_secondkol { width: 660px; padding: 15px 25px 0 26px }
#innhold .artikkel { width: 660px; overflow: hidden }
#kreditt { position: relative; background: url(gfx/bg_kred.png) no-repeat; padding: 13px 15px }
#kreditt address { height: 47px; line-height: 40px; margin: 0; font-style: normal }
#kreditt strong { position: absolute; right: 15px; top: 13px }
#kreditt p { text-align: right }
#kreditt, #kreditt a { color: #666 }
body { line-height: 1.5; color: #666 }
body,.sm_firstkol h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans serif; }
#innhold, #kreditt { font-size: 1.3em }
#nav, #submeny { font-size: 1.4em }
#kreditt p { font-size: .85em }
h1 { font-size: 2.7em; line-height: 1.1em; color: #f39d49; font-style: italic; font-weight: normal; font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", Georgia, serif; margin: 0 0 .5em 0 }
#innhold h2 { font-size: 1.4em; line-height: 1.1em; color: #f39d49; font-style: italic; font-weight: normal; font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", Georgia, serif; margin: 0 0 .7em 0 }
.sm_firstkol h1, .sm_thirdkol h1, .sm_firstkol h2, h3, h4, h5, h6 { font-size: 1em }
#logo { position: absolute; top: 61px; left: 21px; height: 158px; width: 213px; background: url(gfx/logo.gif) }
#logo a { display: block; height: 158px }
#logo span { display: none }
#nav { position: absolute; top: -27px; left: 4px; width: 960px; height: 71px; background: url(gfx/bg_nav.gif) 0 31px repeat-x }
#nav li { background: url(gfx/nav-li.gif) no-repeat 0 100px; padding: 31px 0 0 0 }
#nav li.aktiv { background-position: 50% 0 }
#nav a { background: none }
#nav span { height: 39px; line-height: 39px; width: 190px; text-align: center; background: url(gfx/nav-a.gif) 0 -200px no-repeat; border-left: 1px solid #fff; border-right: 1px solid #ddd; border-top: 1px solid #fff; color: #666 }
#nav a:hover span { color: #f39d49 }
#nav li.aktiv a span { color: #f39d49; background-position: top left }
#submeny { padding: 1em 0 }
#submeny h2 { font-size: 1.39em; margin: 0 0 1em 0; font-weight: normal }
#submeny h2 a { color: #f39d49 }
#submeny li a { color: #878b8e; padding: .8em 0 .8em 40px; background: url(gfx/sub-a.gif) no-repeat 0 50% }
#submeny li a:hover, #submeny li.aktiv a { color: #f39d49 }
#submeny li.aktiv ul li a { padding: .4em 0 .4em 40px; background: #fff; color: #666 }
#submeny li.aktiv ul li a:hover, #submeny li.aktiv ul li.aktiv a { color: #f39d49 }
#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.ans { margin: 0; list-style: none; width: 680px }
ul.ans li { position: relative; zoom: 1; float: left; width: 208px; height: 240px; margin: 0 18px 10px 0; overflow: hidden }
ul.ans li img { position: absolute; top: 0; left: 0 }
ul.ans li a { display: block; color: #666; height: 70px; padding: 170px 10px 10px 10px }
ul.ans li a:hover { background: #eee; color: #333; text-decoration: none }
ul.ans li a:hover img { border-bottom: 3px solid #f90 }
