h1 {font-size:2.2em; margin-bottom:5px;}
h2 {font-size:1.6em; margin-bottom:5px;}
h3 {font-size:1.2em; margin-top:4px;margin-bottom:4px;}

a:hover { color: #000; }

.lesMerKnapp {border:1px solid #fff; display:inline-block; padding:2px 25px 2px 25px; text-decoration:none;}

/*header*/
.headerContainer {height:100px;}
.searchFormHeader input { /*border:1px dashed #fff;*/ font-size:200%; padding:20px;}
    .searchFormHeader input:focus {outline: none;}

.showSubMenu {cursor:pointer;}
.headerSubMenu {display:none; padding:8px; }
.activeHeaderContainer1 {padding:2px;}
.activeHeaderContainer2 {}
.activeContainer1 {border:1px solid #fff;}
.activeContainer2 {background-color:#681d46;}



.openMenu:hover {color:#fff !important;}
.closeMenu {color:#fff !important; padding-right:10px;padding-top:5px;background-color:none;}
.openSearch:hover {color:#fff !important;}
.closeSearch {color:#fff !important; padding-right:15px;padding-top:10px;}


.searchResultPage input {background-color:#fff; color:#777; border:1px solid #555;}


.headerRow { z-index:101; padding:15px 15px 1px 15px; position:fixed; top:0px; left:2px; right: 2px; color:#fff;}
.headerRow a {color:#fff;}
.logoHeaderForside {max-width:450px;}
.logoHeader {max-width:300px;}

.headerItemIcon {text-align:right;}
.headerItemTxt {padding-top:4px; text-align:left;}
.headerRowSide { text-align:left;}


.subPageInMenu {border-bottom:1px solid #fff;}
.activeSubPage { background-color:#fff; color:#555;}
.activeSubPage a { color:#555;}

.breadcrumb  {color:#777;}
.breadcrumb a {color:#777;}

.showSub {vertical-align: top;}
.theSubWrapper {text-align:left; /*margin:10px;*/ padding-top:15px; padding-bottom:15px;/*border-top:2px solid #eee;*/ display:none; position:absolute;top:51px; left:0; right:-4px;  background-color:#8e0b56;}
.subActive {background-color:#681d46;}
.subItem:hover { background-color:#681d46;}


/*right menu*/
#navigationIcon {position:absolute;top:0px; cursor:pointer; right:223px; width:45px; padding:2px 15px 2px 5px; color:#fff; color:#8e0b56;/* background-color:#fff;*/}
#rightMenu {position:fixed;top:20%; right:0; width:250px; background-color:#fff; padding:10px; z-index:200; /*border-left:2px solid #8e0b56;*/  /*box-shadow: 0 0 15px 2px #444;*/}
.pointingLeft {display:none;}
.toggleIconRightMenu {font-size:45px;margin-top: 105px; background-color:#fff; padding:4px;}
.rightMenuIconContainer {padding:8px 10px 8px 0;}
.rightMenuIconStyle {font-size:30px; color:#4e1a38; display:inline-block; padding-right:8px;}




/*list style site map*/
.level-2 {/*font-size:150%;*/ list-style:none; padding:10px 0 4px 0; }
.level-3 {padding:0 0 4px 0;}
.level-4 {padding:0 0 4px 0;}


/*liste med ikon*/
.listIcon {text-align:center; padding-top:20px; padding-bottom:20px;}


/*frontpage*/
.introFrontpage {color:#fff; position:absolute;bottom:15%; left:13%; max-width:74%; font-size:1.5em; line-height:1.7em; background-color:rgba(142, 11, 86, 0.6); padding:0 20px;}
.introFrontpage a { color:#fff; background:#8e0b56;}

.temaContainerFront {margin-left:-5px; padding-bottom:5px; }
.temaboksFront { margin:5px 0 0 5px;}
.temaboksTxt {height:175px; background-color:#8e0b56; color:#fff; padding:25px; }
.temaboksImg {

    background-size:cover;
    background-position: center;
    height:350px;
   position:relative;
    width:100%;
}
.temaTittel {color:#8e0b56; position:absolute; top:15px; left:15px; font-size:1.4em;}
.tittel2 {font-weight:bold;}

.newsContainerFront {padding:30px 30px 30px 25px;  background-color:#5a4242;}
    .newsContainerFront a {
        text-decoration: none;
    }
.newsContainerMax {max-width:1440px; margin:auto;}
.newsboksFront { margin:5px 0 0 5px; padding:10px;}
.newsListTitle {color:#fff; padding-left:15px; padding-bottom:4px;}
.newsboksTxt { color:#fff; padding:15px 0 15px 0; }
.newsboksImg { 
    background-size:cover;
    background-position: center;
    height:350px;
   
    width:100%;
}
.lesMerFrontpage {text-decoration:underline;}

/*org kart*/
.modellBG {background-image:url(/images/png/orgKartBG.png); background-repeat:repeat;}
.orgKartModell a {color:#fff;}
.modellHeadingContainer {text-align:center;position:relative; padding-bottom:45px; margin: 10px 0 10px 0; width:100%;}
.modelloverskrift {font-size:1.2em; color:#fff; display:inline-block; margin:auto; border-bottom:2px solid #fff;font-weight:bold;width:auto; padding:3px;}
.headingArrow {position:absolute; bottom:0px; left:48%; width:23px; height:45px; background-image:url(/images/png/arrowDown.png);  background-position: center bottom; background-repeat:no-repeat;  }
.mainInfoBox {border:2px solid #fff; padding:15px; margin: 10px 0 35px 0; width:100%;position:relative; color:#fff;background-color:#8B0857;}
.subInfoBox {position:relative; border:2px solid #fff; padding:15px; margin: 10px 0 20px 0; width: 80%; margin-left: auto; margin-right: 0; color:#fff;background-color:#8B0857;}
.bgArrowStyle {background-image:url(/images/png/arrowDown.png);  background-position: 10% bottom; background-repeat:no-repeat; padding-bottom:5px; }
.arrow1 {position:absolute; bottom:-25px; left:48%; width:23px; height:25px; background-image:url(/images/png/arrowDown.png);  background-position: center bottom; background-repeat:no-repeat;  }
.arrow2 {position:absolute; bottom:-25px; left:57%; width:23px; height:25px; background-image:url(/images/png/arrowDown.png);  background-position: center bottom; background-repeat:no-repeat;  }
.expandIcon {position:absolute; right:15px; top:15px; cursor:pointer;}

.introBox {position:relative; border:2px solid #fff; padding:0px; margin: 30px 0 30px 10%; width: 82%;  color:#fff;background-color:#8B0857;}
.arrow3 {position:absolute; bottom:-25px; left:46%; width:23px; height:25px; background-image:url(/images/png/arrowDown.png);  background-position: center bottom; background-repeat:no-repeat;  }
.arrowRight {position:absolute; bottom:20px; right:-25px;width:23px; height:25px;  background-image:url(/images/png/arrowDown.png);  background-position: center bottom; background-repeat:no-repeat;}
.mottakerBoks {position:absolute; bottom:-33px; right:-35px;}
.mottakerBoksMob {position: absolute; right: 0;  bottom: -23px; max-width:85%;}

.modellVedlegg {border:2px solid #fff; padding:15px; margin: 10px 0 35px 0; width:100%;position:relative; color:#fff;background-color:#8B0857;}
.vedleggLink {display:inline-block; vertical-align:top; position:relative; font-size:14px; width:110px; height:135px; margin-right:15px; border:2px solid #fff; padding:25px 10px 5px 10px; text-align:center;}
.vedleggCutCorner {position: absolute; bottom: -7px; left: -12px; border-top: 2px solid #fff; width: 30px; height: 20px; background-color: #8B0857; transform: rotate(45deg);}

.rotate {
/* Safari */
-webkit-transform: rotate(-90deg);
/* Firefox */
-moz-transform: rotate(-90deg);
/* IE */
-ms-transform: rotate(-90deg);
/* Opera */
-o-transform: rotate(-90deg);
/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

/*calendar front*/
.calendarContainerFront {padding:45px 30px 50px 25px;}
.calendarEvent {padding-top:30px; padding-bottom:30px;}
.dateContainer {display:inline-block; width:15%; vertical-align:top; min-width:80px;}
.dateContainerInner {text-align:center; display:inline-block; width:65px; margin-top:5px;}
.monthContainer {padding:5px 15px; border-radius:8px 8px 0 0; background-color:#8C1E5A; color:#fff; }
.dayContainer {padding:5px 15px;  border-radius:0 0 8px 8px; background-color:#c9c9c9; font-size:125%; color:#000;}
.calendarTxtContainer {display:inline-block; width:75%;}
.calenderHeading {font-size:125%; padding-bottom:8px;}
/*calendar page*/
.calendarHeadOuter{padding-bottom:10px; padding-top:25px;}
.dateContainerPage {text-align:center; display:inline-block; width:80px; margin-top:10px; padding-right:15px; vertical-align:top; padding-bottom:12px;}
.monthContainerPage {padding:5px 15px; border-radius:8px 8px 0 0; background-color:#8C1E5A; color:#fff;}
.dayContainerPage {padding:5px 15px;  border-radius:0 0 8px 8px; background-color:#c9c9c9; font-size:125%;}
.calendarHeading {display:inline-block;}
.calendarHeading h1 {margin-top:0;}
.calendarKl {font-size:125%; padding-bottom:10px;}
.calendarIntro {font-weight:bold;}


footer a:hover{color:#000;}
.footerFront {background-color:#8e0b56; min-height:400px; margin-top:5px;}
.fotterMaxWidth {max-width:1440px; margin:auto;}
.footerTitle {color:#fff; padding:30px 0 15px 15px;}
.personvernlinkFooter { text-align:center; padding:10px 20px 50px 20px;;}

.samarbeidspartnere {text-align:center; padding:25px 0 60px 0; border-bottom:1px solid #ccc; max-width:90%; margin:auto;}
.samarbeidspartnereHeading {border-bottom:1px solid #ccc; display:inline-block; padding:8px 20px 8px 20px; margin-bottom:15px;}
.logoSamarbeidspartner {display:inline-block; max-width:150px; max-height:60px; padding:15px; margin:auto;}

.fullPage{
    background-size:cover;
    background-position: center;
    min-height: 100vh;
    position:relative;
}


/*side/artikel*/
.newSection {padding-top:20px;}
.paddingInSection {padding-bottom:35px;}


/*kontakt*/
.kontaktpersoner {padding-bottom:8px; padding-top:8px; border-top:1px solid #999;}
#sokKomune {background-color:#fff; color:#777; border:1px solid #555;}

/*kommuner*/
.kontaktKommuneHeading {margin-top:0; padding-top:0;}
.kommuneInDropDown {color:#fff; text-decoration:none; background-color:#8e0b56; margin:1px;  font-weight:bold; padding:8px; display:block;}
.kommuneInDropDown:hover {color:#fff; text-decoration:none; background-color:#681d46;}


.contourField  input[type=text], .contourField textarea { background-color:#fff !important; border-radius:4px; border:1px solid #999; color:#555;}



/*nyhetskarusell*/
.slider {
    display: flex;
    flex-direction: row;
    padding: 1px;
}

    .slider li {
        height: 100%;
    }



.slick-item {
    width: 100%;
}

.slick-image {
    height: 50px;
    width: 50px;
}

.slider-content {
    border: 5px solid black;
    width: 200px;
    height: inherit;
    padding: 5px;
    overflow: hidden;
}


@media (max-width: 1400px){

.introFrontpage { left:5%; max-width:90%; font-size:1.5em; line-height:1.7em;}

}


@media (min-width: 2000px){

.introFrontpage { left:20%; max-width:60%; font-size:1.5em; line-height:1.7em;}
.temaContainerFront {max-width:2000px; margin:auto; }
.newsContainerFront {max-width:2000px; margin:auto;border-left:5px solid #fff;}
.footerFront {max-width:2000px; margin:auto;border-left:5px solid #fff;}
}

@media (max-width: 768px)
{
    .introFrontpage {bottom:10%; left:5%; max-width:90%; font-size:1.2em; line-height:1.4em;}
    .arrow3 {left:5%;  }
    .introBox {position:relative; border:2px solid #fff; padding:0px; margin: 30px 0 30px 0; width: 100%;  color:#fff;background-color:#8B0857;}
    .mottakerBoks {   display:none;}

@media (max-width: 480px)
{
    .introFrontpage {bottom:5%; left:5%; max-width:90%; font-size:1em; line-height:1.4em;}
}





/**umb_name:H2*/
h2{font-size:1.6em;
margin-bottom:5px;}

/**umb_name:H3*/
h3{font-size:1.2em; 
margin-top:4px;
margin-bottom:4px;}