/*********************************************************
*
*	GLOBAL ELEMENTS
*
**********************************************************/
html { background-image: url('../bilder/background.gif'); background-position: left top;}
body { margin: 0em; padding: 0em; border-collapse: collapse;}
body { font-size: 73%;}
body, select, input, label { font-family: arial, verdana, sans-serif; color: #3E3832;}
a { color: #0074C4; text-decoration: none;}
/*a:visited { color: #8B32E5; }*/
a:hover { text-decoration: underline;}
a img { border: none;}
table { border-collapse: collapse; width: 100%;}
td { padding-top: 3px; padding-bottom: 3px; padding-left: 11px; vertical-align: top;}
/*img { margin: 0px; padding: 0px;}*/
ul, ol { list-style: none; margin: 0px; padding: 0px;}
li { padding-top: 2px; padding-bottom: 2px;}
select, input { font-size: 1em; /*_font-size: 0.9em;*/}
form { margin: 0em; padding: 0em;}
p { margin-top: 0px;}
th { color: #3E3832; text-align: left;}
th div { background-image: url('../bilder/dashedline.gif'); background-repeat: repeat-x; background-position: bottom left; padding: 3px 0px 3px 11px; margin-bottom: 8px;}
label { margin-left: 11px;}

h1, h2, h3, h4, h5 { margin: 0em; padding: 0em; }
h1 { color: #675C53; font-size: 2.5em; padding-left: 11px; background-image: url('../bilder/headingunder.gif'); background-repeat: repeat-x; background-position: bottom left; margin-bottom: 15px; padding-bottom: 1px; }
h2 { font-size: 1.2em;}
h2 a, h2, h2 a:visited {color: #3E3832; /*#857D75;*/}
h2 a:hover { text-decoration: none;}
h3 { color: #675C53; font-size: 1em;}
h4 { color: #988F86; font-size: 1.1em; padding-left: 1px; background-image: url('../bilder/headingunder.gif'); background-repeat: repeat-x; background-position: bottom left; margin-bottom: 7px; padding-bottom: 2px;}
h5 {}
h1 span { color: #C30000;}

/*********************************************************
*
*	GLOBAL ELEMENTS SELF DEFINED
*
**********************************************************/
.lnkHome { float: left;}
.btn { border: 1px solid #A69D97; color: #675C53; /*padding: 0px 3px 0px 3px;*/ padding: 0.1em 3px 0em 3px; background-image: url('../bilder/backgroundbutton.gif'); background-repeat: repeat-x; background-position: bottom left;}
.bottomSpacer { height: 50px; clear: left;}
.formBox { background-color: #E0DED8; padding: 5px 6px 5px 10px;}
.dashedBox { padding: 5px 6px 5px 10px; background-image: url('../bilder/dashedline.gif'); background-repeat: repeat-x; background-position: bottom left;}

.dateSearchResult, .date { color: #857D75;}
.date { font-size: 0.9em;}
.ingress, .ingressNoSpace { font-weight: bold; color: #857D75; margin-top: 5px;}
.ingressNoSpace p { margin-bottom: 0px; }
.portletSpacer { height: 20px; clear: left; width: 100%; }
.alternateRow { background-color: #F4F3F1; }
.dashedLine { clear: left; background-image: url('../bilder/dashedline.gif'); background-repeat: repeat-x; background-position: bottom left; height: 1px; font-size: 0px; margin-bottom: 4px; padding-top: 3px;}
.contentMarginContainer { margin-left: 11px;}
.iconSchema {background-image: url('../bilder/iconskjema.gif'); background-repeat: no-repeat; background-position: top left; padding: 2px 0px 3px 25px; }
.linkNewsArchive { background-image: url('../bilder/dashedline.gif'); background-repeat: repeat-x; background-position: bottom left; padding: 0px 0px 3px 11px; margin-top: 13px;}
#footer { text-align: center; margin-bottom: 20px;}
.parAnswer { margin-top: 10px;}

.lnkArchive { margin-top: 10px; display: block;}

.upperCase { text-transform: uppercase;}
.navigateAlfabet { margin-bottom: 10px;/* width: 80%; float: left;*/}

.noBorder { border: none;}
.noMargin { margin: 0px;}
.noMarginLeft { margin-left: 0px;}

.searchResultInputField { width: 250px;}
.searchResult { float:left; width:73%;}
.searchResultRightContainer { float: left; width: 27%; }
.searchResultRightContainer h4 { padding: 0px 0px 2px 0px!important; margin: 5px 0px 10px 0px!important;}
.searchResultRightContainer strong { color: #988F86;}
.searchResultRightContainer .dashedLine { margin: 9px 0px 9px 0px;}

.searchIngress {color: #857D75; margin-bottom: 3px;}
.searchHit { width: 97%;}
.searchHit li { margin-bottom: 10px;}

.searchHitDashedUnderLine { background-image: url('../bilder/dashedline.gif'); background-repeat: repeat-x; background-position: bottom left; margin-bottom: 5px; padding-bottom: 2px; margin-left: 29px; text-indent: -29px;}
.searchHitDashedUnderLine a { font-weight: bold;}
.searchHitDashedUnderLine img { margin-right: 5px;}
.searchContentMarginContainer { margin-left: 29px; }

.hitsOfType { width: 100%; margin-top: 8px; float: left;}

.searchHitNavigation { margin-left: 10px; margin-top: 3px;}
.searchFloatTop { float: left;}

.searchOffice { margin-top: 4px; background-color: #E0DED8; float: left; width: 100%; padding-top: 5px; padding-bottom: 5px; }
.officeExpander { line-height: 2em;}

.rightImageTopSpacing { height: 17px;}
.calendarItem { margin-left: 5px;}
.supportFormContainer { margin-bottom: 2px;}
.selStrekkodeArk { width: 30em;}

.NAVsizeLinks { margin-left: 3px; }

/*********************************************************
*
*	SITECONTAINERS - page setup
*
**********************************************************/
#mainContainer { margin-left: 10px;}
#headerContainer { margin-top: 12px; height: 61px; }
#marginContainer { margin-left: 26px;}
#frameContainer { width: 100%; background-color: #005B82; float: left;}
#contentContainer { float: left; width: 100%; margin-bottom: 30px; margin-top: 30px; background-color: #FFFFFF; background-image: url('../bilder/backgroundframekommune.gif'); background-repeat: repeat-y; background-position: top left; }
#contentContainer #menuContainer { width: 24.84%; float: left; margin-right: 1.86%; }
#contentContainer #mainContentContainer { width: 48.24%; float: left; margin-top: 15px;}
#contentContainer #relevantContainer { width: 21.73%; float: left; margin-left: 2.27%; margin-top: 32px;}
#contentContainer #mainWideContentContainer { float: left; margin-top: 15px; width: 73%;}
#accessibilityContainer { position: absolute; left: -500px; top: -500px; }

/*********************************************************
*
*	BORDERS - Shadows left side and bottom
*
**********************************************************/
#borderLeft { float: left; width: 100%; background-image: url('../bilder/borderleft.gif'); background-repeat: repeat-y; background-position: left top; }
#borderBottomContainer { margin-left: 19px;}
#borderBottomLeft { float: left; height: 12px; width: 100%; background-image: url('../bilder/borderbottomleft.gif'); background-repeat: no-repeat; background-position: top left;}
#borderBottomCenter { float: left; background-image: url('../bilder/borderbottom.gif'); background-repeat: repeat-x; background-position: top left; height: 12px; width: 100%;}


/*********************************************************
*
*	HEADERCONTAINER
*
*********************************************************/
#headerContainer .logo { float: left; margin-left: 65px;}
#headerContainer #headerContent { float: right; }
#headerContainer .formBox { float: left; margin-left: 8px; background-color: transparent; padding: 0px; }
#headerContainer .formBox label { float: left; margin-right: 5px; margin-top: 3px; margin-left: 0px;}
#headerContainer .formBox input, #headerContainer .formBox select { float: left;}
#headerContainer .formBox input { width: 9em;}
#headerContainer .formBox .btn { margin-left: 4px; width: auto;}
#headerContainer .formBox select { width: 17em;}
#headerContainer .formBoxMargin { margin-right: 13px;}
#headerContainer .switchFontContainer { text-align: right; margin-right: 13px; margin-bottom: 10px;}
#headerContainer .switchFontContainer a, #headerContainer .switchFontContainer a:visited { color: #3E3832;}
/* Endre skriftstr stiler [AAA] - se egne stilark */
#headerContainer .switchFontContainer .small { font-size: 1em; }
#headerContainer .switchFontContainer .medium { font-size: 1.1em; }
#headerContainer .switchFontContainer .large { font-size: 1.2em; }


/*********************************************************
*
*	SEMIHEADER - choose local attachment, path
*
*********************************************************/
#semiHeader { float: left; width: 100%; margin-top: 9px; background-image: url('../bilder/backgroundlokalt.gif'); background-repeat: repeat-y; background-position: top left;}
#semiHeader select { margin-left: 10px; margin-right: 5px;}
#semiHeader .chooseLocalContainer { width: 24.84%; float: left; margin-right: 1.86%;}
#semiHeader .chooseLocal { margin-left: 30px;  float: left; display: inline;}
#semiHeader #breadcrumbContainer { float: left;  color: #675C53; margin-left: 11px;}
#semiHeader #breadcrumbContainer a, #semiHeader #breadcrumbContainer span { margin-left: 5px; }

/********************************************************
*
*	MENUCONTAINER - main menu
*
**********************************************************/
#menuContainer .hasChild { background-image: url('../bilder/arrow.gif'); background-repeat: no-repeat; background-position: 0px 5px; }
#menuContainer .hasChildSelected { background-image: url('../bilder/arrowselected.gif'); background-repeat: no-repeat; background-position: 0px 8px;}

#menuContainer .lokalt { float: left; width: 100%; background-image: url('../bilder/backgroundlokalt.gif'); background-repeat: repeat-y; background-position: top left;}
/* HACK - for å få minimumshøyde på ie */
#menuContainer .lokalTxt { _height: 70px; min-height: 70px; background-image: url('../bilder/lokalt.gif'); background-repeat: no-repeat; background-position: top left;}
#menuContainer .lokalt .selected { background-image: url('../bilder/lokalselected.gif'); background-repeat: no-repeat; background-position: top left; }
#menuContainer .lokalt .selectedLink { color: #C30000; font-weight: bold;}

#menuContainer .fag { float: left; width: 100%; background-image: url('../bilder/backgroundsentralt.gif'); background-repeat: repeat-y; background-position: top left;}
#menuContainer .fagTxt { background-image: url('../bilder/sentralt.gif'); background-repeat: no-repeat; background-position: top left; height: 80px; }
#menuContainer .fag .selected { background-image: url('../bilder/sentraltselected.gif'); background-repeat: no-repeat; background-position: top left; }
#menuContainer .fag .selectedLink { color: #B7B1A9; font-weight: bold;}

#menuContainer .etatstjenester { float: left; width: 100%; background-image: url('../bilder/backgroundetatstjenester.gif'); background-repeat: repeat-y; background-position: top left;}
/* HACK - for å få minimumshøyde på ie */
#menuContainer .etatstjenesterTxt { _height: 130px; min-height: 130px; background-image: url('../bilder/etatstjenester.gif'); background-repeat: no-repeat; background-position: top left;}
#menuContainer .etatstjenester .selected { background-image: url('../bilder/etatselected.gif'); background-repeat: no-repeat; background-position: top left; }
#menuContainer .etatstjenester .selectedLink { color: #005B82; font-weight: bold;}
#menuContainer ul ol ol .selectedLink { font-weight: normal!important;}
#menuContainer ul ol ol .selectedLink:hover {font-weight: bold!important;}

#menuContainer a { color: #675C53; font-size: 1.1em; margin: 0px; padding: 0px;}
#menuContainer a:hover { text-decoration: none; font-weight: bold; }
#menuContainer ul { margin: 5px 0px 10px 30px; padding: 0px; }
#menuContainer li { padding: 0em; margin: 0em;}
#menuContainer ul li div { padding-left: 10px;}
#menuContainer ul div { padding-top: 3px; padding-bottom: 6px; background-image: url('../bilder/menuunder.gif'); background-repeat: repeat-x; background-position: bottom left;}
#menuContainer ul ol { margin: 4px 0px 5px 5px;}
#menuContainer ul ol div { margin-left: 12px; padding-left: 3px;}
#menuContainer ul ol a { font-size: 1em; }
#menuContainer ul ol ol { margin-left: 7px;}
#menuContainer ul ol ol div { background-image: none; padding: 0px 0px 2px 0px; margin: 0em;}
#menuContainer h4 { padding-left: 15px; margin-top: 5px; margin-bottom: 15px; }


.alfabetPortlet { float: left; width: 100%; clear: left; }
.alfabetPortlet .alfabetContent { margin-left: 30px;}
.alfabetPortlet .alfabet { margin-left: 15px; margin-right: 5px;}
.alfabetPortlet a { text-transform: uppercase; margin: 0px 0.2em 0.2em 0px!important; font-size: 1em!important; text-align: center; font-weight: bold; text-decoration: none; display: block; width: 1.1em; float: left; background-color: #E0DED8; padding: 2px!important; color: #3E3832!important;}
.alfabetPortlet a:hover, .alfabetPortlet .selected { background-color: #00A9E0; color: #FFFFFF!important; text-decoration: none; }

#menuContainer .netMapBox { float: left; clear: left; width: 100%; margin-top: 30px;}
#menuContainer .netMapBox h4 { margin-left: 30px;}
#menuContainer .netMap { color: #0074C4; margin-left: 45px; padding: 5px 0px 10px 35px; display: block; background-image: url('../bilder/iconmap.gif'); background-repeat: no-repeat; background-position: top left;}
/*#menuContainer .netMap:visited { color: #8B32E5; }*/
#menuContainer .netMap:hover { text-decoration: underline;}
#menuContainer .lnkStartside { background-image: url('../bilder/iconstartside.gif'); margin: 3px 0px 15px 40px; background-position: top left; background-repeat: no-repeat; padding: 5px 0px 10px 35px; font-size: 1.3em; display: block; }
#menuContainer .lnkStartside:hover {padding: 5px 0px 9px 35px;}

/*********************************************************
*
*	FEILMELDING
*
**********************************************************/
#errorPage h1 { color: #C30000;}
#errorPage p { font-size: 1.2em; color: #675C53; margin-top: 20px;}
#errorPage .linkContact { font-size: 1.2em; margin-top: 30px; display: block;}
#errorPage .error {border:1px solid red;padding:1em}

#staticErrorPage { background-color: #C30000; margin-left: 26px; padding: 10% 0% 10% 20%;}
#staticErrorPage h1 { background-image: url('../bilder/errorline.gif'); }
#staticErrorPage h1, #staticErrorPage p, #staticErrorPage a { color: white;}
#staticErrorPage p, #staticErrorPage a { margin-left: 11px;}

/*********************************************************
*
*	TEXTCONTROLLER - for å kontrollere html editoren spytter ut
*
**********************************************************/
.textController ul li { color: #3E3832;}
.textController ul { list-style-type: square; list-style-position: outside; color: #857D75; margin-bottom: 15px; margin-left: 16px;}
.textController ol { list-style: decimal; list-style-position: outside; margin-bottom: 15px; margin-left: 22px;}
.textController h2 { margin-top: 10px;}

.textController h1, .textController h2, .textController h3, .textController h4, .textController h5 { color: #675C53; font-size: 1em; background-image: none; padding: 0px; margin: 0px 0px 6px 0px;}
.textController h1 a, .textController h1 a:visited, .textController h2 a, .textController h2 a:visited, .textController h3 a, .textController h3 a:visited, .textController h4 a, .textController h4 a:visited, .textController h5 a, .textController h5 a:visited {color: #675C53;}
.textController h1 a:hover, .textController h2 a:hover, .textController h3 a:hover, .textController h4 a:hover, .textController h5 a:hover { text-decoration: none;}

.textController strong, .textController b { color: #675C53;}
.textController p { margin-bottom: 0.5em;}

/*********************************************************
*
*	MAINCONTENTCONTAINER - Content in center column
*
*********************************************************/
#mainContentContainer .news { margin-bottom: 20px; width: 100%; clear: left; display: table;}
#mainContentContainer .news h2 { display: inline;}
#mainContentContainer .news .date { margin-left: 5px; }
#mainContentContainer .news p { margin: 6px 0px 0px 0px; padding: 0px;}
#mainContentContainer .news img { float: left; margin-right: 20px; /*margin-left: 11px;*/ }
#mainContentContainer .news div { float: left;}

#mainContentContainer .campaignContainer { background-color: #EDEBE9;/*F9F8F7;*/ float: left; width: 100%; }
#mainContentContainer .campaignContainer .txtContainer { margin-top: 15px; margin-right: 200px; }
#mainContentContainer .campaignContainer h5 { padding: 4px 0px 4px 20px; color: #676C53; font-size: 1.6em; background-image: url('../bilder/bigdashedunder.gif'); background-repeat: repeat-x; background-position: bottom left;}
#mainContentContainer .campaignContainer h5 a, #mainContentContainer .campaignContainer h5 a:visited { color: #676C53;}
#mainContentContainer .campaignContainer h5 a:hover { text-decoration: none;}
#mainContentContainer .campaignContainer img { float: right;}
#mainContentContainer .campaignContainer .campaignLink { margin-left: 20px; padding-top: 10px; display: block;}

#mainContentContainer .figureContainer { background-color: #F9F8F7; float: left; width: 100%;}
#mainContentContainer .figureContainer img { float: left; margin-right: 18px;}
#mainContentContainer .figureContainer div { padding: 18px;}

.tblKeyNumbers { width: 100%; }
.tblKeyNumbers th { color: #988F86; font-weight: bold; font-size: 1.1em;}
.tblKeyNumbers td, .tblKeyNumbers th { padding: 10px 0px 6px 11px;}
.tblKeyNumbers .columnLeft { width: 49.5%;}
.tblKeyNumbers .columnCenter { width: 1%  }
.tblKeyNumbers .alternateRow .columnCenter {background-color: #FFFFFF; }
.tblKeyNumbers .columnRight { width: 49.5%;}

#mainContentContainer .pageBrandingContainer, #mainWideContentContainer .pageBrandingContainer { background-color: #A2AD00; padding: 5px 11px 5px 11px; margin-bottom: 10px;}
#mainContentContainer .pageBrandingContainer h2, #mainWideContentContainer .pageBrandingContainer h2, #mainWideContentContainer .pageBrandingContainer h2 a {color: white; }

#mainContentContainer .pageRecourseHeaderContainer, #mainWideContentContainer .pageRecourseHeaderContainer { background-color: #E0DED8; padding: 5px 11px 5px 11px; margin-bottom: 13px;}
#mainContentContainer .pageRecourseHeaderContainer h2, #mainWideContentContainer .pageRecourseHeaderContainer h2 { color: #675C53;}
#mainContentContainer .pageRecourseHeaderContainer h2 span, #mainWideContentContainer .pageRecourseHeaderContainer h2 span { text-transform: lowercase;}

#mainContentContainer .local { background-color: #C30000;}
#mainContentContainer .local h2 { color: #FFFFFF;}

#mainContainer .lovList li {  background-image: url('../bilder/iconlov.gif'); background-repeat: no-repeat; background-position: 0px 5px; padding-left: 20px; }

#mainContentContainer .prev { float: left;}
#mainContentContainer .next { float: right;}

#mainContentContainer .haandbokNavigationContainer .prev { margin-left: 11px;}
#mainContentContainer .haandbokNavigationContainer .next { display: block;}

#mainContentContainer .imageContainer { float: right; margin: 0px 10px 10px 10px;}
#mainContentContainer .imageContainer img { display: block; }

/*********************************************************
*
*	mainWideContentContainer - Content in center column
*
*********************************************************/
#mainWideContentContainer .halfPageContainer { float: left; width: 48.5%; margin-right: 1%;}
#mainWideContentContainer .noMarginRight { margin-right: 0px;}
#mainWideContentContainer h4 { padding-left: 11px; margin-top: 17px;}
#mainWideContentContainer .formBox { padding: 10px 0px 10px 0px; float: left; width: 100%;}
#mainWideContentContainer .formBox form { float: left;}
#mainWideContentContainer .formBox .btn { margin-left: 6px; }
#mainWideContentContainer .formBox .subForm { padding-left: 11px; margin-top: 5px;}
/*#mainWideContentContainer .formBox .subform div {float: left;}*/
#mainWideContentContainer .dashedBox {padding: 10px 0px 10px 0px; float: left; width: 100%;}
#mainWideContentContainer .dashedBox form { float: left;}
#mainWideContentContainer .dashedBox .btn { margin-left: 6px; }

#mainWideContentContainer .quarterPageContainer { float: left; width: 23%; margin-right: 1%;}
#mainWideContentContainer .quarterPageContainer a { display: block; padding-left: 11px;}
#mainWideContentContainer .quarterPageContainer ul { margin-left: 18px;}

#mainWideContentContainer .tblFormList .col1 { width: 36%;}
#mainWideContentContainer .tblFormList .col2 { width: 10%;}
#mainWideContentContainer .tblFormList .col3 { width: 29%;}
#mainWideContentContainer .tblFormList .col4 { width: 25%;}

#mainWideContentContainer .pageSection { margin-top:4px; background-color: #E0DED8; float: left; width: 100%; padding-top: 5px; padding-bottom: 5px; }
#mainWideContentContainer .pageSection form { float: left;}
#mainWideContentContainer .pageSection div { margin-left: 10px;}
#mainWideContentContainer .pageSection a { margin-left: 5px;}
#mainWideContentContainer .clear { clear: left;}

#mainWideContentContainer .prev { float: left;}
#mainWideContentContainer .next { float: right;}

/****************************************************
*
* 	RELEVANTCONTAINER - rightcolumn
*
*****************************************************/
#relevantContainer .shortcutBox { margin-top: 7px;}
#relevantContainer select { width: 130px;}
#relevantContainer .priority { background-image: url('../bilder/priority.gif'); padding-left: 50px; padding-top: 2px; padding-bottom: 5px; background-repeat: no-repeat; background-position: top left;}
#relevantContainer .priority a { color: #00A9E0; font-size: 1.5em;}
#relevantContainer .lnkHelp { margin-top: 15px; margin-bottom: 3px; font-weight: bold; font-size: 1.1em; display: block;}
#relevantContainer .iconPrint { background-image: url('../bilder/iconprint.gif'); background-repeat: no-repeat; background-position: top left; padding: 10px 0px 10px 40px;}

#relevantContainer .replyBox { margin-top: 12px;}
#relevantContainer .replyContainer { background-image: url('../bilder/icontilbakemelding.gif'); background-repeat: no-repeat; background-position: top left; padding: 5px 10px 5px 40px;}
#relevantContainer .replyContainer a { margin-bottom: 3px; display: block;}

#relevantContainer .kampanjeContainer h4 { color: #3E3832; font-size: 1.3em; background-image: url('../bilder/bigdashedunder.gif'); background-repeat: repeat-x; background-position: bottom left;}

#relevantContainer .haandbokContainer h2 { font-size: 1.1em; margin-bottom: 20px;}
#relevantContainer .haandbokContainer h4 { margin-bottom: 20px;}
#relevantContainer .haandbokContainer .iconPrint { margin-top: 20px; display: block;}

#relevantContainer .newsImageContainer p { margin: 5px 5px 0px 0px;}
#relevantContainer .calendarItem { margin-left: 0px;}