/* -----------------------------------------------------------------------
 Blueprint CSS Framework 0.9
 http://blueprintcss.org
   * Copyright (c) 2007-Present. See LICENSE for more info.
   * See README for instructions on how to use Blueprint.
   * For credits and origins, see AUTHORS.
   * This is a compressed file. See the sources in the 'src' directory.
----------------------------------------------------------------------- */
/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
body {line-height:1.2;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
:focus {outline:none}

/*Font size switching*/
body { font-size: 73%!important; }
body.font_large { font-size: 80%!important; }
body.font_largest { font-size: 90%!important; }
/*
* Default, mørk grå fontfarge: #675C53
* Rød: #C30000
* Blå: #00a9e0;
* Lys grå: #F9F8F7
* Grå (pagineringslenker): #E0ded8
* Mørk grå: #988F86
* */

html {font-size:100.01%;}
body {font-size:75%; color:#675C53;font-family:Helvetica, Arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;line-height:1}
h1 {font-size:3.75em;margin-bottom:10px;font-weight:bold;color:#C30000;padding-bottom:8px; background:url(../bilder/dotted-line-lrg.gif) left bottom repeat-x;}
h2 {font-size:1.66em;margin-bottom:.1em;}
h3 {font-size:1.66em;margin-bottom:.25em;}
h4 {font-size:1.16em;margin-bottom:.1em;}
h5 {font-size:1.16em;font-weight:bold;margin-bottom:.1em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 .5em;}

/*a:hover {text-decoration:underline}*/

h1 a {display:block;color:#C30000;text-decoration:none;}
.preface {font-size:1.5em;line-height:1.1;letter-spacing:-0.3px}

label {font-weight:bold;}
legend {font-weight:bold;font-size:1.2em;}
textarea {height:250px;padding:5px;}
input.checkbox, input.radio {position:relative;top:.25em;}
input.text,textarea,select {background-color:#fff;border:1px solid #bbb;}
input.text:focus,textarea:focus,select:focus {border-color:#666;}
input.text,textarea,select {margin:0;}
input.text{padding:3px;}
button {width:auto;overflow:visible;padding:0;border:none;background-color:#988F86}
button span {display:block;background-color:#988F86;color:#fff;font-weight:bold;border:none;padding:0 10px;line-height:1.6}
* html button {padding: 0 10px}

/*Shortcuts*/
.shortcuts {list-style:none;margin:0;padding:0;}
.shortcuts li {padding:14px;background-color:#fff;margin-bottom:14px;}
.shortcuts li {overflow:hidden} /*IE6 issues dersom shortcut har bilde*/
.shortcuts li h3 {margin-bottom:0;}
.shortcuts li h3 a {text-decoration:none !important}
.shortcuts li a {display:block;}
.shortcuts li img {float:left}
.shortcuts li span.description {font-size:1.16em;padding-bottom:.4em;display:inline-block}
.shortcuts li span a {font-size:1em}
/*Shortcut links and colors*/
.loud h3, .loud h3 a, .medium h3, .medium h3 a {color:#fff !important}
.quiet h3 a {color:#675C53 !important}
.loud a, .medium a {text-decoration:underline;color:#fff;}
.loud a:hover, .medium a:hover {text-decoration:none}
.quiet a {text-decoration:none;color:#00a9e0;}
.quiet a:hover {text-decoration:underline}
/*Red*/
.shortcuts li.loud { background: #C30000;}
.shortcuts li.loud span, .shortcuts li.medium span { color: #fff; }
.shortcuts li.loud h3.simple a  {background:url(../bilder/arrow-whiteonred-r.gif) no-repeat right 50%;}
/*Light grey*/
.shortcuts li.quiet { background: #F9F8F7; }
.shortcuts li.quiet h3.simple a  {background:url(../bilder/arrow-red-r.gif) no-repeat right 50%;}
/*Grey*/
.shortcuts li.medium {background: #988F86;}
.shortcuts li.medium a {color: #fff;}
.shortcuts li.medium h3.simple a  {background:url(../bilder/arrow-whiteongray-r.gif) no-repeat right 50%;}

.shortcuts li.horizontal div {width:46%;float:right; overflow:hidden;}
.shortcuts li.vertical div {width:66%;float:right}

/*Horisontal layout*/
#south ul.shortcuts {padding-bottom:14px;float:left;width:100%} /*Få ie6 og 7 til å kjøre 10px margin ned til neste element*/
#south ul.shortcuts li {margin-bottom:0 !important;width:276px;float:left;margin-right:14px}

/*----------------------------------------------------------------------
*
*Sidestruktur: Grid 940px 14px margin
*---------------------------------------------------------------------------*/
.container {margin:0 auto;width:940px;}
.grid-1,.grid-2,.grid-3,.grid-4,.grid-5 {float:left;margin-right:14px;}
.grid-1  { width: 145px;}
.grid-2  { width: 304px;}
.grid-3  { width: 463px;}
.grid-4  { width: 622px; overflow:hidden}
.grid-5  { width: 781px;}
.grid-6, div.grid-6 { width:940px;float:left;margin:0;overflow:hidden}
.first {margin-left: 0 !important;}
.last {margin-right: 0 !important;}

/*---------------------------------------------------------------------------------------------
*
* Navigation
*----------------------------------------------------------------------------------------------*/
#header {padding-bottom:14px;min-height:20px}
#logo {float:left;width:100px;margin-right:14px;}
#accessibility-shortcuts {position:absolute;left:-9999px;top:-200px;}
#top-section {background-color:#000; color:#fff;line-height:3;height:3em;margin-bottom:12px;position:relative;z-index:1000}
#top-section a {color:#fff;text-decoration:none;}
#top-section  .home {display:block;float:left;}
#top-section  .gotonav {float:left;display:inline-block;margin-right:5px;}
#top-section  .gotonav span {padding-right:5px;border-right:1px solid #fff}
#top-section .accessibility-functions {float:right; margin-top: -4px; }
#top-section .accessibility-functions span {margin-right:22px;}
#top-section .accessibility-functions span span {margin-right:0; margin-left:10px;}
#top-section .accessibility-functions span:last-child {margin-right:0;}
#top-section span.small {font-size:0.8em;}
#top-section span.large {font-size:1.2em;}

/* Hovedmeny */
#nav {position:relative;z-index:999;top:32px;float:left;padding-bottom:14px;width:826px;}
#menu-wrapper {position:absolute;top:20px;}
#nav .expanded {background-color:#E0DED8;width:940px;left:-114px;}
#menu-wrapper-inner {position:absolute;top:-28px;width:826px;} /*Må ha bredde*/
.expanded #menu-wrapper-inner {left:114px}
div.noscript {float:left;padding-bottom:6px;width:100%;}
div.noscript #logo {clear:both}
div.noscript #nav {position:static;top:auto;float:left;width:100%;clear:both}
div.noscript #menu-wrapper {position:relative;top:20px;left:auto;z-index:2;background-color:#E0DED8;width:940px;}
div.noscript #menu-wrapper #menu-wrapper-inner {position:relative;left:114px}

ul.menu-main, ul.menu-main ul {list-style:none;margin:0;padding:0}
ul.menu-main li {float:left;}
ul.menu-main li.highlighted {background-color:#fff !important}

ul.menu-main li a.top-level {display:block;padding:0 14px 0 5px;margin-bottom:8px;font-size:16px;text-decoration:none;font-family:arial;color:#fff;}
ul.menu-main li a.top-level span {display:block; padding:4px 5px 5px 5px}
ul.menu-main li.nav-path a.top-level {color:#675C53;padding-bottom:5px;background: transparent url(../bilder/arrow-selected-topmenu.gif) no-repeat center bottom}
ul.menu-main li.nav-path a.top-level span {background-color:#E0DED8;}
.expanded ul.menu-main li.nav-path a.top-level {color:#fff;background-image:none;padding-bottom:0;}
.expanded ul.menu-main li.nav-path a.top-level span {background-color:transparent}
div.expanded ul.menu-main li.highlighted a.top-level {color:#675C53 !important}
div.expanded ul.menu-main li.highlighted a.top-level:hover {color:#fff !important}

* html .menu-sub li a{display:inline-block} /* trigger hasLayout i IE og overstyres nedenfor for andre */
ul.menu-sub li {float:none;}
ul.menu-sub li a {font-size:1em;display:block;color:#988F86;text-transform:none;text-decoration:none;padding:0 10px;cursor:pointer}
ul.menu-sub li a span {display:block;width:100%;clear:both;padding:4px 0}
.highlighted ul.menu-sub li a {border-color:#fff;color:#675c53}
.highlighted ul.menu-sub li a:hover {border-color:#C30000;margin-top:-1px;margin-bottom:-1px;padding-top:1px;padding-bottom:1px;position:relative;}

ul.menu-sub li.even a {border:none}
ul.menu-sub li a span {border-bottom:1px solid #B7B1A9;}
ul.menu-sub li a:hover span {border-color:#C30000;}
ul.menu-sub li.last a span {border: none;}
ul.menu-main li a:hover, ul.menu-sub li a:hover {background-color:#C30000 !important;color:#fff !important;}

#menu-wrapper-inner .home-button {position:absolute;top:38px;left:-100px;}
#menu-wrapper-inner .home-button a {display:inline-block;color:#988F86;text-decoration:none;padding-left:25px;line-height:1.6;background:url(../bilder/arrow-back.gif) no-repeat left top;}
#menu-wrapper-inner .home-button a:hover {color:#C30000;background:url(../bilder/arrow-back-on.gif) no-repeat left top;}

/*Standalone undermeny*/
ul.subsection-menu {list-style:none;padding:0 0 14px 0;margin:0;}
ul.subsection-menu {min-height:20px} /*IE7 - trigger hasLayout og fjerner disappearing bottom margin (jumping margin effect)*/
ul.subsection-menu li {font-size:1.5em;}

ul.subsection-menu li a {display:block;background-color:#fff;padding:0px 14px;text-decoration:none;color:#675C53;}
ul.subsection-menu li a span {display:block;padding:8px 0;border-bottom: 1px solid #B7B1A9;}
ul.subsection-menu li a.sibling-of-active span {border:none;padding-bottom:9px}
ul.subsection-menu li a.active {background:#C30000 !important; color:#fff;}
ul.subsection-menu li a.active span {border-color:#C30000;}
/*Script*/
ul.subsection-menu li.preceding a span {border:none;padding-bottom:9px}
ul.subsection-menu li.focus a {background-color:#E0DED8;cursor:pointer}
ul.subsection-menu li.focus a span {border-color:#E0DED8;}
ul.subsection-menu li.focus a.active span {border-color:#C30000;}

ul.subsection-menu li.last a span {border:none !important}

/*-----------------------------------------------------------------
 * FAQ
 *-----------------------------------------------------------------*/
#north h1 {padding:0;background:none;}
#faq {background-color:#fff;float:left;width:100%;clear:both;margin-bottom:14px}
.ui-helper-reset {margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.5; text-decoration: none; font-size: 100%; list-style: none; }

/* Layout helpers
----------------------------------*/
/*.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }*/

ul.faq li.ui-accordion-li-fix {display:inline;float:left;width:100%;clear:both}
ul.faq li.active {background-color:#E0DED8;margin-top:-1px;position:relative;z-index:10}
ul.faq li.active.first {margin-top:0px!important;}
h4.ui-accordion-header {font-size: 1em;padding:0 14px;font-weight:bold;display:block;cursor: pointer; position:relative;margin-top: 1px; zoom: 1; }

h4.ui-accordion-header a {color:#675C53;text-decoration:none;display:block;padding: 10px 0 10px 25px; border-bottom:1px solid #B7B1A9;background: #fff url(../bilder/arrow-red-r.gif) no-repeat left 10px}
li.last h4.ui-accordion-header a {border-bottom:none;}
h4.ui-state-active a { border-bottom: 0 !important; background:#E0DED8 url(../bilder/arrow-red-down.gif) no-repeat left 11px }

#faq .article-body { padding: 0 40px 60px 39px; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
.ui-accordion-content-active { display: block; }

/*----------------------------------------------------------------------------
 * Artikkelvisning
 *---------------------------------------------------------------------------*/
#article img,#article p {margin-bottom:14px;}
#article h1 {font-size:4.58em} /*55px*/

/*Editor*/
.article-body {line-height:1.5}
.article-body ul, .article-body ol {margin:0 1.5em 1.5em 0;padding-left:3.333em;}
.article-body ul {list-style-type:disc;}
.article-body ol {list-style-type:decimal;}
.article-body a, .share a {color:#00a9e0;text-decoration:none} 
.article-body a:hover, .share a:hover {text-decoration:underline}

.article-body h2, .article-body h3, .article-body h4, .article-body h5, .article-body h6 {margin-bottom:.25em}
.article-body h2 {font-size:1.16em;color:#675C53;font-weight:bold}
.article-body h3 {font-size:1.16em;color:#C30000;font-weight:bold}
.article-body h4 {font-size:1em;color:#675C53;font-weight:bold}
.article-body h5 {font-size:1em;color:#C30000;font-weight:bold}
.article-body h6 {font-size:1em;color:#675C53;font-weight:normal}

.share {margin-top:14px;background:transparent url(../bilder/dotted-line-sml.gif) repeat-x scroll center top;padding-top:14px;}
.share a {padding-left:20px;display:inline-block;}
.socialmediafollow {clear:both;/*padding:7px;*/margin-bottom:14px;text-align:center;}
.grid-6 .socialmediafollow {width:608px} /*Grid - 14px pga 2*7 padding*/
.grid-3 .socialmediafollow {width:449px}
#south .socialmediafollow, #west .socialmediafollow {width:auto}
.socialmediafollow a {color:#fff;text-decoration:none;display:inline-block;padding:7px 20px;}

a.facebook {background:url(../../shared/bilder/facebook.gif) no-repeat left 50%; line-height:1.4}
a.twitter {background:url(../../shared/bilder/twitter.gif) no-repeat left 50%; line-height:1.4}

/*Related content*/
* html .related ul li a {width:100%;} /*hasLayout*/
.related h3 {margin-bottom:.2em}
.related ul {margin:0;padding:0;list-style:none}
.related ul li {border-bottom:1px solid #B7B1A9;}
.related ul li.last {border:none;}
.related ul li a {display:block;color:#00a9e0;text-decoration:none;padding:4px 0}
.related ul li a:hover {text-decoration:underline}
.related ul li.last a {padding-bottom:0;}
.related.attachment ul li a span.filespec { color:#B7B1A9; }
.related.attachment ul li a span.filetitle:hover { text-decoration: underline;}
.related.attachment ul li a:hover {text-decoration:none;}
/*----------------------------------------------------------------------------
* Artikkelliste
* ---------------------------------------------------------------------------*/
a.read-more {font-size:1.5em;color:#00a9e0;text-decoration:none}
a.read-more:hover {text-decoration:underline}
.topstory img {margin-bottom:14px}
ul.article-list, ul.split-list {margin:0;padding:0;list-style:none;}
ul.article-list li, ul.split-list li {min-height:20px} /*IE7*/
#articles img {float:left;margin-right:14px;}
#articles h2 a {color:#675C53;text-decoration:none;}
#articles p.description {font-size:1.16em;line-height:1.2}
#articles .text {float:left;}
.split-list .text {width:285px !important;} /*splittet artikkelliste*/
.article-list .text {width:608px}
.article-list h2 {padding-bottom:8px;margin-bottom:.2em; background:url(../bilder/dotted-line-lrg.gif) left bottom repeat-x;}

/*-------------------------------------------------------------------------------
 * Slideshow
 * -----------------------------------------------------------------------------*/
.teaserContainerjs { position: relative; overflow: hidden; background: #fff; }
.teaserjs { position: absolute; top: 0; left: 0; }
.teaser {overflow:hidden; }

#slideshow.full { margin-bottom: -54px; }
#movie.full { margin-bottom: 14px; }
#slideshow.full .article img, #movie.full .article object { float: left; margin-right: 6px; }
#slideshow.full .article .preface{margin-right: 40px}
#slideshow.full .teaserContainerjs, #movie.full .teaserContainerjs { height: 32em; }
#slideshow.full .full.links { position: relative; bottom: 60px; left: 464px; background: transparent; width: 449px; }
#slideshow.full .full.articletext, #movie.full .full.articletext { float: right; width: 449px; }
#movie .box { width: 912px; }
#movie #teaserContainer { margin-bottom: 14px; }

#slideshow.half .Containerjs { height: 50.65em; }

.hidden {display: none; }
.leftArrow { position: absolute; top: 161px; z-index: 2; cursor: pointer; }
.rightArrow { position: absolute; top: 161px; right:0; z-index: 2; cursor: pointer; }
.readMore img { width: 1.3em!important; float: left; margin-right: 0.4em; }
.readMore a {  color: #00a9e0; text-decoration: none;font-size:1.5em }
.readMore a:hover {text-decoration:underline}
.links ul { display: inline-block; margin: 0; padding: 0; }
.links ul li { list-style: none; background: #E0ded8; margin: 0.1em; padding: 0.3em; float:left; cursor: pointer; }
.links ul li.hover {background-color:#948E85;color:#fff}
.links ul li.highlight { background: #C30000; color: #fff; cursor: default;}

/*----------------------------------------------------------------------------------
*Background (stretching)
*-----------------------------------------------------------------------------------*/
img#bg {position:fixed;left:0;top:0;height:auto; width:100%;min-height:100%;min-width:1024px;z-index:-1;}
#content {position:relative;}
* html #content {position:static;} /*IE6: menyen fjernes ved horizontal resize om position:relative*/

/*----------------------------------------------------------------------------------
*Misc
*-----------------------------------------------------------------------------------*/
.hover {cursor:pointer}
.hide {display:none;}
.box {padding:14px;margin-bottom:14px;background:#fff;}
.search-top {padding:10px;background:#fff!important;position:relative;min-height:20px;} /*Brukes på toppen av venstrekolonneundermenyen på FAQ. Ingen margin. */
.search-top h1 {font-size:3.4em;font-weight:bold;margin:0;float:left; width:608px; color:#C30000;margin-right:14px}
.searchfield {float:left;width:290px;text-align:right;position:relative;top:17px;}
.banner {margin-bottom:14px;}

.group:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.group, .container {display:block;}
.clear {clear:both;}
* html .group {height: 1%;}
