/*
 * 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}
body { background: #333 }
html, body { height: 100% }
body>#ramme { margin: 0 auto }
#ramme {background: #ccc url(gfx/bg_2012_tile.gif); }
#skygge {height: 33px; background: url(gfx/bg-ramme.png) no-repeat 50% top}
.sm_row { }
.sm_wrapper { width: 856px; padding: 0 62px; margin: 0 auto; background: url(gfx/bg-sm-wrapper.png) repeat-y 50% top; }
#header .sm_wrapper {position: relative;}
.sm_kol { padding: 15px; float: left; overflow: hidden }
.sm_firstkol { width: 180px; padding: 15px 0 }
.sm_secondkol { width: 440px }
.sm_thirdkol { width: 205px; padding: 15px 0 }
.tokol .sm_thirdkol { display: none }
.tokol .sm_secondkol { width: 645px }
#kreditt.sm_row { background: #333; padding: 0 }
#kreditt .sm_wrapper { background: url(gfx/bg-kred-wrapper.png) repeat-x; width: 880px; padding: 20px 35px 0 }
#kreditt, #kreditt a { color: #ccc }
#samarbeidspartnere {float: left; width: 100%; overflow: hidden; margin: 0 0 1em}
#samarbeidspartnere ul {list-style: none inside; margin: 0;}
#samarbeidspartnere .sp ul {padding: 10px 0 0px;}
#samarbeidspartnere li {float: left;}
.sp-hoved li { margin: 0}
.sp li { margin: 0 5px 0 0; height: 45px; margin: 0 15px 5px 0}
.sp ul {overflow: hidden; background: #fff}
.sp-hoved ul {overflow: hidden; }
.sp-hoved li {background: #fff; height: 54px; padding: 4px}
.sp-hoved li a span, .sp li a span {display: none}
.sp-hoved li a {background: url(gfx/sp-stor.gif) no-repeat; display: block}
.sp-hoved li.sb-1 a {height: 35px; width: 137px; background-position: left -7px; margin-top: 10px}
.sp-hoved li.sb-1 {margin-right: 10px}
.sp-hoved li.se a {height: 50px; width: 141px; background-position: -153px top; }
.sp li a {display: block; background: url(gfx/sp-liten.gif) no-repeat;}
.sp li.fs a {height: 32px; width: 88px; background-position: left -5px;}
.sp li.tb a {height: 20px; width: 90px; background-position: -109px -10px; margin-top: 7px}
.sp li.fe a {height: 28px; width: 104px; background-position: -224px -3px;}
.sp li.labo a {height: 36px; width: 70px; background-position: -348px -3px;}
.sp li.esso a {height: 40px; width: 57px; background-position: -434px 0;}
.sp li.ss a {height: 47px; width: 88px; background-position: 0 -50px;}
.sp li.gj a {height: 19px; width: 93px; background-position: -109px -61px; margin-top: 12px}
.sp li.aass a {height: 43px; width: 57px; background-position: -224px -51px;}
.sp li.vkt a {height: 45px; width: 107px; background-position: -303px -52px;}
.sp li.all a {height: 13px; width: 67px; background-position: -423px -66px; margin-top: 15px}
#kreditt .kred-vkol {width: 340px; float: left;}
#kreditt .kred-hkol {width: 510px; float: left}
#samarbeidspartnere ul {background: #fff; }
#samarbeidspartnere .kred-vkol ul {height: 90px; padding-top: 30px;}
#samarbeidspartnere .kred-hkol ul {height: 110px}
#kredinfo address {font-style: normal}
body { line-height: 1.5; color: #2c1a17 }
a {color: #76bdab}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family: Verdana, "Verdana Ref", Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", sans serif; }
#innholdsramme { font-size: 1.2em }
#navigasjon { font-size: 1.5em }
#kreditt { font-size: 1.1em }
h1 { font-size: 1.8em; font-weight: normal }
h1 a {color: #000}
.sm_thirdkol h1, h2, h3, h4, h5, h6 { font-size: 1.2em; margin: 0 0 1em }
.sm_thirdkol h1 {padding: 4px 10px; text-transform: uppercase; font-weight: normal }
#navigasjon {text-transform: uppercase;}
#kreditt h6 {color: #76bdab; text-transform: uppercase; margin: 0 0 .5em; font-weight: normal}
#logo { height: 139px; width: 258px; padding: 22px 0 35px }
#logo a { display: block; height: 139px; width: 258px }
#logo span { display: none }
#sok { position: absolute; top: 150px; right: 70px; }
#sok label {display: none}
#sok input, #sok a, .nyhetsbrev input, .nyhetsbrev a.kred-inn {background: url(gfx/sok-sprite.gif) no-repeat;}
#sok input, .nyhetsbrev input {border: none; width: 187px; padding: 0 5px; height: 24px; float: left; margin: 0 5px 0 0 }
.nyhetsbrev a.kred-inn {width: 151px; background-position: right 0}
#sok a, .nyhetsbrev a.kred-inn { display: block; width: 62px; height: 24px; line-height: 24px; color: #fff !important; text-align: center; float: left; background-position: -202px 0; font-size: 1.4em;}
#sok a:hover, .nyhetsbrev a.kred-inn {color: #000; text-decoration: none}
.nyhetsbrev p {margin: 0}
.nyhetsbrev input {width: 151px; background-position:}
a.kred-ut {clear: both; display: block}
#navigasjon .sm_wrapper {padding: 4px 62px;}
#nav { text-align: right }
#nav li { padding-right: 3px }
#nav a, #nav a span {background: url(gfx/bg-nav.png) no-repeat;}
#nav a {background-color: #e5c218}
#nav li#myheter_cms a {background-color: #005f7d}
#nav li#malleri a {background-color: #76bdab}
#nav li#milletter a {background-color: #a7143c}
#nav a { padding: 0 0 0 17px; color: #fff; }
#nav a span { height: 39px; line-height: 39px; padding: 0 50px 0 5px; background-position: right -39px; width: 138px; }
#nav li.aktiv a, #nav li a:hover { background-position: 0 0; background-color: #000 !important }
#nav li.aktiv span, #nav li a:hover span {background-position: right -39px}
#kalendernav { height: 70px; background: #20a3ca; color: #000; font-size: 1.2em; }
#kalendernav .sm_wrapper {background: none; padding: 0; width: 950px}
#kalendernav ul {list-style: none inside; margin: 0}
#kalendernav li {float: left;}
#kalendernav a { color: #000; display: block; height: 50px; padding: 8px 0 12px; width: 108px; text-align: center }
#kalendernav strong {display: block; font-size: 2.2em;}
#kalendernav a:hover { background: #000; color: #fff; text-decoration: none }
#kalendernav a.selected { background: #000; color: #fff; text-decoration: none }
#juni, #juli {float: left; }
#juni {padding: 6px 9px 0 15px;}
#juni span {width: 20px; height: 58px; background: url(gfx/juni.gif) no-repeat; display: block; text-indent: -999em;}
#juli {padding: 8px 0 0 15px}
#juli span {width: 20px; height: 52px; background: url(gfx/juli.gif) no-repeat; display: block; text-indent: -999em;}
#toppnav { position: absolute; right: 40px; top: 20px; }
#toppnav ul {list-style: none inside; margin: 0; height: 25px; padding: 0 0 25px; float: right; background: url(gfx/skygge-toppnav.gif) no-repeat 50% bottom}
#toppnav li {float: left; padding: 2px 5px; text-align: center;}
#toppnav li.first {border: none;}
#toppnav a { color: #3a2423; text-transform: uppercase; font-size: 1.2em; }
#toppnav .date { clear: both; float: right; height: 29px; width: 318px; background: url(gfx/dato-topp.gif) no-repeat 50%; margin: 15px auto 0; font-size: 1.4em }
#toppnav .date strong {display: none;}
#submeny { font-size: 1.1em; text-transform: uppercase }
#submeny a { color: #000; padding: 8px 0;}
#submeny a:hover, #submeny li.aktiv a { color: #76bdab }
#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 }
.profilert, #nyhetsbrev {background: #d2edf4; margin: 0 0 33px}
.profilert h1, #nyhetsbrev h1, .profilert h3 {background: #79c8df;}
.profilert .innerart, #nyhetsbrev fieldset {padding: 0 10px 5px}
.profilert a {color: #a7143c}
.profilert p {margin: 0 0 .5em}
.profilert label {display: inline-block}
.profilert input { height: 16px; width: 184px; padding: 4px 5px; line-height: 16px; border: none; background: url(gfx/bg-input.gif) no-repeat; }
.profilert-alternativ {border-bottom: 1px solid #000; margin: 0 0 10px}
.profilert-alternativ h1 {background: #89c6b7}
.profilert-alternativ .innerart {padding: 0 10px 5px; background: url(gfx/bg-profilert-alternativ.png) no-repeat center 0 }
.profilert-alternativ strong {font-size: 1.8em; font-weight: normal}
p.sl { overflow: hidden }
.sl strong {float: left; margin: 0 10px 0 0; display: block; height: 32px; line-height: 32px}
a.fb-link, a.sp-link, a.yt-link { display: block; width: 26px; height: 27px; background: url(gfx/sosiale-lenker.gif) no-repeat; float: left; margin: 0 10px 0 0; text-indent: -999em }
a.sp-link {width: 32px; height: 32px; background-position: -38px 0; }
a.yt-link {height: 32px; width: 58px; background-position: -76px 0; }
a.knapp { display: block; height: 24px; color: #fff; text-align: center; line-height: 24px; background: url(gfx/bg-knapp.gif) repeat-x; float: right; padding: 0 15px; }
a.knapp:hover {background: #afafaf}
#arr-filter a.knapp { margin-top: 18px}
#program #left { display:none }
#program #right { display:none }
#program #innhold { width: 855px; padding: 15px 0 }
.ui-datepicker { width: 17em; padding: .2em .2em 0; background-color: #fff; border: 1px solid #000; -moz-box-shadow: 3px 3px 4px #000; -webkit-box-shadow: 3px 3px 4px #000; box-shadow: 3px 3px 4px #000; }
.ui-datepicker .ui-state-default { color: #000 }
.ui-datepicker .ui-state-hover { color: #fff; background-color: #000 }
.ui-datepicker .ui-datepicker-unselectable span { color: #bbb !important }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 50px; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; color: #000 }
.ui-datepicker .ui-datepicker-next { right:2px; color: #000 }
.ui-datepicker .ui-datepicker-prev-hover { left:2px; color: #fff }
.ui-datepicker .ui-datepicker-next-hover { right:2px; color: #fff }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; margin-left: 2px; top: 50%; margin-top: -8px; cursor: pointer }
.ui-datepicker .ui-datepicker-next span { margin-left: 8px }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }
.ui-datepicker-cover { display: none; display: block; position: absolute; z-index: -1; filter: mask(); top: -4px; left: -4px; width: 200px; height: 200px; }
ul#arr-filter { list-style: none inside; margin: 0 0 2em; overflow: hidden; }
ul#arr-filter li {float: left; margin: 0 1em 0 0;}
ul#arr-filter label {display: block}
ul#arr-filter input.input { width: 76px; height: 16px; background: url(gfx/bg-input-filter.gif) no-repeat; text-align: center; border: none; padding: 4px 5px; }
ul#arr-filter input.hidden {display: none;}
ul#arr-filter select { width: 133px; height: 24px; background: url(gfx/bg-select-filter.gif) no-repeat; padding: 2px 5px; border: none; }
ul#arrangement-liste {clear: both; list-style: none inside; margin: 0;}
ul#arrangement-liste li {clear: both; margin: 0 0 1em; overflow: hidden;background: url(gfx/bg-programitem.gif) no-repeat right 50%}
ul#arrangement-liste a.bilde { display: block; height: 180px; width: 273px; float: left; margin: 0 1em 0 0; }
ul#arrangement-liste h1 a {color: #000;}
ul#arrangement-liste h1 { color: #000; font-size: 1.4em; margin: 0 0 .5em; }
ul#arrangement-liste .arr-tekst {width: 325px; padding: 0 20px 0 0; margin-right: 10px; float: left; height: 180px; background: url(gfx/bg-programitem.gif) no-repeat right 50%}
ul#arrangement-liste .infobox {padding: 25px 20px 0 0; font-size: .9em}
#arrangement-detalj { padding: 0 235px 0 210px; position: relative; }
#arrangement-detalj .bilde {position: absolute; left: 0;}
#arrangement-detalj .infobox {position: absolute; width: 225px; right: 0; top: 0}
#arrangement-detalj .profilert h3 {font-weight: normal; padding: 4px 10px; text-transform: uppercase}
span.sted {font-style: italic}
.personer h3 {clear: both}
.personer ul {list-style: none inside; margin: 0 0 1.5em; clear: both; float: left;}
.personer li {width: 48%; overflow: hidden; margin: 0 2% 2% 0; float: left;}
.personer li img {float: left; margin: 0 1em 0 0;}
.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; line-height: 26px; height: 26px; }
.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}
dl.cb { width: 50%; float: left; clear: none; padding: 0; }
dl.cb dt {clear: none; float: left; width: 40px; padding: 5px 0; text-align: center; clear: left;}
dl.cb dd {clear: none; float: left; padding: 5px 0}