/* CSS Document for Helsedirektoratet. Dette dokumentet inneholder generelle stiler for HELFO web */
/* **************** Libraries and Fonts **************** */
html{color:#000;background:#FFF;padding: 0 10px; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ul li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}
body {font: 62.5%/1.3 Verdana, Arial, Helvetica, sans-serif;}
select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font-size:100%;}
pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;}
/* **************** TEMPLATE ***************** */
/* ====== Page Head, Body, and Foot ====== */
#bd{overflow:hidden;width: 100.3%; position: relative;}
#page{margin: 0 auto; min-width: 960px; max-width: 1365px;overflow:hidden;} 
#page-header {background: #0282AF url(/_layouts/images/HELFO/helfo_topp.jpg) 0 0 no-repeat;clear: both;border-bottom: 1px solid #005688;min-height: 95px;}
#ft {height: 48px;background: #0099bf; margin-top: 38px;clear: both;overflow: hidden;text-align:center; line-height:24px; color: #fff;}
/* ====== Columns and grids ====== */
.main {overflow:hidden; padding: 0 10px;}
.leftCol{float:left; width:22%;}
.rightCol{float:right; width:32.2%;/*margin-right: -13px;*/padding-bottom: 1px;}
.line, .lastUnit, ul li{overflow: hidden; }
.unit{float:left;}
.size1of1{float:none;}
.size1of2{width:50%;}
.size1of3{width:33.33333%;}
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size3of4{width:75%;}
.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}
.size1of6{width:15.666667%;}
.leftposize1of4 {margin-left: 25.7%}
.lastUnit {float:none;width: auto;}
/* **************** CONTENT OBJECTS ***************** */
/* ====== Default spacing ====== */
h1, h2, h3, h4, h5, h6, ul, ol,dl, p, address {padding:0 0 10px 0;}
span {padding: 0;} 
h2#sitename {padding:10px 10px 10px 0;}
.main h2, .main h3 {padding:0;}
pre{margin: 10px;}
table h1,table h2,table h3, table h4, table h5, table h6, table p, table ul, table ol, table dl {padding:10px;}
#ft p {line-height: 48px;}
/* ====== Elements ====== */
em{font-style: italic;}
#page .current, strong, .active, .selected, .selected a, .parentselected, .childselected, .active a {font-weight:bold;}
.active ul li a {font-weight: normal;}
p, #bd li, #quicklaunch li, #main-menu li a, .main li, .data {font-size: 120%; line-height:1.4;}
.main img {margin-bottom: 10px;}
.fullSize img {width: 100%;}
span.img {margin: -12px 0 6px 0; display: block;background: #DEDEDC;padding: 5px;}
#bd .rightCol img {margin-bottom: 18px;}
.date {color: #999;}
.strong {font-weight: bold;}
ol {margin-left: 25px;}
ol li {list-style-position:inside;}
h1.logobox {float:left;}
h1.logobox a {display:block;width: 150px; height: 60px;background: transparent;}
/* ====== Headings ====== */
h1, .h1{font-size:1.9em; font-weight:normal; font-style: normal; color:#005688;}
h2, .h2 {font-size:1.2em; font-weight:bold; font-style: normal; color:#444; text-transform: none;}
.rightCol h2, .rightCol .h2{padding-bottom: 10px; font-size:1.9em; font-weight:normal; font-style: normal; color:#005688/*0099bf*/;}
h3, .h3{font-size:1.2em; font-weight:normal; font-style: normal; color:#005688;}
h4, .h4{font-size:1.2em; font-weight:normal; font-style: normal; color: #005688;}
h5, .h5{font-size:1.2em; font-weight:normal; font-style: normal; color:#005688;}
h6, .h6{font-size:1.2em; font-weight:normal;  font-style: italic; color:#005688;}
/* links */
a{ font-weight:normal;text-decoration: none }
a:link, a:visited { color: #005688;}
a:focus, a:hover { text-decoration: underline; color: #000;}
a:focus, a:active { outline: none;}
p a {text-decoration: underline;}
/* ====== Tables ====== */
.data{padding: 20px 0; position:relative; vertical-align: top;border-right:solid 0px transparent;/* border fixes a FF2 bug which causes the data table to overlay its borders*/}
.data table {width:100%;border:1px solid #6b7a7f; border-width: 2px 0 1px 0;}
.data th {background: #cbeaf6; padding: 12px 20px;border-bottom:1px solid #6b7a7f;}
th, td{vertical-align:top;border:0px solid #AE0345;}
.data td {border-right: 1px dotted #000; background:#f4f4f4; border-top: 1px solid #fff; padding: 6px 20px;}
.data td.odd {background: #eaeaea;}
.data td.last {border-right: 0px dotted #000;}
.data td{padding:3px 20px}
.data thead tr{background-color: #fff0f8;}
.data th{color: #000; font-weight:bold}
/* Search */
.search {float: right;margin: 15px 30px 0 0;padding-bottom: 9px;}
.search * {float: left;}
.search-box {height: 20px; line-height: 20px; font-size: 15px;margin-right: 6px; width: 250px; border: 1px solid #fff;}
.search-btn {width: 42px; height:22px; display:block;overflow: hidden; font-size:1.2em; color:#fff; background-color:#006284; border: 1px solid #fff; border-width: 1px 1px 1px 1px; }
.search .ms-sbgo {padding: 0;}
/* Main menu */
#main-menu {position: relative;width: 70%;padding:0; margin: 0 auto; clear: both;min-height: 40px;}
#main-menu li {float:left;width:23.67%;margin-right: 1%; text-align: center; border: 1px solid #005688; border-width: 1px 1px 0 1px; background:#fff;}
#main-menu li.selected {border-bottom: 1px solid #fff; margin-top: -8px; margin-bottom:-1px;}
#main-menu li.selected a {font-weight: bold;padding-top:15px;}
#main-menu li.lastUnit {margin-right: 0;}
#main-menu li a {display: block;padding: 7px 0 6px 0; border-width: 9px 0 0 0;}
#main-menu li a:link, #main-menu li a:visited {color: #005688;}
#main-menu li a:hover {text-decoration: none;}
#main-menu li {text-transform: uppercase;}
/*#main-menu li.id3 {float:none;width: auto;} */
/* Breadcrumb */
#breadcrumb {position:relative;padding: 6px 0; margin: 0 0 18px 0; background:#fff;}
#breadcrumb li {float: left; margin-right: 8px; background: none; padding-left: 0; }
#breadcrumb li a {font-weight: bold; border: none; color: #000;}
/* Quicklaunch */
#quicklaunch {margin-bottom: 18px; border-bottom: 0px solid #005688;width:24.6%;}
#quicklaunch li {margin: 6px 0; padding-left: 16px;}
#quicklaunch li a {border: none; color:#000;}
#quicklaunch li ul {padding: 0;}
#quicklaunch li.parent, #quicklaunch li.parentselected {border-bottom: 1px solid #005688; padding-bottom: 6px;}
#quicklaunch li.child, #quicklaunch li.childselected {background-position: 0 -2391px; padding-left: 12px; margin: 3px 0 3px 1px;}
/* Setting the icons for list elements */
.list li, .main ul li, #quicklaunch ul li {background-image: url(/_layouts/images/HELFO/list-icon-sprite.gif); background-repeat: no-repeat;}
.main ul li {background-position: -16px -2834px; margin: 6px 24px; padding-left: 18px;}
/* Toolbar */
.toolbar {position: relative; float: right;top:-2px;}
.main .toolbar li {float: left; margin: 0 0 0 10px; text-align:center;padding: 0;width: 59px; height: 22px; background: url(/_layouts/images/HELFO/lang-btn.jpg) 0 0 no-repeat;}
.toolbar li a {font-size: 9px; text-transform: uppercase; letter-spacing: -1px; margin-left: -2px; line-height: 22px;}
/* Disclaimers */
.disclaimer {background:url(/_layouts/images/HELFO/disclaimer-shade.gif); clear:both; margin:-3px 1px 18px -2px; padding: 0;}
.leftCol .disclaimer {margin:-3px -3px 18px -2px;}
.rightCol .disclaimer {margin:-3px -13px 18px -2px;}
.disclaimer div {margin:0 -5px 0 8px; padding:8px 0 0 0; background:url(/_layouts/images/HELFO/disclaimer-shade.gif) right top;}
.disclaimer div div {margin:0 0 0 -8px; padding:0 0 0 16px; background-position: left bottom;}
.disclaimer div div div {padding: 16px 10px 36px 10px; background-position: right bottom; position: relative;overflow: hidden;}
.disclaimer ul {padding: 0;}
.disclaimer ul li {margin: 6px 0;padding: 0; background-image: none;}
.disclaimer ul li a:link, .disclaimer ul li a:visited {font-weight: bold; color:#005688;}
/* Setting and positioning icons for disclaimers */
.disclaimer .icon {float: right; margin: -6px 12px 0 0; background-image: url(/_layouts/images/HELFO/disclaimer-sprite.gif);width: 34px; height: 34px; padding: 0;}
.disclaimer .relatert{background-position: left top;}
.disclaimer .kontakt{background-position: -36px 0;}
.disclaimer .lenker{background-position: -36px -37px;}
.disclaimer .att{background-position: -73px -72px;}
.disclaimer .skjema{background-position: -73px -108px;}
.disclaimer .info{background-position: -73px -108px;}
.disclaimer .regelverk{background-position: -110px -73px;}
/* Newsroll & rollup*/
.newsroll {background:url(/_layouts/images/HELFO/news-roll-shade.gif); clear:both; margin:0 0 12px -3px; padding: 0; overflow:hidden;}
.newsroll * {display:block;}
.newsroll div {margin-left:8px; padding:8px 0 0 0; background:url(/_layouts/images/HELFO/news-roll-shade.gif) right top;}
.newsroll div div{margin:0 0 0 -8px; padding:0 0 0 16px; background-position: left bottom;}
.newsroll div div div{padding: 24px 24px 20px 18px; background-position: right bottom; overflow:hidden;}
.main .newsroll ul, .main .rollup ul {padding: 0 0 10px 0;}
.main .newsroll ul li,.main .rollup li {margin: 0 0 9px 0; padding: 0;background: none;}
.newsroll li strong,.rollup strong {font-weight: bold;}
.newsroll a:link, .newsroll a:visited, .newsroll strong {color: #005688; display: inline;}
.rollup a:link,.rollup a:visited, .rollup strong {color: #005688; display: inline;}
.newsroll span.img,.rollup span.img, div.img {margin: 0 10px 0 0; }
.newsroll span.img,.rollup span.img {background: transparent;}
.newsroll img,.rollup img {width:100%; }
.rollup ul li {background: none;}
/* Toplinks */
#userPreferences {float: left;padding: 10px 10px 3px 0;height: 1.4em; overflow:hidden; margin-bottom:5px;}
#userPreferences li {float: left;margin: 0 6px;padding-right: 8px;border-right: 1px solid #333;font-size:1.2em;}
#userPreferences li.last{border-right: 0px solid #333;margin:0 3px; padding-right: 0;}
.small, .medium, .large {background: #FFF;border: 0px solid;cursor:hand}
.medium {font-size: 140%;line-height: .8; margin-top: 0;}
.large {font-size: 150% !important;line-height: .8;margin-top: -4px;}
/* Images on welcome page */
.FPimgContainer {position:relative; margin: 0 -3px 18px -3px;background: #fff; overflow:hidden;padding-top: 16px;}
.FPimgContainer .unit {border-left: 3px solid #fff;}
.FPimgContainer .size1of4 {width:24.75%;}
.FPimgContainer .lastUnit {width:auto;}
.FPimgContainer img {width: 99%;}
/* Inneholder spesifikke stiler for HELFO web */
.blue {border: 1px solid #0099bf; border-width: 1px 0 8px 0; border-color: #005688 #005688 #2892b9 #005688;}
	.leftCol .blue, .blue a {border-top: 1px solid #0099bf;}
.id3 {border: 1px solid #ca4fb6; border-width: 1px 0 8px 0; border-color: #005688 #005688 #ca4fb6 #005688;}
	.leftCol .purple, .id3 a {border-top: 1px solid #ca4fb6;}
.id0 {border: 1px solid #67b341; border-width: 1px 0 8px 0; border-color: #005688 #005688 #67b341 #005688;}
	.leftCol .green, .id0 a {border-top: 1px solid #67b341;}
.id1 {border: 1px solid #ff7300; border-width: 1px 0 8px 0; border-color: #005688 #005688 #ff7300 #005688;}
	.leftCol .orange, .id1 a  {border-top: 1px solid #ff7300;}
.yellow {border: 1px solid #f9b200; border-width: 1px 0 8px 0; border-color: #005688 #005688 #f9b200 #005688;}
	.leftCol .yellow, .yellow a {border-top: 1px solid #f9b200;}
.id2 {border: 1px solid #83d0f0; border-width: 1px 0 8px 0; border-color: #005688 #005688 #83d0f0 #005688;}
	.leftCol .light-blue, .id2 a {border-top: 1px solid #83d0f0;}

/* Sharepoint customisations */
.ms-pagebreadcrumb, .ms-pagebreadcrumb a {display: none;}
.header {border-bottom: none;}
.EditMode {visibility: hidden;}
span#ctl00_SPSecurityTrimmedControl4 {display:block;margin-top: 1px;}
.siteheader {float: right;display: block;}
.ms-siteaction {float: right; margin-top: 9px;}
span#ctl00_SPSecurityTrimmedControl3 {position:absolute;}
div.ms-PartSpacingVertical {display: none;}
.skjult {display:none;}
.main .link-item {overflow:hidden; padding: 0 0 6px 0;}
.main #linkitem .image-area-left img {padding-top: 5px;}
.main .link-item a:link, .main .link-item a:visited, .main .link-item strong {color: #005688; font-size:120%; font-weight: bold;}
.ms-consoleframe {border:none;}
.ms-partline {background-color:#FFF !important}
#redaktor img {margin-bottom: 0 !important;}

/* Styles for print */
@media print {
#ctl00_SPSecurityTrimmedControl3, .siteheader, .page-header, #quicklaunch, #main-menu {display:none !important;}
#siteMenuSearch, .search {display:none !important;}
.FPimgContainer .size1of4, .FPimgContainer .lastUnit {width:24.65%;float:left;}
.main{padding: 0;}
}

/* Styles drop down list in Kontakter */
.fylkeskontaktSendeSoknadSelectedLabel{color:#000;font-size:1.4em;font-style:normal;font-weight:bold;padding-bottom: 5px;}
.fylkeskontaktSendeSoknadUnselectedLabel{color:#000;font-size:1.4em;font-style:normal;font-weight:bold;padding-bottom: 5px;}
.fylkeskontaktDropDown {float:left;width: 70%;}
.fylkeskontaktLabelTittel{font-weight:bold;display:block;font-weight:bold;margin-top:6px;padding-top:6px;}
.fylkeskontaktLabel{}
.fylkeskontaktLabelEmail{}
.fylkeskontaktButton{border:medium none;margin-left:5px;padding:1px 3px;}
.contactinfo {color: #666; font-size: 90%;}

/* Søkeresultater */
.srch-results {font: small Verdana, Arial, Helvetica, sans-serif !important;}
.srch-sort-right {padding-top: 15px;padding-bottom: 9px;font: small Verdana, Arial, Helvetica, sans-serif !important;}
.srch-stats {padding: 0;background: #fff !important;font: small Verdana, Arial, Helvetica, sans-serif !important;}
.srch-Page {background: #fff !important;font: small Verdana, Arial, Helvetica, sans-serif !important;}
.srch-Metadata {padding: 3px 0;}
.srch-URL a {font-weight: normal !important; font-size:small !important;}
.srch-Icon { margin-right:5px;}

/* Sitemap */
#siteMap ul {padding: 0;}
#siteMap ul li {padding: 0 16px;}
.siteMapLevel1 {font-size: 120%; font-weight: bold;}
.siteMapLevel2 {font-weight: bold;}
.siteMapLevel1 + ul {margin-left: 12px;}
.siteMapLevel2 + ul {margin-left: 12px;}