@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Cabin");
@import url("https://fonts.googleapis.com/css?family=Cabin");
@import url("https://fonts.googleapis.com/css?family=Cabin");
@import url("https://fonts.googleapis.com/css?family=Cabin");
@import url("https://fonts.googleapis.com/css?family=Cabin");
@import url("https://fonts.googleapis.com/css?family=Cabin");
@font-face {
  font-family: 'bronnoy';
  src: url("../fonts/bronnoy.ttf?phrbgf") format("truetype"), url("../fonts/bronnoy.woff?phrbgf") format("woff"), url("../fonts/bronnoy.svg?phrbgf#bronnoy") format("svg");
  font-weight: normal;
  font-style: normal;
}

.webPart li[class^="icon-"] > a > span:before, .webPart li[class*=" icon-"] > a > span:before, table.faktaboks[class^="icon-"] caption:before, table.faktaboks[class*=" icon-"] caption:before, .webPart[class^="icon-"] .webPartTittel span:before, .webPart[class*=" icon-"] .webPartTittel span:before, #alert-box .close-button:after, #message-box .close-button:after, .school_main-menu a::after, #navigation .employee-menu a span::before, #main-menu .vListe a::after, #main-menu ul.vListe > li li a::after, #accessibility-menu ul.vListe > li.collapsable > a:after, #main-menu-toggle::before,
#search-box-toggle::before, .area-message .area-message__title h3:before, .area-message .area-message__title .news-list ul > li > a .tittel:before, .news-list ul > li > a .area-message .area-message__title .tittel:before, .area-message .area-message__title .event-list-box ul li .event-text .event-title a:before, .event-list-box ul li .event-text .event-title .area-message .area-message__title a:before,
.area-message .area-message-list-item__title h3:before, .area-message .area-message-list-item__title .news-list ul > li > a .tittel:before, .news-list ul > li > a .area-message .area-message-list-item__title .tittel:before, .area-message .area-message-list-item__title .event-list-box ul li .event-text .event-title a:before, .event-list-box ul li .event-text .event-title .area-message .area-message-list-item__title a:before,
.area-message-list-item .area-message__title h3:before, .area-message-list-item .area-message__title .news-list ul > li > a .tittel:before, .news-list ul > li > a .area-message-list-item .area-message__title .tittel:before, .area-message-list-item .area-message__title .event-list-box ul li .event-text .event-title a:before, .event-list-box ul li .event-text .event-title .area-message-list-item .area-message__title a:before,
.area-message-list-item .area-message-list-item__title h3:before, .area-message-list-item .area-message-list-item__title .news-list ul > li > a .tittel:before, .news-list ul > li > a .area-message-list-item .area-message-list-item__title .tittel:before, .area-message-list-item .area-message-list-item__title .event-list-box ul li .event-text .event-title a:before, .event-list-box ul li .event-text .event-title .area-message-list-item .area-message-list-item__title a:before, .area-message:not(.area-message--emergency) .area-message__title::before,
.area-message:not(.area-message--emergency) .area-message-list-item__title::before,
.area-message-list-item:not(.area-message--emergency) .area-message__title::before,
.area-message-list-item:not(.area-message--emergency) .area-message-list-item__title::before, .frontpage__shortcut-menu a.external-link:after,
.frontpage__service-menu a.external-link:after,
.transport-page #sub-navigation a.external-link:after, .frontpage__service-menu a:after,
.transport-page #sub-navigation a:after, .frontpage__main-article-box .flexslider .text .artikkelLesMer a:after, .frontpage__article-list-box li .datoPublisert:before, .frontpage__article-list-box .webPartBunnLink a::after, .frontpage__event-list-box .calWPFooter a::after, #footer-content li[class*="icon-"]::before, #footer-content ul.vListe > li.collapsable > a:after, .footer__social-media li[class*="icon-"] .img::before, #breadcrumbs:before, #sub-navigation-toggle:after, #middle-column .calContent .calEvent .completeLocation h3:before, #middle-column .calContent .calEvent .completeLocation .news-list ul > li > a .tittel:before, .news-list ul > li > a #middle-column .calContent .calEvent .completeLocation .tittel:before, #middle-column .calContent .calEvent .completeLocation .event-list-box ul li .event-text .event-title a:before, .event-list-box ul li .event-text .event-title #middle-column .calContent .calEvent .completeLocation a:before, #middle-column .calContent .calEvent h3.hendelseskontakt:before, #middle-column .calContent .calEvent .news-list ul > li > a .hendelseskontakt.tittel:before, .news-list ul > li > a #middle-column .calContent .calEvent .hendelseskontakt.tittel:before, #middle-column .calContent .calEvent .event-list-box ul li .event-text .event-title a.hendelseskontakt:before, .event-list-box ul li .event-text .event-title #middle-column .calContent .calEvent a.hendelseskontakt:before, #bottom-aside .related-content-box .webPartInnhold .relaterteHeader:before, #bottom-aside .related-content-box .webPartInnhold .relaterteHeader:after, table.faktaboks caption:after,
.liste.faktaboks caption:after, .artikkeloversikt .artikkeloversiktrad .artikkelteaser:after, .artikkeloversikt .artikkeloversiktrad .KategoriForfatter:before, .service-menu ul.vListe > li > a::after, .focus-article li > a::after, .focus-article .lesmer::after, .news-list .webPartBunnLink a::before, .event-list-box .calWPFooter a::before, #footer-content .contact-box ul li[class^="icon-"]:before, #footer-content .contact-box ul li[class*=" icon-"]:before, #sub-navigation .external-link span.text:after,
.button-menu .external-link span.text:after, #main-menu .external-link:after,
#alert-box .external-link:after,
.artikkel .external-link:after, #middle-column .calContent .calEvent .time:before, #middle-column .calContent .calEvent .InnholdIngress a.ekstern:after,
#middle-column .calContent .calEvent .InnholdTekst a.ekstern:after, #middle-column .calContent .calEvent .InnholdIngress a.ekstern-wrapped .text:after,
#middle-column .calContent .calEvent .InnholdTekst a.ekstern-wrapped .text:after, .toppartikkel .related-resources__button::after, .toppartikkel .related-resources__button::before,
.toppartikkel .divFaqSporsmal::after,
.toppartikkel .divFaqSporsmal::before,
.toppartikkel .faq__question::after,
.toppartikkel .faq__question::before,
.artikkel .related-resources__button::after,
.artikkel .related-resources__button::before,
.artikkel .divFaqSporsmal::after,
.artikkel .divFaqSporsmal::before,
.artikkel .faq__question::after,
.artikkel .faq__question::before, .toppartikkel .related-resources__button:before,
.artikkel .related-resources__button:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'bronnoy' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#breadcrumbs:before {
  content: "\e908";
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  display: inline-block;
}

.webPart li[class^="icon-"].icon-arrow-right > a > span:before, .webPart li[class*=" icon-"].icon-arrow-right > a > span:before, table.faktaboks[class^="icon-"].icon-arrow-right caption:before, table.faktaboks[class*=" icon-"].icon-arrow-right caption:before, .webPart[class^="icon-"].icon-arrow-right .webPartTittel span:before, .webPart[class*=" icon-"].icon-arrow-right .webPartTittel span:before, #main-menu ul.vListe > li li a::after, .frontpage__article-list-box .webPartBunnLink a::after, .frontpage__event-list-box .calWPFooter a::after, #footer-content li.icon-arrow-right::before, .artikkeloversikt .artikkeloversiktrad .artikkelteaser:after, .service-menu ul.vListe > li > a::after, .focus-article li > a::after, .focus-article .lesmer::after, .news-list .webPartBunnLink a::before, .event-list-box .calWPFooter a::before {
  content: "\e908";
}

.webPart li[class^="icon-"].icon-arrow2-right > a > span:before, .webPart li[class*=" icon-"].icon-arrow2-right > a > span:before, table.faktaboks[class^="icon-"].icon-arrow2-right caption:before, table.faktaboks[class*=" icon-"].icon-arrow2-right caption:before, .webPart[class^="icon-"].icon-arrow2-right .webPartTittel span:before, .webPart[class*=" icon-"].icon-arrow2-right .webPartTittel span:before, .school_main-menu a::after, #main-menu .vListe a::after, .frontpage__service-menu a:after,
.transport-page #sub-navigation a:after, .frontpage__main-article-box .flexslider .text .artikkelLesMer a:after, #footer-content li.icon-arrow2-right::before {
  content: "\e911";
}

/*%icon-clock {
    content: "\e901";
}*/
.webPart li[class^="icon-"].icon-close > a > span:before, .webPart li[class*=" icon-"].icon-close > a > span:before, table.faktaboks[class^="icon-"].icon-close caption:before, table.faktaboks[class*=" icon-"].icon-close caption:before, .webPart[class^="icon-"].icon-close .webPartTittel span:before, .webPart[class*=" icon-"].icon-close .webPartTittel span:before, #alert-box .close-button:after, #message-box .close-button:after, #main-menu-toggle.open:before, #search-box-toggle.open:before, #footer-content li.icon-close::before, #sub-navigation-toggle:after {
  content: "\e910";
}

/*%icon-email {
    content: "\e900";
}*/
.webPart li[class^="icon-"].icon-external-link > a > span:before, .webPart li[class*=" icon-"].icon-external-link > a > span:before, table.faktaboks[class^="icon-"].icon-external-link caption:before, table.faktaboks[class*=" icon-"].icon-external-link caption:before, .webPart[class^="icon-"].icon-external-link .webPartTittel span:before, .webPart[class*=" icon-"].icon-external-link .webPartTittel span:before, .frontpage__shortcut-menu a.external-link:after,
.frontpage__service-menu a.external-link:after,
.transport-page #sub-navigation a.external-link:after, #footer-content li.icon-external-link::before, #bottom-aside .related-content-box .webPartInnhold .relaterteHeader:before, #sub-navigation .external-link span.text:after,
.button-menu .external-link span.text:after, #main-menu .external-link:after,
#alert-box .external-link:after,
.artikkel .external-link:after, #middle-column .calContent .calEvent .InnholdIngress a.ekstern:after,
#middle-column .calContent .calEvent .InnholdTekst a.ekstern:after, #middle-column .calContent .calEvent .InnholdIngress a.ekstern-wrapped .text:after,
#middle-column .calContent .calEvent .InnholdTekst a.ekstern-wrapped .text:after, .toppartikkel .related-resources__button:before,
.artikkel .related-resources__button:before {
  content: "\f08e";
}

.webPart li[class^="icon-"].icon-filled-upper-left-corner > a > span:before, .webPart li[class*=" icon-"].icon-filled-upper-left-corner > a > span:before, table.faktaboks[class^="icon-"].icon-filled-upper-left-corner caption:before, table.faktaboks[class*=" icon-"].icon-filled-upper-left-corner caption:before, .webPart[class^="icon-"].icon-filled-upper-left-corner .webPartTittel span:before, .webPart[class*=" icon-"].icon-filled-upper-left-corner .webPartTittel span:before, #footer-content li.icon-filled-upper-left-corner::before {
  content: "\e905";
}

.webPart li[class^="icon-"].icon-info > a > span:before, .webPart li[class*=" icon-"].icon-info > a > span:before, table.faktaboks[class^="icon-"].icon-info caption:before, table.faktaboks[class*=" icon-"].icon-info caption:before, .webPart[class^="icon-"].icon-info .webPartTittel span:before, .webPart[class*=" icon-"].icon-info .webPartTittel span:before, .area-message:not(.area-message--emergency) .area-message__title::before,
.area-message:not(.area-message--emergency) .area-message-list-item__title::before,
.area-message-list-item:not(.area-message--emergency) .area-message__title::before,
.area-message-list-item:not(.area-message--emergency) .area-message-list-item__title::before, #footer-content li.icon-info::before {
  content: "\e906";
}

/*%icon-location {
    content: "\e904";
}*/
.webPart li[class^="icon-"].icon-menu > a > span:before, .webPart li[class*=" icon-"].icon-menu > a > span:before, table.faktaboks[class^="icon-"].icon-menu caption:before, table.faktaboks[class*=" icon-"].icon-menu caption:before, .webPart[class^="icon-"].icon-menu .webPartTittel span:before, .webPart[class*=" icon-"].icon-menu .webPartTittel span:before, #navigation .employee-menu a span::before, #footer-content li.icon-menu::before, .footer__social-media .icon-facebook .img::before, #sub-navigation-toggle.closed:after {
  content: "\e907";
}

.webPart li[class^="icon-"].icon-person > a > span:before, .webPart li[class*=" icon-"].icon-person > a > span:before, table.faktaboks[class^="icon-"].icon-person caption:before, table.faktaboks[class*=" icon-"].icon-person caption:before, .webPart[class^="icon-"].icon-person .webPartTittel span:before, .webPart[class*=" icon-"].icon-person .webPartTittel span:before, #footer-content li.icon-person::before, #footer-content .contact-box ul li.icon-person:before {
  content: "\e902";
}

/*%icon-phone {
    content: "\e907";
}*/
/*%icon-search {
    content: "\e909";
}*/
#accessibility-menu ul.vListe > li.collapsable > a.open > a:after, #footer-content ul.vListe > li.collapsable > a.open > a:after, #bottom-aside .related-content-box .webPartInnhold .relaterteressurser.open .relaterteHeader:after, table.faktaboks caption.open:after,
.liste.faktaboks caption.open:after, #footer-content .contact-box ul li.icon-chevron-right:before, .back-to-top-button::after {
  content: "\2227";
}

#accessibility-menu ul.vListe > li.collapsable > a:after, #footer-content ul.vListe > li.collapsable > a:after, #bottom-aside .related-content-box .webPartInnhold .relaterteressurser.closed .relaterteHeader:after, table.faktaboks caption.closed:after,
.liste.faktaboks caption.closed:after {
  content: "\2228";
}

.webPart li[class^="icon-"].icon-employee > a > span:before, .webPart li[class*=" icon-"].icon-employee > a > span:before, table.faktaboks[class^="icon-"].icon-employee caption:before, table.faktaboks[class*=" icon-"].icon-employee caption:before, .webPart[class^="icon-"].icon-employee .webPartTittel span:before, .webPart[class*=" icon-"].icon-employee .webPartTittel span:before, #footer-content li.icon-employee::before {
  content: "\e900";
}

.webPart li[class^="icon-"].icon-email > a > span:before, .webPart li[class*=" icon-"].icon-email > a > span:before, table.faktaboks[class^="icon-"].icon-email caption:before, table.faktaboks[class*=" icon-"].icon-email caption:before, .webPart[class^="icon-"].icon-email .webPartTittel span:before, .webPart[class*=" icon-"].icon-email .webPartTittel span:before, #footer-content li.icon-email::before, #footer-content .contact-box ul li.icon-email:before {
  content: "\e901";
}

.webPart li[class^="icon-"].icon-facebook > a > span:before, .webPart li[class*=" icon-"].icon-facebook > a > span:before, table.faktaboks[class^="icon-"].icon-facebook caption:before, table.faktaboks[class*=" icon-"].icon-facebook caption:before, .webPart[class^="icon-"].icon-facebook .webPartTittel span:before, .webPart[class*=" icon-"].icon-facebook .webPartTittel span:before, #footer-content li.icon-facebook::before {
  content: "\e902";
}

.webPart li[class^="icon-"].icon-linkedin > a > span:before, .webPart li[class*=" icon-"].icon-linkedin > a > span:before, table.faktaboks[class^="icon-"].icon-linkedin caption:before, table.faktaboks[class*=" icon-"].icon-linkedin caption:before, .webPart[class^="icon-"].icon-linkedin .webPartTittel span:before, .webPart[class*=" icon-"].icon-linkedin .webPartTittel span:before, #footer-content li.icon-linkedin::before {
  content: "\e903";
}

.webPart li[class^="icon-"].icon-instagram > a > span:before, .webPart li[class*=" icon-"].icon-instagram > a > span:before, table.faktaboks[class^="icon-"].icon-instagram caption:before, table.faktaboks[class*=" icon-"].icon-instagram caption:before, .webPart[class^="icon-"].icon-instagram .webPartTittel span:before, .webPart[class*=" icon-"].icon-instagram .webPartTittel span:before, #footer-content li.icon-instagram::before {
  content: "\e904";
}

.webPart li[class^="icon-"].icon-location > a > span:before, .webPart li[class*=" icon-"].icon-location > a > span:before, table.faktaboks[class^="icon-"].icon-location caption:before, table.faktaboks[class*=" icon-"].icon-location caption:before, .webPart[class^="icon-"].icon-location .webPartTittel span:before, .webPart[class*=" icon-"].icon-location .webPartTittel span:before, #footer-content li.icon-location::before, #footer-content .contact-box ul li.icon-location:before {
  content: "\e905";
}

.webPart li[class^="icon-"].icon-clock > a > span:before, .webPart li[class*=" icon-"].icon-clock > a > span:before, table.faktaboks[class^="icon-"].icon-clock caption:before, table.faktaboks[class*=" icon-"].icon-clock caption:before, .webPart[class^="icon-"].icon-clock .webPartTittel span:before, .webPart[class*=" icon-"].icon-clock .webPartTittel span:before, .frontpage__article-list-box li .datoPublisert:before, #footer-content li.icon-clock::before, .artikkeloversikt .artikkeloversiktrad .KategoriForfatter:before, #footer-content .contact-box ul li.icon-clock:before, #middle-column .calContent .calEvent .time:before {
  content: "\e906";
}

#main-menu-toggle:before {
  content: "\e907";
  color: #617179;
}

.webPart li[class^="icon-"].icon-search > a > span:before, .webPart li[class*=" icon-"].icon-search > a > span:before, table.faktaboks[class^="icon-"].icon-search caption:before, table.faktaboks[class*=" icon-"].icon-search caption:before, .webPart[class^="icon-"].icon-search .webPartTittel span:before, .webPart[class*=" icon-"].icon-search .webPartTittel span:before,
#search-box-toggle::before, #footer-content li.icon-search::before {
  content: "\e912";
}

.webPart li[class^="icon-"].icon-phone > a > span:before, .webPart li[class*=" icon-"].icon-phone > a > span:before, table.faktaboks[class^="icon-"].icon-phone caption:before, table.faktaboks[class*=" icon-"].icon-phone caption:before, .webPart[class^="icon-"].icon-phone .webPartTittel span:before, .webPart[class*=" icon-"].icon-phone .webPartTittel span:before, #footer-content li.icon-phone::before, #footer-content .contact-box ul li.icon-phone:before {
  content: "\e90d";
}

.webPart li[class^="icon-"].icon-twitter > a > span:before, .webPart li[class*=" icon-"].icon-twitter > a > span:before, table.faktaboks[class^="icon-"].icon-twitter caption:before, table.faktaboks[class*=" icon-"].icon-twitter caption:before, .webPart[class^="icon-"].icon-twitter .webPartTittel span:before, .webPart[class*=" icon-"].icon-twitter .webPartTittel span:before, #footer-content li.icon-twitter::before {
  content: "\e90e";
}

.webPart li[class^="icon-"].icon-youtube > a > span:before, .webPart li[class*=" icon-"].icon-youtube > a > span:before, table.faktaboks[class^="icon-"].icon-youtube caption:before, table.faktaboks[class*=" icon-"].icon-youtube caption:before, .webPart[class^="icon-"].icon-youtube .webPartTittel span:before, .webPart[class*=" icon-"].icon-youtube .webPartTittel span:before, #footer-content li.icon-youtube::before {
  content: "\e90f";
}

.webPart li[class^="icon-"].icon-warning > a > span:before, .webPart li[class*=" icon-"].icon-warning > a > span:before, table.faktaboks[class^="icon-"].icon-warning caption:before, table.faktaboks[class*=" icon-"].icon-warning caption:before, .webPart[class^="icon-"].icon-warning .webPartTittel span:before, .webPart[class*=" icon-"].icon-warning .webPartTittel span:before, .area-message .area-message__title h3:before, .area-message .area-message__title .news-list ul > li > a .tittel:before, .news-list ul > li > a .area-message .area-message__title .tittel:before, .area-message .area-message__title .event-list-box ul li .event-text .event-title a:before, .event-list-box ul li .event-text .event-title .area-message .area-message__title a:before,
.area-message .area-message-list-item__title h3:before, .area-message .area-message-list-item__title .news-list ul > li > a .tittel:before, .news-list ul > li > a .area-message .area-message-list-item__title .tittel:before, .area-message .area-message-list-item__title .event-list-box ul li .event-text .event-title a:before, .event-list-box ul li .event-text .event-title .area-message .area-message-list-item__title a:before,
.area-message-list-item .area-message__title h3:before, .area-message-list-item .area-message__title .news-list ul > li > a .tittel:before, .news-list ul > li > a .area-message-list-item .area-message__title .tittel:before, .area-message-list-item .area-message__title .event-list-box ul li .event-text .event-title a:before, .event-list-box ul li .event-text .event-title .area-message-list-item .area-message__title a:before,
.area-message-list-item .area-message-list-item__title h3:before, .area-message-list-item .area-message-list-item__title .news-list ul > li > a .tittel:before, .news-list ul > li > a .area-message-list-item .area-message-list-item__title .tittel:before, .area-message-list-item .area-message-list-item__title .event-list-box ul li .event-text .event-title a:before, .event-list-box ul li .event-text .event-title .area-message-list-item .area-message-list-item__title a:before, #footer-content li.icon-warning::before {
  content: "\e999";
}

@font-face {
  font-family: 'bronnoy';
  src: url("../fonts/bronnoy.ttf?phrbgf") format("truetype"), url("../fonts/bronnoy.woff?phrbgf") format("woff"), url("../fonts/bronnoy.svg?phrbgf#bronnoy") format("svg");
  font-weight: normal;
  font-style: normal;
}

.webPart li[class^="icon-"] > a > span:before, .webPart li[class*=" icon-"] > a > span:before, table.faktaboks[class^="icon-"] caption:before, table.faktaboks[class*=" icon-"] caption:before, .webPart[class^="icon-"] .webPartTittel span:before, .webPart[class*=" icon-"] .webPartTittel span:before, #alert-box .close-button:after, #message-box .close-button:after, .school_main-menu a::after, #navigation .employee-menu a span::before, #main-menu .vListe a::after, #main-menu ul.vListe > li li a::after, #accessibility-menu ul.vListe > li.collapsable > a:after, #main-menu-toggle::before,
#search-box-toggle::before, .area-message .area-message__title h3:before, .area-message .area-message__title .news-list ul > li > a .tittel:before, .news-list ul > li > a .area-message .area-message__title .tittel:before, .area-message .area-message__title .event-list-box ul li .event-text .event-title a:before, .event-list-box ul li .event-text .event-title .area-message .area-message__title a:before,
.area-message .area-message-list-item__title h3:before, .area-message .area-message-list-item__title .news-list ul > li > a .tittel:before, .news-list ul > li > a .area-message .area-message-list-item__title .tittel:before, .area-message .area-message-list-item__title .event-list-box ul li .event-text .event-title a:before, .event-list-box ul li .event-text .event-title .area-message .area-message-list-item__title a:before,
.area-message-list-item .area-message__title h3:before, .area-message-list-item .area-message__title .news-list ul > li > a .tittel:before, .news-list ul > li > a .area-message-list-item .area-message__title .tittel:before, .area-message-list-item .area-message__title .event-list-box ul li .event-text .event-title a:before, .event-list-box ul li .event-text .event-title .area-message-list-item .area-message__title a:before,
.area-message-list-item .area-message-list-item__title h3:before, .area-message-list-item .area-message-list-item__title .news-list ul > li > a .tittel:before, .news-list ul > li > a .area-message-list-item .area-message-list-item__title .tittel:before, .area-message-list-item .area-message-list-item__title .event-list-box ul li .event-text .event-title a:before, .event-list-box ul li .event-text .event-title .area-message-list-item .area-message-list-item__title a:before, .area-message:not(.area-message--emergency) .area-message__title::before,
.area-message:not(.area-message--emergency) .area-message-list-item__title::before,
.area-message-list-item:not(.area-message--emergency) .area-message__title::before,
.area-message-list-item:not(.area-message--emergency) .area-message-list-item__title::before, .frontpage__shortcut-menu a.external-link:after,
.frontpage__service-menu a.external-link:after,
.transport-page #sub-navigation a.external-link:after, .frontpage__service-menu a:after,
.transport-page #sub-navigation a:after, .frontpage__main-article-box .flexslider .text .artikkelLesMer a:after, .frontpage__article-list-box li .datoPublisert:before, .frontpage__article-list-box .webPartBunnLink a::after, .frontpage__event-list-box .calWPFooter a::after, #footer-content li[class*="icon-"]::before, #footer-content ul.vListe > li.collapsable > a:after, .footer__social-media li[class*="icon-"] .img::before, #breadcrumbs:before, #sub-navigation-toggle:after, #middle-column .calContent .calEvent .completeLocation h3:before, #middle-column .calContent .calEvent .completeLocation .news-list ul > li > a .tittel:before, .news-list ul > li > a #middle-column .calContent .calEvent .completeLocation .tittel:before, #middle-column .calContent .calEvent .completeLocation .event-list-box ul li .event-text .event-title a:before, .event-list-box ul li .event-text .event-title #middle-column .calContent .calEvent .completeLocation a:before, #middle-column .calContent .calEvent h3.hendelseskontakt:before, #middle-column .calContent .calEvent .news-list ul > li > a .hendelseskontakt.tittel:before, .news-list ul > li > a #middle-column .calContent .calEvent .hendelseskontakt.tittel:before, #middle-column .calContent .calEvent .event-list-box ul li .event-text .event-title a.hendelseskontakt:before, .event-list-box ul li .event-text .event-title #middle-column .calContent .calEvent a.hendelseskontakt:before, #bottom-aside .related-content-box .webPartInnhold .relaterteHeader:before, #bottom-aside .related-content-box .webPartInnhold .relaterteHeader:after, table.faktaboks caption:after,
.liste.faktaboks caption:after, .artikkeloversikt .artikkeloversiktrad .artikkelteaser:after, .artikkeloversikt .artikkeloversiktrad .KategoriForfatter:before, .service-menu ul.vListe > li > a::after, .focus-article li > a::after, .focus-article .lesmer::after, .news-list .webPartBunnLink a::before, .event-list-box .calWPFooter a::before, #footer-content .contact-box ul li[class^="icon-"]:before, #footer-content .contact-box ul li[class*=" icon-"]:before, #sub-navigation .external-link span.text:after,
.button-menu .external-link span.text:after, #main-menu .external-link:after,
#alert-box .external-link:after,
.artikkel .external-link:after, #middle-column .calContent .calEvent .time:before, #middle-column .calContent .calEvent .InnholdIngress a.ekstern:after,
#middle-column .calContent .calEvent .InnholdTekst a.ekstern:after, #middle-column .calContent .calEvent .InnholdIngress a.ekstern-wrapped .text:after,
#middle-column .calContent .calEvent .InnholdTekst a.ekstern-wrapped .text:after, .toppartikkel .related-resources__button::after, .toppartikkel .related-resources__button::before,
.toppartikkel .divFaqSporsmal::after,
.toppartikkel .divFaqSporsmal::before,
.toppartikkel .faq__question::after,
.toppartikkel .faq__question::before,
.artikkel .related-resources__button::after,
.artikkel .related-resources__button::before,
.artikkel .divFaqSporsmal::after,
.artikkel .divFaqSporsmal::before,
.artikkel .faq__question::after,
.artikkel .faq__question::before, .toppartikkel .related-resources__button:before,
.artikkel .related-resources__button:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'bronnoy' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#breadcrumbs:before {
  content: "\e908";
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  display: inline-block;
}

.webPart li[class^="icon-"].icon-arrow-right > a > span:before, .webPart li[class*=" icon-"].icon-arrow-right > a > span:before, table.faktaboks[class^="icon-"].icon-arrow-right caption:before, table.faktaboks[class*=" icon-"].icon-arrow-right caption:before, .webPart[class^="icon-"].icon-arrow-right .webPartTittel span:before, .webPart[class*=" icon-"].icon-arrow-right .webPartTittel span:before, #main-menu ul.vListe > li li a::after, .frontpage__article-list-box .webPartBunnLink a::after, .frontpage__event-list-box .calWPFooter a::after, #footer-content li.icon-arrow-right::before, .artikkeloversikt .artikkeloversiktrad .artikkelteaser:after, .service-menu ul.vListe > li > a::after, .focus-article li > a::after, .focus-article .lesmer::after, .news-list .webPartBunnLink a::before, .event-list-box .calWPFooter a::before {
  content: "\e908";
}

.webPart li[class^="icon-"].icon-arrow2-right > a > span:before, .webPart li[class*=" icon-"].icon-arrow2-right > a > span:before, table.faktaboks[class^="icon-"].icon-arrow2-right caption:before, table.faktaboks[class*=" icon-"].icon-arrow2-right caption:before, .webPart[class^="icon-"].icon-arrow2-right .webPartTittel span:before, .webPart[class*=" icon-"].icon-arrow2-right .webPartTittel span:before, .school_main-menu a::after, #main-menu .vListe a::after, .frontpage__service-menu a:after,
.transport-page #sub-navigation a:after, .frontpage__main-article-box .flexslider .text .artikkelLesMer a:after, #footer-content li.icon-arrow2-right::before {
  content: "\e911";
}

/*%icon-clock {
    content: "\e901";
}*/
.webPart li[class^="icon-"].icon-close > a > span:before, .webPart li[class*=" icon-"].icon-close > a > span:before, table.faktaboks[class^="icon-"].icon-close caption:before, table.faktaboks[class*=" icon-"].icon-close caption:before, .webPart[class^="icon-"].icon-close .webPartTittel span:before, .webPart[class*=" icon-"].icon-close .webPartTittel span:before, #alert-box .close-button:after, #message-box .close-button:after, #main-menu-toggle.open:before, #search-box-toggle.open:before, #footer-content li.icon-close::before, #sub-navigation-toggle:after {
  content: "\e910";
}

/*%icon-email {
    content: "\e900";
}*/
.webPart li[class^="icon-"].icon-external-link > a > span:before, .webPart li[class*=" icon-"].icon-external-link > a > span:before, table.faktaboks[class^="icon-"].icon-external-link caption:before, table.faktaboks[class*=" icon-"].icon-external-link caption:before, .webPart[class^="icon-"].icon-external-link .webPartTittel span:before, .webPart[class*=" icon-"].icon-external-link .webPartTittel span:before, .frontpage__shortcut-menu a.external-link:after,
.frontpage__service-menu a.external-link:after,
.transport-page #sub-navigation a.external-link:after, #footer-content li.icon-external-link::before, #bottom-aside .related-content-box .webPartInnhold .relaterteHeader:before, #sub-navigation .external-link span.text:after,
.button-menu .external-link span.text:after, #main-menu .external-link:after,
#alert-box .external-link:after,
.artikkel .external-link:after, #middle-column .calContent .calEvent .InnholdIngress a.ekstern:after,
#middle-column .calContent .calEvent .InnholdTekst a.ekstern:after, #middle-column .calContent .calEvent .InnholdIngress a.ekstern-wrapped .text:after,
#middle-column .calContent .calEvent .InnholdTekst a.ekstern-wrapped .text:after, .toppartikkel .related-resources__button:before,
.artikkel .related-resources__button:before {
  content: "\f08e";
}

.webPart li[class^="icon-"].icon-filled-upper-left-corner > a > span:before, .webPart li[class*=" icon-"].icon-filled-upper-left-corner > a > span:before, table.faktaboks[class^="icon-"].icon-filled-upper-left-corner caption:before, table.faktaboks[class*=" icon-"].icon-filled-upper-left-corner caption:before, .webPart[class^="icon-"].icon-filled-upper-left-corner .webPartTittel span:before, .webPart[class*=" icon-"].icon-filled-upper-left-corner .webPartTittel span:before, #footer-content li.icon-filled-upper-left-corner::before {
  content: "\e905";
}

.webPart li[class^="icon-"].icon-info > a > span:before, .webPart li[class*=" icon-"].icon-info > a > span:before, table.faktaboks[class^="icon-"].icon-info caption:before, table.faktaboks[class*=" icon-"].icon-info caption:before, .webPart[class^="icon-"].icon-info .webPartTittel span:before, .webPart[class*=" icon-"].icon-info .webPartTittel span:before, .area-message:not(.area-message--emergency) .area-message__title::before,
.area-message:not(.area-message--emergency) .area-message-list-item__title::before,
.area-message-list-item:not(.area-message--emergency) .area-message__title::before,
.area-message-list-item:not(.area-message--emergency) .area-message-list-item__title::before, #footer-content li.icon-info::before {
  content: "\e906";
}

/*%icon-location {
    content: "\e904";
}*/
.webPart li[class^="icon-"].icon-menu > a > span:before, .webPart li[class*=" icon-"].icon-menu > a > span:before, table.faktaboks[class^="icon-"].icon-menu caption:before, table.faktaboks[class*=" icon-"].icon-menu caption:before, .webPart[class^="icon-"].icon-menu .webPartTittel span:before, .webPart[class*=" icon-"].icon-menu .webPartTittel span:before, #navigation .employee-menu a span::before, #footer-content li.icon-menu::before, .footer__social-media .icon-facebook .img::before, #sub-navigation-toggle.closed:after {
  content: "\e907";
}

.webPart li[class^="icon-"].icon-person > a > span:before, .webPart li[class*=" icon-"].icon-person > a > span:before, table.faktaboks[class^="icon-"].icon-person caption:before, table.faktaboks[class*=" icon-"].icon-person caption:before, .webPart[class^="icon-"].icon-person .webPartTittel span:before, .webPart[class*=" icon-"].icon-person .webPartTittel span:before, #footer-content li.icon-person::before, #footer-content .contact-box ul li.icon-person:before {
  content: "\e902";
}

/*%icon-phone {
    content: "\e907";
}*/
/*%icon-search {
    content: "\e909";
}*/
#accessibility-menu ul.vListe > li.collapsable > a.open > a:after, #footer-content ul.vListe > li.collapsable > a.open > a:after, #bottom-aside .related-content-box .webPartInnhold .relaterteressurser.open .relaterteHeader:after, table.faktaboks caption.open:after,
.liste.faktaboks caption.open:after, #footer-content .contact-box ul li.icon-chevron-right:before, .back-to-top-button::after {
  content: "\2227";
}

#accessibility-menu ul.vListe > li.collapsable > a:after, #footer-content ul.vListe > li.collapsable > a:after, #bottom-aside .related-content-box .webPartInnhold .relaterteressurser.closed .relaterteHeader:after, table.faktaboks caption.closed:after,
.liste.faktaboks caption.closed:after {
  content: "\2228";
}

.webPart li[class^="icon-"].icon-employee > a > span:before, .webPart li[class*=" icon-"].icon-employee > a > span:before, table.faktaboks[class^="icon-"].icon-employee caption:before, table.faktaboks[class*=" icon-"].icon-employee caption:before, .webPart[class^="icon-"].icon-employee .webPartTittel span:before, .webPart[class*=" icon-"].icon-employee .webPartTittel span:before, #footer-content li.icon-employee::before {
  content: "\e900";
}

.webPart li[class^="icon-"].icon-email > a > span:before, .webPart li[class*=" icon-"].icon-email > a > span:before, table.faktaboks[class^="icon-"].icon-email caption:before, table.faktaboks[class*=" icon-"].icon-email caption:before, .webPart[class^="icon-"].icon-email .webPartTittel span:before, .webPart[class*=" icon-"].icon-email .webPartTittel span:before, #footer-content li.icon-email::before, #footer-content .contact-box ul li.icon-email:before {
  content: "\e901";
}

.webPart li[class^="icon-"].icon-facebook > a > span:before, .webPart li[class*=" icon-"].icon-facebook > a > span:before, table.faktaboks[class^="icon-"].icon-facebook caption:before, table.faktaboks[class*=" icon-"].icon-facebook caption:before, .webPart[class^="icon-"].icon-facebook .webPartTittel span:before, .webPart[class*=" icon-"].icon-facebook .webPartTittel span:before, #footer-content li.icon-facebook::before {
  content: "\e902";
}

.webPart li[class^="icon-"].icon-linkedin > a > span:before, .webPart li[class*=" icon-"].icon-linkedin > a > span:before, table.faktaboks[class^="icon-"].icon-linkedin caption:before, table.faktaboks[class*=" icon-"].icon-linkedin caption:before, .webPart[class^="icon-"].icon-linkedin .webPartTittel span:before, .webPart[class*=" icon-"].icon-linkedin .webPartTittel span:before, #footer-content li.icon-linkedin::before {
  content: "\e903";
}

.webPart li[class^="icon-"].icon-instagram > a > span:before, .webPart li[class*=" icon-"].icon-instagram > a > span:before, table.faktaboks[class^="icon-"].icon-instagram caption:before, table.faktaboks[class*=" icon-"].icon-instagram caption:before, .webPart[class^="icon-"].icon-instagram .webPartTittel span:before, .webPart[class*=" icon-"].icon-instagram .webPartTittel span:before, #footer-content li.icon-instagram::before {
  content: "\e904";
}

.webPart li[class^="icon-"].icon-location > a > span:before, .webPart li[class*=" icon-"].icon-location > a > span:before, table.faktaboks[class^="icon-"].icon-location caption:before, table.faktaboks[class*=" icon-"].icon-location caption:before, .webPart[class^="icon-"].icon-location .webPartTittel span:before, .webPart[class*=" icon-"].icon-location .webPartTittel span:before, #footer-content li.icon-location::before, #footer-content .contact-box ul li.icon-location:before {
  content: "\e905";
}

.webPart li[class^="icon-"].icon-clock > a > span:before, .webPart li[class*=" icon-"].icon-clock > a > span:before, table.faktaboks[class^="icon-"].icon-clock caption:before, table.faktaboks[class*=" icon-"].icon-clock caption:before, .webPart[class^="icon-"].icon-clock .webPartTittel span:before, .webPart[class*=" icon-"].icon-clock .webPartTittel span:before, .frontpage__article-list-box li .datoPublisert:before, #footer-content li.icon-clock::before, .artikkeloversikt .artikkeloversiktrad .KategoriForfatter:before, #footer-content .contact-box ul li.icon-clock:before, #middle-column .calContent .calEvent .time:before {
  content: "\e906";
}

#main-menu-toggle:before {
  content: "\e907";
  color: #617179;
}

.webPart li[class^="icon-"].icon-search > a > span:before, .webPart li[class*=" icon-"].icon-search > a > span:before, table.faktaboks[class^="icon-"].icon-search caption:before, table.faktaboks[class*=" icon-"].icon-search caption:before, .webPart[class^="icon-"].icon-search .webPartTittel span:before, .webPart[class*=" icon-"].icon-search .webPartTittel span:before,
#search-box-toggle::before, #footer-content li.icon-search::before {
  content: "\e912";
}

.webPart li[class^="icon-"].icon-phone > a > span:before, .webPart li[class*=" icon-"].icon-phone > a > span:before, table.faktaboks[class^="icon-"].icon-phone caption:before, table.faktaboks[class*=" icon-"].icon-phone caption:before, .webPart[class^="icon-"].icon-phone .webPartTittel span:before, .webPart[class*=" icon-"].icon-phone .webPartTittel span:before, #footer-content li.icon-phone::before, #footer-content .contact-box ul li.icon-phone:before {
  content: "\e90d";
}

.webPart li[class^="icon-"].icon-twitter > a > span:before, .webPart li[class*=" icon-"].icon-twitter > a > span:before, table.faktaboks[class^="icon-"].icon-twitter caption:before, table.faktaboks[class*=" icon-"].icon-twitter caption:before, .webPart[class^="icon-"].icon-twitter .webPartTittel span:before, .webPart[class*=" icon-"].icon-twitter .webPartTittel span:before, #footer-content li.icon-twitter::before {
  content: "\e90e";
}

.webPart li[class^="icon-"].icon-youtube > a > span:before, .webPart li[class*=" icon-"].icon-youtube > a > span:before, table.faktaboks[class^="icon-"].icon-youtube caption:before, table.faktaboks[class*=" icon-"].icon-youtube caption:before, .webPart[class^="icon-"].icon-youtube .webPartTittel span:before, .webPart[class*=" icon-"].icon-youtube .webPartTittel span:before, #footer-content li.icon-youtube::before {
  content: "\e90f";
}

.webPart li[class^="icon-"].icon-warning > a > span:before, .webPart li[class*=" icon-"].icon-warning > a > span:before, table.faktaboks[class^="icon-"].icon-warning caption:before, table.faktaboks[class*=" icon-"].icon-warning caption:before, .webPart[class^="icon-"].icon-warning .webPartTittel span:before, .webPart[class*=" icon-"].icon-warning .webPartTittel span:before, .area-message .area-message__title h3:before, .area-message .area-message__title .news-list ul > li > a .tittel:before, .news-list ul > li > a .area-message .area-message__title .tittel:before, .area-message .area-message__title .event-list-box ul li .event-text .event-title a:before, .event-list-box ul li .event-text .event-title .area-message .area-message__title a:before,
.area-message .area-message-list-item__title h3:before, .area-message .area-message-list-item__title .news-list ul > li > a .tittel:before, .news-list ul > li > a .area-message .area-message-list-item__title .tittel:before, .area-message .area-message-list-item__title .event-list-box ul li .event-text .event-title a:before, .event-list-box ul li .event-text .event-title .area-message .area-message-list-item__title a:before,
.area-message-list-item .area-message__title h3:before, .area-message-list-item .area-message__title .news-list ul > li > a .tittel:before, .news-list ul > li > a .area-message-list-item .area-message__title .tittel:before, .area-message-list-item .area-message__title .event-list-box ul li .event-text .event-title a:before, .event-list-box ul li .event-text .event-title .area-message-list-item .area-message__title a:before,
.area-message-list-item .area-message-list-item__title h3:before, .area-message-list-item .area-message-list-item__title .news-list ul > li > a .tittel:before, .news-list ul > li > a .area-message-list-item .area-message-list-item__title .tittel:before, .area-message-list-item .area-message-list-item__title .event-list-box ul li .event-text .event-title a:before, .event-list-box ul li .event-text .event-title .area-message-list-item .area-message-list-item__title a:before, #footer-content li.icon-warning::before {
  content: "\e999";
}

@media only screen and (max-width: 480px) {
  .hidden-xsmall-only {
    display: none;
  }
}

@media only screen and (min-width: 481px) {
  .hidden-small {
    display: none;
  }
}

@media only screen and (max-width: 640px) {
  .hidden-small-down {
    display: none;
  }
}

@media only screen and (min-width: 481px) and (max-width: 640px) {
  .hidden-small-only {
    display: none;
  }
}

@media only screen and (min-width: 641px) {
  .hidden-medium {
    display: none;
  }
}

@media only screen and (max-width: 800px) {
  .hidden-medium-down {
    display: none;
  }
}

@media only screen and (min-width: 641px) and (max-width: 800px) {
  .hidden-medium-only {
    display: none;
  }
}

@media only screen and (min-width: 801px) {
  .hidden-large {
    display: none;
  }
}

@media only screen and (max-width: 960px) {
  .hidden-large-down {
    display: none;
  }
}

@media only screen and (min-width: 801px) and (max-width: 960px) {
  .hidden-large-only {
    display: none;
  }
}

@media only screen and (min-width: 961px) {
  .hidden-xlarge {
    display: none;
  }
}

@media only screen and (max-width: 1024px) {
  .hidden-xlarge-down {
    display: none;
  }
}

@media only screen and (min-width: 961px) and (max-width: 1140px) {
  .hidden-xlarge-only {
    display: none;
  }
}

form.designMode .webPart.accessible-title .webPartTittel {
  margin: 0;
  padding: 10px;
  border: 1px dashed rgba(0, 0, 0, 0.5);
  width: auto;
  height: auto;
  position: static;
  overflow: visible;
  text-indent: 0;
  color: rgba(0, 0, 0, 0.5);
  font-size: 20px;
  text-align: center;
}

form.designMode .webPart.accessible-title .webPartTittel:before {
  content: 'UU-overskrift: ';
  font-weight: bold;
}

.webPart li[class^="icon-"] > a > span:before, .webPart li[class*=" icon-"] > a > span:before {
  margin-right: 0.5em;
  vertical-align: middle;
}

table.faktaboks[class^="icon-"] caption, table.faktaboks[class*=" icon-"] caption {
  padding-left: 80px;
}

table.faktaboks[class^="icon-"] caption:before, table.faktaboks[class*=" icon-"] caption:before {
  width: 60px;
  height: 60px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  background: #004272;
  font-size: 25px;
  text-align: center;
  line-height: 60px;
}

.webPart[class^="icon-"] .webPartTittel span, .webPart[class*=" icon-"] .webPartTittel span {
  display: inline-block;
  vertical-align: middle;
  color: #004272;
}

.webPart[class^="icon-"] .webPartTittel span:before, .webPart[class*=" icon-"] .webPartTittel span:before {
  display: inline-block;
  margin-right: 0.5em;
  vertical-align: middle;
}

#middle-column .artikkel a:not(.artikkel-bilde),
#middle-column .toppartikkel a:not(.artikkel-bilde),
#middle-column .ansattoversikt a:not(.artikkel-bilde),
#middle-column .calContent a:not(.artikkel-bilde), #right-column .search-filter-box .webPartInnhold ul li a, #middle-column .sokeresultat li .sokTreff, #bottom-aside .related-content-box .webPartInnhold ul li a, .contact-list-box .webPartInnhold .text .email a, .link-list-box:not(.type-button) ul.vListe > li > a, #footer-content .contact-box ul li a, .toppartikkel .related-resources__list li a,
.toppartikkel .faq__answer li a,
.artikkel .related-resources__list li a,
.artikkel .faq__answer li a {
  border-bottom: 1px solid;
  color: #005cb9;
  display: inline-block;
  line-height: normal;
  margin: 0;
  padding: 0;
  text-decoration: none;
  -webkit-transition: border-color 0.2s ease, color 0.2s ease, background-color 0.2s ease;
  -o-transition: border-color 0.2s ease, color 0.2s ease, background-color 0.2s ease;
  transition: border-color 0.2s ease, color 0.2s ease, background-color 0.2s ease;
}

#middle-column .artikkel a:hover:not(.artikkel-bilde),
#middle-column .toppartikkel a:hover:not(.artikkel-bilde),
#middle-column .ansattoversikt a:hover:not(.artikkel-bilde),
#middle-column .calContent a:hover:not(.artikkel-bilde), #right-column .search-filter-box .webPartInnhold ul li a:hover, #middle-column .sokeresultat li .sokTreff:hover, #bottom-aside .related-content-box .webPartInnhold ul li a:hover, .contact-list-box .webPartInnhold .text .email a:hover, .link-list-box:not(.type-button) ul.vListe > li > a:hover, #footer-content .contact-box ul li a:hover, .toppartikkel .related-resources__list li a:hover,
.toppartikkel .faq__answer li a:hover,
.artikkel .related-resources__list li a:hover,
.artikkel .faq__answer li a:hover, #middle-column .artikkel a:focus:not(.artikkel-bilde),
#middle-column .toppartikkel a:focus:not(.artikkel-bilde),
#middle-column .ansattoversikt a:focus:not(.artikkel-bilde),
#middle-column .calContent a:focus:not(.artikkel-bilde), #right-column .search-filter-box .webPartInnhold ul li a:focus, #middle-column .sokeresultat li .sokTreff:focus, #bottom-aside .related-content-box .webPartInnhold ul li a:focus, .contact-list-box .webPartInnhold .text .email a:focus, .link-list-box:not(.type-button) ul.vListe > li > a:focus, #footer-content .contact-box ul li a:focus, .toppartikkel .related-resources__list li a:focus,
.toppartikkel .faq__answer li a:focus,
.artikkel .related-resources__list li a:focus,
.artikkel .faq__answer li a:focus {
  color: #004272;
  background: #e6eef9;
}

.tilbakemelding #tilbakemeldingKnapp,
.tilbakemelding .karakterSelected button, .tilbakemelding .karakterSelected form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a, form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li .tilbakemelding .karakterSelected a, .tilbakemelding .karakterSelected .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a, .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li .tilbakemelding .karakterSelected a, .tilbakemelding .karakterSelected .webPart .il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a, .webPart .il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li .tilbakemelding .karakterSelected a, .tilbakemelding .karakterSelected form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awBunnNavigasjon input, form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awBunnNavigasjon .tilbakemelding .karakterSelected input, .tilbakemelding .karakterSelected .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon input, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon .tilbakemelding .karakterSelected input, .tilbakemelding .karakterSelected .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon input, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon .tilbakemelding .karakterSelected input, .event-filter-box .webPartInnhold .calMenu input[type="submit"], #middle-column .sokemotortabell .sokeknapp input, .webForm .center input[type="submit"], #main .artikkelmal_28.ansattoversikt .sok-kontroll input[type="submit"], #main-menu ul.vListe > li.type-link > a span, #accessibility-menu ul.vListe > li > ul > li > a, #footer-content ul.vListe > li > ul > li > a, form:not(.transport-page) #sub-navigation ul > li > a, .service-menu ul.vListe > li > a, .button-menu ul.vListe > li > a, .link-list-box.type-button ul.vListe > li > a, .news-list .webPartBunnLink a, .event-list-box .calWPFooter a, .back-to-top-button {
  -o-transition: border-color 0.2s ease, color 0.2s ease, background-color 0.2s ease;
  -webkit-transition: border-color 0.2s ease, color 0.2s ease, background-color 0.2s ease;
  transition: border-color 0.2s ease, color 0.2s ease, background-color 0.2s ease;
}

#mobile-logo:after,
#logo:after, .tools-menu--mobile:after, .area-message-list:after, #top-boxes #top-boxes-content:after, #footer-content .Zone:after, form:not(.transport-page) #sub-navigation:after, form:not(.transport-page) #sub-navigation ul:after, .focus-article li:after, .news-list ul:after, .event-list-box ul:after, .toppartikkel .faqWrapper .faq:after,
.artikkel .faqWrapper .faq:after {
  content: "";
  display: table;
  clear: both;
}

.hidden, #navigation, #main-menu ul, #main-menu ul.vListe, #accessibility-menu ul, #breadcrumbs .breadcrumbsWrapper > ul, form:not(.transport-page) #sub-navigation ul, #right-column .search-filter-box .webPartInnhold ul, #middle-column .sokeresultat, #bottom-aside .related-content-box .webPartInnhold ul, .service-menu ul.vListe, .button-menu ul.vListe, .link-list-box ul.vListe, .news-list ul, .event-list-box ul, #footer-content .contact-box ul, .toppartikkel .related-resources__list,
.toppartikkel .faq__answer,
.artikkel .related-resources__list,
.artikkel .faq__answer, .wp-header-logos ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hidden li, #navigation li, #main-menu ul li, #main-menu ul.vListe li, #accessibility-menu ul li, #breadcrumbs .breadcrumbsWrapper > ul li, form:not(.transport-page) #sub-navigation ul li, #right-column .search-filter-box .webPartInnhold ul li, #middle-column .sokeresultat li, #bottom-aside .related-content-box .webPartInnhold ul li, .service-menu ul.vListe li, .button-menu ul.vListe li, .link-list-box ul.vListe li, .news-list ul li, .event-list-box ul li, #footer-content .contact-box ul li, .toppartikkel .related-resources__list li, .toppartikkel .faq__answer li, .artikkel .related-resources__list li, .artikkel .faq__answer li, .wp-header-logos ul li {
  margin: 0;
  padding: 0;
}

#bottom-aside .related-content-box .webPartInnhold .relaterteHeader, table.faktaboks caption,
.liste.faktaboks caption, .toppartikkel .related-resources__button,
.toppartikkel .divFaqSporsmal,
.toppartikkel .faq__question,
.artikkel .related-resources__button,
.artikkel .divFaqSporsmal,
.artikkel .faq__question {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  -ms-user-select: none;
      user-select: none;
}

.webPart.accessible-title .webPartTittel, .hidden a, #mobile-logo span.title,
#logo span.title, .footer__social-media li[class*="icon-"] .text, #breadcrumbs .breadcrumbsWrapper > span, #right-column .type-person .person-email .person-property-value > a > span > span {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.tilbakemelding #tilbakemeldingKnapp,
.tilbakemelding .karakterSelected button, .tilbakemelding .karakterSelected form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a, form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li .tilbakemelding .karakterSelected a, .tilbakemelding .karakterSelected .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a, .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li .tilbakemelding .karakterSelected a, .tilbakemelding .karakterSelected .webPart .il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a, .webPart .il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li .tilbakemelding .karakterSelected a, .tilbakemelding .karakterSelected form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awBunnNavigasjon input, form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awBunnNavigasjon .tilbakemelding .karakterSelected input, .tilbakemelding .karakterSelected .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon input, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon .tilbakemelding .karakterSelected input, .tilbakemelding .karakterSelected .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon input, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon .tilbakemelding .karakterSelected input, .event-filter-box .webPartInnhold .calMenu input[type="submit"], #middle-column .sokemotortabell .sokeknapp input, .webForm .center input[type="submit"], #main .artikkelmal_28.ansattoversikt .sok-kontroll input[type="submit"] {
  padding: 0.5em 1.5em;
  border: 0;
  border: 1px solid #e0e0e0 !important;
  border-radius: 0.25em;
  -webkit-box-shadow: none;
          box-shadow: none;
  height: auto;
  display: inline-block;
  color: #004272 !important;
  background: #fff !important;
  font-family: "Cabin", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}

.tilbakemelding #tilbakemeldingKnapp:hover,
.tilbakemelding .karakterSelected button:hover, .tilbakemelding .karakterSelected form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a:hover, form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li .tilbakemelding .karakterSelected a:hover, .tilbakemelding .karakterSelected .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a:hover, .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li .tilbakemelding .karakterSelected a:hover, .tilbakemelding .karakterSelected .webPart .il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a:hover, .webPart .il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li .tilbakemelding .karakterSelected a:hover, .tilbakemelding .karakterSelected form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awBunnNavigasjon input:hover, form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awBunnNavigasjon .tilbakemelding .karakterSelected input:hover, .tilbakemelding .karakterSelected .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon input:hover, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon .tilbakemelding .karakterSelected input:hover, .tilbakemelding .karakterSelected .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon input:hover, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon .tilbakemelding .karakterSelected input:hover, .event-filter-box .webPartInnhold .calMenu input:hover[type="submit"], #middle-column .sokemotortabell .sokeknapp input:hover, .webForm .center input:hover[type="submit"], #main .artikkelmal_28.ansattoversikt .sok-kontroll input:hover[type="submit"], .tilbakemelding #tilbakemeldingKnapp:focus,
.tilbakemelding .karakterSelected button:focus, .tilbakemelding .karakterSelected form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a:focus, form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li .tilbakemelding .karakterSelected a:focus, .tilbakemelding .karakterSelected .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a:focus, .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li .tilbakemelding .karakterSelected a:focus, .tilbakemelding .karakterSelected .webPart .il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a:focus, .webPart .il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li .tilbakemelding .karakterSelected a:focus, .tilbakemelding .karakterSelected form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awBunnNavigasjon input:focus, form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awBunnNavigasjon .tilbakemelding .karakterSelected input:focus, .tilbakemelding .karakterSelected .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon input:focus, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon .tilbakemelding .karakterSelected input:focus, .tilbakemelding .karakterSelected .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon input:focus, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon .tilbakemelding .karakterSelected input:focus, .event-filter-box .webPartInnhold .calMenu input:focus[type="submit"], #middle-column .sokemotortabell .sokeknapp input:focus, .webForm .center input:focus[type="submit"], #main .artikkelmal_28.ansattoversikt .sok-kontroll input:focus[type="submit"] {
  border-color: #004272 !important;
  color: #fff !important;
  background-color: #004272 !important;
}

.tilbakemelding #tilbakemeldingKnapp:focus,
.tilbakemelding .karakterSelected button:focus, .tilbakemelding .karakterSelected form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a:focus, form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li .tilbakemelding .karakterSelected a:focus, .tilbakemelding .karakterSelected .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a:focus, .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li .tilbakemelding .karakterSelected a:focus, .tilbakemelding .karakterSelected .webPart .il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a:focus, .webPart .il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li .tilbakemelding .karakterSelected a:focus, .tilbakemelding .karakterSelected form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awBunnNavigasjon input:focus, form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awBunnNavigasjon .tilbakemelding .karakterSelected input:focus, .tilbakemelding .karakterSelected .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon input:focus, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon .tilbakemelding .karakterSelected input:focus, .tilbakemelding .karakterSelected .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon input:focus, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon .tilbakemelding .karakterSelected input:focus, .event-filter-box .webPartInnhold .calMenu input:focus[type="submit"], #middle-column .sokemotortabell .sokeknapp input:focus, .webForm .center input:focus[type="submit"], #main .artikkelmal_28.ansattoversikt .sok-kontroll input:focus[type="submit"] {
  outline: none;
}

.tilbakemelding #tilbakemeldingKnapp,
.tilbakemelding .karakterSelected button, .tilbakemelding .karakterSelected form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a, form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li .tilbakemelding .karakterSelected a, .tilbakemelding .karakterSelected .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a, .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li .tilbakemelding .karakterSelected a, .tilbakemelding .karakterSelected .webPart .il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a, .webPart .il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li .tilbakemelding .karakterSelected a, .tilbakemelding .karakterSelected form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awBunnNavigasjon input, form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awBunnNavigasjon .tilbakemelding .karakterSelected input, .tilbakemelding .karakterSelected .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon input, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon .tilbakemelding .karakterSelected input, .tilbakemelding .karakterSelected .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon input, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon .tilbakemelding .karakterSelected input, .event-filter-box .webPartInnhold .calMenu input[type="submit"], #middle-column .sokemotortabell .sokeknapp input {
  border-color: #004272 !important;
  color: #fff !important;
  background-color: #004272 !important;
}

.tilbakemelding #tilbakemeldingKnapp:hover,
.tilbakemelding .karakterSelected button:hover, .tilbakemelding .karakterSelected form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a:hover, form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li .tilbakemelding .karakterSelected a:hover, .tilbakemelding .karakterSelected .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a:hover, .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li .tilbakemelding .karakterSelected a:hover, .tilbakemelding .karakterSelected .webPart .il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a:hover, .webPart .il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li .tilbakemelding .karakterSelected a:hover, .tilbakemelding .karakterSelected form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awBunnNavigasjon input:hover, form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awBunnNavigasjon .tilbakemelding .karakterSelected input:hover, .tilbakemelding .karakterSelected .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon input:hover, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon .tilbakemelding .karakterSelected input:hover, .tilbakemelding .karakterSelected .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon input:hover, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon .tilbakemelding .karakterSelected input:hover, .event-filter-box .webPartInnhold .calMenu input:hover[type="submit"], #middle-column .sokemotortabell .sokeknapp input:hover, .tilbakemelding #tilbakemeldingKnapp:focus,
.tilbakemelding .karakterSelected button:focus, .tilbakemelding .karakterSelected form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a:focus, form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li .tilbakemelding .karakterSelected a:focus, .tilbakemelding .karakterSelected .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a:focus, .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li .tilbakemelding .karakterSelected a:focus, .tilbakemelding .karakterSelected .webPart .il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a:focus, .webPart .il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li .tilbakemelding .karakterSelected a:focus, .tilbakemelding .karakterSelected form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awBunnNavigasjon input:focus, form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awBunnNavigasjon .tilbakemelding .karakterSelected input:focus, .tilbakemelding .karakterSelected .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon input:focus, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon .tilbakemelding .karakterSelected input:focus, .tilbakemelding .karakterSelected .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon input:focus, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon .tilbakemelding .karakterSelected input:focus, .event-filter-box .webPartInnhold .calMenu input:focus[type="submit"], #middle-column .sokemotortabell .sokeknapp input:focus {
  border-color: #004272 !important;
  color: #004272 !important;
  background-color: #fff !important;
}

#middle-column .calContent .calEvent h1, #middle-column .calContent .calEvent .ArtikkelKategoriOverskrift, #middle-column .calContent .calEvent h2, #middle-column .calContent .calEvent #right-column .webPart .webPartTittel, #right-column .webPart #middle-column .calContent .calEvent .webPartTittel {
  -ms-word-wrap: hyphenate;
  word-wrap: break-word;
}

#search-box #search-box-content > div div, .header-search-box__container, .frontpage-search-box {
  background-color: #FFF;
  border: 1px solid #005cb9;
  position: relative;
}

#search-box #search-box-content > div div:after, .header-search-box__container:after, .frontpage-search-box:after {
  content: "";
  display: table;
  clear: both;
}

#search-box #search-box-content > div div input, .header-search-box__container input, .frontpage-search-box input {
  border: 0;
  float: left;
  height: 3.5rem;
  line-height: 3.5rem;
}

#search-box #search-box-content > div div input:focus, .header-search-box__container input:focus, .frontpage-search-box input:focus {
  background: #fff;
}

#search-box #search-box-content > div div input[type=text], .header-search-box__container input[type=text], .frontpage-search-box input[type=text] {
  font-size: 1.2rem;
  padding: 0 0 0 1rem;
  width: calc(100% - 4rem);
}

#search-box #search-box-content > div div input[type=text]::-webkit-input-placeholder, .header-search-box__container input[type=text]::-webkit-input-placeholder, .frontpage-search-box input[type=text]::-webkit-input-placeholder {
  color: #004272;
}

#search-box #search-box-content > div div input[type=text]:-ms-input-placeholder, .header-search-box__container input[type=text]:-ms-input-placeholder, .frontpage-search-box input[type=text]:-ms-input-placeholder {
  color: #004272;
}

#search-box #search-box-content > div div input[type=text]::-ms-input-placeholder, .header-search-box__container input[type=text]::-ms-input-placeholder, .frontpage-search-box input[type=text]::-ms-input-placeholder {
  color: #004272;
}

#search-box #search-box-content > div div input[type=text]::placeholder, .header-search-box__container input[type=text]::placeholder, .frontpage-search-box input[type=text]::placeholder {
  color: #004272;
}

#search-box #search-box-content > div div input[type=submit], .header-search-box__container input[type=submit], .frontpage-search-box input[type=submit] {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  cursor: pointer;
  font-size: 1rem;
  margin: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}

#alert-box .close-button, #message-box .close-button {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  border-radius: 0;
  border: 0;
  color: #004272;
  cursor: pointer;
  font-family: "Cabin", sans-serif;
  font-size: 20px;
  margin: 0;
  padding: 0;
}

#alert-box .close-button span, #message-box .close-button span {
  display: inline-block;
  text-transform: uppercase;
}

#alert-box .close-button:after, #message-box .close-button:after {
  margin-left: 0.5em;
  color: #004272;
  font-size: 0.9em;
}

#alert-box .close-button:hover span, #message-box .close-button:hover span, #alert-box .close-button:focus span, #message-box .close-button:focus span {
  text-decoration: underline;
}

#alert-box .close-button:focus, #message-box .close-button:focus {
  outline: none;
}

.school_main-menu .webPartTittel {
  text-align: center;
  font-size: 40px;
  font-weight: 600;
  padding: 0 0 0 22px !important;
  margin: 4rem 0 3rem !important;
  display: block;
}

.school_main-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}

.school_main-menu ul:after {
  content: "";
  display: table;
  clear: both;
}

.school_main-menu ul > * + * {
  margin-top: 0;
}

@supports ((display: -ms-grid) or (display: grid)) {
  .school_main-menu ul {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
    -webkit-column-gap: 2rem;
            column-gap: 2rem;
    row-gap: 0;
  }
  .school_main-menu ul > * + * {
    margin-top: 0;
  }
}

@media only screen and (min-width: 641px) {
  .school_main-menu ul > * + * {
    margin-top: 2rem;
  }
  @supports ((display: -ms-grid) or (display: grid)) {
    .school_main-menu ul {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: (1fr)[2];
          grid-template-columns: repeat(2, 1fr);
      -webkit-column-gap: 2rem;
              column-gap: 2rem;
      row-gap: 2rem;
    }
    .school_main-menu ul > * + * {
      margin-top: 0;
    }
  }
}

@media only screen and (min-width: 961px) {
  .school_main-menu ul > * + * {
    margin-top: 2rem;
  }
  @supports ((display: -ms-grid) or (display: grid)) {
    .school_main-menu ul {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: (1fr)[3];
          grid-template-columns: repeat(3, 1fr);
      -webkit-column-gap: 2rem;
              column-gap: 2rem;
      row-gap: 2rem;
    }
    .school_main-menu ul > * + * {
      margin-top: 0;
    }
  }
}

@media only screen and (max-width: 800px) {
  .school_main-menu li {
    width: 100%;
    margin-bottom: 2rem;
  }
}

.school_main-menu a {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #e6f1f7;
  height: 1px;
  min-height: 5rem;
  font-size: 1.3rem;
  font-weight: 600;
  padding: 0 1rem;
  text-align: center;
  text-decoration: none;
  -webkit-transition: background-color 0.15s ease-in-out;
  -o-transition: background-color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out;
  border: 1px solid #e6eef9;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.school_main-menu a:hover, .school_main-menu a:focus {
  background-color: #fff;
  color: #004272;
  outline: 0;
  text-decoration: none;
  border: 1px solid #005cb9;
}

.school_main-menu a::after {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #005cb9;
  color: #fff;
}

.school_articles-in-category {
  margin-top: 2rem !important;
}

.school_articles-in-category ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}

.school_articles-in-category ul:after {
  content: "";
  display: table;
  clear: both;
}

@media only screen and (min-width: 641px) {
  .school_articles-in-category ul {
    margin-left: -2rem;
    margin-top: -2rem;
  }
  .school_articles-in-category ul > * {
    margin-left: 2rem;
    margin-top: 2rem;
    width: calc(100% / 2 - 2rem);
  }
}

@media only screen and (min-width: 961px) {
  .school_articles-in-category ul {
    margin-left: -2rem;
    margin-top: -2rem;
  }
  .school_articles-in-category ul > * {
    margin-left: 2rem;
    margin-top: 2rem;
    width: calc(100% / 3 - 2rem);
  }
}

.school_articles-in-category ul li {
  background-color: #e6f1f7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media only screen and (max-width: 800px) {
  .school_articles-in-category ul li {
    width: 100%;
    margin-bottom: 2rem;
  }
}

.school_articles-in-category ul li div {
  padding: 0 1rem;
}

.school_articles-in-category ul li .tittel {
  padding: 1rem;
  text-decoration: underline;
  font-size: 1.5rem;
}

.school_articles-in-category ul li .datoPublisert {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  padding: 1rem;
}

.school_articles-in-category ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.school_articles-in-category ul li a img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  width: 100%;
  height: auto;
  max-height: 13.75rem;
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

input,
button,
form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a,
.webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a,
.webPart .il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a,
form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awBunnNavigasjon input,
.webPart.il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon input,
.webPart .il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon input,
textarea {
  font-family: inherit;
}

html,
body,
form {
  margin: 0;
  padding: 0;
}

body > form {
  overflow: hidden;
}

body {
  position: relative;
  color: #004272;
  background: #fff;
  font-family: "Cabin", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 34px;
}

body h1, body .ArtikkelKategoriOverskrift,
body h2,
body #right-column .webPart .webPartTittel,
#right-column .webPart body .webPartTittel,
body h3,
body .news-list ul > li > a .tittel,
.news-list ul > li > a body .tittel,
body .event-list-box ul li .event-text .event-title a,
.event-list-box ul li .event-text .event-title body a,
body h4,
body h5,
body h6 {
  font-family: "Cabin", sans-serif;
  font-weight: 400;
  line-height: 1.2em;
  word-wrap: break-word;
}

@media only screen and (min-width: 801px) {
  body h1, body .ArtikkelKategoriOverskrift,
  body h2,
  body #right-column .webPart .webPartTittel,
  #right-column .webPart body .webPartTittel,
  body h3,
  body .news-list ul > li > a .tittel,
  .news-list ul > li > a body .tittel,
  body .event-list-box ul li .event-text .event-title a,
  .event-list-box ul li .event-text .event-title body a,
  body h4,
  body h5,
  body h6 {
    word-wrap: normal;
  }
}


body h2,
body #right-column .webPart .webPartTittel,
#right-column .webPart body .webPartTittel {
  font-size: 24px;
}

@media only screen and (min-width: 641px) {
  
  body h2,
  body #right-column .webPart .webPartTittel,
  #right-column .webPart body .webPartTittel {
    font-size: 30px;
  }
}


body h3,
body .news-list ul > li > a .tittel,
.news-list ul > li > a body .tittel,
body .event-list-box ul li .event-text .event-title a,
.event-list-box ul li .event-text .event-title body a {
  font-size: 20px;
}

body a {
  color: #004272;
  text-decoration: underline;
}

body a:focus {
  background-color: #e6eef9 !important;
  border-radius: 3px;
  color: #333 !important;
  outline: 0;
}

body a:hover, body a:focus {
  text-decoration: underline;
}

body a img {
  border: none;
}

.hidden a {
  padding: 0.5em;
  border-radius: 0.25em;
  color: #fff;
  background-color: #004272;
}

.hidden a:focus,
.hidden a:active {
  margin: 0;
  clip: auto;
  width: auto;
  height: auto;
  top: 1rem;
  left: 1rem;
  overflow: visible;
  text-decoration: underline;
  outline: none;
}

#header {
  background-color: #f5f5f5;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #ccc;
}

@media only screen and (min-width: 961px) {
  #header {
    background-color: #fff;
  }
}

#header-content {
  height: 80px;
  margin: 0 auto;
  padding: 0;
  position: relative;
  max-width: 100%;
}

#header-content:after {
  content: "";
  display: table;
  clear: both;
}

@media only screen and (min-width: 481px) {
  #header-content {
    padding: 0;
    height: 80px;
  }
}

@media only screen and (min-width: 641px) {
  #header-content {
    max-width: 90%;
  }
}

@media only screen and (min-width: 801px) {
  #header-content {
    height: 113px;
  }
}

@media only screen and (min-width: 1173px) {
  #header-content {
    max-width: 1140px;
  }
}

#mobile-logo,
#logo {
  display: inline-block;
  margin: 0;
  padding: 0;
  float: left;
}

#mobile-logo img,
#logo img {
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
}

#mobile-logo img.logo,
#logo img.logo {
  display: block;
  height: 60px;
  position: relative;
  z-index: 1;
  margin: 10px 0 0 10px;
}

@media only screen and (min-width: 481px) {
  #mobile-logo img.logo,
  #logo img.logo {
    display: block;
    height: 60px;
  }
}

@media only screen and (min-width: 641px) {
  #mobile-logo img.logo,
  #logo img.logo {
    height: 90px;
    margin: 0;
  }
}

@media only screen and (min-width: 801px) {
  #mobile-logo img.logo,
  #logo img.logo {
    height: 80px;
  }
}

#mobile-logo img.logo--shield,
#logo img.logo--shield {
  display: none;
  height: 65px;
}

@media only screen and (min-width: 481px) {
  #mobile-logo img.logo--shield,
  #logo img.logo--shield {
    display: none;
  }
}

#mobile-logo #customLogo img,
#logo #customLogo img {
  display: block;
  height: 60px;
  position: relative;
  z-index: 1;
  margin: 10px 0 0 10px;
}

@media only screen and (min-width: 481px) {
  #mobile-logo #customLogo img,
  #logo #customLogo img {
    display: block;
    height: 60px;
  }
}

@media only screen and (min-width: 641px) {
  #mobile-logo #customLogo img,
  #logo #customLogo img {
    height: 90px;
    margin: 0;
  }
}

@media only screen and (min-width: 801px) {
  #mobile-logo #customLogo img,
  #logo #customLogo img {
    height: 80px;
  }
}

@media only screen and (min-width: 801px) {
  #mobile-logo,
  #logo {
    margin-top: 18px;
  }
}

#mobile-logo a,
#logo a {
  display: block;
}

#mobile-logo a:hover,
#mobile-logo a:focus,
#logo a:hover,
#logo a:focus {
  outline: none;
}

#mobile-logo a:hover img,
#mobile-logo a:focus img,
#logo a:hover img,
#logo a:focus img {
  background: #e6eef9;
}

#navigation {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: block;
  float: right;
  height: 80px;
  line-height: 80px;
  width: auto;
}

@media only screen and (min-width: 481px) {
  #navigation {
    display: block;
    float: right;
    height: 80px;
    line-height: 80px;
    width: auto;
  }
}

@media only screen and (min-width: 801px) {
  #navigation {
    height: 113px;
    line-height: 113px;
  }
}

#navigation > li {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}

#navigation .employee-menu {
  display: none;
  height: 100%;
}

#navigation .employee-menu ul {
  padding: 0;
}

#navigation .employee-menu a {
  color: #fff;
  display: block;
  font-size: 1rem;
  line-height: 80px;
  text-align: center;
  text-decoration: none;
  width: 60px;
}

#navigation .employee-menu a span::before {
  background-color: #fff;
  border-radius: 50%;
  border: 2px solid currentColor;
  color: #004272;
  display: block;
  height: 40px;
  line-height: 37px !important;
  margin: 0 auto 0.5rem !important;
  width: 40px;
}

#navigation .employee-menu a span {
  display: none;
  line-height: normal;
  vertical-align: middle;
}

@media only screen and (min-width: 481px) {
  #navigation .employee-menu a {
    height: 80px;
    line-height: 80px;
    position: absolute;
    width: 80px;
  }
}

@media only screen and (min-width: 801px) {
  #navigation .employee-menu a {
    height: 113px;
    line-height: 113px;
    position: static;
    width: 80px;
  }
  #navigation .employee-menu a span {
    display: inline-block;
    vertical-align: middle;
  }
}

@media only screen and (min-width: 641px) {
  #navigation .employee-menu {
    display: inline-block;
  }
}

#main-menu-toggle {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #005cb9;
  border-radius: 0;
  border: 0 none;
  color: #004272;
  cursor: pointer;
  display: block;
  height: 80px;
  margin: 0;
  padding: 0 20px 0 10px !important;
  right: 0;
  text-align: center;
  text-decoration: none;
  top: 0;
  width: 110px !important;
  position: absolute;
}

#main-menu-toggle:before {
  color: #fff !important;
  background-color: #005cb9 !important;
  border: 0 none !important;
  line-height: 39px !important;
}

@media only screen and (min-width: 801px) {
  #main-menu-toggle:hover, #main-menu-toggle:focus, #main-menu-toggle.open {
    color: #004272;
    background: #e6eef9 !important;
  }
  #main-menu-toggle:hover:before, #main-menu-toggle:focus:before, #main-menu-toggle.open:before {
    background: #e6eef9 !important;
  }
}

#main-menu-toggle:hover:before, #main-menu-toggle:focus:before, #main-menu-toggle.open:before {
  color: #004272;
  background: #e6eef9;
}

#main-menu-toggle:focus {
  outline: none;
}

#main-menu-toggle span {
  vertical-align: middle;
  color: #fff;
}

@media only screen and (min-width: 641px) {
  #main-menu-toggle span {
    color: #004272;
  }
}

@media only screen and (min-width: 481px) {
  #main-menu-toggle {
    height: 80px;
    position: absolute;
    width: 80px;
  }
}

@media only screen and (min-width: 641px) {
  #main-menu-toggle {
    width: 100px !important;
    height: 40px;
    position: relative;
    padding: 0 34px 0 0 !important;
    background: #fff;
    border: 1px solid #004272;
    border-color: #ccdff0;
  }
  #main-menu-toggle span {
    display: block;
    line-height: 0;
  }
  #main-menu-toggle:before {
    border: 0 none !important;
    border-radius: 0 !important;
    position: absolute;
    right: 1px;
    top: 0px;
    color: #004272 !important;
    background: #fff !important;
  }
}

#main-menu {
  display: none;
  background: #e6eef9;
  margin: 0;
  padding: 0;
}

#main-menu.open {
  display: block;
}

#main-menu ul ul {
  display: none !important;
}

#main-menu li {
  border-bottom: 1px solid rgba(0, 92, 185, 0.3);
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
  padding: 1rem 0 !important;
}

#main-menu a {
  border-left: 3px solid #005cb9;
  color: #004272;
  display: block;
  height: 2.5rem;
  line-height: 2.5rem;
  padding: 0 1.5rem;
  position: relative;
}

@media only screen and (min-width: 801px) {
  #main-menu a {
    height: auto;
  }
}

#main-menu a:hover, #main-menu a:focus {
  font-weight: 600;
  background: #fff;
}

#main-menu a:hover::after, #main-menu a:focus::after {
  opacity: 1;
}

@media only screen and (min-width: 801px) {
  #main-menu .vListe a::after {
    content: none;
  }
}

@media only screen and (max-width: 800px) {
  #main-menu ul.vListe > li {
    position: relative;
  }
  #main-menu ul.vListe > li > a {
    border: none;
    display: block;
    font-size: 1.2rem;
    padding-right: 2.5rem;
    position: relative;
    text-decoration: none;
  }
  #main-menu ul.vListe > li > a span {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
  }
  #main-menu ul.vListe > li > a::after {
    right: 1rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  #main-menu ul.vListe > li:first-child > a {
    border-top: none;
  }
  #main-menu ul.vListe > li > ul li {
    display: none;
  }
  #main-menu ul.vListe > li.open > ul li {
    display: block;
  }
  #main-menu ul.vListe > li .nivaa1 {
    font-size: 1.1rem;
    text-align: center;
  }
  #main-menu ul.vListe > li .nivaa1 + li {
    margin-top: 0.5rem;
  }
}

#main-menu:after {
  content: "";
  display: table;
  clear: both;
}

@media only screen and (min-width: 801px) {
  #main-menu {
    padding: 4rem 0;
  }
}

#main-menu ul.vListe {
  margin: 0 auto;
  padding: 0;
  max-width: 1140px;
  width: 95%;
}

@media only screen and (min-width: 801px) {
  #main-menu ul.vListe {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

#main-menu ul.vListe > li a {
  text-decoration: none;
}

#main-menu ul.vListe > li > a {
  font-size: 1.2rem;
}

#main-menu ul.vListe > li > a span {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}

#main-menu ul.vListe > li > a:focus {
  outline: none;
}

@media only screen and (max-width: 800px) {
  #main-menu ul.vListe > li li a::after {
    content: none !important;
  }
}

@media only screen and (min-width: 801px) {
  #main-menu ul.vListe > li {
    margin-left: 2%;
    width: 32%;
  }
  #main-menu ul.vListe > li:first-child, #main-menu ul.vListe > li:nth-child(2), #main-menu ul.vListe > li:nth-child(3) {
    margin-top: 0;
  }
  #main-menu ul.vListe > li:first-child.js-google-translate + li, #main-menu ul.vListe > li:nth-child(2).js-google-translate + li, #main-menu ul.vListe > li:nth-child(3).js-google-translate + li {
    margin-left: 0 !important;
  }
  #main-menu ul.vListe > li:nth-child(3n + 1) {
    margin-left: 0;
  }
  #main-menu ul.vListe > li:nth-last-child(-n + 3) {
    border-bottom: 0;
    margin-bottom: 0;
  }
  #main-menu ul.vListe > li > a {
    font-size: 1.4rem;
  }
}

#main-menu ul.vListe > li.clear-left {
  clear: left;
  margin-left: 0 !important;
}

#main-menu ul.vListe > li.type-link {
  float: left;
  padding-top: 2rem;
  text-align: center;
}

#main-menu ul.vListe > li.type-link:after {
  content: "";
  display: table;
  clear: both;
}

@media only screen and (min-width: 801px) {
  #main-menu ul.vListe > li.type-link {
    margin-top: 2%;
    margin-left: 2%;
    width: 32%;
    float: left;
  }
}

#main-menu ul.vListe > li.type-link > a {
  position: relative;
  color: #004272;
  text-decoration: none;
  font-size: 1.2rem;
}

#main-menu ul.vListe > li.type-link > a span {
  border-bottom: 3px solid #e0e0e0;
  display: inline-block;
  margin-left: 1.5em;
  padding-bottom: 1px;
  position: relative;
}

#main-menu ul.vListe > li.type-link > a span:before {
  position: absolute;
  top: 0.25em;
  left: -1.5em;
  color: #004272;
}

#main-menu ul.vListe > li.type-link > a:hover span, #main-menu ul.vListe > li.type-link > a:focus span {
  border-color: #004272;
}

#main-menu ul.vListe > li li > ul {
  display: none !important;
}

#main-menu .mobile-menu__search {
  height: 70px;
  width: 95%;
  position: relative;
  padding: 0 15px;
  border-bottom: 1px solid rgba(0, 92, 185, 0.3);
  margin: 0 auto;
  padding: 1rem 0 !important;
}

#main-menu .mobile-menu__search a {
  display: none;
}

#main-menu .mobile-menu__search input {
  border: 0;
  font-size: 16px;
  height: 50px;
  line-height: 1;
  position: absolute;
  top: 0;
  -webkit-transform: translateY(20%);
  -ms-transform: translateY(20%);
      transform: translateY(20%);
}

#main-menu .mobile-menu__search input[type="text"] {
  text-indent: 15px;
  width: calc(100% - 55px);
  -moz-border-bottom-left-radius: 50px;
  border-bottom-left-radius: 50px;
  -moz-border-top-left-radius: 50px;
  border-top-left-radius: 50px;
}

#main-menu .mobile-menu__search input[type="submit"] {
  background: #fff url(../images/icon-search-blue.svg) no-repeat center center;
  background-size: 35%;
  -moz-border-bottom-right-radius: 50px;
  border-bottom-right-radius: 50px;
  -webkit-border-top-right-radius: 50px;
  -moz-border-top-right-radius: 50px;
  border-top-left-right: 50px;
  cursor: pointer;
  right: 0;
  position: absolute;
  top: 0;
  text-indent: -9999px;
  font-weight: 500;
  width: 55px;
  -webkit-transition: 0.15s background ease-in-out;
  -o-transition: 0.15s background ease-in-out;
  transition: 0.15s background ease-in-out;
}

@media only screen and (min-width: 801px) {
  #main-menu .mobile-menu__search {
    display: none;
  }
}

@media only screen and (min-width: 1173px) {
  .topmenu-mobile {
    display: none;
  }
}

.topmenu-mobile .js-google-translate {
  display: none;
}

#accessibility-menu {
  margin: 0;
}

@media only screen and (min-width: 801px) {
  #accessibility-menu ul.vListe {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 110px;
    text-align: left !important;
  }
  #accessibility-menu ul.vListe > li {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    height: 60%;
    margin-top: 0 !important;
    padding: 0 1rem;
  }
  #accessibility-menu ul.vListe > li > ul {
    background: #e0e0e0;
    -webkit-box-shadow: 0 0.25em 0.5em rgba(0, 66, 114, 0.25);
            box-shadow: 0 0.25em 0.5em rgba(0, 66, 114, 0.25);
    left: -1em;
    margin-top: 0;
    min-width: 15em;
    padding: 0.5em 1em;
    position: absolute;
    top: 2em;
    z-index: 10;
  }
}

#accessibility-menu ul.vListe {
  text-align: center;
  margin-right: 20px;
}

#accessibility-menu ul.vListe:after {
  content: "";
  display: table;
  clear: both;
}

#accessibility-menu ul.vListe > li {
  position: relative;
  margin-top: 1rem;
}

#accessibility-menu ul.vListe > li.open > ul {
  display: block;
}

#accessibility-menu ul.vListe > li.collapsable > a:after {
  margin-left: 10px;
  vertical-align: middle;
  color: #fff;
  position: absolute;
  top: 6px;
}

#accessibility-menu ul.vListe > li > a {
  font-weight: 600;
  font-size: 1rem;
  text-decoration: none;
}

#accessibility-menu ul.vListe > li > a:hover, #accessibility-menu ul.vListe > li > a:focus {
  text-decoration: underline;
}

#accessibility-menu ul.vListe > li > a:focus {
  outline: none;
}

#accessibility-menu ul.vListe > li > ul {
  margin-top: 1rem;
  display: none;
}

#accessibility-menu ul.vListe > li > ul > li {
  margin-top: 0.5em;
  display: block;
}

#accessibility-menu ul.vListe > li > ul > li:first-child {
  margin-top: 0;
}

#accessibility-menu ul.vListe > li > ul > li > a {
  padding-bottom: 0.25em;
  display: inline-block;
  color: #004272;
  font-size: 0.9em;
  line-height: 1.8em;
  text-decoration: none;
}

#accessibility-menu ul.vListe > li > ul > li > a > span {
  border-bottom: 3px solid #e0e0e0;
}

#accessibility-menu ul.vListe > li > ul > li > a:hover > span, #accessibility-menu ul.vListe > li > ul > li > a:focus > span {
  border-color: #004272;
}

#accessibility-menu ul.vListe > li > ul > li > a:focus {
  outline: none;
}

#accessibility-menu ul.vListe > li > ul > li > ul {
  display: none !important;
}

.tools-menu--mobile {
  margin-top: 3rem !important;
}

.tools-menu--mobile a {
  background-color: #004272 !important;
  color: #fff !important;
}

.tools-menu--mobile a:hover, .tools-menu--mobile a:focus {
  background-color: #fff !important;
  color: #004272 !important;
}

@media only screen and (min-width: 1173px) {
  .tools-menu--mobile {
    display: none;
  }
}

@media only screen and (min-width: 801px) {
  #navigation .mobile-logo__container {
    display: none;
  }
}

#navigation .accessibility-menu__container {
  display: none;
}

@media only screen and (min-width: 1173px) {
  #navigation .accessibility-menu__container {
    display: inline-block;
  }
}

.banner {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: none;
  height: 250px;
}

@media only screen and (min-width: 641px) {
  .banner {
    display: block;
  }
}

#footer #accessibility-menu .Zone {
  margin-top: 1rem;
}

#main-menu-toggle,
#search-box-toggle {
  /*@include bronnoy-focus;*/
  font-size: 1rem;
  font-weight: 600;
}

#main-menu-toggle::before,
#search-box-toggle::before {
  background-color: #fff;
  border: 2px solid #ccdff0;
  color: #004272;
  display: inline-block;
  height: 38px;
  line-height: 37px;
  vertical-align: middle;
  width: 38px;
  font-size: 14px;
}

@media only screen and (min-width: 801px) {
  .search-box-toggle__container {
    display: inline-block !important;
  }
}

#search-box-toggle {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: #fff;
  border-radius: 0;
  border: none;
  color: #004272;
  cursor: pointer;
  display: none;
  height: 60px;
  margin: 0;
  padding: 0;
  right: 60px;
  text-align: center;
  text-decoration: none;
  top: 0;
  width: 60px;
}

#search-box-toggle::before {
  /*@extend %button-transition;*/
}

@media only screen and (min-width: 801px) {
  #search-box-toggle:hover, #search-box-toggle:focus, #search-box-toggle.open {
    color: #004272;
    background: #e6eef9;
  }
}

#search-box-toggle:hover:before, #search-box-toggle:focus:before, #search-box-toggle.open:before {
  color: #004272;
  background: #e6eef9;
}

#search-box-toggle:focus {
  outline: none;
}

#search-box-toggle span {
  display: none;
  vertical-align: middle;
  font-size: 1rem;
  font-weight: 600;
}

@media only screen and (min-width: 801px) {
  #search-box-toggle span {
    display: inline-block;
  }
}

@media only screen and (min-width: 481px) {
  #search-box-toggle {
    height: 80px;
    position: absolute;
    right: 80px;
    width: 80px;
  }
}

@media only screen and (min-width: 801px) {
  #search-box-toggle {
    width: 80px;
    height: 40px;
    position: relative;
    border: 1px solid #ccdff0;
    right: 10px;
    padding: 0 30px 0 0;
    display: block;
  }
  #search-box-toggle:before {
    border: 0 none;
    position: absolute;
    right: 1px;
    top: 0;
    width: 30px;
    font-size: 16px;
  }
  #search-box-toggle span {
    /*padding-top: 0.5rem;
            display: block;*/
  }
}

#search-box {
  background: #e6eef9;
  display: none;
  margin: 0;
  padding: 1rem 0;
}

#search-box.open {
  display: block;
}

#search-box #search-box-content {
  margin: 0 auto;
  padding: 0 1rem;
}

@media only screen and (min-width: 481px) {
  #search-box #search-box-content {
    padding: 0;
    max-width: 90%;
  }
}

@media only screen and (min-width: 1173px) {
  #search-box #search-box-content {
    max-width: 1140px;
  }
}

#search-box #search-box-content > div {
  background: #f5f5f5;
  /*border: 2px solid $theme-color-1;*/
  position: relative;
  width: 100%;
}

#search-box #search-box-content > div:after {
  content: "";
  display: table;
  clear: both;
}

#search-box #search-box-content > div:focus {
  /*border: 2px solid $theme-color-3;*/
}

#search-box #search-box-content > div input[type="text"] {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  border-radius: 0;
  border: none;
  font-family: "Cabin", sans-serif;
  font-size: 1.2em;
  height: 60px;
  line-height: 60px;
  padding: 0 2em;
  width: calc(100% - 1rem);
}

#search-box #search-box-content > div input[type="submit"] {
  background: transparent url(../images/icon-search-blue.svg) no-repeat center center;
  text-indent: -10000px;
  width: 4rem;
  background-size: 30px 30px;
}

#search-box ::-webkit-input-placeholder {
  color: #004272;
}

#search-box :-ms-input-placeholder {
  color: #004272;
}

#search-box ::-ms-input-placeholder {
  color: #004272;
}

#search-box ::placeholder {
  color: #004272;
}

.js-search-box #search-box input[type="text"] {
  height: 80px !important;
}

.js-search-box #search-box input[type="submit"] {
  height: 80px !important;
}

#SokAutoSuggest {
  border: 1px solid #e0e0e0;
  border-top: 0;
  background: none !important;
  font-size: 18px;
}

#SokAutoSuggest ul {
  margin: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #fff !important;
}

#SokAutoSuggest ul li {
  padding: 1em 0.5em !important;
}

#SokAutoSuggest ul li:hover {
  color: #004272 !important;
  background-color: #e0e0e0 !important;
}

#alert-box {
  margin: 0;
}

#alert-box #alert-box-content {
  background: #fff;
  color: #004272;
  position: relative;
}

#alert-box #alert-box-message p {
  margin: 0;
  margin-top: 1em;
  padding: 0;
}

#alert-box #alert-box-message p:first-child {
  margin-top: 0;
}

@media only screen and (min-width: 801px) {
  #alert-box #alert-box-message {
    padding-top: 0;
  }
}

#alert-box .close-button {
  position: absolute;
  top: 1em;
  right: 1em;
}

@media only screen and (min-width: 801px) {
  #alert-box .close-button {
    top: 1rem;
    right: 1rem;
  }
}

.frontpage__focus-article ul {
  margin: 0;
  padding: 0;
}

.frontpage__focus-article li {
  background-color: #e6eef9;
  display: block;
  margin: 2rem auto;
  max-width: 900px;
  padding: 5%;
  text-align: center;
  width: 100%;
}

@media only screen and (min-width: 641px) {
  .frontpage__focus-article li {
    margin: 4rem auto;
  }
}

.frontpage__focus-article .MargLink {
  display: inline-block;
  margin-bottom: 1rem;
  text-decoration: none;
}

.frontpage__focus-article .MargLink h3, .frontpage__focus-article .MargLink .news-list ul > li > a .tittel, .news-list ul > li > a .frontpage__focus-article .MargLink .tittel, .frontpage__focus-article .MargLink .event-list-box ul li .event-text .event-title a, .event-list-box ul li .event-text .event-title .frontpage__focus-article .MargLink a {
  border-bottom: 2px dotted #005cb9;
  display: inline;
}

.area-message,
.area-message-list-item {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  background-color: #f7ebd3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  margin-top: 30px;
  color: #000;
  font-size: 1.1rem;
}

.area-message::before,
.area-message-list-item::before {
  background-color: #d89f2e;
  content: "";
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 2rem;
  width: 100%;
  display: none;
}

.area-message .area-message__title::before, .area-message .area-message__title::after,
.area-message .area-message-list-item__title::before,
.area-message .area-message-list-item__title::after,
.area-message-list-item .area-message__title::before,
.area-message-list-item .area-message__title::after,
.area-message-list-item .area-message-list-item__title::before,
.area-message-list-item .area-message-list-item__title::after {
  color: #fff;
  font-size: 1rem;
  left: calc(50% - 0.5em);
  position: absolute;
  top: -4.2rem;
  display: none;
}

@media only screen and (min-width: 641px) {
  .area-message .area-message__title::before, .area-message .area-message__title::after,
  .area-message .area-message-list-item__title::before,
  .area-message .area-message-list-item__title::after,
  .area-message-list-item .area-message__title::before,
  .area-message-list-item .area-message__title::after,
  .area-message-list-item .area-message-list-item__title::before,
  .area-message-list-item .area-message-list-item__title::after {
    left: calc(-2rem - 3.4ch);
    top: 0;
  }
}

.area-message .area-message__title h3, .area-message .area-message__title .news-list ul > li > a .tittel, .news-list ul > li > a .area-message .area-message__title .tittel, .area-message .area-message__title .event-list-box ul li .event-text .event-title a, .event-list-box ul li .event-text .event-title .area-message .area-message__title a,
.area-message .area-message-list-item__title h3,
.area-message .area-message-list-item__title .news-list ul > li > a .tittel,
.news-list ul > li > a .area-message .area-message-list-item__title .tittel,
.area-message .area-message-list-item__title .event-list-box ul li .event-text .event-title a,
.event-list-box ul li .event-text .event-title .area-message .area-message-list-item__title a,
.area-message-list-item .area-message__title h3,
.area-message-list-item .area-message__title .news-list ul > li > a .tittel,
.news-list ul > li > a .area-message-list-item .area-message__title .tittel,
.area-message-list-item .area-message__title .event-list-box ul li .event-text .event-title a,
.event-list-box ul li .event-text .event-title .area-message-list-item .area-message__title a,
.area-message-list-item .area-message-list-item__title h3,
.area-message-list-item .area-message-list-item__title .news-list ul > li > a .tittel,
.news-list ul > li > a .area-message-list-item .area-message-list-item__title .tittel,
.area-message-list-item .area-message-list-item__title .event-list-box ul li .event-text .event-title a,
.event-list-box ul li .event-text .event-title .area-message-list-item .area-message-list-item__title a {
  color: #000;
  font-size: 1.4rem;
  font-weight: 600;
  margin: 0 0 0.5rem;
  margin-right: 0;
}

.area-message .area-message__title h3:before, .area-message .area-message__title .news-list ul > li > a .tittel:before, .news-list ul > li > a .area-message .area-message__title .tittel:before, .area-message .area-message__title .event-list-box ul li .event-text .event-title a:before, .event-list-box ul li .event-text .event-title .area-message .area-message__title a:before,
.area-message .area-message-list-item__title h3:before,
.area-message .area-message-list-item__title .news-list ul > li > a .tittel:before,
.news-list ul > li > a .area-message .area-message-list-item__title .tittel:before,
.area-message .area-message-list-item__title .event-list-box ul li .event-text .event-title a:before,
.event-list-box ul li .event-text .event-title .area-message .area-message-list-item__title a:before,
.area-message-list-item .area-message__title h3:before,
.area-message-list-item .area-message__title .news-list ul > li > a .tittel:before,
.news-list ul > li > a .area-message-list-item .area-message__title .tittel:before,
.area-message-list-item .area-message__title .event-list-box ul li .event-text .event-title a:before,
.event-list-box ul li .event-text .event-title .area-message-list-item .area-message__title a:before,
.area-message-list-item .area-message-list-item__title h3:before,
.area-message-list-item .area-message-list-item__title .news-list ul > li > a .tittel:before,
.news-list ul > li > a .area-message-list-item .area-message-list-item__title .tittel:before,
.area-message-list-item .area-message-list-item__title .event-list-box ul li .event-text .event-title a:before,
.event-list-box ul li .event-text .event-title .area-message-list-item .area-message-list-item__title a:before {
  font-size: 1.2rem;
  padding: 10px;
  background-color: #fff;
  border-radius: 50%;
  border: 2px solid #d89f2e;
  color: #d89f2e;
  position: absolute;
  left: calc(50% - 21px);
  -webkit-transform: translateY(-121%);
      -ms-transform: translateY(-121%);
          transform: translateY(-121%);
  display: block;
}

.area-message a,
.area-message-list-item a {
  border-bottom: 1px solid currentColor;
  color: #000;
  text-decoration: none;
}

.area-message a:hover, .area-message a:focus,
.area-message-list-item a:hover,
.area-message-list-item a:focus {
  border-bottom-style: none;
  text-decoration: none;
}

@media only screen and (min-width: 641px) {
  .area-message,
  .area-message-list-item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .area-message::before,
  .area-message-list-item::before {
    width: 35%;
  }
}

#middle-column .area-message,
#middle-column .area-message-list-item {
  margin-top: 0;
}

#middle-column .area-message .area-message__title h3:before, #middle-column .area-message .area-message__title .news-list ul > li > a .tittel:before, .news-list ul > li > a #middle-column .area-message .area-message__title .tittel:before, #middle-column .area-message .area-message__title .event-list-box ul li .event-text .event-title a:before, .event-list-box ul li .event-text .event-title #middle-column .area-message .area-message__title a:before,
#middle-column .area-message .area-message-list-item__title h3:before,
#middle-column .area-message .area-message-list-item__title .news-list ul > li > a .tittel:before,
.news-list ul > li > a #middle-column .area-message .area-message-list-item__title .tittel:before,
#middle-column .area-message .area-message-list-item__title .event-list-box ul li .event-text .event-title a:before,
.event-list-box ul li .event-text .event-title #middle-column .area-message .area-message-list-item__title a:before,
#middle-column .area-message-list-item .area-message__title h3:before,
#middle-column .area-message-list-item .area-message__title .news-list ul > li > a .tittel:before,
.news-list ul > li > a #middle-column .area-message-list-item .area-message__title .tittel:before,
#middle-column .area-message-list-item .area-message__title .event-list-box ul li .event-text .event-title a:before,
.event-list-box ul li .event-text .event-title #middle-column .area-message-list-item .area-message__title a:before,
#middle-column .area-message-list-item .area-message-list-item__title h3:before,
#middle-column .area-message-list-item .area-message-list-item__title .news-list ul > li > a .tittel:before,
.news-list ul > li > a #middle-column .area-message-list-item .area-message-list-item__title .tittel:before,
#middle-column .area-message-list-item .area-message-list-item__title .event-list-box ul li .event-text .event-title a:before,
.event-list-box ul li .event-text .event-title #middle-column .area-message-list-item .area-message-list-item__title a:before {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  left: 0;
  position: relative;
  display: inline;
  margin-right: 15px;
}

#alert-box .area-message,
#alert-box .area-message-list-item {
  margin-top: 0;
}

#alert-box .area-message .area-message__text,
#alert-box .area-message .area-message-list-item__text,
#alert-box .area-message-list-item .area-message__text,
#alert-box .area-message-list-item .area-message-list-item__text {
  border-left: 0 none;
  border-right: 0 none;
}

@media only screen and (min-width: 641px) {
  .emnekart-area-message .area-message-list-item::before {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    width: 98px;
  }
}

.area-message__icon,
.area-message-list-item__icon {
  position: relative;
}

.area-message__icon::before,
.area-message-list-item__icon::before {
  color: #fff;
  content: "Melding";
  font-size: 1rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  position: absolute;
  text-transform: uppercase;
  top: -2rem;
  display: none;
}

@media only screen and (min-width: 641px) {
  .area-message__icon::before,
  .area-message-list-item__icon::before {
    left: -4.5ch;
    top: 50%;
  }
}

.area-message__text,
.area-message-list-item__text {
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  padding: 1.8rem 2rem 1.2rem;
  text-align: center;
  border: 2px solid #d89f2e;
  border-radius: 3px;
}

@media only screen and (min-width: 641px) {
  .area-message__text,
  .area-message-list-item__text {
    width: 65%;
  }
}

.area-message:not(.area-message--emergency) .area-message__title,
.area-message:not(.area-message--emergency) .area-message-list-item__title,
.area-message-list-item:not(.area-message--emergency) .area-message__title,
.area-message-list-item:not(.area-message--emergency) .area-message-list-item__title {
  position: relative;
}

.area-message--emergency {
  color: #fff;
  background-color: #980513 !important;
}

.area-message--emergency .area-message__text,
.area-message--emergency .area-message-list-item__text {
  border-color: #fff;
}

.area-message--emergency .area-message__title h3, .area-message--emergency .area-message__title .news-list ul > li > a .tittel, .news-list ul > li > a .area-message--emergency .area-message__title .tittel, .area-message--emergency .area-message__title .event-list-box ul li .event-text .event-title a, .event-list-box ul li .event-text .event-title .area-message--emergency .area-message__title a,
.area-message--emergency .area-message-list-item__title h3,
.area-message--emergency .area-message-list-item__title .news-list ul > li > a .tittel,
.news-list ul > li > a .area-message--emergency .area-message-list-item__title .tittel,
.area-message--emergency .area-message-list-item__title .event-list-box ul li .event-text .event-title a,
.event-list-box ul li .event-text .event-title .area-message--emergency .area-message-list-item__title a {
  color: #fff !important;
}

.area-message--emergency .area-message__title h3:before, .area-message--emergency .area-message__title .news-list ul > li > a .tittel:before, .news-list ul > li > a .area-message--emergency .area-message__title .tittel:before, .area-message--emergency .area-message__title .event-list-box ul li .event-text .event-title a:before, .event-list-box ul li .event-text .event-title .area-message--emergency .area-message__title a:before,
.area-message--emergency .area-message-list-item__title h3:before,
.area-message--emergency .area-message-list-item__title .news-list ul > li > a .tittel:before,
.news-list ul > li > a .area-message--emergency .area-message-list-item__title .tittel:before,
.area-message--emergency .area-message-list-item__title .event-list-box ul li .event-text .event-title a:before,
.event-list-box ul li .event-text .event-title .area-message--emergency .area-message-list-item__title a:before {
  border-color: #980513;
  color: #980513;
}

.area-message--emergency a {
  color: #fff !important;
}

.area-message--emergency .area-message__title,
.area-message--emergency .area-message-list-item__title {
  position: relative;
}

.area-message--emergency .area-message__title::before, .area-message--emergency .area-message__title::after,
.area-message--emergency .area-message-list-item__title::before,
.area-message--emergency .area-message-list-item__title::after {
  background: rgba(255, 255, 255, 0.6);
  border-radius: 50px;
  content: "";
  height: 1rem;
  opacity: 0;
  position: absolute;
  width: 1rem;
  display: none;
}

@media only screen and (min-width: 641px) {
  .area-message--emergency .area-message__title::before, .area-message--emergency .area-message__title::after,
  .area-message--emergency .area-message-list-item__title::before,
  .area-message--emergency .area-message-list-item__title::after {
    left: calc(-2rem - 5ch);
  }
}

.area-message--emergency .area-message__title::before,
.area-message--emergency .area-message-list-item__title::before {
  -webkit-animation: blink 1.6s infinite linear;
          animation: blink 1.6s infinite linear;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.area-message--emergency .area-message__title::after,
.area-message--emergency .area-message-list-item__title::after {
  -webkit-animation: blink 1.6s 1.2s infinite linear;
          animation: blink 1.6s 1.2s infinite linear;
}

#top-aside .area-message__container {
  margin-bottom: 2rem;
}

#top-aside .area-message__container .area-message::before,
#top-aside .area-message__container .area-message-list-item::before {
  width: 100%;
}

#top-aside .area-message__container .area-message-list-item {
  position: relative;
}

#top-aside .area-message__container .area-message-list-item::after {
  content: "Melding";
  color: #fff;
  font-size: 1rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  position: absolute;
  text-transform: uppercase;
  top: 2rem;
}

@media only screen and (min-width: 641px) {
  #top-aside .area-message__container .area-message-list-item::after {
    left: 50px;
    top: 50%;
  }
  #top-aside .area-message__container .area-message::before,
  #top-aside .area-message__container .area-message-list-item::before {
    width: 100px;
  }
  #top-aside .area-message__container .area-message__text,
  #top-aside .area-message__container .area-message-list-item__text {
    width: calc(100% - 100px);
  }
}

@-webkit-keyframes blink {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.4);
            transform: scale(0.4);
  }
  33.33333% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(2);
            transform: scale(2);
  }
}

@keyframes blink {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.4);
            transform: scale(0.4);
  }
  33.33333% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(2);
            transform: scale(2);
  }
}

.area-message-list-item__content p,
.area-message__content p {
  margin: 0;
}

.header-search-box__container {
  display: none !important;
  width: 5rem;
}

.header-search-box__container > div > div > div:after {
  content: "";
  display: table;
  clear: both;
}

.header-search-box__container input[type="text"] {
  color: #004272;
}

@media only screen and (min-width: 801px) {
  .header-search-box__container input[type="text"] {
    height: 38px;
    font-size: 1rem;
    font-weight: 600;
    width: calc(100% - 2rem);
  }
  .header-search-box__container input[type="text"]:placeholder {
    content: "Søk";
  }
}

.header-search-box__container input[type="submit"] {
  background: transparent url("../images/icon-search-blue.svg") no-repeat center center;
  text-indent: -10000px;
  width: 4rem;
  background-size: 16px 16px;
}

@media only screen and (min-width: 801px) {
  .header-search-box__container input[type="submit"] {
    height: 38px;
    width: 2rem;
  }
}

@media only screen and (min-width: 801px) {
  .header-search-box__container {
    display: none !important;
    border-color: #ccdff0;
  }
}

.frontpage-search-box {
  margin: 3rem auto 2rem !important;
  max-width: 700px;
  width: 100%;
}

@media only screen and (min-width: 641px) {
  .frontpage-search-box {
    width: 90%;
  }
}

.frontpage-search-box input[type="text"] {
  font-size: 1rem;
}

@media only screen and (min-width: 801px) {
  .frontpage-search-box input[type="text"] {
    font-size: 1.2rem;
  }
}

.frontpage-search-box input[type="submit"] {
  background: #005cb9 url("../images/icon-search-white.svg") no-repeat 50% center;
  background-size: 20px 20px;
  color: #fff;
  padding-left: 2rem;
  font-size: 1.2rem;
  text-align: left;
  width: 4rem;
  text-indent: -9999px;
}

.frontpage-search-box input[type="submit"]:hover, .frontpage-search-box input[type="submit"]:focus {
  background-color: #e6eef9 !important;
  color: #004272;
  background-image: url("../images/icon-search-blue.svg");
  border: 1px solid #004272;
}

@media only screen and (min-width: 641px) {
  .frontpage-search-box input[type="submit"] {
    width: 7rem;
    background-position: 80% center;
    text-indent: 0;
  }
}

.frontpage__shortcut-menu ul,
.frontpage__service-menu ul,
.transport-page #sub-navigation ul {
  margin: 0;
  padding: 0;
}

.frontpage__shortcut-menu ul:after,
.frontpage__service-menu ul:after,
.transport-page #sub-navigation ul:after {
  content: "";
  display: table;
  clear: both;
}

.frontpage__shortcut-menu li,
.frontpage__service-menu li,
.transport-page #sub-navigation li {
  display: block;
  margin-top: 1rem;
}

@media only screen and (min-width: 641px) {
  .frontpage__shortcut-menu li,
  .frontpage__service-menu li,
  .transport-page #sub-navigation li {
    float: left;
    margin-left: 2%;
    width: 49%;
  }
  .frontpage__shortcut-menu li:nth-child(-n + 2),
  .frontpage__service-menu li:nth-child(-n + 2),
  .transport-page #sub-navigation li:nth-child(-n + 2) {
    margin-top: 0;
  }
}

@media only screen and (min-width: 641px) and (max-width: 800px) {
  .frontpage__shortcut-menu li:nth-child(2n + 1),
  .frontpage__service-menu li:nth-child(2n + 1),
  .transport-page #sub-navigation li:nth-child(2n + 1) {
    clear: left;
    margin-left: 0;
  }
}

@media only screen and (min-width: 801px) and (max-width: 960px) {
  .frontpage__shortcut-menu li:nth-child(2n + 1),
  .frontpage__service-menu li:nth-child(2n + 1),
  .transport-page #sub-navigation li:nth-child(2n + 1) {
    clear: left;
    margin-left: 0;
  }
}

@media only screen and (min-width: 961px) {
  .frontpage__shortcut-menu li,
  .frontpage__service-menu li,
  .transport-page #sub-navigation li {
    width: 23.5%;
  }
  .frontpage__shortcut-menu li:nth-child(4n + 1),
  .frontpage__service-menu li:nth-child(4n + 1),
  .transport-page #sub-navigation li:nth-child(4n + 1) {
    clear: left;
    margin-left: 0;
  }
  .frontpage__shortcut-menu li:nth-child(-n + 4),
  .frontpage__service-menu li:nth-child(-n + 4),
  .transport-page #sub-navigation li:nth-child(-n + 4) {
    margin-top: 0;
  }
}

.frontpage__shortcut-menu a,
.frontpage__service-menu a,
.transport-page #sub-navigation a {
  display: block;
  font-size: 1.3rem;
  font-weight: 600;
  padding: 0 1rem;
  text-align: center;
  text-decoration: none;
  -webkit-transition: background-color 0.15s ease-in-out;
  -o-transition: background-color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out;
  border: 1px solid #e6eef9;
}

.frontpage__shortcut-menu a:hover, .frontpage__shortcut-menu a:focus,
.frontpage__service-menu a:hover,
.frontpage__service-menu a:focus,
.transport-page #sub-navigation a:hover,
.transport-page #sub-navigation a:focus {
  background-color: #fff;
  color: #004272;
  outline: 0;
  text-decoration: none;
  border: 1px solid #005cb9;
}

.frontpage__shortcut-menu a.external-link:after,
.frontpage__service-menu a.external-link:after,
.transport-page #sub-navigation a.external-link:after {
  padding-left: 5px;
}

.frontpage__shortcut-menu a {
  border: 1px solid #005cb9;
  min-height: 4rem;
  line-height: 4rem;
  background-color: #005cb9;
  color: #fff;
  font-weight: 300;
}

.frontpage__service-menu a,
.transport-page #sub-navigation a {
  background-color: #e6eef9;
  height: 5rem;
  line-height: 5rem;
  position: relative;
}

.frontpage__service-menu a:after,
.transport-page #sub-navigation a:after {
  display: none;
}

.frontpage__service-menu a > span,
.transport-page #sub-navigation a > span {
  line-height: normal;
}

.frontpage__service-menu a span,
.transport-page #sub-navigation a span {
  display: block;
}

.frontpage__service-menu a .text,
.frontpage__service-menu a .description,
.transport-page #sub-navigation a .text,
.transport-page #sub-navigation a .description {
  left: 50%;
  position: absolute;
  width: 90%;
}

.frontpage__service-menu a .text,
.transport-page #sub-navigation a .text {
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: -webkit-transform 0.4s ease-out;
  transition: -webkit-transform 0.4s ease-out;
  -o-transition: transform 0.4s ease-out;
  transition: transform 0.4s ease-out;
  transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out;
}

.frontpage__service-menu a .description,
.transport-page #sub-navigation a .description {
  bottom: 0.5rem;
  color: #004272;
  font-size: 0.9rem;
  margin: 1rem 0;
  opacity: 0;
  -webkit-transform: translate(-50%, -0.2rem);
      -ms-transform: translate(-50%, -0.2rem);
          transform: translate(-50%, -0.2rem);
  -webkit-transition: opacity 0.3s ease-in, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in, -webkit-transform 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in, transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in, transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

@media only screen and (min-width: 961px) {
  .frontpage__service-menu a,
  .transport-page #sub-navigation a {
    min-height: 9rem;
    line-height: 8rem;
  }
  .frontpage__service-menu a:after,
  .transport-page #sub-navigation a:after {
    bottom: 1rem;
    color: #005cb9;
    display: none;
    font-size: 0.7rem;
    left: 50%;
    position: absolute;
    text-align: center;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    -webkit-transition: color 0.15s ease-in-out;
    -o-transition: color 0.15s ease-in-out;
    transition: color 0.15s ease-in-out;
  }
  .frontpage__service-menu a:hover:after, .frontpage__service-menu a:focus:after,
  .transport-page #sub-navigation a:hover:after,
  .transport-page #sub-navigation a:focus:after {
    display: none;
  }
  .frontpage__service-menu li.has-description a:hover .text, .frontpage__service-menu li.has-description a:focus .text,
  .transport-page #sub-navigation li.has-description a:hover .text,
  .transport-page #sub-navigation li.has-description a:focus .text {
    -webkit-transform: translate(-50%, -2.5rem);
        -ms-transform: translate(-50%, -2.5rem);
            transform: translate(-50%, -2.5rem);
  }
  .frontpage__service-menu li.has-description a:hover .description, .frontpage__service-menu li.has-description a:focus .description,
  .transport-page #sub-navigation li.has-description a:hover .description,
  .transport-page #sub-navigation li.has-description a:focus .description {
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    -webkit-transition: opacity 0.5s ease-in, -webkit-transform 0.3s ease-in-out;
    transition: opacity 0.5s ease-in, -webkit-transform 0.3s ease-in-out;
    -o-transition: opacity 0.5s ease-in, transform 0.3s ease-in-out;
    transition: opacity 0.5s ease-in, transform 0.3s ease-in-out;
    transition: opacity 0.5s ease-in, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  }
}

.vimeo-video {
  text-align: center;
}

.vimeo-video .video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
}

.vimeo-video .video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media only screen and (min-width: 961px) {
  .transport-page #sub-navigation a:hover:after {
    color: #004272;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
}

.frontpage__main-article-box .flexslider {
  border: 0 none;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 4rem 0 0;
}

.frontpage__main-article-box .flexslider .image img {
  min-height: 340px;
}

.frontpage__main-article-box .flexslider .text {
  position: absolute;
  top: 8%;
  right: 5%;
  background: rgba(255, 255, 255, 0.9);
  width: 90%;
  height: 77%;
  padding: 1.7rem 1rem;
  text-align: center;
}

@media only screen and (min-width: 641px) {
  .frontpage__main-article-box .flexslider .text {
    width: 410px;
    right: 30px;
    padding: 1.7rem 3rem;
  }
}

.frontpage__main-article-box .flexslider .text .artikkelOverTittel {
  padding: 0 0 10px;
  text-transform: uppercase;
  font-size: 0.8rem;
  font-weight: 600;
  display: none;
}

@media only screen and (min-width: 641px) {
  .frontpage__main-article-box .flexslider .text .artikkelOverTittel {
    display: block;
  }
}

.frontpage__main-article-box .flexslider .text .artikkelTittel {
  font-size: 1.3rem;
  line-height: 1.75rem;
  font-weight: 600;
  margin: 0 0 20px;
}

@media only screen and (min-width: 641px) {
  .frontpage__main-article-box .flexslider .text .artikkelTittel {
    font-size: 1.5rem;
    line-height: 1.85rem;
  }
}

.frontpage__main-article-box .flexslider .text .artikkelTittel a {
  text-decoration: none;
  outline: none;
}

.frontpage__main-article-box .flexslider .text .artikkelTittel a:hover {
  text-decoration: underline;
}

.frontpage__main-article-box .flexslider .text .artikkelTittel a:focus {
  background: #004272 !important;
  color: #fff !important;
}

.frontpage__main-article-box .flexslider .text .artikkelDato {
  display: none;
}

.frontpage__main-article-box .flexslider .text .artikkelIngress {
  font-size: 1rem;
  line-height: 1.3rem;
  margin: 0;
}

.frontpage__main-article-box .flexslider .text .artikkelLesMer a {
  visibility: hidden;
  display: inline-block;
}

.frontpage__main-article-box .flexslider .text .artikkelLesMer a:after {
  font-size: 1.5rem;
  visibility: visible;
  background-color: #005cb9;
  display: block;
  padding: 13px 0;
  color: #fff;
  width: 50px;
  height: 50px;
  margin: 0 auto;
  bottom: -25px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  position: absolute;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}

.frontpage__main-article-box .flexslider .text .artikkelLesMer a:hover:after {
  background-color: #fff;
  color: #005cb9;
  border: 1px solid #005cb9;
}

.frontpage__main-article-box .flexslider .text .artikkelLesMer a:focus:after {
  background-color: #e6eef9 !important;
  color: #004272 !important;
}

.frontpage__main-article-box .flexslider .flex-direction-nav a {
  display: none;
}

.frontpage__article-list-box .webPartTittel {
  text-align: center;
  font-size: 40px;
  font-weight: 600;
  border-left: 4px solid #005cb9;
  padding: 0 0 0 22px !important;
  margin: 4rem 0 3rem !important;
  display: inline-block;
}

.frontpage__article-list-box ul {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.frontpage__article-list-box ul:after {
  content: "";
  display: table;
  clear: both;
}

@media only screen and (min-width: 801px) {
  .frontpage__article-list-box ul {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.frontpage__article-list-box li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2rem;
  text-align: left;
  border: 1px solid #ccdff0;
  padding: 2rem;
  width: 100%;
}

@media only screen and (min-width: 801px) {
  .frontpage__article-list-box li {
    margin-left: 4%;
    margin-top: 0;
    width: 48%;
  }
  .frontpage__article-list-box li:nth-child(3n + 1) {
    clear: left;
    margin-left: 0;
  }
}

.frontpage__article-list-box li .datoPublisert {
  font-size: 1rem;
  line-height: 1.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.frontpage__article-list-box li .datoPublisert:before {
  font-size: 1rem;
  padding-right: 5px;
  color: #004272;
}

.frontpage__article-list-box li .ingress {
  font-size: 1rem;
  line-height: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.frontpage__article-list-box li a {
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.frontpage__article-list-box li a span {
  border-bottom: 2px solid #7faedc;
}

.frontpage__article-list-box li a:hover, .frontpage__article-list-box li a:focus {
  text-decoration: none;
}

.frontpage__article-list-box li a:hover span, .frontpage__article-list-box li a:focus span {
  background: #e6eef9;
}

.frontpage__article-list-box img {
  display: block;
  margin: 0 auto 2rem;
  max-width: 100%;
}

.frontpage__article-list-box a {
  text-decoration: none;
}

.frontpage__article-list-box .tittel {
  display: inline-block;
  font-size: 1.1em;
  margin: 0.6rem 0;
}

.frontpage__article-list-box .webPartBunnLink {
  border-top: 1px solid #ccdff0;
  margin-top: 5rem;
  padding-top: 0rem;
}

.frontpage__article-list-box .webPartBunnLink a {
  font-size: 0.9rem;
  color: #005cb9;
  font-weight: 600;
  text-transform: uppercase;
  display: inline-block;
  padding: 12px 22px;
  border: 1px solid #ccdff0;
  margin: 0 auto 0;
  background-color: #fff;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.frontpage__article-list-box .webPartBunnLink a::after {
  display: inline-block;
  font-size: 0.7em;
  height: 3.5em;
  line-height: 3.5em;
  margin-left: 1em;
  width: 3.5em;
}

.frontpage__article-list-box .webPartBunnLink a:hover {
  text-decoration: none;
  background-color: #ccdff0;
}

.frontpage__event-list-box .webPartTittel {
  text-align: center;
  font-size: 40px;
  font-weight: 600;
  border-left: 4px solid #005cb9;
  padding: 0 0 0 22px !important;
  margin: 0 0 3rem !important;
  display: inline-block;
}

.frontpage__event-list-box ul {
  margin: 0;
  padding: 0;
}

.frontpage__event-list-box ul:after {
  content: "";
  display: table;
  clear: both;
}

.frontpage__event-list-box li {
  display: block;
  margin: 0 0 2rem;
  background-color: #e6eef9;
}

@media only screen and (min-width: 801px) {
  .frontpage__event-list-box li {
    float: left;
    margin: 0 0 0 4%;
    max-width: 600px;
    width: 30.66667%;
  }
  .frontpage__event-list-box li:nth-child(3n + 1) {
    clear: left;
    margin-left: 0;
  }
}

.frontpage__event-list-box li .event-date {
  background-color: #005cb9;
  color: #fff;
  width: 23%;
  padding: 1.5rem 0 0.5rem;
  float: left;
  height: 170px;
}

.frontpage__event-list-box li .event-date .event-date-day {
  font-size: 2.1rem;
}

.frontpage__event-list-box li .event-date .event-date-month {
  font-size: 1.3rem;
  line-height: 1.6rem;
  position: relative;
}

.frontpage__event-list-box li .event-date .event-date-month:after {
  content: "__";
  display: block;
  font-size: 1rem;
  margin-top: -0.5rem;
}

.frontpage__event-list-box li .event-date .event-time {
  font-size: 0.9rem;
}

.frontpage__event-list-box li .event-image-container {
  width: 77%;
  height: 170px;
  float: right;
  overflow: hidden;
}

.frontpage__event-list-box li .event-image-container > a:hover .event-image, .frontpage__event-list-box li .event-image-container > a:focus .event-image {
  -webkit-transition: all 200ms ease-in;
  -o-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
}

.frontpage__event-list-box li .event-image {
  width: 100%;
  height: 170px;
  background-size: cover;
  -webkit-transition: all 200ms ease-in;
  -o-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.frontpage__event-list-box li .event-text {
  background-color: #e6eef9;
  padding: 1rem 1.5rem 1.5rem;
  min-height: 18rem;
  max-height: 18rem;
  overflow: hidden;
  text-align: left;
  clear: both;
}

.frontpage__event-list-box li .event-text .event-location {
  font-size: 0.9rem;
  font-weight: 600;
}

.frontpage__event-list-box li .event-text .event-title {
  margin: 0 0 0.6rem;
  font-size: 1.5rem;
  font-weight: 600;
}

.frontpage__event-list-box li .event-text .event-title a {
  text-decoration: none;
  border-bottom: 2px solid #004272;
  padding-bottom: 2px;
}

.frontpage__event-list-box li .event-text .event-title a:hover, .frontpage__event-list-box li .event-text .event-title a:focus {
  background: #005cb9 !important;
  color: #fff !important;
}

.frontpage__event-list-box li .event-text .event-ingress {
  font-size: 1rem;
  line-height: 1.4rem;
  overflow: hidden;
}

.frontpage__event-list-box .calWPFooter {
  border-top: 1px solid #ccdff0;
  margin-top: 5rem;
  padding-top: 0rem;
}

.frontpage__event-list-box .calWPFooter a {
  font-size: 0.9rem;
  color: #005cb9;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
  padding: 12px 22px;
  border: 1px solid #ccdff0;
  margin: 0 auto 0;
  background-color: #fff;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.frontpage__event-list-box .calWPFooter a::after {
  display: inline-block;
  font-size: 0.7em;
  height: 3.5em;
  line-height: 3.5em;
  margin-left: 1em;
  width: 3.5em;
}

.frontpage__event-list-box .calWPFooter a:hover {
  text-decoration: none;
  background-color: #ccdff0;
}

#top-boxes {
  margin: 0;
  padding: 0;
  background: #fff;
}

#top-boxes #top-boxes-content {
  margin: 0 auto;
  padding: 0 1rem;
  position: relative;
}

@media only screen and (min-width: 481px) {
  #top-boxes #top-boxes-content {
    padding: 0;
    max-width: 90%;
  }
}

@media only screen and (min-width: 1173px) {
  #top-boxes #top-boxes-content {
    max-width: 1140px;
  }
}

#middle-boxes {
  background: #fff;
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
  margin: 0;
  padding: 0;
}

#middle-boxes #middle-boxes-content {
  margin: 0 auto;
}

@media only screen and (min-width: 481px) {
  #middle-boxes #middle-boxes-content {
    max-width: 90%;
  }
}

@media only screen and (min-width: 1173px) {
  #middle-boxes #middle-boxes-content {
    max-width: 1140px;
  }
}

#middle-boxes #middle-boxes-content .webPart {
  padding: 0 1rem;
}

@media only screen and (min-width: 481px) {
  #middle-boxes #middle-boxes-content .webPart {
    padding: 0;
  }
}

#middle-boxes .Zone {
  margin: 1rem 0;
  padding: 0;
}

#middle-boxes .Zone + .Zone {
  margin-top: 2rem;
}

#top-boxes + #middle-boxes .Zone {
  margin-top: 0;
}

#bottom-boxes {
  margin: 0;
  padding: 0;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  background: #fff;
}

@media only screen and (min-width: 481px) {
  #bottom-boxes #bottom-boxes-content {
    padding: 0;
  }
}

#bottom-boxes .Zone {
  margin: 4rem 0;
  padding: 0;
}

#bottom-boxes .webPartTittel {
  margin: 0;
  padding: 1rem 0;
}

#top-boxes + #bottom-boxes .Zone,
#middle-boxes + #bottom-boxes .Zone,
#main + #bottom-boxes .Zone {
  margin-top: 0;
}

.footer-gfx {
  background-image: url("../images/footer-graphic--vevelstad.svg");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 102% auto;
  height: 210px;
  margin-bottom: 4rem;
  margin-top: 2rem;
  background-color: #fff;
}

@media only screen and (max-width: 480px) {
  .footer-gfx {
    height: 45px;
  }
}

@media only screen and (min-width: 481px) and (max-width: 640px) {
  .footer-gfx {
    height: 62px;
  }
}

@media only screen and (min-width: 641px) and (max-width: 800px) {
  .footer-gfx {
    height: 82px;
  }
}

@media only screen and (min-width: 801px) and (max-width: 960px) {
  .footer-gfx {
    height: 105px;
  }
}

@media only screen and (min-width: 961px) and (max-width: 1140px) {
  .footer-gfx {
    height: 125px;
  }
}

@media only screen and (max-width: 1450px) and (min-width: 1141px) {
  .footer-gfx {
    height: 150px;
  }
}

@media only screen and (max-width: 1800px) and (min-width: 1451px) {
  .footer-gfx {
    height: 192px;
  }
}

#footer {
  padding: 0 0 4rem;
  background-color: #004272;
}

#footer:after {
  content: "";
  display: table;
  clear: both;
}

@media only screen and (max-width: 640px) {
  #footer .vListe li {
    text-align: left;
  }
}

#bottom-content-boxes {
  padding-bottom: 8rem !important;
}

@media only screen and (min-width: 961px) {
  #bottom-content-boxes {
    padding-bottom: 4rem !important;
  }
}

#bottom-content-boxes + #footer {
  margin-top: 0;
}

#footer-content {
  color: #fff;
  margin: 0 auto;
  padding: 0 1rem;
  position: relative;
  text-align: center;
}

#footer-content:after {
  content: "";
  display: table;
  clear: both;
}

@media only screen and (min-width: 481px) {
  #footer-content {
    padding: 0;
    max-width: 90%;
  }
}

@media only screen and (min-width: 801px) {
  #footer-content {
    text-align: left;
  }
}

@media only screen and (min-width: 1173px) {
  #footer-content {
    max-width: 1140px;
  }
}

#footer-content .Zone {
  margin: 0;
  margin-top: 2em;
  padding: 0;
}

@media only screen and (min-width: 641px) {
  #footer-content .Zone:first-child {
    margin-left: 0;
    margin-top: 0;
  }
}

@media only screen and (min-width: 801px) {
  #footer-content .Zone {
    float: left;
    margin-left: 3%;
    margin-top: 0;
    width: 25%;
  }
}

@media only screen and (min-width: 961px) and (max-width: 1140px) {
  #footer-content .Zone {
    width: 47% !important;
    min-height: 25rem;
  }
}

@media only screen and (min-width: 801px) {
  #footer-content #Sone8001 {
    width: 30%;
  }
}

@media only screen and (min-width: 801px) {
  #footer-content #Sone8002 {
    width: 21%;
  }
}

@media only screen and (min-width: 801px) {
  #footer-content #Sone8003 {
    width: 15%;
  }
}

#footer-content .webPart {
  font-size: 1.1rem;
  margin-top: 4rem;
}

#footer-content .webPart:first-child {
  margin-top: 0;
}

#footer-content .egendef li {
  padding-left: 0;
}

@media only screen and (min-width: 801px) {
  #footer-content .egendef li {
    padding-left: 2.2rem;
  }
}

@media only screen and (min-width: 641px) {
  #footer-content h2, #footer-content #right-column .webPart .webPartTittel, #right-column .webPart #footer-content .webPartTittel {
    font-size: 24px;
  }
}

#footer-content ul {
  margin: 2rem 0 0;
  padding: 0;
  text-align: center !important;
}

@media only screen and (min-width: 801px) {
  #footer-content ul {
    text-align: left !important;
  }
}

#footer-content ul > li {
  display: block;
  padding: 0 1rem;
  text-align: center !important;
}

@media only screen and (min-width: 801px) {
  #footer-content ul > li {
    text-align: left !important;
  }
}

#footer-content li {
  margin-top: 1rem;
}

#footer-content li[class*="icon-"] {
  position: relative;
}

#footer-content li[class*="icon-"]::before {
  font-size: 1.5rem;
  padding-right: 10px;
  position: relative;
}

@media only screen and (min-width: 801px) {
  #footer-content li[class*="icon-"]::before {
    left: 0;
    position: absolute;
    -webkit-transform: translateY(25%);
        -ms-transform: translateY(25%);
            transform: translateY(25%);
    padding-right: 0;
  }
}

#footer-content li.icon-email::before {
  font-size: 1rem;
  padding-top: 3px;
}

#footer-content ul.vListe {
  text-align: center;
}

#footer-content ul.vListe:after {
  content: "";
  display: table;
  clear: both;
}

#footer-content ul.vListe > li {
  position: relative;
}

#footer-content ul.vListe > li + li {
  margin-top: 1rem;
}

#footer-content ul.vListe > li.open > ul {
  display: block;
}

#footer-content ul.vListe > li.collapsable > a:after {
  color: #fff;
  margin-left: 10px;
  position: absolute;
  top: 6px;
  vertical-align: middle;
}

#footer-content ul.vListe > li > a {
  color: #fff;
}

#footer-content ul.vListe > li > a:hover, #footer-content ul.vListe > li > a:focus {
  outline: none;
  color: #004272;
  background: #fff;
}

#footer-content ul.vListe > li > ul {
  display: none;
  margin-top: 1rem;
}

#footer-content ul.vListe > li > ul > li {
  display: block;
  margin-top: 0.5em;
}

#footer-content ul.vListe > li > ul > li:first-child {
  margin-top: 0;
}

#footer-content ul.vListe > li > ul > li > a {
  color: #fff;
  display: inline-block;
  font-size: 0.9em;
  line-height: 1.8em;
  padding-bottom: 0.25em;
}

#footer-content ul.vListe > li > ul > li > a > span {
  border-bottom: 3px solid #e0e0e0;
}

#footer-content ul.vListe > li > ul > li > a:hover > span, #footer-content ul.vListe > li > ul > li > a:focus > span {
  border-color: #004272;
}

#footer-content ul.vListe > li > ul > li > a:focus {
  outline: none;
}

#footer-content ul.vListe > li > ul > li > ul {
  display: none !important;
}

#footer-content a {
  color: #fff;
  text-decoration: underline;
}

#footer-content a:hover, #footer-content a:focus {
  color: #004272;
  background: #fff;
}

.footer__social-media li[class*="icon-"] a {
  text-decoration: none !important;
}

.footer__social-media li[class*="icon-"] .img::before {
  color: #fff;
}

.folgoss .vListe li {
  padding: 0 0 0 0 !important;
  text-align: left !important;
}

@media only screen and (min-width: 801px) {
  .folgoss .vListe li {
    padding: 0 0 0 2.2rem !important;
  }
}

.folgoss .vListe li a span:before {
  display: none;
}

#main {
  margin: 0;
  padding: 2rem 0 4rem;
}

#main:after {
  content: "";
  display: table;
  clear: both;
}

#main #main-content {
  margin: 0 auto;
  padding: 0 1rem;
}

@media only screen and (min-width: 481px) {
  #main #main-content {
    padding: 0;
    max-width: 90%;
  }
}

@media only screen and (min-width: 1173px) {
  #main #main-content {
    max-width: 1140px;
  }
}

#middle-column:after {
  content: "";
  display: table;
  clear: both;
}

#right-column:after {
  content: "";
  display: table;
  clear: both;
}

@media only screen and (min-width: 801px) {
  #right-column {
    float: right;
  }
}

@media only screen and (min-width: 801px) {
  form.right-column #right-column {
    width: 25%;
  }
}

@media only screen and (min-width: 801px) {
  form.right-column #middle-column {
    padding-right: 2rem;
    width: 69%;
    float: left;
  }
}

#upper-page-navigation {
  margin-bottom: 0.5rem;
  margin-top: 0;
  padding: 0;
  background: #004372;
  color: #fff;
}

#upper-page-navigation:after {
  content: "";
  display: table;
  clear: both;
}

#upper-page-navigation #upper-page-navigation-content {
  margin: 0 auto;
  padding: 0.5rem 1rem;
}

#upper-page-navigation #upper-page-navigation-content:after {
  content: "";
  display: table;
  clear: both;
}

@media only screen and (min-width: 481px) {
  #upper-page-navigation #upper-page-navigation-content {
    max-width: 90%;
    padding-left: 0;
    padding-right: 0;
  }
}

@media only screen and (min-width: 1173px) {
  #upper-page-navigation #upper-page-navigation-content {
    max-width: 1140px;
  }
}

#upper-page-navigation #breadcrumbs {
  float: left;
}

#breadcrumbs {
  margin: 0;
  padding: 0;
  position: relative;
  line-height: 3rem;
}

#breadcrumbs:after {
  content: "";
  display: table;
  clear: both;
}

#breadcrumbs:before {
  color: #004272;
  font-size: 1rem;
  margin-right: 0.25em;
  vertical-align: middle;
}

@media only screen and (min-width: 801px) {
  #breadcrumbs:before {
    display: none;
  }
}

#breadcrumbs .breadcrumbsWrapper {
  display: inline-block;
}

#breadcrumbs .breadcrumbsWrapper > ul {
  display: inline-block;
}

#breadcrumbs .breadcrumbsWrapper > ul li {
  display: inline-block;
  margin-left: 0.5em;
  font-size: 1rem;
}

@media only screen and (min-width: 801px) {
  #breadcrumbs .breadcrumbsWrapper > ul li + li:before {
    content: " / ";
    padding-right: 5px;
    vertical-align: middle;
  }
}

#breadcrumbs .breadcrumbsWrapper > ul li a {
  border-bottom: 1px solid currentColor;
  color: #fff;
  font-size: 1rem;
  text-decoration: none;
  -webkit-transition: border-color 0.2s ease, color 0.2s ease,
 background-color 0.2s ease;
  -o-transition: border-color 0.2s ease, color 0.2s ease,
 background-color 0.2s ease;
  transition: border-color 0.2s ease, color 0.2s ease,
 background-color 0.2s ease;
}

#breadcrumbs .breadcrumbsWrapper > ul li a:hover, #breadcrumbs .breadcrumbsWrapper > ul li a:focus {
  border-bottom-style: none;
  color: #e6eef9;
}

@media only screen and (max-width: 800px) {
  #breadcrumbs .breadcrumbsWrapper > ul li {
    display: none;
  }
  #breadcrumbs .breadcrumbsWrapper > ul li:nth-last-child(2) {
    display: inline-block;
  }
  #breadcrumbs .breadcrumbsWrapper > ul li::before {
    content: none;
  }
}

@media only screen and (min-width: 801px) {
  #breadcrumbs .breadcrumbsWrapper > ul::before {
    content: "Du er her: ";
    font-weight: 600;
    margin-left: 0;
    font-size: 1rem;
  }
}

#page-title {
  margin: 0;
  padding: 2rem 0 3rem 0;
  background: #fff;
  text-align: center;
}

#page-title #page-title-content {
  margin: 0 auto;
  padding: 0 1rem;
}

@media only screen and (min-width: 481px) {
  #page-title #page-title-content {
    padding: 0;
    max-width: 90%;
  }
}

@media only screen and (min-width: 1173px) {
  #page-title #page-title-content {
    max-width: 1140px;
  }
}

#page-title #page-title-content h1, #page-title #page-title-content .ArtikkelKategoriOverskrift {
  color: #004272;
  font-size: 36px;
  margin: 0;
  padding: 0;
}

@media only screen and (min-width: 801px) {
  #page-title #page-title-content h1, #page-title #page-title-content .ArtikkelKategoriOverskrift {
    font-size: 48px;
  }
}

#lower-page-navigation {
  margin: 0;
  padding: 2rem 0;
  background: #fff;
  text-align: center;
}

#lower-page-navigation #lower-page-navigation-content {
  margin: 0 auto;
  padding: 0 1rem;
}

@media only screen and (min-width: 481px) {
  #lower-page-navigation #lower-page-navigation-content {
    padding-left: 0;
    padding-right: 0;
    max-width: 90%;
  }
}

@media only screen and (min-width: 1173px) {
  #lower-page-navigation #lower-page-navigation-content {
    max-width: 1140px;
  }
}

#page-title + #lower-page-navigation {
  padding-top: 0;
}

#sub-navigation-toggle-wrapper {
  text-align: right;
}

#sub-navigation-toggle-wrapper:after {
  content: "";
  display: table;
  clear: both;
}

#sub-navigation-toggle {
  margin: 0;
  padding: 0;
  padding-left: 10px;
  border: none;
  border-radius: 0;
  position: relative;
  top: -1rem;
  color: #004272;
  font-family: "Cabin", sans-serif;
  text-transform: uppercase;
  background: transparent;
  font-size: 16px;
  text-decoration: none;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

#sub-navigation-toggle:after {
  padding: 6px 10px 10px;
  display: inline-block;
  font-size: 14px;
  vertical-align: middle;
  color: #004272;
}

form:not(.transport-page) #lower-page-navigation {
  background-color: transparent;
  padding: 1rem 0 2rem;
}

form:not(.transport-page) #sub-navigation {
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
  margin: 0;
  padding: 0 0 30px;
  width: 100%;
  border-bottom: 1px solid #ccdff0;
}

form:not(.transport-page) #sub-navigation.closed {
  display: none;
}

form:not(.transport-page) #sub-navigation ul > li {
  margin-top: 1rem;
}

form:not(.transport-page) #sub-navigation ul > li:first-child {
  margin-top: 0;
}

form:not(.transport-page) #sub-navigation ul > li > a {
  background: #e6eef9;
  border: 1px solid #e6eef9;
  color: #004272;
  display: block;
  margin: 0;
  padding: 1rem 2rem;
  text-align: center;
  text-decoration: none;
}

form:not(.transport-page) #sub-navigation ul > li > a:hover, form:not(.transport-page) #sub-navigation ul > li > a:focus {
  background: #fff;
  border-color: #004272;
}

form:not(.transport-page) #sub-navigation ul > li > a:focus {
  outline: none;
}

form:not(.transport-page) #sub-navigation ul > li > a > span {
  display: inline-block;
  font-size: 1.2rem;
  line-height: normal;
  vertical-align: middle;
}

form:not(.transport-page) #sub-navigation ul > li > ul {
  display: none !important;
}

@media only screen and (min-width: 641px) {
  form:not(.transport-page) #sub-navigation ul > li {
    float: left;
    margin: 1% 2% 1% 0 !important;
  }
}

#message-box + #sub-navigation-toggle-wrapper {
  margin-top: 3rem;
}

.Zone:after {
  content: "";
  display: table;
  clear: both;
}

.Zone .webPart {
  margin-top: 2rem;
}

.Zone .webPart:first-child {
  margin-top: 0;
}

.webPart {
  margin: 0;
  padding: 0;
}

.webPart.frontpage__shortcut-menu {
  margin-top: 15px !important;
}

.webPart .webPartTittel {
  margin: 0;
  padding: 0;
}

.webPart .webPartInnhold {
  margin: 0;
  padding: 0;
}

form.designMode .webPart {
  min-height: 100px;
}

#right-column .webPart {
  margin-top: 3rem;
}

@media only screen and (min-width: 801px) {
  #right-column .webPart:first-child {
    margin-top: 0;
  }
}

#right-column .webPart .webPartTittel {
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  font-size: 0.9rem !important;
}

#right-column .webPart .webPartTittel > span {
  color: #005cb9;
  font-size: 0.9rem;
  letter-spacing: 0.1em;
  font-weight: 600;
}

#right-column .webPart .webPartInnhold {
  margin-top: 1em;
  padding: 0;
}

#right-column .webPart .webPartInnhold p {
  margin: 0 0 0.7rem;
  margin-top: 0;
  padding: 0;
  font-size: 1.2rem;
  line-height: 1.6rem;
}

#right-column .webPart[class^="icon-"] .webPartTittel span:before, #right-column .webPart[class*=" icon-"] .webPartTittel span:before {
  color: #004272;
  font-size: 1.3em;
}

#right-column .type-person .emnekart-item {
  background-color: #e6eef9;
  padding: 1.5rem;
  margin-bottom: 10px;
}

#right-column .type-person .person-image div {
  width: 100px;
  height: 100px;
  background-repeat: no-repeat;
  background-size: cover;
}

#right-column .type-person .person-name {
  font-size: 1.5rem;
  font-weight: 600;
}

#right-column .type-person .person-email a,
#right-column .type-person .person-mobile a,
#right-column .type-person .person-phone a {
  border-bottom: 1px solid #005cb9;
  color: #005cb9;
  text-decoration: none;
}

#right-column .type-person .person-email a:hover,
#right-column .type-person .person-mobile a:hover,
#right-column .type-person .person-phone a:hover {
  border-bottom-style: none;
}

#right-column .type-person .person-email a:focus,
#right-column .type-person .person-mobile a:focus,
#right-column .type-person .person-phone a:focus {
  background: #004272 !important;
  color: #fff !important;
}

#right-column .type-person .person-email {
  margin-top: 1rem;
}

#right-column .type-person .person-email .person-property-label {
  display: none;
}

#right-column .type-person .person-email .person-property-value a span {
  word-break: break-all;
  display: inline-block;
}

#right-column .type-person .person-mobile .person-property-label,
#right-column .type-person .person-phone .person-property-label {
  /*@extend %visuallyHidden;*/
}

#right-column .type-person .person-mobile .person-property-label:after,
#right-column .type-person .person-phone .person-property-label:after {
  content: ":";
  margin: 0 0 0 -2px;
}

#right-column .type-person .person-info:after {
  content: "";
  display: table;
  clear: both;
}

.content-image .emnekart-image {
  padding-bottom: 2rem;
}

.content-image .emnekart-image img {
  width: 100%;
}

#middle-column .artikkel h1, #middle-column .artikkel .ArtikkelKategoriOverskrift,
#middle-column .artikkel h2,
#middle-column .artikkel #right-column .webPart .webPartTittel,
#right-column .webPart #middle-column .artikkel .webPartTittel,
#middle-column .artikkel h3,
#middle-column .artikkel .news-list ul > li > a .tittel,
.news-list ul > li > a #middle-column .artikkel .tittel,
#middle-column .artikkel .event-list-box ul li .event-text .event-title a,
.event-list-box ul li .event-text .event-title #middle-column .artikkel a,
#middle-column .artikkel h4,
#middle-column .artikkel h5,
#middle-column .artikkel h6,
#middle-column .toppartikkel h1,
#middle-column .toppartikkel .ArtikkelKategoriOverskrift,
#middle-column .toppartikkel h2,
#middle-column .toppartikkel #right-column .webPart .webPartTittel,
#right-column .webPart #middle-column .toppartikkel .webPartTittel,
#middle-column .toppartikkel h3,
#middle-column .toppartikkel .news-list ul > li > a .tittel,
.news-list ul > li > a #middle-column .toppartikkel .tittel,
#middle-column .toppartikkel .event-list-box ul li .event-text .event-title a,
.event-list-box ul li .event-text .event-title #middle-column .toppartikkel a,
#middle-column .toppartikkel h4,
#middle-column .toppartikkel h5,
#middle-column .toppartikkel h6,
#middle-column .ansattoversikt h1,
#middle-column .ansattoversikt .ArtikkelKategoriOverskrift,
#middle-column .ansattoversikt h2,
#middle-column .ansattoversikt #right-column .webPart .webPartTittel,
#right-column .webPart #middle-column .ansattoversikt .webPartTittel,
#middle-column .ansattoversikt h3,
#middle-column .ansattoversikt .news-list ul > li > a .tittel,
.news-list ul > li > a #middle-column .ansattoversikt .tittel,
#middle-column .ansattoversikt .event-list-box ul li .event-text .event-title a,
.event-list-box ul li .event-text .event-title #middle-column .ansattoversikt a,
#middle-column .ansattoversikt h4,
#middle-column .ansattoversikt h5,
#middle-column .ansattoversikt h6,
#middle-column .calContent h1,
#middle-column .calContent .ArtikkelKategoriOverskrift,
#middle-column .calContent h2,
#middle-column .calContent #right-column .webPart .webPartTittel,
#right-column .webPart #middle-column .calContent .webPartTittel,
#middle-column .calContent h3,
#middle-column .calContent .news-list ul > li > a .tittel,
.news-list ul > li > a #middle-column .calContent .tittel,
#middle-column .calContent .event-list-box ul li .event-text .event-title a,
.event-list-box ul li .event-text .event-title #middle-column .calContent a,
#middle-column .calContent h4,
#middle-column .calContent h5,
#middle-column .calContent h6 {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  font-weight: 500;
  color: #004272;
}

#middle-column .artikkel div#tittel,
#middle-column .artikkel div.InnholdOverskrift,
#middle-column .artikkel div#ingress,
#middle-column .artikkel div.InnholdIngress,
#middle-column .artikkel div.InnholdForfatter,
#middle-column .artikkel div#tekst,
#middle-column .artikkel div.InnholdTekst,
#middle-column .toppartikkel div#tittel,
#middle-column .toppartikkel div.InnholdOverskrift,
#middle-column .toppartikkel div#ingress,
#middle-column .toppartikkel div.InnholdIngress,
#middle-column .toppartikkel div.InnholdForfatter,
#middle-column .toppartikkel div#tekst,
#middle-column .toppartikkel div.InnholdTekst,
#middle-column .ansattoversikt div#tittel,
#middle-column .ansattoversikt div.InnholdOverskrift,
#middle-column .ansattoversikt div#ingress,
#middle-column .ansattoversikt div.InnholdIngress,
#middle-column .ansattoversikt div.InnholdForfatter,
#middle-column .ansattoversikt div#tekst,
#middle-column .ansattoversikt div.InnholdTekst,
#middle-column .calContent div#tittel,
#middle-column .calContent div.InnholdOverskrift,
#middle-column .calContent div#ingress,
#middle-column .calContent div.InnholdIngress,
#middle-column .calContent div.InnholdForfatter,
#middle-column .calContent div#tekst,
#middle-column .calContent div.InnholdTekst {
  margin: 0;
  padding: 0;
}

#middle-column .artikkel span.BildeTekst,
#middle-column .toppartikkel span.BildeTekst,
#middle-column .ansattoversikt span.BildeTekst,
#middle-column .calContent span.BildeTekst {
  text-align: center;
}

#middle-column .artikkel span.BildeTekst span,
#middle-column .toppartikkel span.BildeTekst span,
#middle-column .ansattoversikt span.BildeTekst span,
#middle-column .calContent span.BildeTekst span {
  font-size: 14px;
}

#middle-column .artikkel span.BildeTekst .fotografText:empty,
#middle-column .toppartikkel span.BildeTekst .fotografText:empty,
#middle-column .ansattoversikt span.BildeTekst .fotografText:empty,
#middle-column .calContent span.BildeTekst .fotografText:empty {
  display: none;
}

#middle-column .artikkel h1.InnholdOverskrift, #middle-column .artikkel .InnholdOverskrift.ArtikkelKategoriOverskrift, #middle-column .artikkel h1, #middle-column .artikkel .ArtikkelKategoriOverskrift,
#middle-column .toppartikkel h1.InnholdOverskrift,
#middle-column .toppartikkel .InnholdOverskrift.ArtikkelKategoriOverskrift,
#middle-column .toppartikkel h1,
#middle-column .toppartikkel .ArtikkelKategoriOverskrift,
#middle-column .ansattoversikt h1.InnholdOverskrift,
#middle-column .ansattoversikt .InnholdOverskrift.ArtikkelKategoriOverskrift,
#middle-column .ansattoversikt h1,
#middle-column .ansattoversikt .ArtikkelKategoriOverskrift,
#middle-column .calContent h1.InnholdOverskrift,
#middle-column .calContent .InnholdOverskrift.ArtikkelKategoriOverskrift,
#middle-column .calContent h1,
#middle-column .calContent .ArtikkelKategoriOverskrift {
  margin: 0;
  margin-bottom: 0.5em;
  font-size: 36px;
  font-weight: 400;
}

@media only screen and (min-width: 801px) {
  #middle-column .artikkel h1.InnholdOverskrift, #middle-column .artikkel .InnholdOverskrift.ArtikkelKategoriOverskrift, #middle-column .artikkel h1, #middle-column .artikkel .ArtikkelKategoriOverskrift,
  #middle-column .toppartikkel h1.InnholdOverskrift,
  #middle-column .toppartikkel .InnholdOverskrift.ArtikkelKategoriOverskrift,
  #middle-column .toppartikkel h1,
  #middle-column .toppartikkel .ArtikkelKategoriOverskrift,
  #middle-column .ansattoversikt h1.InnholdOverskrift,
  #middle-column .ansattoversikt .InnholdOverskrift.ArtikkelKategoriOverskrift,
  #middle-column .ansattoversikt h1,
  #middle-column .ansattoversikt .ArtikkelKategoriOverskrift,
  #middle-column .calContent h1.InnholdOverskrift,
  #middle-column .calContent .InnholdOverskrift.ArtikkelKategoriOverskrift,
  #middle-column .calContent h1,
  #middle-column .calContent .ArtikkelKategoriOverskrift {
    font-size: 48px;
  }
}


#middle-column .artikkel h2,
#middle-column .artikkel #right-column .webPart .webPartTittel,
#right-column .webPart #middle-column .artikkel .webPartTittel,
#middle-column .toppartikkel h2,
#middle-column .toppartikkel #right-column .webPart .webPartTittel,
#right-column .webPart #middle-column .toppartikkel .webPartTittel,
#middle-column .ansattoversikt h2,
#middle-column .ansattoversikt #right-column .webPart .webPartTittel,
#right-column .webPart #middle-column .ansattoversikt .webPartTittel,
#middle-column .calContent h2,
#middle-column .calContent #right-column .webPart .webPartTittel,
#right-column .webPart #middle-column .calContent .webPartTittel {
  font-size: 30px;
  font-weight: normal;
  margin: 1em 0;
  margin-bottom: 0.5em;
}


#middle-column .artikkel h3,
#middle-column .artikkel .news-list ul > li > a .tittel,
.news-list ul > li > a #middle-column .artikkel .tittel,
#middle-column .artikkel .event-list-box ul li .event-text .event-title a,
.event-list-box ul li .event-text .event-title #middle-column .artikkel a,
#middle-column .toppartikkel h3,
#middle-column .toppartikkel .news-list ul > li > a .tittel,
.news-list ul > li > a #middle-column .toppartikkel .tittel,
#middle-column .toppartikkel .event-list-box ul li .event-text .event-title a,
.event-list-box ul li .event-text .event-title #middle-column .toppartikkel a,
#middle-column .ansattoversikt h3,
#middle-column .ansattoversikt .news-list ul > li > a .tittel,
.news-list ul > li > a #middle-column .ansattoversikt .tittel,
#middle-column .ansattoversikt .event-list-box ul li .event-text .event-title a,
.event-list-box ul li .event-text .event-title #middle-column .ansattoversikt a,
#middle-column .calContent h3,
#middle-column .calContent .news-list ul > li > a .tittel,
.news-list ul > li > a #middle-column .calContent .tittel,
#middle-column .calContent .event-list-box ul li .event-text .event-title a,
.event-list-box ul li .event-text .event-title #middle-column .calContent a {
  font-size: 22px;
  font-weight: bold;
}

#middle-column .artikkel div.InnholdIngress,
#middle-column .artikkel section.ingress,
#middle-column .toppartikkel div.InnholdIngress,
#middle-column .toppartikkel section.ingress,
#middle-column .ansattoversikt div.InnholdIngress,
#middle-column .ansattoversikt section.ingress,
#middle-column .calContent div.InnholdIngress,
#middle-column .calContent section.ingress {
  color: #004272;
  font-family: "Cabin", sans-serif;
  font-size: 24px;
  line-height: 35px;
}

#middle-column .artikkel div.InnholdIngress p,
#middle-column .artikkel section.ingress p,
#middle-column .toppartikkel div.InnholdIngress p,
#middle-column .toppartikkel section.ingress p,
#middle-column .ansattoversikt div.InnholdIngress p,
#middle-column .ansattoversikt section.ingress p,
#middle-column .calContent div.InnholdIngress p,
#middle-column .calContent section.ingress p {
  margin: 0;
  margin-bottom: 1em;
  padding: 0;
}

#middle-column .artikkel div.InnholdIngress p:after,
#middle-column .artikkel section.ingress p:after,
#middle-column .toppartikkel div.InnholdIngress p:after,
#middle-column .toppartikkel section.ingress p:after,
#middle-column .ansattoversikt div.InnholdIngress p:after,
#middle-column .ansattoversikt section.ingress p:after,
#middle-column .calContent div.InnholdIngress p:after,
#middle-column .calContent section.ingress p:after {
  content: "";
  display: table;
  clear: both;
}

#middle-column .artikkel div.InnholdForfatter,
#middle-column .toppartikkel div.InnholdForfatter,
#middle-column .ansattoversikt div.InnholdForfatter,
#middle-column .calContent div.InnholdForfatter {
  border-top: 1px solid #e0e0e0;
  font-size: 0.9em;
  margin: 2em 0;
  padding: 1em 0.5em;
}

#middle-column .artikkel div.InnholdTekst,
#middle-column .artikkel section.tekst,
#middle-column .toppartikkel div.InnholdTekst,
#middle-column .toppartikkel section.tekst,
#middle-column .ansattoversikt div.InnholdTekst,
#middle-column .ansattoversikt section.tekst,
#middle-column .calContent div.InnholdTekst,
#middle-column .calContent section.tekst {
  color: #004272;
  font-family: "Cabin", sans-serif;
  font-size: 20px;
  line-height: 34px;
}

#middle-column .artikkel div.InnholdTekst p,
#middle-column .artikkel div.InnholdTekst li,
#middle-column .artikkel div.InnholdTekst blockquote,
#middle-column .artikkel section.tekst p,
#middle-column .artikkel section.tekst li,
#middle-column .artikkel section.tekst blockquote,
#middle-column .toppartikkel div.InnholdTekst p,
#middle-column .toppartikkel div.InnholdTekst li,
#middle-column .toppartikkel div.InnholdTekst blockquote,
#middle-column .toppartikkel section.tekst p,
#middle-column .toppartikkel section.tekst li,
#middle-column .toppartikkel section.tekst blockquote,
#middle-column .ansattoversikt div.InnholdTekst p,
#middle-column .ansattoversikt div.InnholdTekst li,
#middle-column .ansattoversikt div.InnholdTekst blockquote,
#middle-column .ansattoversikt section.tekst p,
#middle-column .ansattoversikt section.tekst li,
#middle-column .ansattoversikt section.tekst blockquote,
#middle-column .calContent div.InnholdTekst p,
#middle-column .calContent div.InnholdTekst li,
#middle-column .calContent div.InnholdTekst blockquote,
#middle-column .calContent section.tekst p,
#middle-column .calContent section.tekst li,
#middle-column .calContent section.tekst blockquote {
  font-size: 20px;
}

#middle-column .artikkel div.InnholdTekst blockquote,
#middle-column .artikkel section.tekst blockquote,
#middle-column .toppartikkel div.InnholdTekst blockquote,
#middle-column .toppartikkel section.tekst blockquote,
#middle-column .ansattoversikt div.InnholdTekst blockquote,
#middle-column .ansattoversikt section.tekst blockquote,
#middle-column .calContent div.InnholdTekst blockquote,
#middle-column .calContent section.tekst blockquote {
  font-style: italic;
}

#middle-column .artikkel div.InnholdTekst p,
#middle-column .artikkel section.tekst p,
#middle-column .toppartikkel div.InnholdTekst p,
#middle-column .toppartikkel section.tekst p,
#middle-column .ansattoversikt div.InnholdTekst p,
#middle-column .ansattoversikt section.tekst p,
#middle-column .calContent div.InnholdTekst p,
#middle-column .calContent section.tekst p {
  line-height: 34px;
  margin: 0;
  margin-bottom: 1em;
  padding: 0;
}

#middle-column .artikkel div.InnholdIngress ul,
#middle-column .artikkel div.InnholdIngress ol,
#middle-column .artikkel section.ingress ul,
#middle-column .artikkel section.ingress ol,
#middle-column .artikkel div.InnholdTekst ul,
#middle-column .artikkel div.InnholdTekst ol,
#middle-column .artikkel section.tekst ul,
#middle-column .artikkel section.tekst ol,
#middle-column .toppartikkel div.InnholdIngress ul,
#middle-column .toppartikkel div.InnholdIngress ol,
#middle-column .toppartikkel section.ingress ul,
#middle-column .toppartikkel section.ingress ol,
#middle-column .toppartikkel div.InnholdTekst ul,
#middle-column .toppartikkel div.InnholdTekst ol,
#middle-column .toppartikkel section.tekst ul,
#middle-column .toppartikkel section.tekst ol,
#middle-column .ansattoversikt div.InnholdIngress ul,
#middle-column .ansattoversikt div.InnholdIngress ol,
#middle-column .ansattoversikt section.ingress ul,
#middle-column .ansattoversikt section.ingress ol,
#middle-column .ansattoversikt div.InnholdTekst ul,
#middle-column .ansattoversikt div.InnholdTekst ol,
#middle-column .ansattoversikt section.tekst ul,
#middle-column .ansattoversikt section.tekst ol,
#middle-column .calContent div.InnholdIngress ul,
#middle-column .calContent div.InnholdIngress ol,
#middle-column .calContent section.ingress ul,
#middle-column .calContent section.ingress ol,
#middle-column .calContent div.InnholdTekst ul,
#middle-column .calContent div.InnholdTekst ol,
#middle-column .calContent section.tekst ul,
#middle-column .calContent section.tekst ol {
  margin: 1em 0 1em 20px;
  padding-left: 20px;
  overflow: hidden;
}

#middle-column .artikkel .aspect-ratio,
#middle-column .toppartikkel .aspect-ratio,
#middle-column .ansattoversikt .aspect-ratio,
#middle-column .calContent .aspect-ratio {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 51%;
}

#middle-column .artikkel .aspect-ratio iframe,
#middle-column .artikkel .aspect-ratio object,
#middle-column .artikkel .aspect-ratio embed,
#middle-column .toppartikkel .aspect-ratio iframe,
#middle-column .toppartikkel .aspect-ratio object,
#middle-column .toppartikkel .aspect-ratio embed,
#middle-column .ansattoversikt .aspect-ratio iframe,
#middle-column .ansattoversikt .aspect-ratio object,
#middle-column .ansattoversikt .aspect-ratio embed,
#middle-column .calContent .aspect-ratio iframe,
#middle-column .calContent .aspect-ratio object,
#middle-column .calContent .aspect-ratio embed {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

#middle-column .artikkel .table-wrapper,
#middle-column .toppartikkel .table-wrapper,
#middle-column .ansattoversikt .table-wrapper,
#middle-column .calContent .table-wrapper {
  overflow: auto;
}

#middle-column .artikkel table,
#middle-column .toppartikkel table,
#middle-column .ansattoversikt table,
#middle-column .calContent table {
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 100% !important;
  table-layout: auto !important;
}

@media only screen and (max-width: 800px) {
  #middle-column .artikkel table table,
  #middle-column .artikkel table thead,
  #middle-column .artikkel table tbody,
  #middle-column .artikkel table tr,
  #middle-column .artikkel table th,
  #middle-column .artikkel table td,
  #middle-column .toppartikkel table table,
  #middle-column .toppartikkel table thead,
  #middle-column .toppartikkel table tbody,
  #middle-column .toppartikkel table tr,
  #middle-column .toppartikkel table th,
  #middle-column .toppartikkel table td,
  #middle-column .ansattoversikt table table,
  #middle-column .ansattoversikt table thead,
  #middle-column .ansattoversikt table tbody,
  #middle-column .ansattoversikt table tr,
  #middle-column .ansattoversikt table th,
  #middle-column .ansattoversikt table td,
  #middle-column .calContent table table,
  #middle-column .calContent table thead,
  #middle-column .calContent table tbody,
  #middle-column .calContent table tr,
  #middle-column .calContent table th,
  #middle-column .calContent table td {
    display: block;
  }
  #middle-column .artikkel table thead tr,
  #middle-column .toppartikkel table thead tr,
  #middle-column .ansattoversikt table thead tr,
  #middle-column .calContent table thead tr {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  #middle-column .artikkel table tr + tr,
  #middle-column .toppartikkel table tr + tr,
  #middle-column .ansattoversikt table tr + tr,
  #middle-column .calContent table tr + tr {
    /*margin-top: 2rem;*/
  }
  #middle-column .artikkel table tr::after,
  #middle-column .toppartikkel table tr::after,
  #middle-column .ansattoversikt table tr::after,
  #middle-column .calContent table tr::after {
    clear: both;
    content: '';
    display: table;
  }
  #middle-column .artikkel table td,
  #middle-column .toppartikkel table td,
  #middle-column .ansattoversikt table td,
  #middle-column .calContent table td {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    border: none;
    border-bottom: 1px solid #DDD;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: right;
    font-size: .9rem;
    padding: 0;
    width: 100%;
    /*&:first-child {
                background-color: $table-head-bg;
                color: $table-head-text;
            }

            &:nth-child(n+2) {
                background-color: $table-odd-bg !important;
                color: $table-odd-text !important;

                &:nth-child(odd) {
                    background-color: $table-even-bg !important;
                    color: $table-even-text !important;
                }
            }*/
  }
  #middle-column .artikkel table td::before,
  #middle-column .artikkel table td span,
  #middle-column .toppartikkel table td::before,
  #middle-column .toppartikkel table td span,
  #middle-column .ansattoversikt table td::before,
  #middle-column .ansattoversikt table td span,
  #middle-column .calContent table td::before,
  #middle-column .calContent table td span {
    padding: 1em;
  }
  #middle-column .artikkel table td::before,
  #middle-column .toppartikkel table td::before,
  #middle-column .ansattoversikt table td::before,
  #middle-column .calContent table td::before {
    content: attr(data-column-label);
    display: inline-block;
    font-weight: 700;
    padding-right: .5em;
    width: calc(50% - 1em);
  }
  #middle-column .artikkel table td span,
  #middle-column .toppartikkel table td span,
  #middle-column .ansattoversikt table td span,
  #middle-column .calContent table td span {
    border-left: 1px solid #CCC;
    display: block;
    float: right;
    overflow-wrap: break-word;
    padding-left: .5em;
    width: 50%;
    word-wrap: break-word;
  }
}

@media only screen and (min-width: 1173px) {
  #middle-column .artikkel table,
  #middle-column .toppartikkel table,
  #middle-column .ansattoversikt table,
  #middle-column .calContent table {
    table-layout: fixed;
  }
}

#middle-column .artikkel table a,
#middle-column .toppartikkel table a,
#middle-column .ansattoversikt table a,
#middle-column .calContent table a {
  word-break: break-all;
}

#middle-column .artikkel table .navn a,
#middle-column .toppartikkel table .navn a,
#middle-column .ansattoversikt table .navn a,
#middle-column .calContent table .navn a {
  border-bottom: none;
  cursor: default;
}

#middle-column .artikkel table caption,
#middle-column .toppartikkel table caption,
#middle-column .ansattoversikt table caption,
#middle-column .calContent table caption {
  margin-bottom: 1em;
  font-size: 1.2rem;
  font-weight: 500;
}

#middle-column .artikkel table th,
#middle-column .artikkel table td,
#middle-column .toppartikkel table th,
#middle-column .toppartikkel table td,
#middle-column .ansattoversikt table th,
#middle-column .ansattoversikt table td,
#middle-column .calContent table th,
#middle-column .calContent table td {
  border: 1px solid rgba(199, 217, 242, 0.7);
}

#middle-column .artikkel table thead tr,
#middle-column .toppartikkel table thead tr,
#middle-column .ansattoversikt table thead tr,
#middle-column .calContent table thead tr {
  background-color: #004272;
}

#middle-column .artikkel table thead tr th,
#middle-column .toppartikkel table thead tr th,
#middle-column .ansattoversikt table thead tr th,
#middle-column .calContent table thead tr th {
  color: #fff;
  font-weight: 500;
  padding: 0.5em 0.5em;
  text-align: left;
}

#middle-column .artikkel table thead tr .navn,
#middle-column .toppartikkel table thead tr .navn,
#middle-column .ansattoversikt table thead tr .navn,
#middle-column .calContent table thead tr .navn {
  width: 30%;
}

#middle-column .artikkel table thead tr .tittel,
#middle-column .toppartikkel table thead tr .tittel,
#middle-column .ansattoversikt table thead tr .tittel,
#middle-column .calContent table thead tr .tittel {
  width: 15%;
}

#middle-column .artikkel table thead tr .telefon,
#middle-column .toppartikkel table thead tr .telefon,
#middle-column .ansattoversikt table thead tr .telefon,
#middle-column .calContent table thead tr .telefon {
  width: 10%;
}

#middle-column .artikkel table thead tr .mobil,
#middle-column .toppartikkel table thead tr .mobil,
#middle-column .ansattoversikt table thead tr .mobil,
#middle-column .calContent table thead tr .mobil {
  width: 10%;
}

#middle-column .artikkel table thead tr .epost,
#middle-column .toppartikkel table thead tr .epost,
#middle-column .ansattoversikt table thead tr .epost,
#middle-column .calContent table thead tr .epost {
  width: 35%;
}

#middle-column .artikkel table tbody tr,
#middle-column .toppartikkel table tbody tr,
#middle-column .ansattoversikt table tbody tr,
#middle-column .calContent table tbody tr {
  background-color: #fff;
}

#middle-column .artikkel table tbody tr td,
#middle-column .toppartikkel table tbody tr td,
#middle-column .ansattoversikt table tbody tr td,
#middle-column .calContent table tbody tr td {
  padding: 0.5em 0.5em;
}

#middle-column .artikkel table tbody tr:nth-child(even),
#middle-column .toppartikkel table tbody tr:nth-child(even),
#middle-column .ansattoversikt table tbody tr:nth-child(even),
#middle-column .calContent table tbody tr:nth-child(even) {
  background-color: #e6eef9;
}

#middle-column .artikkel img,
#middle-column .toppartikkel img,
#middle-column .ansattoversikt img,
#middle-column .calContent img {
  max-width: 100%;
}

#middle-column .artikkel td img,
#middle-column .toppartikkel td img,
#middle-column .ansattoversikt td img,
#middle-column .calContent td img {
  max-width: none;
}

#middle-column .artikkel .artikkel-bilde-container,
#middle-column .toppartikkel .artikkel-bilde-container,
#middle-column .ansattoversikt .artikkel-bilde-container,
#middle-column .calContent .artikkel-bilde-container {
  display: inline-block;
}

#middle-column .artikkel .artikkel-bilde-beskrivelse,
#middle-column .artikkel .artikkel-bilde-copyright,
#middle-column .toppartikkel .artikkel-bilde-beskrivelse,
#middle-column .toppartikkel .artikkel-bilde-copyright,
#middle-column .ansattoversikt .artikkel-bilde-beskrivelse,
#middle-column .ansattoversikt .artikkel-bilde-copyright,
#middle-column .calContent .artikkel-bilde-beskrivelse,
#middle-column .calContent .artikkel-bilde-copyright {
  background-color: #e6eef9;
  font-size: 1rem !important;
  padding: 0 1rem;
  text-align: left !important;
}

#middle-column .artikkel .artikkel-bilde-beskrivelse span,
#middle-column .artikkel .artikkel-bilde-copyright span,
#middle-column .toppartikkel .artikkel-bilde-beskrivelse span,
#middle-column .toppartikkel .artikkel-bilde-copyright span,
#middle-column .ansattoversikt .artikkel-bilde-beskrivelse span,
#middle-column .ansattoversikt .artikkel-bilde-copyright span,
#middle-column .calContent .artikkel-bilde-beskrivelse span,
#middle-column .calContent .artikkel-bilde-copyright span {
  font-size: 1rem !important;
  text-align: left !important;
}

#middle-column .artikkel .artikkel-bilde-beskrivelse,
#middle-column .toppartikkel .artikkel-bilde-beskrivelse,
#middle-column .ansattoversikt .artikkel-bilde-beskrivelse,
#middle-column .calContent .artikkel-bilde-beskrivelse {
  padding-top: 0.5rem;
}

#middle-column .artikkel .artikkel-bilde-beskrivelse span,
#middle-column .toppartikkel .artikkel-bilde-beskrivelse span,
#middle-column .ansattoversikt .artikkel-bilde-beskrivelse span,
#middle-column .calContent .artikkel-bilde-beskrivelse span {
  font-style: normal !important;
}

#middle-column .artikkel .artikkel-bilde-beskrivelse:empty,
#middle-column .toppartikkel .artikkel-bilde-beskrivelse:empty,
#middle-column .ansattoversikt .artikkel-bilde-beskrivelse:empty,
#middle-column .calContent .artikkel-bilde-beskrivelse:empty {
  display: none;
}

#middle-column .artikkel .artikkel-bilde-copyright .fotografText,
#middle-column .toppartikkel .artikkel-bilde-copyright .fotografText,
#middle-column .ansattoversikt .artikkel-bilde-copyright .fotografText,
#middle-column .calContent .artikkel-bilde-copyright .fotografText {
  background: none;
  text-indent: 0;
  padding: 20px 30px;
  padding-top: 0;
  background-color: #e6eef9;
  display: block;
}

#middle-column .artikkel .artikkel-bilde-copyright .fotografText:before,
#middle-column .toppartikkel .artikkel-bilde-copyright .fotografText:before,
#middle-column .ansattoversikt .artikkel-bilde-copyright .fotografText:before,
#middle-column .calContent .artikkel-bilde-copyright .fotografText:before {
  content: "Foto: ";
}

#middle-column .artikkel .fotografText,
#middle-column .toppartikkel .fotografText,
#middle-column .ansattoversikt .fotografText,
#middle-column .calContent .fotografText {
  background-image: none !important;
  text-indent: 0 !important;
}

#middle-column .artikkel .fotografText::before,
#middle-column .toppartikkel .fotografText::before,
#middle-column .ansattoversikt .fotografText::before,
#middle-column .calContent .fotografText::before {
  content: "Fotograf: ";
  font-weight: 600;
}

.tekst .inputskjema {
  display: block;
  padding: 15px;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-top: 1px solid #ddd;
  background: #f5f5f5;
}

.tekst .inputskjema .felttittel label {
  font-size: 1.5rem;
  font-weight: 600;
  color: #004272;
}

.tekst .inputskjema ul li {
  display: block !important;
  position: relative;
}

.tekst .inputskjema .inputDiv input[type="text"] {
  display: inline-block;
  margin: 0;
  padding: 9px 9px 9px 8px;
  width: 100%;
  font-size: 1rem;
}

.tekst .inputskjema input[type="radio"] + label,
.tekst .inputskjema input[type="checkbox"] + label {
  margin-left: 1rem;
}

.tekst .inputskjema input[type="radio"] + label::before,
.tekst .inputskjema input[type="checkbox"] + label::before {
  background-color: #f9f9f9;
  border: 1px solid #004272;
  border-radius: 3px;
  content: "";
  cursor: pointer;
  height: 1.5rem;
  line-height: 1.5rem;
  left: 1px;
  top: 3px;
  position: absolute;
  text-align: center;
  -webkit-transition: background-color 0.15s ease-in-out;
  -o-transition: background-color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out;
  width: 1.5rem;
}

.tekst .inputskjema input[type="radio"] + label::before {
  border-radius: 50%;
  font-size: 1.3em;
  line-height: 1.2rem;
}

.tekst .inputskjema input[type="radio"]:checked + label::before,
.tekst .inputskjema input[type="checkbox"]:checked + label::before {
  background-color: #004272;
  color: #f9f9f9;
}

.tekst .inputskjema input[type="radio"]:checked + label::before {
  content: "\25CF";
}

.tekst .inputskjema input[type="checkbox"]:checked + label::before {
  content: "\2713";
}

.tekst .inputskjemaSubmit {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background: #f5f5f5;
  display: block;
  padding: 15px 15px 30px;
  width: 100%;
  margin-top: 0;
}

.tekst .inputskjemaSubmit input[type="submit"] {
  padding: 10px 2rem !important;
  border: 1px solid #004272 !important;
  font-size: 1.125rem;
}

.article__banner-image .banner-image {
  background-repeat: no-repeat;
  background-size: cover;
  height: 150px;
  margin: 0 auto;
  max-width: 1920px;
  width: 100%;
}

@media only screen and (min-width: 641px) {
  .article__banner-image .banner-image {
    height: 270px;
  }
}

.article--fullwidth__banner-image .banner-image {
  height: 320px;
}

@media only screen and (min-width: 641px) {
  .article--fullwidth__banner-image .banner-image {
    height: 400px;
  }
}

.article__top-image .banner-image {
  background-repeat: no-repeat;
  background-size: cover;
  height: 180px;
  margin: 0 auto 2rem;
  max-width: 823px;
  width: 100%;
}

@media only screen and (min-width: 641px) {
  .article__top-image .banner-image {
    height: 300px;
  }
}

.social-media--share-box {
  border-top: 1px solid #ccdff0;
  padding-top: 10px;
}

.social-media--share-box .webPartTittel {
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  display: inline-block;
}

.social-media--share-box .webPartInnhold {
  display: inline-block;
  float: right;
}

.social-media--share-box .webPartInnhold .share-button-list {
  margin-top: 0;
  margin-bottom: 0;
}

.social-media--share-box .webPartInnhold .share-button-list a:hover, .social-media--share-box .webPartInnhold .share-button-list a:focus {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  opacity: 0.5;
}

.subpage:not(.right-column) .subpage__banner + #main .artikkel header {
  background-color: rgba(255, 255, 255, 0.9);
  margin-top: -2rem;
  padding: 1rem 1.5rem 1rem 2.5rem;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
}

.subpage:not(.right-column) .subpage__banner + #main .artikkel header h1, .subpage:not(.right-column) .subpage__banner + #main .artikkel header .ArtikkelKategoriOverskrift {
  border-left: 4px solid #005cb9;
  font-size: 2rem;
  margin-bottom: 0;
  padding-left: 1.5rem;
}

@media only screen and (min-width: 641px) {
  .subpage:not(.right-column) .subpage__banner + #main .artikkel header h1, .subpage:not(.right-column) .subpage__banner + #main .artikkel header .ArtikkelKategoriOverskrift {
    font-size: 2.5rem;
  }
}

.subpage:not(.right-column) .subpage__banner + #main .artikkel header + * {
  margin-top: 2rem;
}

form:not(.right-column) ge .emnekart-image {
  height: 300px;
}

form:not(.right-column) #top-aside + .artikkel header h1, form:not(.right-column) #top-aside + .artikkel header .ArtikkelKategoriOverskrift {
  color: #fff;
  height: 1em;
  margin-bottom: 6rem;
  margin-top: -6rem;
  position: relative;
  text-align: center;
}

form:not(.right-column) .artikkel,
form:not(.right-column) .toppartikkel {
  margin: 0 auto;
}

#message-box {
  margin: 0 auto;
  max-width: 1140px;
  position: relative;
  width: 90%;
}

#message-box .close-button {
  position: absolute;
  top: 2rem;
  right: 2rem;
}

#message-box + #sub-navigation {
  margin-top: 2rem;
}

#bottom-boxes {
  margin: 0;
  text-align: center;
}

#bottom-boxes #bottom-boxes-content {
  margin: 0 auto;
  padding: 0 1rem;
}

@media only screen and (min-width: 481px) {
  #bottom-boxes #bottom-boxes-content {
    padding: 0;
    max-width: 90%;
  }
}

@media only screen and (min-width: 1173px) {
  #bottom-boxes #bottom-boxes-content {
    max-width: 1140px;
  }
}

.tilbakemelding {
  margin: 0 auto !important;
  max-width: 500px;
  padding: 0;
  text-align: center;
  width: auto;
}

.tilbakemelding .tilbakemeldingKommentar textarea,
.tilbakemelding .tilbakemeldingKommentar .tilbakeMeldingTxt {
  min-height: 100px !important;
}

.tilbakemelding .fantDuLabel,
.tilbakemelding .fantDuDetDuLetteEtter {
  float: none !important;
}

.tilbakemelding .fantDuLabel {
  display: block;
  font-size: 1.2rem;
  font-weight: 400;
  margin-right: 2em;
  text-transform: uppercase;
}

.tilbakemelding .fantDuDetDuLetteEtter {
  display: block;
}

.tilbakemelding #tilbakeJa,
.tilbakemelding #tilbakeNei {
  /*@extend %button;*/
  border: 1px solid currentColor !important;
  /*border: 0 !important;*/
  background-color: transparent;
  border-radius: 0;
  font-size: 1rem;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin: 1.2rem 0.8rem 0;
  position: relative;
  width: 5rem;
}

.tilbakemelding #tilbakeJa:hover, .tilbakemelding #tilbakeJa:focus,
.tilbakemelding #tilbakeNei:hover,
.tilbakemelding #tilbakeNei:focus {
  background-color: transparent !important;
}

.tilbakemelding #tilbakeJa::before,
.tilbakemelding #tilbakeNei::before {
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-indent: 0;
}

.tilbakemelding #tilbakeJa {
  color: #278060 !important;
  border-color: #278060 !important;
  /*&::before {
            content: '\263A';
            font-size: 1.6em;
        }*/
}

.tilbakemelding #tilbakeJa:hover, .tilbakemelding #tilbakeJa:focus {
  background-color: #278060 !important;
  color: #fff !important;
}

.tilbakemelding #tilbakeNei {
  color: #b04c3d !important;
  border-color: #b04c3d !important;
  /*&::before {
            content: '\2639';
        }*/
}

.tilbakemelding #tilbakeNei:hover, .tilbakemelding #tilbakeNei:focus {
  background-color: #b04c3d !important;
  color: #fff !important;
}

@media only screen and (min-width: 801px) {
  .tilbakemelding {
    margin: 0;
    width: 100%;
  }
}

.event-filter-box {
  background: transparent;
}

.event-filter-box:after {
  content: "";
  display: table;
  clear: both;
}

.event-filter-box .webPartInnhold {
  padding: 1rem;
}

.event-filter-box .webPartInnhold .calMenu {
  border: none;
  width: 100%;
  float: none;
  background: none;
}

.event-filter-box .webPartInnhold .calMenu h3, .event-filter-box .webPartInnhold .calMenu .news-list ul > li > a .tittel, .news-list ul > li > a .event-filter-box .webPartInnhold .calMenu .tittel, .event-filter-box .webPartInnhold .calMenu .event-list-box ul li .event-text .event-title a, .event-list-box ul li .event-text .event-title .event-filter-box .webPartInnhold .calMenu a {
  margin: inherit;
  padding: inherit;
}

.event-filter-box .webPartInnhold .calMenu .search-box {
  padding: 0;
}

.event-filter-box .webPartInnhold .calMenu ul {
  border: none;
}

.event-filter-box .webPartInnhold .calMenu ul li {
  margin: 0;
  padding: 0.5em 0;
  border: none;
}

.event-filter-box .webPartInnhold .calMenu ul li a {
  padding: 0;
  color: #004272;
}

.event-filter-box .webPartInnhold .calMenu input,
.event-filter-box .webPartInnhold .calMenu select {
  padding: 1em 1em;
  border: 2px solid #e0e0e0;
  background: #f5f5f5;
}

.event-filter-box .webPartInnhold .calMenu .ui-datepicker-trigger {
  margin-left: 3px;
}

#main .calContent {
  float: none;
  background: transparent;
}

#main .calContent > a {
  display: inline-block;
  margin-top: 2rem;
}

#middle-column .calContent {
  background: transparent;
}

#middle-column .calContent .calEvent .clear {
  clear: both;
}

#middle-column .calContent .calEvent .clearfix:after {
  content: "";
  display: table;
  clear: both;
}

#middle-column .calContent .calEvent .completeLocation h3, #middle-column .calContent .calEvent .completeLocation .news-list ul > li > a .tittel, .news-list ul > li > a #middle-column .calContent .calEvent .completeLocation .tittel, #middle-column .calContent .calEvent .completeLocation .event-list-box ul li .event-text .event-title a, .event-list-box ul li .event-text .event-title #middle-column .calContent .calEvent .completeLocation a {
  padding-left: 0;
  border: none;
  background: none;
}

#middle-column .calContent .calEvent .completeLocation h3:before, #middle-column .calContent .calEvent .completeLocation .news-list ul > li > a .tittel:before, .news-list ul > li > a #middle-column .calContent .calEvent .completeLocation .tittel:before, #middle-column .calContent .calEvent .completeLocation .event-list-box ul li .event-text .event-title a:before, .event-list-box ul li .event-text .event-title #middle-column .calContent .calEvent .completeLocation a:before {
  margin-right: 0.25em;
  font-size: 30px;
  vertical-align: middle;
}

#middle-column .calContent .calEvent h3.hendelseskontakt, #middle-column .calContent .calEvent .news-list ul > li > a .hendelseskontakt.tittel, .news-list ul > li > a #middle-column .calContent .calEvent .hendelseskontakt.tittel, #middle-column .calContent .calEvent .event-list-box ul li .event-text .event-title a.hendelseskontakt, .event-list-box ul li .event-text .event-title #middle-column .calContent .calEvent a.hendelseskontakt {
  padding-left: 0;
  border: none;
  background: none;
}

#middle-column .calContent .calEvent h3.hendelseskontakt:before, #middle-column .calContent .calEvent .news-list ul > li > a .hendelseskontakt.tittel:before, .news-list ul > li > a #middle-column .calContent .calEvent .hendelseskontakt.tittel:before, #middle-column .calContent .calEvent .event-list-box ul li .event-text .event-title a.hendelseskontakt:before, .event-list-box ul li .event-text .event-title #middle-column .calContent .calEvent a.hendelseskontakt:before {
  margin-right: 0.25em;
  font-size: 30px;
  vertical-align: middle;
}

.webForm .inputskjema {
  margin: 0;
}

.webForm .inputskjema .kontrollelemeent {
  margin: 0 0 0.5em 0;
  padding: 0;
  width: 100%;
  background: none;
}

.webForm .inputskjema .kontrollelemeent .felttittel {
  display: none;
}

.webForm .inputskjema .kontrollelemeent .inputDiv {
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  padding: 0.5em;
  width: 100%;
}

.webForm .inputskjema .obligatorisk {
  background-position: 98% 14px !important;
}

.webForm .obligatoriskTekst {
  float: left;
}

.webForm .center {
  margin: 15px 0;
  width: 100%;
  text-align: right;
}

#right-column .search-filter-box .webPartInnhold ul .filterheader {
  margin-top: 1rem;
  padding-bottom: 0.5rem;
  display: block;
  font-size: 18px;
  font-weight: bold;
}

#right-column .search-filter-box .webPartInnhold ul li {
  padding: 0.5rem 0;
  font-size: 1rem;
}

#middle-column .sokemotortabell td {
  padding-left: 0.5rem;
  padding-bottom: 0.5rem;
}

#middle-column .sokemotortabell input[type="text"],
#middle-column .sokemotortabell select {
  padding: 0.5em;
  border: 1px solid #004272;
  border-radius: 0.25em;
  font-size: 0.8em;
  font-weight: 300;
}

#middle-column .sokemotortabell select {
  margin-left: 0.5rem;
}

#middle-column .sokemotortabell select:first-child {
  margin-left: 0;
}

#middle-column .sokeresultat {
  background: #fff;
  padding: 2em;
}

#middle-column .sokeresultat li {
  padding: 2em 0;
  border-top: 1px solid #e0e0e0;
  display: block;
  background: #fff;
}

#middle-column .sokeresultat li .sokTreff,
#middle-column .sokeresultat li .type {
  color: #004272;
  font-size: 18px;
  font-weight: 500;
  text-decoration: none;
}

#middle-column .sokeresultat li div {
  padding: 0.25em 0;
  font-weight: 300;
}

#middle-column .sokeresultat li:after {
  content: "";
  display: table;
  clear: both;
}

#middle-column .sokeresultat li:first-child {
  border-top: none;
}

#middle-column .sokeresultat li .sokLesMer {
  display: none !important;
}

#middle-column #innsyn-content {
  width: 100%;
}

#middle-column .emnekart-image img {
  max-width: 100%;
  min-width: 100%;
}

#middle-column .emnekart-image a {
  overflow: hidden;
  display: block;
}

#middle-column .emnekart-image a:focus {
  border: 3px solid #004272;
}

#bottom-aside {
  margin-top: 2em;
  clear: both;
}

#bottom-aside .related-content-box .webPartInnhold .relaterteressurser {
  margin-bottom: 1em;
}

#bottom-aside .related-content-box .webPartInnhold .relaterteressurser.open ul {
  display: block;
}

#bottom-aside .related-content-box .webPartInnhold .relaterteressurser.closed ul {
  display: none;
}

#bottom-aside .related-content-box .webPartInnhold .relaterteHeader {
  margin: 0;
  padding: 0;
  padding-left: 80px;
  height: 60px;
  background: #e0e0e0;
  display: block;
  font-size: 16px;
  font-weight: 500;
  line-height: 60px;
  position: relative;
  cursor: pointer;
}

#bottom-aside .related-content-box .webPartInnhold .relaterteHeader:before {
  width: 60px;
  height: 60px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  background: #004272;
  font-size: 25px;
  text-align: center;
  line-height: 60px;
}

#bottom-aside .related-content-box .webPartInnhold .relaterteHeader:after {
  position: absolute;
  top: 0;
  right: 25px;
  color: #004272;
  font-size: 16px;
  line-height: 60px;
}

#bottom-aside .related-content-box .webPartInnhold ul {
  display: none;
  margin-top: 1em;
}

#bottom-aside .related-content-box .webPartInnhold ul:after {
  content: "";
  display: table;
  clear: both;
}

#bottom-aside .related-content-box .webPartInnhold ul li {
  margin-bottom: 10px;
}

table.faktaboks,
.liste.faktaboks {
  position: relative;
}

table.faktaboks table,
.liste.faktaboks table {
  table-layout: auto !important;
}

table.faktaboks caption,
.liste.faktaboks caption {
  margin: 0;
  margin-bottom: 0 !important;
  padding: 0;
  display: table-caption !important;
  height: 60px;
  background: #e0e0e0;
  caption-side: top;
  font-size: 16px;
  font-weight: 500;
  line-height: 60px;
  position: relative;
  cursor: pointer;
  text-align: left;
  padding-left: 80px;
}

table.faktaboks caption:after,
.liste.faktaboks caption:after {
  position: absolute;
  top: 0;
  right: 25px;
  color: #004272;
  font-size: 16px;
  line-height: 60px;
}

table.faktaboks caption.open ~ thead,
.liste.faktaboks caption.open ~ thead {
  display: table-row-group;
}

table.faktaboks caption.open ~ tbody,
.liste.faktaboks caption.open ~ tbody {
  display: table-row-group;
}

table.faktaboks caption.closed ~ thead,
.liste.faktaboks caption.closed ~ thead {
  display: none;
}

table.faktaboks caption.closed ~ tbody,
.liste.faktaboks caption.closed ~ tbody {
  display: none;
}

table.faktaboks tr,
.liste.faktaboks tr {
  background: #fff !important;
  border-bottom: 1px solid #e0e0e0;
}

table.faktaboks th,
.liste.faktaboks th {
  font-weight: bold !important;
}

table.faktaboks th,
table.faktaboks td,
.liste.faktaboks th,
.liste.faktaboks td {
  color: #004272 !important;
}

table.faktaboks a,
.liste.faktaboks a {
  display: inline !important;
}

.kontrast body,
.kontrast #header,
.kontrast #main-menu,
.kontrast #top-boxes,
.kontrast #middle-boxes,
.kontrast #bottom-boxes,
.kontrast #upper-page-navigation,
.kontrast #lower-page-navigation,
.kontrast #page-title,
.kontrast #alert-box,
.kontrast #bottom-content-boxes,
.kontrast #breadcrumbs,
.kontrast #sub-navigation,
.kontrast #main,
.kontrast #footer,
.kontrast .webPart,
.kontrast .webPartTittel,
.kontrast .webPartInnhold,
.kontrast .flexslider,
.kontrast .slide,
.kontrast ul,
.kontrast li,
.kontrast a,
.kontrast input,
.kontrast select,
.kontrast textarea,
.kontrast button,
.kontrast form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a,
form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li .kontrast a,
.kontrast .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a,
.webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li .kontrast a,
.kontrast .webPart .il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a,
.webPart .il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li .kontrast a,
.kontrast form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awBunnNavigasjon input,
form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awBunnNavigasjon .kontrast input,
.kontrast .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon input,
.webPart.il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon .kontrast input,
.kontrast .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon input,
.webPart .il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon .kontrast input,
.kontrast .relaterteHeader {
  border-color: #ffff00 !important;
  color: #ffff00 !important;
  background-color: #000 !important;
}

.kontrast #header,
.kontrast #banner,
.kontrast #main-menu,
.kontrast #footer {
  background-image: none !important;
}

.kontrast h1, .kontrast .ArtikkelKategoriOverskrift,
.kontrast h2,
.kontrast #right-column .webPart .webPartTittel,
#right-column .webPart .kontrast .webPartTittel,
.kontrast h3,
.kontrast .news-list ul > li > a .tittel,
.news-list ul > li > a .kontrast .tittel,
.kontrast .event-list-box ul li .event-text .event-title a,
.event-list-box ul li .event-text .event-title .kontrast a,
.kontrast h4,
.kontrast h5,
.kontrast h6,
.kontrast div,
.kontrast p,
.kontrast span,
.kontrast a,
.kontrast table,
.kontrast thead,
.kontrast tr,
.kontrast th,
.kontrast tbody,
.kontrast td,
.kontrast :before,
.kontrast :after {
  border-color: #ffff00 !important;
  color: #ffff00 !important;
}

.kontrast .relaterteHeader {
  border: 1px solid #ffff00 !important;
}

.kontrast .relaterteHeader:before {
  background-color: transparent !important;
}

.kontrast .webPart.search-box .webPartInnhold > div,
.kontrast #search-box .webPart .webPartInnhold input[type="submit"] {
  background-color: transparent !important;
}

.kontrast a {
  text-decoration: underline !important;
}

.kontrast a span {
  text-decoration: underline !important;
}

.kontrast ::-webkit-input-placeholder {
  color: #ffff00 !important;
}

.kontrast :-moz-placeholder {
  /* Firefox 18- */
  color: #ffff00 !important;
}

.kontrast ::-moz-placeholder {
  /* Firefox 19+ */
  color: #ffff00 !important;
}

.kontrast :-ms-input-placeholder {
  color: #ffff00 !important;
}

@media only print {
  body > :not(form),
  body > form > :not(#top-boxes):not(#middle-boxes):not(#bottom-boxes):not(#main) {
    display: none !important;
  }
}

.beredskap-floating-notifications {
  color: #fff !important;
  background: #c2272d !important;
}

.beredskap-floating-notifications .basic a {
  margin-left: 1em;
  color: #fff !important;
}

#alert-banner {
  color: #fff;
  background: #c2272d;
}

#alert-banner #alert-banner-content {
  margin: 0 auto;
  padding: 0.5em;
  max-width: 90%;
}

#alert-banner #alert-banner-content:after {
  content: "";
  display: table;
  clear: both;
}

@media only screen and (min-width: 801px) {
  #alert-banner #alert-banner-content {
    max-width: 1140px;
  }
}

#alert-banner #alert-banner-content .titleArea {
  padding: 0.5em 0;
  font-size: 20px;
  font-weight: 400;
  text-align: center;
  text-transform: uppercase;
}

#alert-banner #alert-banner-content .newsArea,
#alert-banner #alert-banner-content .menuArea {
  padding: 0.5em 0;
}

#alert-banner #alert-banner-content .newsArea ul,
#alert-banner #alert-banner-content .menuArea ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#alert-banner #alert-banner-content .newsArea ul li,
#alert-banner #alert-banner-content .menuArea ul li {
  margin: 0;
  margin-left: 2em;
  padding: 0;
  display: inline-block;
}

#alert-banner #alert-banner-content .newsArea ul li:first-child,
#alert-banner #alert-banner-content .menuArea ul li:first-child {
  margin-left: 0;
}

#alert-banner #alert-banner-content .newsArea ul li a,
#alert-banner #alert-banner-content .menuArea ul li a {
  color: #fff;
  text-decoration: none;
  position: relative;
  display: block;
  line-height: 0.8em;
  padding-bottom: 5px;
  border-bottom: 1px solid #fff;
}

@media only screen and (min-width: 801px) {
  #alert-banner #alert-banner-content {
    height: 80px;
    line-height: 40px;
  }
  #alert-banner #alert-banner-content .titleArea {
    margin-right: 5em;
    padding-left: 3.5em;
    float: left;
    background: url("../images/alert-icon.png") no-repeat left center;
  }
  #alert-banner #alert-banner-content .newsArea {
    margin-right: 5em;
    padding-left: 3em;
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    float: left;
  }
  #alert-banner #alert-banner-content .menuArea {
    padding-left: 3em;
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    float: left;
  }
}

.ArtikkelKategoriOverskrift {
  margin: 0;
  margin-bottom: 0.5em;
  font-size: 35px;
  font-weight: 400;
}

.artikkeloversikt .artikkeloversiktrad {
  margin-bottom: 1em;
  padding-top: 2.5em !important;
  border-top: 1px solid rgba(0, 66, 114, 0.2);
}

.artikkeloversikt .artikkeloversiktrad:first-child {
  border-top: 0 none;
}

.artikkeloversikt .artikkeloversiktrad .artikkelteaser {
  padding-right: 3rem;
  position: relative;
}

.artikkeloversikt .artikkeloversiktrad .artikkelteaser:after {
  font-size: 1.2rem;
  font-weight: 600;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.artikkeloversikt .artikkeloversiktrad .InnholdOverskrift {
  font-size: 20px;
  font-weight: 600;
  text-decoration: none;
  border-bottom: 2px solid rgba(0, 66, 114, 0.2);
  padding-bottom: 2px;
}

.artikkeloversikt .artikkeloversiktrad .InnholdOverskrift:hover, .artikkeloversikt .artikkeloversiktrad .InnholdOverskrift:focus {
  border-bottom: 2px solid transparent;
}

.artikkeloversikt .artikkeloversiktrad .InnholdTekst {
  font-size: 1rem;
  padding-right: 50px;
}

.artikkeloversikt .artikkeloversiktrad .KategoriForfatter {
  font-size: 0.8em;
  margin: 0.5rem 0;
}

.artikkeloversikt .artikkeloversiktrad .KategoriForfatter:before {
  margin-right: 0.25em;
  vertical-align: middle;
}

@media only screen and (max-width: 480px) {
  .artikkeloversikt .artikkeloversiktrad .bilde_hoyre {
    margin: 0 !important;
    margin-top: 0.25em !important;
    padding: 0 !important;
    float: none;
    width: 100%;
  }
  .artikkeloversikt .artikkeloversiktrad .bilde_hoyre img {
    width: 100%;
  }
  .artikkeloversikt .artikkeloversiktrad .InnholdIngress {
    margin: 0 !important;
    padding: 0 !important;
    float: none;
    width: 100%;
  }
  .artikkeloversikt .artikkeloversiktrad .InnholdIngress p {
    margin: 0;
    margin-top: 1em;
    padding: 0;
  }
  .artikkeloversikt .artikkeloversiktrad .InnholdIngress p:first-child {
    margin-top: 0;
  }
}

@media only screen and (min-width: 481px) {
  .artikkeloversikt .artikkeloversiktrad .bilde_hoyre {
    position: relative;
    top: -0.5em;
  }
}

.contact-list-box .webPartInnhold .contact-information {
  margin-top: 1.5em;
}

.contact-list-box .webPartInnhold .contact-information:after {
  content: "";
  display: table;
  clear: both;
}

.contact-list-box .webPartInnhold .image {
  margin-right: 20px;
  border: 4px solid #e0e0e0;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  float: left;
  overflow: hidden;
  position: relative;
  line-height: 1.2em;
}

.contact-list-box .webPartInnhold .image img {
  width: 80px;
  position: absolute;
  left: 0;
  top: 0;
}

.contact-list-box .webPartInnhold .text {
  float: left;
}

.contact-list-box .webPartInnhold .text > div {
  margin-bottom: 0.25em;
  line-height: 1.2em;
}

.contact-list-box .webPartInnhold .text .name {
  font-size: 16px;
  font-weight: 600;
}

.contact-list-box .webPartInnhold .text .title {
  font-size: 0.9em;
}

.contact-list-box .webPartInnhold .text .phone {
  font-size: 0.9em;
}

.contact-list-box .webPartInnhold .text .phone a {
  text-decoration: none;
}

.contact-list-box .webPartInnhold .text .mobile {
  font-size: 0.9em;
}

.contact-list-box .webPartInnhold .text .mobile a {
  text-decoration: none;
}

.contact-list-box .webPartInnhold .text .email {
  margin-bottom: 1em;
  font-size: 0.9em;
}

.service-menu ul.vListe::before {
  background-color: #e0e0e0;
  bottom: 94px;
  content: "";
  height: 2px;
  position: absolute;
  width: 100%;
}

.service-menu ul.vListe > li {
  display: block;
  margin-top: 1.2rem;
  position: relative;
}

.service-menu ul.vListe > li:first-child {
  margin-top: 0;
}

.service-menu ul.vListe > li .description {
  display: none;
  height: 5rem;
}

.service-menu ul.vListe > li.has-description .description {
  display: block;
  font-size: 0.9rem;
  font-weight: 400;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.25s ease-in-out;
  -o-transition: max-height 0.25s ease-in-out;
  transition: max-height 0.25s ease-in-out;
}

.service-menu ul.vListe > li.has-description a {
  -webkit-transition: margin 0.25s ease-in-out;
  -o-transition: margin 0.25s ease-in-out;
  transition: margin 0.25s ease-in-out;
}

.service-menu ul.vListe > li.has-description a:hover, .service-menu ul.vListe > li.has-description a:focus {
  margin-bottom: -1.8rem;
  margin-top: -1.8rem;
}

.service-menu ul.vListe > li > a {
  background-color: #e0e0e0;
  color: #004272;
  display: block;
  font-weight: 600;
  padding: 1.7rem 4rem 1.7rem 2rem;
  position: relative;
  text-decoration: none;
}

.service-menu ul.vListe > li > a::after {
  color: #e6eef9;
  float: right;
  font-size: 1rem;
  position: absolute;
  right: 1.3rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.service-menu ul.vListe > li > a > span {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
  font-size: 1.25em;
}

.service-menu ul.vListe > li > a > span:before {
  margin: 0;
  margin-bottom: 0.75rem;
  display: block;
  font-size: 50px;
}

.service-menu ul.vListe > li > a .description {
  margin-top: 0.3rem;
}

.service-menu ul.vListe > li > a:hover, .service-menu ul.vListe > li > a:focus {
  background-color: #004272;
  color: #fff;
}

.service-menu ul.vListe > li > a:hover::after, .service-menu ul.vListe > li > a:focus::after {
  color: #fff;
}

.service-menu ul.vListe > li > a:hover .description, .service-menu ul.vListe > li > a:focus .description {
  max-height: 3.6rem;
}

.service-menu ul.vListe > li > a:focus {
  outline: none;
}

.service-menu ul.vListe > li > ul {
  display: none !important;
}

@media only screen and (min-width: 641px) {
  .service-menu ul.vListe > li {
    border: 6px solid #fff;
    float: left;
    margin-left: 4%;
    margin-top: 2rem;
    width: 48%;
  }
  .service-menu ul.vListe > li:nth-child(2) {
    margin-top: 0;
  }
  .service-menu ul.vListe > li:nth-child(2n + 1) {
    margin-left: 0;
    clear: left;
  }
}

.service-menu ul.vListe .vis-alle {
  border-left: 0;
  clear: left;
  margin-top: 40px;
  text-transform: uppercase;
  width: auto;
}

.service-menu ul.vListe .vis-alle > a {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: #fff;
  border: 1px solid #e6eef9 !important;
  color: #e6eef9;
  cursor: pointer;
  display: block;
  font-weight: 600;
  height: 60px;
  line-height: 60px;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  text-align: center;
  text-decoration: none;
  -webkit-transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out;
  -o-transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out;
  transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out;
  z-index: 1;
}

.service-menu ul.vListe .vis-alle > a:hover, .service-menu ul.vListe .vis-alle > a:focus {
  background-color: #e6eef9;
  color: #fff;
}

@media only screen and (min-width: 641px) {
  .service-menu ul.vListe .vis-alle {
    float: right;
    right: -54%;
  }
  .service-menu ul.vListe .vis-alle::before {
    background-color: #fff;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    margin-top: 35px;
    position: absolute;
    width: 100%;
  }
}

.service-menu ul.vListe .vis-alle span {
  font-size: 0.95em;
}

@media only screen and (min-width: 641px) {
  .service-menu ul.vListe:after {
    content: "";
    display: table;
    clear: both;
  }
}

.shortcut-menu {
  background-color: #004272;
  min-height: 337px;
  padding: 1rem 2.5rem;
}

.shortcut-menu .webPartTittel {
  color: #e0e0e0;
  font-size: 0.8rem;
  margin-bottom: 2rem;
  margin-top: 1.5rem;
  text-transform: uppercase;
}

.shortcut-menu ul {
  margin: 0;
  padding: 0;
}

.shortcut-menu li + li {
  margin-top: 1rem;
}

.shortcut-menu a {
  border-bottom: 1px dotted #88a2b3;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 500;
  text-decoration: none;
}

.shortcut-menu a:hover, .shortcut-menu a:focus {
  text-decoration: none;
}

@media only screen and (min-width: 641px) {
  .shortcut-menu {
    border: 6px solid #fff;
  }
}

.button-menu {
  padding: 4rem 0;
}

.button-menu ul.vListe > li {
  margin-top: 1rem;
}

.button-menu ul.vListe > li:first-child {
  margin-top: 0;
}

.button-menu ul.vListe > li > a {
  margin: 0;
  padding: 0 1rem;
  border: 0.125rem solid #004272;
  height: 5rem;
  display: block;
  color: #004272;
  background: #fff;
  font-size: 1.2rem;
  line-height: 4.75rem;
  text-align: center;
  text-decoration: none;
}

.button-menu ul.vListe > li > a span {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}

.button-menu ul.vListe > li > a:hover, .button-menu ul.vListe > li > a:focus {
  border-color: #004272;
  color: #fff;
  background-color: #004272;
}

.button-menu ul.vListe > li > a:focus {
  outline: none;
}

.button-menu ul.vListe > li > ul {
  display: none !important;
}

@media only screen and (min-width: 641px) {
  .button-menu ul.vListe > li {
    margin-top: 1.25%;
    margin-left: 1.25%;
    float: left;
  }
  .button-menu ul.vListe > li:nth-child(2) {
    margin-top: 0;
  }
}

@media only screen and (min-width: 641px) and (max-width: 800px) {
  .button-menu ul.vListe > li {
    width: 49.375%;
  }
  .button-menu ul.vListe > li:nth-child(2n + 1) {
    margin-left: 0;
    clear: left;
  }
}

@media only screen and (min-width: 801px) {
  .button-menu ul.vListe > li {
    width: 24.0625%;
  }
  .button-menu ul.vListe > li:nth-child(3), .button-menu ul.vListe > li:nth-child(4) {
    margin-top: 0;
  }
  .button-menu ul.vListe > li:nth-child(4n + 1) {
    margin-left: 0;
    clear: left;
  }
}

@media only screen and (min-width: 641px) {
  .button-menu ul.vListe:after {
    content: "";
    display: table;
    clear: both;
  }
}

.link-list-box ul.vListe > li {
  margin-top: 1em;
  display: block;
}

.link-list-box ul.vListe > li:first-child {
  margin-top: 0;
}

.link-list-box ul.vListe > li > a {
  margin: 0;
  padding: 0;
  display: block;
  text-decoration: none;
}

.link-list-box ul.vListe > li > a > span {
  display: inline-block;
  line-height: normal;
}

.link-list-box ul.vListe > li > a:focus {
  outline: none;
}

.link-list-box ul.vListe > li > ul {
  display: none !important;
}

.link-list-box.type-button ul.vListe > li > a {
  margin: 0;
  padding: 0 1rem;
  border: 0.125rem solid #004272;
  height: 5rem;
  display: block;
  color: #fff;
  background: #004272;
  font-size: 1.2rem;
  line-height: 4.75rem;
  text-align: center;
  text-decoration: none;
}

.link-list-box.type-button ul.vListe > li > a span {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}

.link-list-box.type-button ul.vListe > li > a:hover, .link-list-box.type-button ul.vListe > li > a:focus {
  border-color: #004272;
  color: #004272;
  background-color: #fff;
}

.link-list-box.type-button ul.vListe > li > a:focus {
  outline: none;
}

.focus-article {
  background-color: #f7f7f7;
  margin-bottom: 2rem;
  padding: 1rem !important;
  position: relative;
}

@media only screen and (min-width: 801px) {
  .focus-article {
    margin-bottom: 0;
  }
}

.focus-article .webPartTittel {
  font-size: 0.8rem;
  margin-top: 1rem;
  text-transform: uppercase;
}

@media only screen and (min-width: 801px) {
  .focus-article .webPartTittel {
    position: absolute;
    z-index: 2;
  }
}

.focus-article ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

@media only screen and (min-width: 801px) {
  .focus-article li {
    height: 280px;
  }
}

.focus-article a {
  text-decoration: none;
}

.focus-article li > a {
  display: block;
}

.focus-article li > a::after {
  bottom: 3rem;
  color: #e6eef9;
  font-size: 0.7em;
  position: absolute;
  right: 4.5em;
  z-index: 10;
}

@media only screen and (min-width: 801px) {
  .focus-article .datoPublisert,
  .focus-article .lesmer {
    bottom: 2rem;
    position: absolute;
    z-index: 2;
  }
}

.focus-article .datoPublisert {
  display: none;
}

@media only screen and (min-width: 801px) {
  .focus-article .datoPublisert {
    display: block;
    left: calc(5% + 2rem);
  }
}

.focus-article .lesmer {
  color: #e6eef9;
  padding-right: 1rem;
}

@media only screen and (min-width: 801px) {
  .focus-article .lesmer {
    right: 5%;
  }
}

.focus-article .lesmer::after {
  bottom: 1.2rem;
  font-size: 0.5rem;
  padding-left: 1rem;
  position: absolute;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media only screen and (min-width: 641px) {
  .focus-article .lesmer::after {
    bottom: initial;
    top: 50%;
  }
}

.focus-article .imgWrapper {
  height: auto;
  overflow: hidden;
}

.focus-article .imgWrapper img {
  max-width: 100%;
}

@media only screen and (min-width: 801px) {
  .focus-article .imgWrapper {
    bottom: 0;
    left: 0;
    height: auto;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
  }
}

.focus-article .webPartTittel,
.focus-article .tittel,
.focus-article .ingress {
  font-weight: 600;
}

@media only screen and (min-width: 801px) {
  .focus-article .webPartTittel,
  .focus-article .tittel,
  .focus-article .ingress {
    padding-left: 2rem;
    padding-right: 2rem;
    position: absolute;
    right: 2%;
    width: 40%;
  }
}

@media only screen and (min-width: 1173px) {
  .focus-article .webPartTittel,
  .focus-article .tittel,
  .focus-article .ingress {
    width: 35%;
  }
}

.focus-article .webPartTittel {
  color: #005cb9;
  margin-top: 2rem;
}

.focus-article .tittel {
  color: #004272;
  font-size: 1.5rem;
  text-decoration: none;
  z-index: 2;
}

@media only screen and (min-width: 801px) {
  .focus-article .tittel {
    padding-top: 2.4rem;
  }
}

.focus-article .ingress {
  float: left;
}

@media only screen and (min-width: 801px) {
  .focus-article .ingress {
    background-color: rgba(255, 255, 255, 0.95);
    bottom: 7%;
    float: none;
    padding-top: 8rem;
    position: absolute;
    top: 7%;
    z-index: 1;
  }
}

.focus-article .ingress + div {
  float: left;
}

@media only screen and (min-width: 801px) {
  .focus-article .ingress + div {
    float: none;
  }
}

.news-list {
  float: left;
  margin-top: -2rem !important;
  width: 100%;
}

.news-list .webPartTittel {
  border-bottom: 1px solid #f5f5f5;
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 2.5rem;
  padding-bottom: 1rem;
}

.news-list ul > li {
  border: 2px solid #f5f5f5;
  display: block;
  margin-top: 1rem;
  padding: 1rem 1.5rem;
  position: relative;
}

.news-list ul > li:after {
  content: "";
  display: table;
  clear: both;
}

@media only screen and (min-width: 641px) {
  .news-list ul > li {
    padding: 2rem;
  }
}

.news-list ul > li > a {
  display: block;
  margin-bottom: 0.5rem;
  text-decoration: none;
}

.news-list ul > li > a .tittel {
  border-bottom: 1px dotted currentColor;
  color: #e6eef9;
  display: inline;
  font-weight: 600;
  margin: 0.5em 0;
  -ms-word-break: break-all;
  word-break: break-word;
}

.news-list ul > li > a:hover .tittel, .news-list ul > li > a:focus .tittel {
  border-bottom-style: solid;
}

.news-list ul > li .datoPublisert {
  color: #004272;
  display: block;
  font-size: 0.9em;
}

@media only screen and (min-width: 801px) {
  .news-list ul > li {
    float: left;
    margin-left: 2%;
    margin-top: 0;
    width: 49%;
  }
  .news-list ul > li:nth-of-type(2n + 1) {
    clear: left;
    margin-left: 0;
  }
}

.news-list .webPartBunnLink {
  float: left;
  margin: 0;
  -webkit-transform: translateY(50%);
      -ms-transform: translateY(50%);
          transform: translateY(50%);
}

.news-list .webPartBunnLink a {
  border-bottom: 1px solid transparent;
  display: block;
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 3rem;
  margin: 0;
  text-decoration: none;
}

.news-list .webPartBunnLink a:hover, .news-list .webPartBunnLink a:focus {
  border-bottom-color: #004272;
}

.news-list .webPartBunnLink a:focus {
  outline: none;
}

.news-list .webPartBunnLink a::before {
  color: #e6eef9;
  font-size: 0.8em;
  margin-right: 1.5em;
  vertical-align: middle;
}

.event-list-box {
  position: relative;
}

.event-list-box .webPartTittel {
  border-bottom: 1px solid #f5f5f5;
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 2.5rem;
  padding-bottom: 1rem;
  text-align: left;
}

.event-list-box ul li {
  background-color: #e6eef9;
  border: 1px solid #cdcdcd;
  display: block;
  margin-top: 1rem;
  padding: 1.5rem 1rem;
}

.event-list-box ul li:after {
  content: "";
  display: table;
  clear: both;
}

.event-list-box ul li .event-date {
  background-color: #005cb9;
  color: #fff;
  float: left;
  padding: 0.5rem;
  text-align: center;
  width: 3rem;
}

.event-list-box ul li .event-date .event-date-month {
  border-bottom: 1px solid #e6eef9;
  font-size: 1rem;
  margin-bottom: 0.3rem;
  padding-bottom: 0.3rem;
  text-transform: uppercase;
}

.event-list-box ul li .event-date .event-date-day {
  font-size: 1.5rem;
}

.event-list-box ul li .event-text {
  margin-left: 70px;
  text-align: left;
}

.event-list-box ul li .event-text .event-title {
  margin: 0;
  margin-bottom: 0.5em;
  padding: 0;
}

.event-list-box ul li .event-text .event-title a {
  border-bottom: 1px dotted currentColor;
  color: #e6eef9;
  text-decoration: none;
}

.event-list-box ul li .event-text .event-title a:hover, .event-list-box ul li .event-text .event-title a:focus {
  border-bottom-style: solid;
}

.event-list-box ul li .event-text .event-location,
.event-list-box ul li .event-text .event-time {
  font-size: 0.9rem;
}

.event-list-box ul li .event-text .event-time::before {
  content: " | ";
  margin: 0 0.3em;
}

@media only screen and (min-width: 801px) {
  .event-list-box ul li {
    float: left;
    margin-top: 1rem;
    width: 32%;
  }
  .event-list-box ul li + li {
    margin-left: 2%;
  }
}

.event-list-box .calWPFooter {
  float: left;
  margin: 0;
  -webkit-transform: translateY(50%);
      -ms-transform: translateY(50%);
          transform: translateY(50%);
}

.event-list-box .calWPFooter a {
  border-bottom: 1px solid transparent;
  display: block;
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 3rem;
  margin: 0;
  text-decoration: none;
}

.event-list-box .calWPFooter a:hover, .event-list-box .calWPFooter a:focus {
  border-bottom-color: #004272;
}

.event-list-box .calWPFooter a:focus {
  outline: none;
}

.event-list-box .calWPFooter a::before {
  color: #e6eef9;
  font-size: 0.8em;
  margin-right: 1.5em;
  vertical-align: middle;
}

.subpage #main .calMenu {
  float: none;
  margin: 0 auto 2rem;
  width: 95%;
  padding: 0 0 1em 0;
}

@media only screen and (min-width: 641px) {
  .subpage #main .calMenu {
    float: left;
    width: 16rem !important;
    margin-right: 2rem;
  }
}

.subpage #main .calMenu h3, .subpage #main .calMenu .news-list ul > li > a .tittel, .news-list ul > li > a .subpage #main .calMenu .tittel, .subpage #main .calMenu .event-list-box ul li .event-text .event-title a, .event-list-box ul li .event-text .event-title .subpage #main .calMenu a {
  background-color: #004272;
  color: #fff;
  padding: 0.5em 1em;
  margin: 0;
}

.subpage #main .calMenu a.selected {
  background-color: #e6eef9;
}

.subpage #main .calMenu ul {
  margin: 0;
}

.subpage #main .calContent {
  float: left;
  width: 100%;
}

@media only screen and (min-width: 641px) {
  .subpage #main .calContent {
    width: calc(100% - 18rem);
  }
}

.subpage #main .event-list-box li {
  margin: 0;
  width: 100%;
}

.subpage #main .event-list-box li + li {
  margin-top: 1rem;
}

.subpage #main .event-list-box .title {
  color: #e6eef9;
}

.subpage #main .ical-button {
  margin-left: 2.5% !important;
  margin-top: 2rem !important;
}

#footer-content #Sone8002 li {
  padding-left: 0;
}

#footer-content .contact-box ul {
  display: inline-block;
}

#footer-content .contact-box ul li {
  display: block;
  margin-top: 2em;
  padding-left: 2em;
  position: relative;
  text-align: left;
}

#footer-content .contact-box ul li:first-child {
  margin-top: 1rem;
}

#footer-content .contact-box ul li a {
  border-bottom: 1px dotted #004272;
  color: #004272;
}

#footer-content .contact-box ul li a:hover, #footer-content .contact-box ul li a:focus {
  border-bottom-style: solid;
}

#footer-content .contact-box ul li > span {
  display: inline-block;
  position: relative;
}

#footer-content .contact-box ul li[class^="icon-"]:before, #footer-content .contact-box ul li[class*=" icon-"]:before {
  font-size: 1.4em;
  left: 0;
  position: absolute;
}

#footer-content .contact-box ul li.icon-email:before {
  font-size: 0.8em;
}

#footer-content .contact-box ul li.icon-chevron-right {
  padding-left: 1.2rem !important;
}

#footer-content .contact-box ul li.icon-chevron-right:before {
  display: inline-block;
  font-size: 0.8em;
  -webkit-transform: rotate(90deg) translateX(50%);
      -ms-transform: rotate(90deg) translateX(50%);
          transform: rotate(90deg) translateX(50%);
}

@media only screen and (max-width: 960px) {
  #footer-content .contact-box ul li {
    margin-top: 1em;
  }
  #footer-content .contact-box ul li:first-child {
    margin-top: 0;
  }
  #footer-content .contact-box ul li:before {
    margin-right: 0.25em;
    position: static;
    vertical-align: middle;
  }
}

.back-to-top-button-wrapper {
  float: left;
  margin: 2rem 0 2rem 0;
  text-align: center;
  width: 100%;
}

@media only screen and (min-width: 641px) {
  .back-to-top-button-wrapper {
    display: none;
  }
}

.back-to-top-button {
  background: transparent;
  border: 1px solid;
  color: #fff !important;
  display: inline-block;
  font-size: 1.1rem;
  padding: 1rem 2.5rem;
  text-align: left;
  text-decoration: none !important;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out !important;
  -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out !important;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out !important;
}

.back-to-top-button:hover, .back-to-top-button:focus {
  background-color: #fff;
  color: #004272 !important;
  text-decoration: none !important;
}

.back-to-top-button::after {
  font-size: 0.9em;
  margin-left: 1rem;
  vertical-align: top;
}

@media only screen and (min-width: 801px) {
  .back-to-top-button {
    padding: 0.8rem 2.5rem;
  }
}

.custom-html.button-standardKnapp {
  margin: 0 !important;
  padding: 0 1em !important;
  border: 0.125rem solid #004272 !important;
  height: 5em !important;
  display: inline-block !important;
  color: #fff !important;
  background: #004272 !important;
  line-height: 4.625rem !important;
  text-align: center !important;
  text-decoration: none !important;
  letter-spacing: 1px !important;
  -webkit-transition: border-color 0.2s ease, color 0.2s ease,
 background-color 0.2s ease !important;
  -o-transition: border-color 0.2s ease, color 0.2s ease,
 background-color 0.2s ease !important;
  transition: border-color 0.2s ease, color 0.2s ease,
 background-color 0.2s ease !important;
  opacity: 1 !important;
}

.custom-html.button-standardKnapp span {
  display: inline-block !important;
  font-size: 1.2em !important;
  line-height: 1.2em !important;
  vertical-align: middle !important;
}

.custom-html.button-standardKnapp:hover, .custom-html.button-standardKnapp:focus {
  border-color: #004272 !important;
  color: #004272 !important;
  background: #fff !important;
}

.custom-html.button-standardKnapp:hover span, .custom-html.button-standardKnapp:focus span {
  color: #004272 !important;
}

.image-box img {
  max-width: 100%;
}

#sub-navigation .external-link span.text:after,
.button-menu .external-link span.text:after {
  margin-left: 5px;
  vertical-align: middle;
}

#main-menu .external-link:after,
#alert-box .external-link:after,
.artikkel .external-link:after {
  margin-left: 5px;
  vertical-align: middle;
}

#middle-column .calContent {
  float: none;
  margin-bottom: 4rem;
}

#middle-column .calContent .calEvent {
  margin-bottom: 4rem;
}

#middle-column .calContent .calEvent h1, #middle-column .calContent .calEvent .ArtikkelKategoriOverskrift {
  color: #004272;
  margin: 0;
  padding: 20px;
  padding-top: 0.25em;
  padding-bottom: 0.5em;
  background: #e6eef9;
}

#middle-column .calContent .calEvent .time {
  background: #005cb9;
  color: #fff;
  padding: 5px 20px;
}

#middle-column .calContent .calEvent .time:before {
  margin-right: 1rem;
  vertical-align: middle;
}

#middle-column .calContent .calEvent .info-box {
  margin-top: 2rem;
  margin-bottom: 2rem;
  display: block;
}

#middle-column .calContent .calEvent h2, #middle-column .calContent .calEvent #right-column .webPart .webPartTittel, #right-column .webPart #middle-column .calContent .calEvent .webPartTittel {
  margin: 0;
  margin-top: 2rem;
  padding: 0;
  padding-bottom: 0.5em;
  color: #004272;
}

#middle-column .calContent .calEvent .InnholdIngress {
  margin: 0;
  padding: 0;
  color: #004272;
  line-height: 1.4em;
}

#middle-column .calContent .calEvent .InnholdIngress p {
  margin: 0;
  margin-bottom: 1.5em;
  padding: 0;
}

#middle-column .calContent .calEvent .InnholdTekst {
  margin: 0;
  padding: 0;
  color: #004272;
}

#middle-column .calContent .calEvent .InnholdTekst p {
  margin: 0;
  margin-bottom: 1.5em;
  padding: 0;
}

#middle-column .calContent .calEvent .InnholdIngress a.ekstern:after,
#middle-column .calContent .calEvent .InnholdTekst a.ekstern:after {
  padding-left: 10px;
  font-size: 18px;
  vertical-align: middle;
}

#middle-column .calContent .calEvent .InnholdIngress a.ekstern-wrapped .text:after,
#middle-column .calContent .calEvent .InnholdTekst a.ekstern-wrapped .text:after {
  padding-left: 10px;
  font-size: 18px;
  vertical-align: middle;
}

#middle-column .calContent .calEvent .InnholdIngress ul,
#middle-column .calContent .calEvent .InnholdTekst ul {
  margin: 0;
  margin-top: 1.5em;
  padding: 0;
  margin-left: 0.2em;
  padding-left: 1em;
  list-style: disc outside none;
}

#middle-column .calContent .calEvent .InnholdIngress li,
#middle-column .calContent .calEvent .InnholdTekst li {
  margin: 0;
  margin-bottom: 0.1em;
  padding: 0;
  padding-left: 0.5em;
}

#middle-column .calContent .calEvent .InnholdIngress li:last-child,
#middle-column .calContent .calEvent .InnholdTekst li:last-child {
  margin-bottom: 1.5em;
}

#middle-column .calContent .calEvent .location:after {
  content: "";
  display: table;
  clear: both;
}

#middle-column .calContent .calEvent h1 + ul, #middle-column .calContent .calEvent .ArtikkelKategoriOverskrift + ul,
#middle-column .calContent .calEvent h2 + ul,
#middle-column .calContent .calEvent #right-column .webPart .webPartTittel + ul,
#right-column .webPart #middle-column .calContent .calEvent .webPartTittel + ul,
#middle-column .calContent .calEvent h3 + ul,
#middle-column .calContent .calEvent .news-list ul > li > a .tittel + ul,
.news-list ul > li > a #middle-column .calContent .calEvent .tittel + ul,
#middle-column .calContent .calEvent .event-list-box ul li .event-text .event-title a + ul,
.event-list-box ul li .event-text .event-title #middle-column .calContent .calEvent a + ul,
#middle-column .calContent .calEvent h4 + ul,
#middle-column .calContent .calEvent h5 + ul,
#middle-column .calContent .calEvent h6 + ul {
  margin-top: 0.5em;
}

#middle-column .calContent .calEvent table {
  margin: 0;
  padding: 0;
  border: 0;
  border-collapse: collapse;
  border-spacing: 0;
  height: 100%;
  width: 100% !important;
}

#middle-column .calContent .calEvent table caption {
  margin-bottom: 1em;
  font-weight: 500;
}

#middle-column .calContent .calEvent table thead tr {
  background-color: #004272;
}

#middle-column .calContent .calEvent table thead tr th {
  padding: 1em 0.5em;
  background-color: #004272;
  border: 0;
  color: #fff;
  font-weight: 500;
  text-align: left;
}

#middle-column .calContent .calEvent table tbody tr {
  background-color: #fff;
}

#middle-column .calContent .calEvent table tbody tr td {
  padding: 1em 0.5em;
  border: 0;
}

#middle-column .calContent .calEvent table tbody tr:nth-child(even) {
  background-color: #e0e0e0;
}

.file-ext-size {
  margin-left: 0.5rem;
}

.ansatt-content {
  padding-top: 1em;
}

.ansatt-content h2, .ansatt-content #right-column .webPart .webPartTittel, #right-column .webPart .ansatt-content .webPartTittel {
  padding-bottom: 1em;
}

td.telefon a,
td.mobil a {
  border: none !important;
}

@media only screen and (max-width: 640px) {
  #main .artikkelmal_28.ansattoversikt .sok-kontroll > div > div {
    width: 100%;
    display: block;
  }
  #main .artikkelmal_28.ansattoversikt .sok-kontroll > div > div input[type="text"],
  #main .artikkelmal_28.ansattoversikt .sok-kontroll > div > div select {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
  #main .artikkelmal_28.ansattoversikt .sok-kontroll > div > div input[type="submit"] {
    margin-top: 1em;
  }
}

#main .artikkelmal_28.ansattoversikt .sok-kontroll input[type="text"],
#main .artikkelmal_28.ansattoversikt .sok-kontroll select {
  padding: 0.25em 0.5em;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 6px;
  font-size: 1.1em;
  font-weight: 300;
  margin-left: 0;
}

#main .artikkelmal_28.ansattoversikt .sok-kontroll > div > div:nth-child(2) {
  width: 40%;
}

#main .artikkelmal_28.ansattoversikt .sok-kontroll > div > div:last-child {
  width: 20%;
}

#main .artikkelmal_28.ansattoversikt table a {
  word-break: normal;
}

.toppartikkel .related-resources,
.artikkel .related-resources {
  margin-bottom: 1em;
}

.toppartikkel .related-resources__button,
.toppartikkel .divFaqSporsmal,
.toppartikkel .faq__question,
.artikkel .related-resources__button,
.artikkel .divFaqSporsmal,
.artikkel .faq__question {
  border: 0;
  cursor: pointer;
  display: block;
  font-weight: 400;
  margin: 0;
  padding: 0;
  position: relative;
  text-align: left;
  width: 100%;
  border: 1px solid #ddd;
}

.toppartikkel .related-resources__button::after, .toppartikkel .related-resources__button::before,
.toppartikkel .divFaqSporsmal::after,
.toppartikkel .divFaqSporsmal::before,
.toppartikkel .faq__question::after,
.toppartikkel .faq__question::before,
.artikkel .related-resources__button::after,
.artikkel .related-resources__button::before,
.artikkel .divFaqSporsmal::after,
.artikkel .divFaqSporsmal::before,
.artikkel .faq__question::after,
.artikkel .faq__question::before {
  font-size: 28px !important;
  position: absolute;
  right: 25px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #004272;
}

.toppartikkel .related-resources__button::after,
.toppartikkel .divFaqSporsmal::after,
.toppartikkel .faq__question::after,
.artikkel .related-resources__button::after,
.artikkel .divFaqSporsmal::after,
.artikkel .faq__question::after {
  pointer-events: none;
}

.toppartikkel .related-resources__button--expanded::after,
.toppartikkel .divFaqSporsmal--expanded::after,
.toppartikkel .faq__question--expanded::after,
.artikkel .related-resources__button--expanded::after,
.artikkel .divFaqSporsmal--expanded::after,
.artikkel .faq__question--expanded::after {
  content: "-";
  /*@extend %icon-minus;*/
}

.toppartikkel .related-resources__button--collapsed::after,
.toppartikkel .divFaqSporsmal--collapsed::after,
.toppartikkel .faq__question--collapsed::after,
.artikkel .related-resources__button--collapsed::after,
.artikkel .divFaqSporsmal--collapsed::after,
.artikkel .faq__question--collapsed::after {
  content: "+";
  /*@extend %icon-plus;*/
}

.toppartikkel .related-resources__button,
.artikkel .related-resources__button {
  background-color: transparent !important;
  border: 0 !important;
  font-weight: 600;
  padding-left: 0 !important;
  pointer-events: none;
  text-align: left;
}

.toppartikkel .related-resources__button::before, .toppartikkel .related-resources__button::after,
.artikkel .related-resources__button::before,
.artikkel .related-resources__button::after {
  content: none !important;
}

.toppartikkel .divFaqSporsmal button, .toppartikkel .divFaqSporsmal form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a, form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li .toppartikkel .divFaqSporsmal a, .toppartikkel .divFaqSporsmal .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a, .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li .toppartikkel .divFaqSporsmal a, .toppartikkel .divFaqSporsmal .webPart .il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a, .webPart .il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li .toppartikkel .divFaqSporsmal a, .toppartikkel .divFaqSporsmal form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awBunnNavigasjon input, form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awBunnNavigasjon .toppartikkel .divFaqSporsmal input, .toppartikkel .divFaqSporsmal .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon input, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon .toppartikkel .divFaqSporsmal input, .toppartikkel .divFaqSporsmal .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon input, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon .toppartikkel .divFaqSporsmal input,
.artikkel .divFaqSporsmal button,
.artikkel .divFaqSporsmal form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a,
form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li .artikkel .divFaqSporsmal a,
.artikkel .divFaqSporsmal .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a,
.webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li .artikkel .divFaqSporsmal a,
.artikkel .divFaqSporsmal .webPart .il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a,
.webPart .il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li .artikkel .divFaqSporsmal a,
.artikkel .divFaqSporsmal form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awBunnNavigasjon input,
form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awBunnNavigasjon .artikkel .divFaqSporsmal input,
.artikkel .divFaqSporsmal .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon input,
.webPart.il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon .artikkel .divFaqSporsmal input,
.artikkel .divFaqSporsmal .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon input,
.webPart .il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon .artikkel .divFaqSporsmal input {
  background-color: #e6eef9;
  border: 0;
  color: #004272;
  cursor: pointer;
  display: block;
  font-size: 1.1rem;
  font-weight: 600;
  height: 100%;
  padding: 25px 65px 25px 20px;
  text-align: inherit;
  width: 100%;
}

.toppartikkel .faqWrapper h1, .toppartikkel .faqWrapper .ArtikkelKategoriOverskrift,
.artikkel .faqWrapper h1,
.artikkel .faqWrapper .ArtikkelKategoriOverskrift {
  display: none;
}

.toppartikkel .faqWrapper .divFaqSvar,
.artikkel .faqWrapper .divFaqSvar {
  background-color: rgba(230, 238, 249, 0.4);
  padding: 25px 25px 10px !important;
  margin-bottom: 10px;
}

.toppartikkel .faqWrapper .divFaqSvar:after,
.artikkel .faqWrapper .divFaqSvar:after {
  content: "";
  display: table;
  clear: both;
}

.toppartikkel .faqWrapper .divFaqSvar.open,
.artikkel .faqWrapper .divFaqSvar.open {
  display: block;
}

.toppartikkel .faqWrapper .divFaqSporsmal,
.artikkel .faqWrapper .divFaqSporsmal {
  padding: 0 !important;
  margin-bottom: 10px;
}

.toppartikkel .faqWrapper,
.artikkel .faqWrapper {
  margin-top: -1rem;
}

.toppartikkel .faqWrapper .faq .divFaqSporsmal,
.artikkel .faqWrapper .faq .divFaqSporsmal {
  background-color: #e6eef9;
  border: 0;
  -webkit-transition: 0.15s ease-in-out;
  -o-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
  font-size: 1.3rem;
}

.toppartikkel .faqWrapper .faq .divFaqSporsmal:hover, .toppartikkel .faqWrapper .faq .divFaqSporsmal:focus,
.artikkel .faqWrapper .faq .divFaqSporsmal:hover,
.artikkel .faqWrapper .faq .divFaqSporsmal:focus {
  color: #004272;
}

.toppartikkel .faqWrapper .faq .divFaqSporsmal::after,
.artikkel .faqWrapper .faq .divFaqSporsmal::after {
  content: "+";
  border: 2px solid #004272;
  font-size: 22px !important;
  line-height: 15px !important;
  font-weight: 600;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  display: block;
  width: 26px;
  height: 26px;
  text-align: center;
  /*@extend %icon-plus;*/
}

.toppartikkel .faqWrapper .faq .divFaqSporsmal.open,
.artikkel .faqWrapper .faq .divFaqSporsmal.open {
  /*background-color: #F5F5F5;*/
  margin-bottom: 0;
}

.toppartikkel .faqWrapper .faq .divFaqSporsmal.open::after,
.artikkel .faqWrapper .faq .divFaqSporsmal.open::after {
  content: "-";
  font-size: 30px !important;
  line-height: 10px !important;
  background-color: #004272;
  color: #e6eef9;
  /*@extend %icon-minus; // transform: none;*/
}

.toppartikkel .related-resources__button,
.artikkel .related-resources__button {
  background: #e6eef9;
  padding-left: 80px;
}

.toppartikkel .related-resources__button:before,
.artikkel .related-resources__button:before {
  background: #004272;
  color: #fff;
  display: block;
  font-size: 25px;
  height: 60px;
  left: 0;
  line-height: 60px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 60px;
}

.toppartikkel .related-resources__button::after,
.artikkel .related-resources__button::after {
  color: #004272;
}

.toppartikkel .related-resources__list,
.toppartikkel .faq__answer,
.artikkel .related-resources__list,
.artikkel .faq__answer {
  display: none;
  margin-top: 1em;
}

.toppartikkel .related-resources__list:after,
.toppartikkel .faq__answer:after,
.artikkel .related-resources__list:after,
.artikkel .faq__answer:after {
  content: "";
  display: table;
  clear: both;
}

.toppartikkel .related-resources__list li,
.toppartikkel .faq__answer li,
.artikkel .related-resources__list li,
.artikkel .faq__answer li {
  margin-bottom: 10px;
}

.toppartikkel .related-resources__list--expanded,
.toppartikkel .faq__answer--expanded,
.artikkel .related-resources__list--expanded,
.artikkel .faq__answer--expanded {
  display: block;
}

.toppartikkel .related-resources__list--collapsed,
.toppartikkel .faq__answer--collapsed,
.artikkel .related-resources__list--collapsed,
.artikkel .faq__answer--collapsed {
  display: none;
}

.subpage #bottom-boxes .zone {
  margin: 0;
}

.share-buttons {
  margin-bottom: 3rem;
}

.share-buttons:after {
  content: "";
  display: table;
  clear: both;
}

.share-buttons .webPartTittel {
  float: left;
  font-size: 1rem;
  text-transform: uppercase;
}

.share-buttons .webPartInnhold {
  float: right;
}

.right-column .share-buttons,
.right-column .article-authorinfo-box-content {
  max-width: 800px;
}

.galleria-image img {
  height: auto !important;
  max-width: 100% !important;
}

.galleria-image-nav-left, .galleria-image-nav-right {
  background-color: #000;
  height: 3rem !important;
  opacity: 0.7 !important;
  -webkit-transition: background-color 0.15s ease-in-out;
  -o-transition: background-color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out;
  width: 3rem !important;
}

.galleria-image-nav-left:hover, .galleria-image-nav-left:focus, .galleria-image-nav-right:hover, .galleria-image-nav-right:focus {
  background-color: #004272;
}

.galleria-image-nav-left {
  background-position: -1.5% 50% !important;
  left: 0 !important;
}

.galleria-image-nav-right {
  background-position: 29% 50% !important;
  right: 0 !important;
}

.galleria-info {
  left: 0 !important;
  opacity: 1 !important;
}

.galleria-info-text {
  background-color: #e6eef9 !important;
}

.galleria-info-title, .galleria-info-description {
  color: #004272;
  font-family: inherit;
  font-size: 1rem;
  font-style: normal;
}

.galleria-thumbnails {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 1rem;
  width: 100% !important;
}

.galleria-thumbnails .galleria-image {
  background-color: #e6eef9;
  border-radius: 50%;
  height: 1rem !important;
  margin: 0;
  -webkit-transition: background-color 0.15s ease-in-out;
  -o-transition: background-color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out;
  width: 1rem !important;
}

.galleria-thumbnails .galleria-image + .galleria-image {
  margin-left: 0.8rem;
}

.galleria-thumbnails .galleria-image:hover, .galleria-thumbnails .galleria-image:focus, .galleria-thumbnails .galleria-image.active {
  background-color: #004272;
}

.galleria-thumbnails .galleria-image img {
  display: none !important;
}

.js-google-translate {
  position: relative;
}

.google-translate-container {
  visibility: hidden;
  margin-top: 0;
  position: absolute;
  bottom: -6px;
}

.google-translate-container.open {
  visibility: visible;
  z-index: 999;
}

.google-translate-container .goog-te-gadget-simple {
  border: 1px solid #ccdff0;
}

.google-translate-container .goog-te-gadget-simple .goog-te-menu-value {
  color: #004272;
}

.hasToppbilde #upper-page-navigation {
  margin-bottom: 0;
}

.hasToppbilde .enSpaltesToppbilde {
  height: 335px;
}

@media only screen and (min-width: 801px) {
  .hasToppbilde .enSpaltesToppbilde {
    height: 435px;
  }
}

@media only screen and (min-width: 641px) and (max-width: 800px) {
  .hasToppbilde #middle-column {
    margin-left: 0 !important;
  }
}

@media only screen and (min-width: 641px) {
  .hasToppbilde #middle-column {
    margin-top: -220px;
    margin-left: 12.5%;
    background: rgba(255, 255, 255, 0.9);
    overflow: hidden;
  }
  .hasToppbilde #middle-column header {
    margin: 30px 45px 70px;
    padding: 0 32px;
    border-left: 3px solid #005cb9;
    line-height: 1rem;
  }
  .hasToppbilde #middle-column header span {
    font-size: 0.9rem;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    margin-bottom: 15px;
  }
  .hasToppbilde #middle-column header h1, .hasToppbilde #middle-column header .ArtikkelKategoriOverskrift {
    font-size: 2.5rem;
    line-height: 3.2rem;
    font-weight: 600;
    min-height: 100px;
  }
}

.hasToppbilde .article-authorinfo-box-content {
  max-width: 1140px;
}

.il-selvbetjening .webPartInnhold {
  margin: 0 auto;
  max-width: 1140px;
  width: 90%;
}

@font-face {
  font-family: 'selvbetjening';
  src: url("/selvbetjening/responsiv/fonts/selvbetjening.eot?cvymp6");
  src: url("/selvbetjening/responsiv/fonts/selvbetjening.eot?cvymp6#iefix") format("embedded-opentype"), url("/selvbetjening/responsiv/fonts/selvbetjening.ttf?cvymp6") format("truetype"), url("/selvbetjening/responsiv/fonts/selvbetjening.woff?cvymp6") format("woff"), url("/selvbetjening/responsiv/fonts/selvbetjening.svg?cvymp6#selvbetjening") format("svg");
  font-weight: normal;
  font-style: normal;
}

form.il-selvbetjening *[role=main] .skjemakategoriliste .skjemakategori td.SkjemaKategoriKnapp:before, .webPart.il-selvbetjening .skjemakategoriliste .skjemakategori td.SkjemaKategoriKnapp:before, .webPart .il-selvbetjening .skjemakategoriliste .skjemakategori td.SkjemaKategoriKnapp:before, form.il-selvbetjening *[role=main] .skjemakategoriliste .skjemakategori td.SkjemaKategoriFooterKnapp:before, .webPart.il-selvbetjening .skjemakategoriliste .skjemakategori td.SkjemaKategoriFooterKnapp:before, .webPart .il-selvbetjening .skjemakategoriliste .skjemakategori td.SkjemaKategoriFooterKnapp:before, form.il-selvbetjening *[role=main] .skjemakategoriliste .skjemaliste .ikonforklaring ul li:before, .webPart.il-selvbetjening .skjemakategoriliste .skjemaliste .ikonforklaring ul li:before, .webPart .il-selvbetjening .skjemakategoriliste .skjemaliste .ikonforklaring ul li:before, form.il-selvbetjening *[role=main] ul.skjemaliste li:before, .webPart.il-selvbetjening ul.skjemaliste li:before, .webPart .il-selvbetjening ul.skjemaliste li:before, form.il-selvbetjening *[role=main] ul.skjemaliste li a.jq-sikkerhetsniva-2:after, form.il-selvbetjening *[role=main] ul.skjemaliste li a.jq-sikkerhetsniva-3:after, .webPart.il-selvbetjening ul.skjemaliste li a.jq-sikkerhetsniva-2:after, .webPart.il-selvbetjening ul.skjemaliste li a.jq-sikkerhetsniva-3:after, .webPart .il-selvbetjening ul.skjemaliste li a.jq-sikkerhetsniva-2:after, .webPart .il-selvbetjening ul.skjemaliste li a.jq-sikkerhetsniva-3:after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'selvbetjening' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

form.il-selvbetjening *[role=main] .skjemakategoriliste .skjemaliste .ikonforklaring ul #ekstern:before, .webPart.il-selvbetjening .skjemakategoriliste .skjemaliste .ikonforklaring ul #ekstern:before, .webPart .il-selvbetjening .skjemakategoriliste .skjemaliste .ikonforklaring ul #ekstern:before, form.il-selvbetjening *[role=main] ul.skjemaliste li.link:before, .webPart.il-selvbetjening ul.skjemaliste li.link:before, .webPart .il-selvbetjening ul.skjemaliste li.link:before {
  content: "\f08e";
}

form.il-selvbetjening *[role=main] .skjemakategoriliste .skjemakategori td.SkjemaKategoriKnapp:before, .webPart.il-selvbetjening .skjemakategoriliste .skjemakategori td.SkjemaKategoriKnapp:before, .webPart .il-selvbetjening .skjemakategoriliste .skjemakategori td.SkjemaKategoriKnapp:before, form.il-selvbetjening *[role=main] .skjemakategoriliste .skjemakategori td.SkjemaKategoriFooterKnapp:before, .webPart.il-selvbetjening .skjemakategoriliste .skjemakategori td.SkjemaKategoriFooterKnapp:before, .webPart .il-selvbetjening .skjemakategoriliste .skjemakategori td.SkjemaKategoriFooterKnapp:before {
  content: "\f0da";
}

form.il-selvbetjening *[role=main] .skjemakategoriliste .skjemaliste .ikonforklaring ul #digital:before, .webPart.il-selvbetjening .skjemakategoriliste .skjemaliste .ikonforklaring ul #digital:before, .webPart .il-selvbetjening .skjemakategoriliste .skjemaliste .ikonforklaring ul #digital:before, form.il-selvbetjening *[role=main] ul.skjemaliste li.digital:before, .webPart.il-selvbetjening ul.skjemaliste li.digital:before, .webPart .il-selvbetjening ul.skjemaliste li.digital:before {
  content: "\f108";
}

form.il-selvbetjening *[role=main] .skjemakategoriliste .skjemaliste .ikonforklaring ul #paalogging:before, .webPart.il-selvbetjening .skjemakategoriliste .skjemaliste .ikonforklaring ul #paalogging:before, .webPart .il-selvbetjening .skjemakategoriliste .skjemaliste .ikonforklaring ul #paalogging:before, form.il-selvbetjening *[role=main] ul.skjemaliste li a.jq-sikkerhetsniva-2:after, form.il-selvbetjening *[role=main] ul.skjemaliste li a.jq-sikkerhetsniva-3:after, .webPart.il-selvbetjening ul.skjemaliste li a.jq-sikkerhetsniva-2:after, .webPart.il-selvbetjening ul.skjemaliste li a.jq-sikkerhetsniva-3:after, .webPart .il-selvbetjening ul.skjemaliste li a.jq-sikkerhetsniva-2:after, .webPart .il-selvbetjening ul.skjemaliste li a.jq-sikkerhetsniva-3:after {
  content: "\e900";
}

form.il-selvbetjening *[role=main] .skjemakategoriliste .skjemaliste .ikonforklaring ul #papir:before, .webPart.il-selvbetjening .skjemakategoriliste .skjemaliste .ikonforklaring ul #papir:before, .webPart .il-selvbetjening .skjemakategoriliste .skjemaliste .ikonforklaring ul #papir:before, form.il-selvbetjening *[role=main] ul.skjemaliste li.papir:before, .webPart.il-selvbetjening ul.skjemaliste li.papir:before, .webPart .il-selvbetjening ul.skjemaliste li.papir:before {
  content: "\e901";
}

form.il-selvbetjening *[role=main] .skjemakategoriliste .skjemaliste .ikonforklaring ul, .webPart.il-selvbetjening .skjemakategoriliste .skjemaliste .ikonforklaring ul, .webPart .il-selvbetjening .skjemakategoriliste .skjemaliste .ikonforklaring ul, form.il-selvbetjening *[role=main] .skjemakategoriliste .skjemaliste ul.skjemakategori, .webPart.il-selvbetjening .skjemakategoriliste .skjemaliste ul.skjemakategori, .webPart .il-selvbetjening .skjemakategoriliste .skjemaliste ul.skjemakategori, form.il-selvbetjening *[role=main] ul.skjemaliste, .webPart.il-selvbetjening ul.skjemaliste, .webPart .il-selvbetjening ul.skjemaliste {
  margin: 0;
  padding: 0;
  list-style: none;
}

form.il-selvbetjening *[role=main] .skjemakategoriliste .skjemaliste .ikonforklaring ul li, .webPart.il-selvbetjening .skjemakategoriliste .skjemaliste .ikonforklaring ul li, .webPart .il-selvbetjening .skjemakategoriliste .skjemaliste .ikonforklaring ul li, form.il-selvbetjening *[role=main] .skjemakategoriliste .skjemaliste ul.skjemakategori li, .webPart.il-selvbetjening .skjemakategoriliste .skjemaliste ul.skjemakategori li, .webPart .il-selvbetjening .skjemakategoriliste .skjemaliste ul.skjemakategori li, form.il-selvbetjening *[role=main] ul.skjemaliste li, .webPart.il-selvbetjening ul.skjemaliste li, .webPart .il-selvbetjening ul.skjemaliste li {
  margin: 0;
  padding: 0;
}

#js-selvbetjening-js-mobile-marker {
  display: none !important;
  position: relative !important;
  z-index: 1 !important;
}

@media only screen and (min-width: 801px) {
  #js-selvbetjening-js-mobile-marker {
    z-index: 0 !important;
  }
}

.il-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.5);
  /*dim the background*/
}

.il-modal {
  padding: 10px;
  min-width: 20%;
  min-height: 20%;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: #fff;
}

.il-modal .il-modal-header {
  position: relative;
}

.il-modal .il-modal-header .il-modal-close {
  position: absolute;
  left: 100%;
  bottom: 100%;
  border: none;
  border-radius: 0;
  width: 30px;
  height: 30px;
  background: transparent url("/script/jQuery/fancybox/fancybox.png") -40px 0;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  overflow: hidden;
  text-indent: -8000px;
}

form.il-selvbetjening *[role=main], .webPart.il-selvbetjening, .webPart .il-selvbetjening {
  font-size: 1rem;
  /* Selvbetjening - tabeller */
  /* Selvbetjening - minside */
  /* Slutt selvbetjening - minside */
  /* Selvbetjening - skjemakategorisering */
}

form.il-selvbetjening *[role=main] table, .webPart.il-selvbetjening table, .webPart .il-selvbetjening table {
  width: 100%;
}

form.il-selvbetjening *[role=main] table td, .webPart.il-selvbetjening table td, .webPart .il-selvbetjening table td {
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}

form.il-selvbetjening *[role=main] input, .webPart.il-selvbetjening input, .webPart .il-selvbetjening input {
  font-size: 1rem;
}

form.il-selvbetjening *[role=main] button, form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a, .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li form.il-selvbetjening *[role=main] a, .webPart form.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li *[role=main] a, form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awBunnNavigasjon input, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon form.il-selvbetjening *[role=main] input, .webPart form.il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon *[role=main] input, .webPart.il-selvbetjening button, form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li .webPart.il-selvbetjening a, .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a, form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awBunnNavigasjon .webPart.il-selvbetjening input, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon input, .webPart .il-selvbetjening button, .webPart form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a, .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li .il-selvbetjening a, .webPart .il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a, .webPart form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awBunnNavigasjon input, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon .il-selvbetjening input, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon input {
  margin: 0;
  padding: 0 0.5em;
  border: 1px solid #004272;
  border-radius: 5px;
  min-width: 6em;
  height: 2em;
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  color: #fff;
  background-color: #004272;
  font-size: 1rem;
  line-height: 2em;
  text-align: center;
  text-decoration: none;
}

form.il-selvbetjening *[role=main] button:disabled, form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a:disabled, .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li form.il-selvbetjening *[role=main] a:disabled, .webPart form.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li *[role=main] a:disabled, form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awBunnNavigasjon input:disabled, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon form.il-selvbetjening *[role=main] input:disabled, .webPart form.il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon *[role=main] input:disabled, .webPart.il-selvbetjening button:disabled, form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li .webPart.il-selvbetjening a:disabled, .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a:disabled, form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awBunnNavigasjon .webPart.il-selvbetjening input:disabled, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon input:disabled, .webPart .il-selvbetjening button:disabled, .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li .il-selvbetjening a:disabled, .webPart .il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a:disabled, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon .il-selvbetjening input:disabled, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon input:disabled {
  border-color: #ccc;
  color: rgba(0, 0, 0, 0.25);
  background-color: #eee;
  cursor: default;
}

form.il-selvbetjening *[role=main] button:not(:disabled):hover, form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a:not(:disabled):hover, .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li form.il-selvbetjening *[role=main] a:not(:disabled):hover, .webPart form.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li *[role=main] a:not(:disabled):hover, form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awBunnNavigasjon input:not(:disabled):hover, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon form.il-selvbetjening *[role=main] input:not(:disabled):hover, .webPart form.il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon *[role=main] input:not(:disabled):hover, form.il-selvbetjening *[role=main] button:not(:disabled):focus, form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a:not(:disabled):focus, .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li form.il-selvbetjening *[role=main] a:not(:disabled):focus, .webPart form.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li *[role=main] a:not(:disabled):focus, form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awBunnNavigasjon input:not(:disabled):focus, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon form.il-selvbetjening *[role=main] input:not(:disabled):focus, .webPart form.il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon *[role=main] input:not(:disabled):focus, .webPart.il-selvbetjening button:not(:disabled):hover, form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li .webPart.il-selvbetjening a:not(:disabled):hover, .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a:not(:disabled):hover, form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awBunnNavigasjon .webPart.il-selvbetjening input:not(:disabled):hover, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon input:not(:disabled):hover, .webPart.il-selvbetjening button:not(:disabled):focus, form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li .webPart.il-selvbetjening a:not(:disabled):focus, .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a:not(:disabled):focus, form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awBunnNavigasjon .webPart.il-selvbetjening input:not(:disabled):focus, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon input:not(:disabled):focus, .webPart .il-selvbetjening button:not(:disabled):hover, .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li .il-selvbetjening a:not(:disabled):hover, .webPart .il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a:not(:disabled):hover, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon .il-selvbetjening input:not(:disabled):hover, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon input:not(:disabled):hover, .webPart .il-selvbetjening button:not(:disabled):focus, .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li .il-selvbetjening a:not(:disabled):focus, .webPart .il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a:not(:disabled):focus, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon .il-selvbetjening input:not(:disabled):focus, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon input:not(:disabled):focus {
  border-color: #004272;
  color: #fff;
  background: #004272;
}

form.il-selvbetjening *[role=main] button.liten, form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a.liten, .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li form.il-selvbetjening *[role=main] a.liten, .webPart form.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li *[role=main] a.liten, form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awBunnNavigasjon input.liten, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon form.il-selvbetjening *[role=main] input.liten, .webPart form.il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon *[role=main] input.liten, .webPart.il-selvbetjening button.liten, form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li .webPart.il-selvbetjening a.liten, .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a.liten, form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awBunnNavigasjon .webPart.il-selvbetjening input.liten, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon input.liten, .webPart .il-selvbetjening button.liten, .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li .il-selvbetjening a.liten, .webPart .il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a.liten, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon .il-selvbetjening input.liten, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon input.liten {
  font-size: 0.8rem;
}

form.il-selvbetjening *[role=main] button.medium, form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a.medium, .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li form.il-selvbetjening *[role=main] a.medium, .webPart form.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li *[role=main] a.medium, form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awBunnNavigasjon input.medium, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon form.il-selvbetjening *[role=main] input.medium, .webPart form.il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon *[role=main] input.medium, .webPart.il-selvbetjening button.medium, form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li .webPart.il-selvbetjening a.medium, .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a.medium, form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awBunnNavigasjon .webPart.il-selvbetjening input.medium, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon input.medium, .webPart .il-selvbetjening button.medium, .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li .il-selvbetjening a.medium, .webPart .il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a.medium, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon .il-selvbetjening input.medium, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon input.medium {
  font-size: 0.9rem;
}

form.il-selvbetjening *[role=main] button.avbryt, form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a, .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li form.il-selvbetjening *[role=main] a, .webPart form.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li *[role=main] a, form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awBunnNavigasjon input.avbryt, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon form.il-selvbetjening *[role=main] input.avbryt, .webPart form.il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon *[role=main] input.avbryt, .webPart.il-selvbetjening button.avbryt, form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li .webPart.il-selvbetjening a, .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a, form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awBunnNavigasjon .webPart.il-selvbetjening input.avbryt, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon input.avbryt, .webPart .il-selvbetjening button.avbryt, .webPart form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a, .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li .il-selvbetjening a, .webPart .il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon .il-selvbetjening input.avbryt, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon input.avbryt {
  border-color: #ccc;
  color: #232323;
  background-color: #eee;
}

form.il-selvbetjening *[role=main] input[type=text], form.il-selvbetjening *[role=main] input[type=password], .webPart.il-selvbetjening input[type=text], .webPart.il-selvbetjening input[type=password], .webPart .il-selvbetjening input[type=text], .webPart .il-selvbetjening input[type=password] {
  margin: 0;
  padding: 0 0.5em;
  border: 1px solid #232323;
  border-radius: 5px;
  min-width: 12em;
  max-width: 100%;
  height: 2em;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #232323;
  background-color: #fff;
  font-size: 1rem;
  line-height: 2em;
}

form.il-selvbetjening *[role=main] input[type=text].ReadOnly, form.il-selvbetjening *[role=main] input[type=password].ReadOnly, .webPart.il-selvbetjening input[type=text].ReadOnly, .webPart.il-selvbetjening input[type=password].ReadOnly, .webPart .il-selvbetjening input[type=text].ReadOnly, .webPart .il-selvbetjening input[type=password].ReadOnly {
  background-color: rgba(0, 0, 0, 0.1);
}

form.il-selvbetjening *[role=main] select, .webPart.il-selvbetjening select, .webPart .il-selvbetjening select {
  margin: 0;
  padding: 0 0.5em;
  border: 1px solid #232323;
  border-radius: 5px;
  min-width: 12em;
  max-width: 100%;
  height: 2em;
  /*-webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;*/
  color: #232323;
  background-color: #fff;
  font-size: 1rem;
  line-height: 2em;
}

form.il-selvbetjening *[role=main] select.ReadOnly, .webPart.il-selvbetjening select.ReadOnly, .webPart .il-selvbetjening select.ReadOnly {
  background-color: rgba(0, 0, 0, 0.1);
}

form.il-selvbetjening *[role=main] textarea, .webPart.il-selvbetjening textarea, .webPart .il-selvbetjening textarea {
  margin: 0;
  padding: 0 0.5em;
  border: 1px solid #232323;
  border-radius: 5px;
  min-width: 12em;
  max-width: 100%;
  min-height: 5em;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #232323;
  background-color: #fff;
  font-size: 1rem;
  line-height: 1.25em;
}

form.il-selvbetjening *[role=main] textarea.ReadOnly, .webPart.il-selvbetjening textarea.ReadOnly, .webPart .il-selvbetjening textarea.ReadOnly {
  background-color: rgba(0, 0, 0, 0.1);
}

form.il-selvbetjening *[role=main] .skjemakategoriliste .skjemasokkategori, .webPart.il-selvbetjening .skjemakategoriliste .skjemasokkategori, .webPart .il-selvbetjening .skjemakategoriliste .skjemasokkategori {
  margin: 1em 0;
}

form.il-selvbetjening *[role=main] .skjemakategoriliste .skjemakategorisok .sokefelt:after, .webPart.il-selvbetjening .skjemakategoriliste .skjemakategorisok .sokefelt:after, .webPart .il-selvbetjening .skjemakategoriliste .skjemakategorisok .sokefelt:after {
  content: "";
  display: table;
  clear: both;
}

form.il-selvbetjening *[role=main] .skjemakategoriliste .skjemakategorisok .sokefelt .searchBox, .webPart.il-selvbetjening .skjemakategoriliste .skjemakategorisok .sokefelt .searchBox, .webPart .il-selvbetjening .skjemakategoriliste .skjemakategorisok .sokefelt .searchBox {
  margin-right: 0.5rem;
  float: left;
}

form.il-selvbetjening *[role=main] .skjemakategoriliste .skjemakategori, .webPart.il-selvbetjening .skjemakategoriliste .skjemakategori, .webPart .il-selvbetjening .skjemakategoriliste .skjemakategori {
  padding: 1em 0;
}

form.il-selvbetjening *[role=main] .skjemakategoriliste .skjemakategori td.SkjemaKategoriKnapp, .webPart.il-selvbetjening .skjemakategoriliste .skjemakategori td.SkjemaKategoriKnapp, .webPart .il-selvbetjening .skjemakategoriliste .skjemakategori td.SkjemaKategoriKnapp {
  margin: 0;
  padding: 0;
  display: block;
}

form.il-selvbetjening *[role=main] .skjemakategoriliste .skjemakategori td.SkjemaKategoriKnapp:before, .webPart.il-selvbetjening .skjemakategoriliste .skjemakategori td.SkjemaKategoriKnapp:before, .webPart .il-selvbetjening .skjemakategoriliste .skjemakategori td.SkjemaKategoriKnapp:before {
  margin-right: 0.5em;
  font-size: 10px;
}

form.il-selvbetjening *[role=main] .skjemakategoriliste .skjemakategori td.SkjemaKategoriKnapp a, .webPart.il-selvbetjening .skjemakategoriliste .skjemakategori td.SkjemaKategoriKnapp a, .webPart .il-selvbetjening .skjemakategoriliste .skjemakategori td.SkjemaKategoriKnapp a {
  margin: 0;
  padding: 0;
  text-decoration: none;
}

form.il-selvbetjening *[role=main] .skjemakategoriliste .skjemakategori td.SkjemaKategoriKnapp a:hover, form.il-selvbetjening *[role=main] .skjemakategoriliste .skjemakategori td.SkjemaKategoriKnapp a:focus, .webPart.il-selvbetjening .skjemakategoriliste .skjemakategori td.SkjemaKategoriKnapp a:hover, .webPart.il-selvbetjening .skjemakategoriliste .skjemakategori td.SkjemaKategoriKnapp a:focus, .webPart .il-selvbetjening .skjemakategoriliste .skjemakategori td.SkjemaKategoriKnapp a:hover, .webPart .il-selvbetjening .skjemakategoriliste .skjemakategori td.SkjemaKategoriKnapp a:focus {
  text-decoration: underline;
}

form.il-selvbetjening *[role=main] .skjemakategoriliste .skjemakategori td.SkjemaKategoriKnapp input, .webPart.il-selvbetjening .skjemakategoriliste .skjemakategori td.SkjemaKategoriKnapp input, .webPart .il-selvbetjening .skjemakategoriliste .skjemakategori td.SkjemaKategoriKnapp input {
  display: none !important;
}

form.il-selvbetjening *[role=main] .skjemakategoriliste .skjemakategori td.SkjemaKategoriFooterKnapp, .webPart.il-selvbetjening .skjemakategoriliste .skjemakategori td.SkjemaKategoriFooterKnapp, .webPart .il-selvbetjening .skjemakategoriliste .skjemakategori td.SkjemaKategoriFooterKnapp {
  padding-top: 1em;
  display: block;
}

form.il-selvbetjening *[role=main] .skjemakategoriliste .skjemakategori td.SkjemaKategoriFooterKnapp:before, .webPart.il-selvbetjening .skjemakategoriliste .skjemakategori td.SkjemaKategoriFooterKnapp:before, .webPart .il-selvbetjening .skjemakategoriliste .skjemakategori td.SkjemaKategoriFooterKnapp:before {
  margin-right: 0.5em;
  font-size: 10px;
}

form.il-selvbetjening *[role=main] .skjemakategoriliste .skjemakategori td.SkjemaKategoriFooterKnapp input, .webPart.il-selvbetjening .skjemakategoriliste .skjemakategori td.SkjemaKategoriFooterKnapp input, .webPart .il-selvbetjening .skjemakategoriliste .skjemakategori td.SkjemaKategoriFooterKnapp input {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 1rem;
}

form.il-selvbetjening *[role=main] .skjemakategoriliste .skjemakategori td.SkjemaKategoriFooterKnapp input:hover, form.il-selvbetjening *[role=main] .skjemakategoriliste .skjemakategori td.SkjemaKategoriFooterKnapp input:focus, .webPart.il-selvbetjening .skjemakategoriliste .skjemakategori td.SkjemaKategoriFooterKnapp input:hover, .webPart.il-selvbetjening .skjemakategoriliste .skjemakategori td.SkjemaKategoriFooterKnapp input:focus, .webPart .il-selvbetjening .skjemakategoriliste .skjemakategori td.SkjemaKategoriFooterKnapp input:hover, .webPart .il-selvbetjening .skjemakategoriliste .skjemakategori td.SkjemaKategoriFooterKnapp input:focus {
  text-decoration: underline;
}

form.il-selvbetjening *[role=main] .skjemakategoriliste .skjemaliste .ikonforklaring, .webPart.il-selvbetjening .skjemakategoriliste .skjemaliste .ikonforklaring, .webPart .il-selvbetjening .skjemakategoriliste .skjemaliste .ikonforklaring {
  margin: 0;
  padding: 1em 0;
}

form.il-selvbetjening *[role=main] .skjemakategoriliste .skjemaliste .ikonforklaring ul, .webPart.il-selvbetjening .skjemakategoriliste .skjemaliste .ikonforklaring ul, .webPart .il-selvbetjening .skjemakategoriliste .skjemaliste .ikonforklaring ul {
  display: inline-block;
}

form.il-selvbetjening *[role=main] .skjemakategoriliste .skjemaliste .ikonforklaring ul:after, .webPart.il-selvbetjening .skjemakategoriliste .skjemaliste .ikonforklaring ul:after, .webPart .il-selvbetjening .skjemakategoriliste .skjemaliste .ikonforklaring ul:after {
  content: "";
  display: table;
  clear: both;
}

@media only screen and (max-width: 800px) {
  form.il-selvbetjening *[role=main] .skjemakategoriliste .skjemaliste .ikonforklaring ul, .webPart.il-selvbetjening .skjemakategoriliste .skjemaliste .ikonforklaring ul, .webPart .il-selvbetjening .skjemakategoriliste .skjemaliste .ikonforklaring ul {
    display: block;
  }
}

form.il-selvbetjening *[role=main] .skjemakategoriliste .skjemaliste .ikonforklaring ul li, .webPart.il-selvbetjening .skjemakategoriliste .skjemaliste .ikonforklaring ul li, .webPart .il-selvbetjening .skjemakategoriliste .skjemaliste .ikonforklaring ul li {
  margin-left: 1em;
  display: block;
  float: left;
}

form.il-selvbetjening *[role=main] .skjemakategoriliste .skjemaliste .ikonforklaring ul li:first-child, .webPart.il-selvbetjening .skjemakategoriliste .skjemaliste .ikonforklaring ul li:first-child, .webPart .il-selvbetjening .skjemakategoriliste .skjemaliste .ikonforklaring ul li:first-child {
  margin-left: 0;
}

@media only screen and (max-width: 800px) {
  form.il-selvbetjening *[role=main] .skjemakategoriliste .skjemaliste .ikonforklaring ul li, .webPart.il-selvbetjening .skjemakategoriliste .skjemaliste .ikonforklaring ul li, .webPart .il-selvbetjening .skjemakategoriliste .skjemaliste .ikonforklaring ul li {
    margin-left: 0;
    width: 50%;
    text-align: center;
    padding-bottom: 0.5em;
  }
  form.il-selvbetjening *[role=main] .skjemakategoriliste .skjemaliste .ikonforklaring ul li:nth-child(2n+1), .webPart.il-selvbetjening .skjemakategoriliste .skjemaliste .ikonforklaring ul li:nth-child(2n+1), .webPart .il-selvbetjening .skjemakategoriliste .skjemaliste .ikonforklaring ul li:nth-child(2n+1) {
    clear: left;
    margin-left: 0;
  }
}

form.il-selvbetjening *[role=main] .skjemakategoriliste .skjemaliste .ikonforklaring ul li:before, .webPart.il-selvbetjening .skjemakategoriliste .skjemaliste .ikonforklaring ul li:before, .webPart .il-selvbetjening .skjemakategoriliste .skjemaliste .ikonforklaring ul li:before {
  margin-right: 0.5em;
}

form.il-selvbetjening *[role=main] .skjemakategoriliste .skjemaliste .ikonforklaring ul li a:hover, form.il-selvbetjening *[role=main] .skjemakategoriliste .skjemaliste .ikonforklaring ul li a:focus, .webPart.il-selvbetjening .skjemakategoriliste .skjemaliste .ikonforklaring ul li a:hover, .webPart.il-selvbetjening .skjemakategoriliste .skjemaliste .ikonforklaring ul li a:focus, .webPart .il-selvbetjening .skjemakategoriliste .skjemaliste .ikonforklaring ul li a:hover, .webPart .il-selvbetjening .skjemakategoriliste .skjemaliste .ikonforklaring ul li a:focus {
  text-decoration: underline;
}

form.il-selvbetjening *[role=main] .skjemakategoriliste .skjemaliste ul.skjemakategori:after, .webPart.il-selvbetjening .skjemakategoriliste .skjemaliste ul.skjemakategori:after, .webPart .il-selvbetjening .skjemakategoriliste .skjemaliste ul.skjemakategori:after {
  content: "";
  display: table;
  clear: both;
}

form.il-selvbetjening *[role=main] .skjemakategoriliste .skjemaliste ul.skjemakategori > li > div, .webPart.il-selvbetjening .skjemakategoriliste .skjemaliste ul.skjemakategori > li > div, .webPart .il-selvbetjening .skjemakategoriliste .skjemaliste ul.skjemakategori > li > div {
  margin: 1em 0;
  font-weight: bold;
}

form.il-selvbetjening *[role=main] ul.skjemaliste li, .webPart.il-selvbetjening ul.skjemaliste li, .webPart .il-selvbetjening ul.skjemaliste li {
  padding: 0.25em !important;
  position: relative;
}

form.il-selvbetjening *[role=main] ul.skjemaliste li:before, .webPart.il-selvbetjening ul.skjemaliste li:before, .webPart .il-selvbetjening ul.skjemaliste li:before {
  margin-right: 0.5em;
  position: absolute;
  top: 0.5em;
}

form.il-selvbetjening *[role=main] ul.skjemaliste li a, .webPart.il-selvbetjening ul.skjemaliste li a, .webPart .il-selvbetjening ul.skjemaliste li a {
  margin-left: 1.5em;
  display: inline-block;
  position: relative;
  padding-right: 20px;
}

form.il-selvbetjening *[role=main] ul.skjemaliste li a.jq-sikkerhetsniva-2:after, form.il-selvbetjening *[role=main] ul.skjemaliste li a.jq-sikkerhetsniva-3:after, .webPart.il-selvbetjening ul.skjemaliste li a.jq-sikkerhetsniva-2:after, .webPart.il-selvbetjening ul.skjemaliste li a.jq-sikkerhetsniva-3:after, .webPart .il-selvbetjening ul.skjemaliste li a.jq-sikkerhetsniva-2:after, .webPart .il-selvbetjening ul.skjemaliste li a.jq-sikkerhetsniva-3:after {
  position: absolute;
  right: 0;
  color: #232323;
}

form.il-selvbetjening *[role=main] .brukerdialog > div, .webPart.il-selvbetjening .brukerdialog > div, .webPart .il-selvbetjening .brukerdialog > div {
  margin-bottom: 1em;
}

form.il-selvbetjening *[role=main] .brukerdialog button, form.il-selvbetjening *[role=main] .brukerdialog .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a, form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li .brukerdialog a, .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li form.il-selvbetjening *[role=main] .brukerdialog a, .webPart form.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li *[role=main] .brukerdialog a, form.il-selvbetjening *[role=main] .brukerdialog .outercontainer .innercontainer .aw .awBunnNavigasjon input, form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awBunnNavigasjon .brukerdialog input, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon form.il-selvbetjening *[role=main] .brukerdialog input, .webPart form.il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon *[role=main] .brukerdialog input, .webPart.il-selvbetjening .brukerdialog button, form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li .webPart.il-selvbetjening .brukerdialog a, .webPart.il-selvbetjening .brukerdialog .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a, .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li .brukerdialog a, form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awBunnNavigasjon .webPart.il-selvbetjening .brukerdialog input, .webPart.il-selvbetjening .brukerdialog .outercontainer .innercontainer .aw .awBunnNavigasjon input, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon .brukerdialog input, .webPart .il-selvbetjening .brukerdialog button, .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li .il-selvbetjening .brukerdialog a, .webPart .il-selvbetjening .brukerdialog .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a, .webPart .il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li .brukerdialog a, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon .il-selvbetjening .brukerdialog input, .webPart .il-selvbetjening .brukerdialog .outercontainer .innercontainer .aw .awBunnNavigasjon input, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon .brukerdialog input {
  margin-right: 0.5em;
}

form.il-selvbetjening *[role=main] .sessionwarningframe, .webPart.il-selvbetjening .sessionwarningframe, .webPart .il-selvbetjening .sessionwarningframe {
  margin: 2em 0;
  padding: 0;
  border: 2px solid #A40000;
}

form.il-selvbetjening *[role=main] .sessionwarningframe .sessionwarningtext, .webPart.il-selvbetjening .sessionwarningframe .sessionwarningtext, .webPart .il-selvbetjening .sessionwarningframe .sessionwarningtext {
  padding: 1em;
}

form.il-selvbetjening *[role=main] .outercontainer, .webPart.il-selvbetjening .outercontainer, .webPart .il-selvbetjening .outercontainer {
  color: #232323;
  background-color: #fff;
}

form.il-selvbetjening *[role=main] .outercontainer .innercontainer input[type=text], form.il-selvbetjening *[role=main] .outercontainer .innercontainer input[type=password], form.il-selvbetjening *[role=main] .outercontainer .innercontainer textarea, .webPart.il-selvbetjening .outercontainer .innercontainer input[type=text], .webPart.il-selvbetjening .outercontainer .innercontainer input[type=password], .webPart.il-selvbetjening .outercontainer .innercontainer textarea, .webPart .il-selvbetjening .outercontainer .innercontainer input[type=text], .webPart .il-selvbetjening .outercontainer .innercontainer input[type=password], .webPart .il-selvbetjening .outercontainer .innercontainer textarea {
  min-width: unset;
}

form.il-selvbetjening *[role=main] .outercontainer .innercontainer input[type=text]:focus, form.il-selvbetjening *[role=main] .outercontainer .innercontainer input[type=password]:focus, form.il-selvbetjening *[role=main] .outercontainer .innercontainer textarea:focus, .webPart.il-selvbetjening .outercontainer .innercontainer input[type=text]:focus, .webPart.il-selvbetjening .outercontainer .innercontainer input[type=password]:focus, .webPart.il-selvbetjening .outercontainer .innercontainer textarea:focus, .webPart .il-selvbetjening .outercontainer .innercontainer input[type=text]:focus, .webPart .il-selvbetjening .outercontainer .innercontainer input[type=password]:focus, .webPart .il-selvbetjening .outercontainer .innercontainer textarea:focus {
  background-color: #FFFFE0;
}

form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv, .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv, .webPart .il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv {
  margin: 0;
  padding: 0;
  padding-bottom: 50px;
  position: relative;
}

form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv #menyElementVenstre, .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementVenstre, .webPart .il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementVenstre {
  margin-top: auto;
  vertical-align: bottom;
  margin-bottom: .5em;
  text-align: center;
}

@media only screen and (min-width: 481px) {
  form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv #menyElementVenstre, .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementVenstre, .webPart .il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementVenstre {
    position: absolute;
    bottom: 20px;
  }
}

@media only print {
  form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv #menyElementVenstre, .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementVenstre, .webPart .il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementVenstre {
    position: absolute;
    bottom: 20px;
  }
}

form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv #menyElementVenstre a, .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementVenstre a, .webPart .il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementVenstre a {
  color: #232323;
  text-decoration: underline;
}

form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv #menyElementSenter, .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementSenter, .webPart .il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementSenter {
  margin: 0;
  padding-bottom: 30px;
  text-align: center;
}

form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv #menyElementSenter h1.InnholdOverskrift, form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv #menyElementSenter .InnholdOverskrift.ArtikkelKategoriOverskrift, .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementSenter h1.InnholdOverskrift, .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementSenter .InnholdOverskrift.ArtikkelKategoriOverskrift, .webPart .il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementSenter h1.InnholdOverskrift, .webPart .il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementSenter .InnholdOverskrift.ArtikkelKategoriOverskrift {
  margin: 0;
  font-size: 36px;
}

form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv #menyElementSenter .skjemaStegTittel, .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementSenter .skjemaStegTittel, .webPart .il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementSenter .skjemaStegTittel {
  padding-top: 20px;
  font-size: 24px;
}

form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre, .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre, .webPart .il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre {
  text-align: center;
}

@media only screen and (min-width: 481px) {
  form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre, .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre, .webPart .il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre {
    position: absolute;
    bottom: 20px;
    right: 0;
    text-align: right;
  }
}

@media only print {
  form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre, .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre, .webPart .il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre {
    position: absolute;
    bottom: 20px;
    right: 0;
    text-align: right;
  }
}

form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre a, .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre a, .webPart .il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre a {
  color: #000;
}

form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer, .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer, .webPart .il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer {
  margin: 0;
  padding: 0;
}

form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul, .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul, .webPart .il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li, .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li, .webPart .il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li {
  margin: 0;
  padding: 0;
  display: inline-block;
}

form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a, .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a, .webPart .il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a {
  margin-bottom: 0.5em;
}

form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li .print, .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li .print, .webPart .il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li .print {
  background-image: url("/images/print_small.gif");
  background-repeat: no-repeat;
  background-position: center;
  padding-left: 20px;
  border: none;
  background-color: inherit !important;
}

form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaStatusIkkeSendt, form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaStatusSendt, .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaStatusIkkeSendt, .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaStatusSendt, .webPart .il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaStatusIkkeSendt, .webPart .il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaStatusSendt {
  margin-top: 20px;
  font-size: 1.2em;
  font-style: italic;
}

@media only screen and (min-width: 801px) {
  form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv:after, .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv:after, .webPart .il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv:after {
    content: "";
    display: table;
    clear: both;
  }
  form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv #menyElementVenstre, .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementVenstre, .webPart .il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementVenstre {
    width: 25%;
    float: left;
  }
  form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv #menyElementSenter, .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementSenter, .webPart .il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementSenter {
    margin-left: 25%;
    width: 50%;
    float: left;
  }
  form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre, .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre, .webPart .il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre {
    width: 25%;
    float: right;
  }
}

form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awSideNavigasjon ol.awSideNavigasjonContainer, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awSideNavigasjon ol.awSideNavigasjonContainer, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awSideNavigasjon ol.awSideNavigasjonContainer {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awSideNavigasjon ol.awSideNavigasjonContainer li.awSideNavigasjonRotSteg, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awSideNavigasjon ol.awSideNavigasjonContainer li.awSideNavigasjonRotSteg, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awSideNavigasjon ol.awSideNavigasjonContainer li.awSideNavigasjonRotSteg {
  margin: 0;
  margin-bottom: 5px;
  padding: 0;
  position: relative;
  -webkit-transition: border-color 0.3s ease;
  -o-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
  overflow: hidden;
}

form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awSideNavigasjon ol.awSideNavigasjonContainer li.awSideNavigasjonRotSteg input, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awSideNavigasjon ol.awSideNavigasjonContainer li.awSideNavigasjonRotSteg input, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awSideNavigasjon ol.awSideNavigasjonContainer li.awSideNavigasjonRotSteg input {
  margin: 0;
  padding: 5px 2px;
  border: none;
  border-radius: 0;
  width: 100%;
  white-space: normal;
  min-height: 40px;
  color: #004272;
  cursor: pointer;
  text-align: left;
  text-indent: 0.5em;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
  border: none;
  background: transparent;
  position: relative;
  z-index: 2;
}

form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awSideNavigasjon ol.awSideNavigasjonContainer li.awSideNavigasjonRotSteg .awSideNavigasjonStegInaktiv, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awSideNavigasjon ol.awSideNavigasjonContainer li.awSideNavigasjonRotSteg .awSideNavigasjonStegInaktiv, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awSideNavigasjon ol.awSideNavigasjonContainer li.awSideNavigasjonRotSteg .awSideNavigasjonStegInaktiv {
  display: block;
  color: #000;
  width: 100%;
  min-height: 2em;
  position: relative;
  z-index: 2;
  padding: 10px;
  color: rgba(0, 66, 114, 0.8);
}

form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awSideNavigasjon ol.awSideNavigasjonContainer li.awSideNavigasjonRotSteg:after, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awSideNavigasjon ol.awSideNavigasjonContainer li.awSideNavigasjonRotSteg:after, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awSideNavigasjon ol.awSideNavigasjonContainer li.awSideNavigasjonRotSteg:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin-top: -1000px;
  margin-left: -1000px;
  border-top: 1000px solid transparent;
  border-bottom: 1000px solid transparent;
  border-left: 1000px solid #fff;
  position: absolute;
  right: 0;
  top: 50%;
  z-index: 1;
}

form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awSideNavigasjon ol.awSideNavigasjonContainer li.awSideNavigasjonRotSteg:not(.inactive):hover input, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awSideNavigasjon ol.awSideNavigasjonContainer li.awSideNavigasjonRotSteg:not(.inactive):hover input, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awSideNavigasjon ol.awSideNavigasjonContainer li.awSideNavigasjonRotSteg:not(.inactive):hover input {
  color: #fff;
}

form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awSideNavigasjon ol.awSideNavigasjonContainer li.awSideNavigasjonRotSteg:not(.inactive):hover:after, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awSideNavigasjon ol.awSideNavigasjonContainer li.awSideNavigasjonRotSteg:not(.inactive):hover:after, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awSideNavigasjon ol.awSideNavigasjonContainer li.awSideNavigasjonRotSteg:not(.inactive):hover:after {
  border-left-color: #004272;
}

form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awSideNavigasjon ol.awSideNavigasjonContainer li.awSideNavigasjonRotSteg.awSideNavigasjonStegAktiv input, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awSideNavigasjon ol.awSideNavigasjonContainer li.awSideNavigasjonRotSteg.awSideNavigasjonStegAktiv input, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awSideNavigasjon ol.awSideNavigasjonContainer li.awSideNavigasjonRotSteg.awSideNavigasjonStegAktiv input {
  color: #fff;
}

form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awSideNavigasjon ol.awSideNavigasjonContainer li.awSideNavigasjonRotSteg.awSideNavigasjonStegAktiv:after, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awSideNavigasjon ol.awSideNavigasjonContainer li.awSideNavigasjonRotSteg.awSideNavigasjonStegAktiv:after, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awSideNavigasjon ol.awSideNavigasjonContainer li.awSideNavigasjonRotSteg.awSideNavigasjonStegAktiv:after {
  border-left-color: #004272;
}

form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awSideNavigasjon select.awStegNavigasjon, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awSideNavigasjon select.awStegNavigasjon, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awSideNavigasjon select.awStegNavigasjon {
  margin-bottom: 20px;
  padding: 1em 0.5em;
  width: 100%;
  white-space: normal;
  border: 1px solid #004272;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: auto;
  color: #fff;
  background: #004272 url("/selvbetjening/responsiv/images/select-white.svg") no-repeat right center;
  cursor: pointer;
}

form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awSideNavigasjon select.awStegNavigasjon *, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awSideNavigasjon select.awStegNavigasjon *, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awSideNavigasjon select.awStegNavigasjon * {
  color: #232323;
  background: #fff;
}

@media only screen and (min-width: 801px) {
  form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awSideNavigasjon, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awSideNavigasjon, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awSideNavigasjon {
    padding-right: 20px;
    width: 25%;
    float: left;
  }
}

form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awInformasjon, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awInformasjon, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awInformasjon {
  display: none;
  margin: 0;
  margin-bottom: 20px;
  padding: 0;
}

@media only screen and (min-width: 801px) {
  form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awInformasjon, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awInformasjon, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awInformasjon {
    display: block;
  }
}

form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awInformasjon .awInformasjonTekst, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awInformasjon .awInformasjonTekst, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awInformasjon .awInformasjonTekst {
  margin: 0;
  padding: 10px;
  border: 1px solid #ccc;
}

form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awInformasjon .awInformasjonTekst h3, form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awInformasjon .awInformasjonTekst .news-list ul > li > a .tittel, .news-list ul > li > a form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awInformasjon .awInformasjonTekst .tittel, form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awInformasjon .awInformasjonTekst .event-list-box ul li .event-text .event-title a, .event-list-box ul li .event-text .event-title form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awInformasjon .awInformasjonTekst a, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awInformasjon .awInformasjonTekst h3, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awInformasjon .awInformasjonTekst .news-list ul > li > a .tittel, .news-list ul > li > a .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awInformasjon .awInformasjonTekst .tittel, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awInformasjon .awInformasjonTekst .event-list-box ul li .event-text .event-title a, .event-list-box ul li .event-text .event-title .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awInformasjon .awInformasjonTekst a, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awInformasjon .awInformasjonTekst h3, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awInformasjon .awInformasjonTekst .news-list ul > li > a .tittel, .news-list ul > li > a .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awInformasjon .awInformasjonTekst .tittel, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awInformasjon .awInformasjonTekst .event-list-box ul li .event-text .event-title a, .event-list-box ul li .event-text .event-title .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awInformasjon .awInformasjonTekst a {
  margin: 0;
  margin-bottom: 10px;
  padding: 0;
  font-size: 18px;
}

@media only screen and (max-width: 800px) {
  form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awInformasjon > div, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awInformasjon > div, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awInformasjon > div {
    margin-top: 0 !important;
  }
}

@media only screen and (min-width: 801px) {
  form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awInformasjon, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awInformasjon, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awInformasjon {
    padding-left: 20px;
    width: 25%;
    float: right;
  }
}

form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awInnhold, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awInnhold, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awInnhold {
  margin: 0;
  padding: 0 0 2em 0;
  text-align: left;
}

@media only screen and (min-width: 481px) {
  form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awInnhold, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awInnhold, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awInnhold {
    padding: 0 1em 2em 1em;
  }
}

@media only print {
  form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awInnhold, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awInnhold, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awInnhold {
    padding: 0 1em 2em 1em;
  }
}

form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awInnhold fieldset, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awInnhold fieldset, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awInnhold fieldset {
  margin: 0;
  padding: 2em 1em;
  border: 1px solid #ccc;
  border-radius: 5px;
}

form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awInnhold fieldset legend, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awInnhold fieldset legend, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awInnhold fieldset legend {
  padding-left: 0.5em;
  padding-right: 0.5em;
}

form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awInnhold fieldset legend label, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awInnhold fieldset legend label, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awInnhold fieldset legend label {
  margin-left: 0.5em;
  margin-right: 0.5em;
}

form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awInnhold fieldset table, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awInnhold fieldset table, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awInnhold fieldset table {
  width: 100%;
  display: block;
}

@media only screen and (min-width: 801px) {
  form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awInnhold fieldset table, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awInnhold fieldset table, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awInnhold fieldset table {
    display: table;
  }
}

form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awInnhold fieldset table table, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awInnhold fieldset table table, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awInnhold fieldset table table {
  display: table !important;
}

form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awInnhold fieldset table table tr, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awInnhold fieldset table table tr, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awInnhold fieldset table table tr {
  display: table-row !important;
}

form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awInnhold fieldset table table tr th, form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awInnhold fieldset table table tr td, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awInnhold fieldset table table tr th, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awInnhold fieldset table table tr td, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awInnhold fieldset table table tr th, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awInnhold fieldset table table tr td {
  display: table-cell !important;
}

form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody {
  display: block;
}

@media only screen and (min-width: 801px) {
  form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody {
    display: table-row-group;
  }
}

form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody tr, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody tr, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody tr {
  display: block;
}

@media only screen and (min-width: 801px) {
  form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody tr, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody tr, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody tr {
    display: table-row;
  }
}

form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody tr th, form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody tr td, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody tr th, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody tr td, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody tr th, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody tr td {
  vertical-align: top;
}

form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody tr th.skjemaledetekst, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody tr th.skjemaledetekst, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody tr th.skjemaledetekst {
  padding-bottom: 0.5em;
  display: block;
  font-weight: normal;
}

form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody tr th.skjemaledetekst:after, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody tr th.skjemaledetekst:after, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody tr th.skjemaledetekst:after {
  content: "";
  display: table;
  clear: both;
}

form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody tr th.skjemaledetekst input[type="image"], .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody tr th.skjemaledetekst input[type="image"], .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody tr th.skjemaledetekst input[type="image"] {
  float: right;
}

@media only screen and (min-width: 801px) {
  form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody tr th.skjemaledetekst, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody tr th.skjemaledetekst, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody tr th.skjemaledetekst {
    padding-bottom: 1.5em;
    width: 30%;
    display: table-cell;
  }
}

form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody tr th.skjemaledetekst + td, form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody tr td.skjemainputcelle, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody tr th.skjemaledetekst + td, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody tr td.skjemainputcelle, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody tr th.skjemaledetekst + td, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody tr td.skjemainputcelle {
  padding-bottom: 1.5em;
  display: block;
}

form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody tr th.skjemaledetekst + td:after, form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody tr td.skjemainputcelle:after, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody tr th.skjemaledetekst + td:after, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody tr td.skjemainputcelle:after, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody tr th.skjemaledetekst + td:after, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody tr td.skjemainputcelle:after {
  content: "";
  display: table;
  clear: both;
}

form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody tr th.skjemaledetekst + td input, form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody tr th.skjemaledetekst + td textarea, form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody tr th.skjemaledetekst + td select, form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody tr td.skjemainputcelle input, form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody tr td.skjemainputcelle textarea, form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody tr td.skjemainputcelle select, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody tr th.skjemaledetekst + td input, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody tr th.skjemaledetekst + td textarea, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody tr th.skjemaledetekst + td select, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody tr td.skjemainputcelle input, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody tr td.skjemainputcelle textarea, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody tr td.skjemainputcelle select, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody tr th.skjemaledetekst + td input, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody tr th.skjemaledetekst + td textarea, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody tr th.skjemaledetekst + td select, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody tr td.skjemainputcelle input, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody tr td.skjemainputcelle textarea, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody tr td.skjemainputcelle select {
  max-width: 98%;
}

form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody tr th.skjemaledetekst + td input[style*="right"], form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody tr td.skjemainputcelle input[style*="right"], .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody tr th.skjemaledetekst + td input[style*="right"], .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody tr td.skjemainputcelle input[style*="right"], .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody tr th.skjemaledetekst + td input[style*="right"], .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody tr td.skjemainputcelle input[style*="right"] {
  margin-right: 2%;
}

@media only screen and (min-width: 801px) {
  form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody tr th.skjemaledetekst + td, form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody tr td.skjemainputcelle, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody tr th.skjemaledetekst + td, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody tr td.skjemainputcelle, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody tr th.skjemaledetekst + td, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awInnhold fieldset table > tbody tr td.skjemainputcelle {
    padding-left: 10px;
    width: 70%;
    display: table-cell;
  }
}

form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awInnhold .awFeilUtfylt, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awInnhold .awFeilUtfylt, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awInnhold .awFeilUtfylt {
  padding: 10px;
  color: #A40000;
}

form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awInnhold .awStegFeil, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awInnhold .awStegFeil, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awInnhold .awStegFeil {
  margin: 0;
  padding: 10px;
  list-style: none;
}

form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awInnhold .awStegFeil a, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awInnhold .awStegFeil a, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awInnhold .awStegFeil a {
  color: #A40000;
}

form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awInnhold .awStegFeil > li, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awInnhold .awStegFeil > li, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awInnhold .awStegFeil > li {
  margin: 0;
  margin-bottom: 20px;
  padding: 0;
}

form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awInnhold .awStegFeil > li > h2, form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awInnhold #right-column .webPart .awStegFeil > li > .webPartTittel, #right-column .webPart form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awInnhold .awStegFeil > li > .webPartTittel, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awInnhold .awStegFeil > li > h2, #right-column .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awInnhold .awStegFeil > li > .webPartTittel, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awInnhold .awStegFeil > li > h2, #right-column .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awInnhold .awStegFeil > li > .webPartTittel {
  margin-bottom: 10px;
}

form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awInnhold .awStegFeil > li > ul, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awInnhold .awStegFeil > li > ul, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awInnhold .awStegFeil > li > ul {
  list-style-type: disc;
}

form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awInnhold .awStegFeil > li > ul li, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awInnhold .awStegFeil > li > ul li, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awInnhold .awStegFeil > li > ul li {
  vertical-align: middle;
}

@media only screen and (min-width: 801px) {
  form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awInnhold, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awInnhold, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awInnhold {
    width: 50%;
    float: left;
  }
}

form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awBunnNavigasjon, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon {
  margin: 0;
  padding: 3em 0;
  clear: both;
  text-align: center;
}

form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awBunnNavigasjon input, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon input, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon input {
  margin-left: 0.25em;
  margin-right: 0.25em;
  margin-bottom: 0.5em;
}

@media only screen and (min-width: 801px) {
  form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw:after, .webPart.il-selvbetjening .outercontainer .innercontainer .aw:after, .webPart .il-selvbetjening .outercontainer .innercontainer .aw:after {
    content: "";
    display: table;
    clear: both;
  }
}

form.il-selvbetjening *[role=main] .selvbetjeningstabell, .webPart.il-selvbetjening .selvbetjeningstabell, .webPart .il-selvbetjening .selvbetjeningstabell {
  margin-left: 0 !important;
  border: none !important;
  width: 80%;
}

form.il-selvbetjening *[role=main] .selvbetjeningstabell, .webPart.il-selvbetjening .selvbetjeningstabell, .webPart .il-selvbetjening .selvbetjeningstabell {
  margin-top: 20px;
  margin-bottom: 20px;
}

form.il-selvbetjening *[role=main] .selvbetjeningstabell:first-child, .webPart.il-selvbetjening .selvbetjeningstabell:first-child, .webPart .il-selvbetjening .selvbetjeningstabell:first-child {
  margin-top: 0;
}

form.il-selvbetjening *[role=main] .selvbetjeningstabell div, .webPart.il-selvbetjening .selvbetjeningstabell div, .webPart .il-selvbetjening .selvbetjeningstabell div {
  text-align: center;
  font-size: 1.1em;
  font-weight: bold;
  margin-bottom: 20px;
}

form.il-selvbetjening *[role=main] .selvbetjeningstabell th, .webPart.il-selvbetjening .selvbetjeningstabell th, .webPart .il-selvbetjening .selvbetjeningstabell th {
  text-align: left;
  width: 50%;
}

form.il-selvbetjening *[role=main] .selvbetjeningstabell .sbinputcelle, .webPart.il-selvbetjening .selvbetjeningstabell .sbinputcelle, .webPart .il-selvbetjening .selvbetjeningstabell .sbinputcelle {
  width: 90%;
}

form.il-selvbetjening *[role=main] .modalBackground, .webPart.il-selvbetjening .modalBackground, .webPart .il-selvbetjening .modalBackground {
  background-color: #000;
  filter: alpha(opacity=30);
  opacity: 0.3;
  -moz-opacity: 0.3;
}

form.il-selvbetjening *[role=main] .modalMenyCenter, .webPart.il-selvbetjening .modalMenyCenter, .webPart .il-selvbetjening .modalMenyCenter {
  height: 3.6em;
  float: left;
  width: 100%;
  background-color: #F6F3E7;
  vertical-align: middle;
}

form.il-selvbetjening *[role=main] .artikkel table, .webPart.il-selvbetjening .artikkel table, .webPart .il-selvbetjening .artikkel table {
  width: 100% !important;
}

form.il-selvbetjening *[role=main] th.skillelinje, .webPart.il-selvbetjening th.skillelinje, .webPart .il-selvbetjening th.skillelinje {
  padding: 0.4em;
}

form.il-selvbetjening *[role=main] tr.InnholdTabellTekst, .webPart.il-selvbetjening tr.InnholdTabellTekst, .webPart .il-selvbetjening tr.InnholdTabellTekst {
  background-color: #F3f3f3;
}

form.il-selvbetjening *[role=main] td.skillelinje, .webPart.il-selvbetjening td.skillelinje, .webPart .il-selvbetjening td.skillelinje {
  padding: 0.4em;
}

form.il-selvbetjening *[role=main] th.skillelinje a, .webPart.il-selvbetjening th.skillelinje a, .webPart .il-selvbetjening th.skillelinje a {
  color: #fff;
}

form.il-selvbetjening *[role=main] .InnholdTabellOverskriftTekst th.skillelinje a, .webPart.il-selvbetjening .InnholdTabellOverskriftTekst th.skillelinje a, .webPart .il-selvbetjening .InnholdTabellOverskriftTekst th.skillelinje a {
  color: #292929;
}

form.il-selvbetjening *[role=main] .collapsibleWebPartHeader, .webPart.il-selvbetjening .collapsibleWebPartHeader, .webPart .il-selvbetjening .collapsibleWebPartHeader {
  background-color: #F4F4F3;
  font-weight: bold;
}

form.il-selvbetjening *[role=main] .minsidewebpart, .webPart.il-selvbetjening .minsidewebpart, .webPart .il-selvbetjening .minsidewebpart {
  margin-bottom: 20px;
}

form.il-selvbetjening *[role=main] .minsidewebpart .InnholdTabellOverskriftTekst, .webPart.il-selvbetjening .minsidewebpart .InnholdTabellOverskriftTekst, .webPart .il-selvbetjening .minsidewebpart .InnholdTabellOverskriftTekst {
  background-color: #fff;
  color: #222222;
}

form.il-selvbetjening *[role=main] .InnholdTabell noCaption, .webPart.il-selvbetjening .InnholdTabell noCaption, .webPart .il-selvbetjening .InnholdTabell noCaption {
  width: 100% !important;
}

form.il-selvbetjening *[role=main] .minsidewebpartinnhold div table, .webPart.il-selvbetjening .minsidewebpartinnhold div table, .webPart .il-selvbetjening .minsidewebpartinnhold div table {
  border: none;
  width: 100% !important;
}

form.il-selvbetjening *[role=main] .minsidewebpartinnhold div table tr td, .webPart.il-selvbetjening .minsidewebpartinnhold div table tr td, .webPart .il-selvbetjening .minsidewebpartinnhold div table tr td {
  border: none;
}

form.il-selvbetjening *[role=main] .kvittering, .webPart.il-selvbetjening .kvittering, .webPart .il-selvbetjening .kvittering {
  padding: 10px;
  border: 1px solid black;
  width: 80%;
  background-color: #F6F3E7;
}

form.il-selvbetjening *[role=main] .skjemaikontekst, .webPart.il-selvbetjening .skjemaikontekst, .webPart .il-selvbetjening .skjemaikontekst {
  float: right;
  padding-top: 6px;
}

form.il-selvbetjening *[role=main] .Innlogging, .webPart.il-selvbetjening .Innlogging, .webPart .il-selvbetjening .Innlogging {
  background-image: url("/images/selvbetjening/krever_innlogging.gif");
  background-position: right center;
  background-repeat: no-repeat;
  padding: 2px 18px 0 0;
}

form.il-selvbetjening *[role=main] .repeaterAltFarge, .webPart.il-selvbetjening .repeaterAltFarge, .webPart .il-selvbetjening .repeaterAltFarge {
  background-color: #fff;
}

form.il-selvbetjening *[role=main] .repeaterFarge, .webPart.il-selvbetjening .repeaterFarge, .webPart .il-selvbetjening .repeaterFarge {
  background-color: #F4F4F3;
}

form.il-selvbetjening *[role=main] .nyttSkjemaInfo, .webPart.il-selvbetjening .nyttSkjemaInfo, .webPart .il-selvbetjening .nyttSkjemaInfo {
  font-size: 1.2em;
  padding: 2em 1em;
}

@media only screen and (max-width: 480px) {
  form.il-selvbetjening *[role=main], .webPart.il-selvbetjening, .webPart .il-selvbetjening {
    /* KVITTERING */
    /* Liste Telefon */
  }
  form.il-selvbetjening *[role=main] #log, form.il-selvbetjening *[role=main] .ui-datepicker-trigger, .webPart.il-selvbetjening #log, .webPart.il-selvbetjening .ui-datepicker-trigger, .webPart .il-selvbetjening #log, .webPart .il-selvbetjening .ui-datepicker-trigger {
    display: none;
  }
  form.il-selvbetjening *[role=main] .infotekst, .webPart.il-selvbetjening .infotekst, .webPart .il-selvbetjening .infotekst {
    margin: auto;
    width: 85%;
  }
  form.il-selvbetjening *[role=main] #user, .webPart.il-selvbetjening #user, .webPart .il-selvbetjening #user {
    display: none;
  }
  form.il-selvbetjening *[role=main] #skjemanavn, .webPart.il-selvbetjening #skjemanavn, .webPart .il-selvbetjening #skjemanavn {
    width: 15em;
    float: left;
    color: #FFF;
    font-size: 100%;
    display: inline-block;
    margin-top: 0.2em;
    width: 46%;
  }
  form.il-selvbetjening *[role=main] #hjelp a, .webPart.il-selvbetjening #hjelp a, .webPart .il-selvbetjening #hjelp a {
    text-decoration: none;
    display: block;
    padding: 10px 15px;
    background: #0074BE;
    color: #FFF;
    border-radius: 4px;
    border: solid 1px #20538D;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  }
  form.il-selvbetjening *[role=main] #hjelp div, .webPart.il-selvbetjening #hjelp div, .webPart .il-selvbetjening #hjelp div {
    display: none;
    position: fixed;
    top: 5.1em;
    right: 0.3em;
    background-color: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 3px 3px 10px #888;
            box-shadow: 3px 3px 10px #888;
    border: 1px solid black;
    width: 90%;
    /* 54 / 64 = 0,84375 */
    padding: 0.5em;
    z-index: 1;
  }
  form.il-selvbetjening *[role=main] .popupBoks, .webPart.il-selvbetjening .popupBoks, .webPart .il-selvbetjening .popupBoks {
    display: none;
    position: absolute;
    background-color: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 3px 3px 10px #888;
            box-shadow: 3px 3px 10px #888;
    border: 1px solid black;
    padding: 0.5em;
    z-index: 1;
    margin-top: 0.5em;
  }
  form.il-selvbetjening *[role=main] .awInnhold img.hjelp, form.il-selvbetjening *[role=main] .awInnhold img.info, .webPart.il-selvbetjening .awInnhold img.hjelp, .webPart.il-selvbetjening .awInnhold img.info, .webPart .il-selvbetjening .awInnhold img.hjelp, .webPart .il-selvbetjening .awInnhold img.info {
    display: none;
  }
  form.il-selvbetjening *[role=main] .hjelp, .webPart.il-selvbetjening .hjelp, .webPart .il-selvbetjening .hjelp {
    float: left;
    position: absolute;
    padding-left: 0.5em;
  }
  form.il-selvbetjening *[role=main] #om-tjenesten > a, .webPart.il-selvbetjening #om-tjenesten > a, .webPart .il-selvbetjening #om-tjenesten > a {
    display: none;
  }
  form.il-selvbetjening *[role=main] .skjemarammetekst, .webPart.il-selvbetjening .skjemarammetekst, .webPart .il-selvbetjening .skjemarammetekst {
    font-size: 0.8em;
  }
  form.il-selvbetjening *[role=main] .awInnhold .postnr, form.il-selvbetjening *[role=main] .awInnhold .postadresse td:first-child, .webPart.il-selvbetjening .awInnhold .postnr, .webPart.il-selvbetjening .awInnhold .postadresse td:first-child, .webPart .il-selvbetjening .awInnhold .postnr, .webPart .il-selvbetjening .awInnhold .postadresse td:first-child {
    width: 6em !important;
    padding-right: 0;
  }
  form.il-selvbetjening *[role=main] .awInnhold input.jq-datepicker, .webPart.il-selvbetjening .awInnhold input.jq-datepicker, .webPart .il-selvbetjening .awInnhold input.jq-datepicker {
    margin-right: 5em !important;
  }
  form.il-selvbetjening *[role=main] .awInnhold input[type=file], .webPart.il-selvbetjening .awInnhold input[type=file], .webPart .il-selvbetjening .awInnhold input[type=file] {
    max-width: 12.5em;
  }
  form.il-selvbetjening *[role=main] .vedleggsTabell tr td:nth-child(2), .webPart.il-selvbetjening .vedleggsTabell tr td:nth-child(2), .webPart .il-selvbetjening .vedleggsTabell tr td:nth-child(2) {
    display: none;
  }
  form.il-selvbetjening *[role=main] .vedleggsTabell tr th:nth-child(2), .webPart.il-selvbetjening .vedleggsTabell tr th:nth-child(2), .webPart .il-selvbetjening .vedleggsTabell tr th:nth-child(2) {
    display: none;
  }
  form.il-selvbetjening *[role=main] .skjemakonvertertfelt, .webPart.il-selvbetjening .skjemakonvertertfelt, .webPart .il-selvbetjening .skjemakonvertertfelt {
    font-size: 0.8em;
    font-weight: bold;
  }
  form.il-selvbetjening *[role=main] .kvittering, .webPart.il-selvbetjening .kvittering, .webPart .il-selvbetjening .kvittering {
    width: 90%;
    padding: 1em;
    border: 1px black solid;
    background-color: white;
    font-size: 100%;
  }
  form.il-selvbetjening *[role=main] #kvittering, .webPart.il-selvbetjening #kvittering, .webPart .il-selvbetjening #kvittering {
    font-size: 90% !important;
    margin: 0;
    border-radius: 0;
  }
  form.il-selvbetjening *[role=main] #kvittering th, .webPart.il-selvbetjening #kvittering th, .webPart .il-selvbetjening #kvittering th {
    width: 11em !important;
    padding-top: 0.1em;
  }
  form.il-selvbetjening *[role=main] #kvittering fieldset table, .webPart.il-selvbetjening #kvittering fieldset table, .webPart .il-selvbetjening #kvittering fieldset table {
    width: 100%;
  }
  form.il-selvbetjening *[role=main] #kvittering table > tbody > tr > td, .webPart.il-selvbetjening #kvittering table > tbody > tr > td, .webPart .il-selvbetjening #kvittering table > tbody > tr > td {
    width: 100%;
    /* 603 / 1040 = 0,5798  */
    vertical-align: top;
    /*padding-bottom: 1em;*/
    float: left;
    display: block;
    padding-bottom: 5%;
  }
  form.il-selvbetjening *[role=main] #kvittering table > tbody > tr > th, .webPart.il-selvbetjening #kvittering table > tbody > tr > th, .webPart .il-selvbetjening #kvittering table > tbody > tr > th {
    display: block;
    font-weight: 600 !important;
  }
  form.il-selvbetjening *[role=main] #kvittering h1, form.il-selvbetjening *[role=main] #kvittering .ArtikkelKategoriOverskrift, form.il-selvbetjening *[role=main] h1.awKorrektUtfylt, form.il-selvbetjening *[role=main] .awKorrektUtfylt.ArtikkelKategoriOverskrift, .webPart.il-selvbetjening #kvittering h1, .webPart.il-selvbetjening #kvittering .ArtikkelKategoriOverskrift, .webPart.il-selvbetjening h1.awKorrektUtfylt, .webPart.il-selvbetjening .awKorrektUtfylt.ArtikkelKategoriOverskrift, .webPart .il-selvbetjening #kvittering h1, .webPart .il-selvbetjening #kvittering .ArtikkelKategoriOverskrift, .webPart .il-selvbetjening h1.awKorrektUtfylt, .webPart .il-selvbetjening .awKorrektUtfylt.ArtikkelKategoriOverskrift {
    font-weight: bold;
    font-size: large;
  }
  form.il-selvbetjening *[role=main] table.liste1 div, form.il-selvbetjening *[role=main] table.liste2 div, form.il-selvbetjening *[role=main] table.liste div, .webPart.il-selvbetjening table.liste1 div, .webPart.il-selvbetjening table.liste2 div, .webPart.il-selvbetjening table.liste div, .webPart .il-selvbetjening table.liste1 div, .webPart .il-selvbetjening table.liste2 div, .webPart .il-selvbetjening table.liste div {
    font-size: 70%;
    width: 13em;
  }
  form.il-selvbetjening *[role=main] .cmd, .webPart.il-selvbetjening .cmd, .webPart .il-selvbetjening .cmd {
    font-size: 70%;
  }
  form.il-selvbetjening *[role=main] #progress div, .webPart.il-selvbetjening #progress div, .webPart .il-selvbetjening #progress div {
    margin: 0 auto;
    border-radius: 5px;
    -webkit-box-shadow: 3px 3px 10px #888;
            box-shadow: 3px 3px 10px #888;
    padding: 3em;
    background-color: #fff;
    width: 9em;
  }
}

form.il-selvbetjening *[role=main] .awValidator, .webPart.il-selvbetjening .awValidator, .webPart .il-selvbetjening .awValidator {
  display: block;
  color: #A40000;
}

form.il-selvbetjening *[role=main] .awValidator[style*="inline"], .webPart.il-selvbetjening .awValidator[style*="inline"], .webPart .il-selvbetjening .awValidator[style*="inline"] {
  display: block !important;
}

@media only screen and (min-width: 481px) {
  form.il-selvbetjening *[role=main], .webPart.il-selvbetjening, .webPart .il-selvbetjening {
    /* SKJEMAADMIN */
    /* SKJEMAADMIN */
  }
  form.il-selvbetjening *[role=main] .updateProgress, .webPart.il-selvbetjening .updateProgress, .webPart .il-selvbetjening .updateProgress {
    background-color: #CCC;
    opacity: 0.5;
    text-align: center;
    vertical-align: middle;
  }
  form.il-selvbetjening *[role=main] .aw .gridViewTable, .webPart.il-selvbetjening .aw .gridViewTable, .webPart .il-selvbetjening .aw .gridViewTable {
    border: 1px solid #888;
  }
  form.il-selvbetjening *[role=main] .aw .gridViewTable th, .webPart.il-selvbetjening .aw .gridViewTable th, .webPart .il-selvbetjening .aw .gridViewTable th {
    background-color: #ddd;
    border: none;
    padding: 4px;
  }
  form.il-selvbetjening *[role=main] .aw .gridViewTable td, .webPart.il-selvbetjening .aw .gridViewTable td, .webPart .il-selvbetjening .aw .gridViewTable td {
    background-color: inherit;
    border: none;
    border-top: 1px solid #888;
    padding: 4px;
  }
  form.il-selvbetjening *[role=main] .aw .gridViewTable tr:hover, .webPart.il-selvbetjening .aw .gridViewTable tr:hover, .webPart .il-selvbetjening .aw .gridViewTable tr:hover {
    background-color: #fff;
  }
  form.il-selvbetjening *[role=main] .skjemainformasjonstekst, .webPart.il-selvbetjening .skjemainformasjonstekst, .webPart .il-selvbetjening .skjemainformasjonstekst {
    vertical-align: top;
    font-size: smaller;
  }
  form.il-selvbetjening *[role=main] .sideoverskrift, .webPart.il-selvbetjening .sideoverskrift, .webPart .il-selvbetjening .sideoverskrift {
    padding-left: 15px;
    padding-bottom: 15px;
  }
  form.il-selvbetjening *[role=main] .aw #awSkjemaRegler, .webPart.il-selvbetjening .aw #awSkjemaRegler, .webPart .il-selvbetjening .aw #awSkjemaRegler {
    margin-left: 0;
    margin-right: 0;
  }
  form.il-selvbetjening *[role=main] .awBunnNavigasjonSkjemaadmin, .webPart.il-selvbetjening .awBunnNavigasjonSkjemaadmin, .webPart .il-selvbetjening .awBunnNavigasjonSkjemaadmin {
    margin-left: 15px;
    margin-right: 15px;
    height: 30px;
    background-color: #fff;
    border: 1px solid #ccc;
    cursor: pointer;
  }
  form.il-selvbetjening *[role=main] .awInnhold h1, form.il-selvbetjening *[role=main] .awInnhold .ArtikkelKategoriOverskrift, .webPart.il-selvbetjening .awInnhold h1, .webPart.il-selvbetjening .awInnhold .ArtikkelKategoriOverskrift, .webPart .il-selvbetjening .awInnhold h1, .webPart .il-selvbetjening .awInnhold .ArtikkelKategoriOverskrift {
    font-size: 1.5em;
  }
  form.il-selvbetjening *[role=main] .awInnhold h2, form.il-selvbetjening *[role=main] .awInnhold #right-column .webPart .webPartTittel, #right-column .webPart form.il-selvbetjening *[role=main] .awInnhold .webPartTittel, .webPart.il-selvbetjening .awInnhold h2, #right-column .webPart.il-selvbetjening .awInnhold .webPartTittel, .webPart .il-selvbetjening .awInnhold h2, #right-column .webPart .il-selvbetjening .awInnhold .webPartTittel {
    margin: 0;
    font-size: 1.3em;
  }
  form.il-selvbetjening *[role=main] .skjemaoppsummering > div, .webPart.il-selvbetjening .skjemaoppsummering > div, .webPart .il-selvbetjening .skjemaoppsummering > div {
    margin: 0;
    margin-bottom: 15px;
    padding: 10px;
    border: 1px dotted #ececec;
  }
  form.il-selvbetjening *[role=main] h2.skjemaoverskrift, form.il-selvbetjening *[role=main] #right-column .webPart .skjemaoverskrift.webPartTittel, #right-column .webPart form.il-selvbetjening *[role=main] .skjemaoverskrift.webPartTittel, .webPart.il-selvbetjening h2.skjemaoverskrift, #right-column .webPart.il-selvbetjening .skjemaoverskrift.webPartTittel, .webPart .il-selvbetjening h2.skjemaoverskrift, #right-column .webPart .il-selvbetjening .skjemaoverskrift.webPartTittel {
    margin: 0;
    width: 100%;
    display: none;
  }
  form.il-selvbetjening *[role=main] .skjemaoppsummering div h2.skjemaoverskrift, form.il-selvbetjening *[role=main] .skjemaoppsummering div #right-column .webPart .skjemaoverskrift.webPartTittel, #right-column .webPart form.il-selvbetjening *[role=main] .skjemaoppsummering div .skjemaoverskrift.webPartTittel, .webPart.il-selvbetjening .skjemaoppsummering div h2.skjemaoverskrift, #right-column .webPart.il-selvbetjening .skjemaoppsummering div .skjemaoverskrift.webPartTittel, .webPart .il-selvbetjening .skjemaoppsummering div h2.skjemaoverskrift, #right-column .webPart .il-selvbetjening .skjemaoppsummering div .skjemaoverskrift.webPartTittel {
    display: block;
  }
  form.il-selvbetjening *[role=main] .awStegInformasjonTekst, .webPart.il-selvbetjening .awStegInformasjonTekst, .webPart .il-selvbetjening .awStegInformasjonTekst {
    background-image: url("/images/steginfo.png");
    padding: 10px;
    margin-bottom: 5px;
    background-color: #fff;
    border: 1px solid #CECECE;
  }
  form.il-selvbetjening *[role=main] table.awRadioButtonList input, .webPart.il-selvbetjening table.awRadioButtonList input, .webPart .il-selvbetjening table.awRadioButtonList input {
    width: 20px;
    display: block;
    float: left;
  }
  form.il-selvbetjening *[role=main] table.awRadioButtonList label, .webPart.il-selvbetjening table.awRadioButtonList label, .webPart .il-selvbetjening table.awRadioButtonList label {
    width: 400px;
    display: block;
    float: left;
  }
  form.il-selvbetjening *[role=main] .skjematittel, .webPart.il-selvbetjening .skjematittel, .webPart .il-selvbetjening .skjematittel {
    padding: 10px;
    text-align: center;
    font-weight: bold;
  }
  form.il-selvbetjening *[role=main] .skjemainnhold, .webPart.il-selvbetjening .skjemainnhold, .webPart .il-selvbetjening .skjemainnhold {
    border: 1px solid #ACACAC;
    background-color: #E0E0E0;
    padding: 10px;
    vertical-align: top;
  }
  form.il-selvbetjening *[role=main] .skjema, .webPart.il-selvbetjening .skjema, .webPart .il-selvbetjening .skjema {
    font-family: Trebuchet MS;
    width: 100%;
    padding: 0 5px 10px 5px;
    margin: 0 auto;
    text-align: left;
    font-size: 1.0em;
  }
  form.il-selvbetjening *[role=main] .awInnholdInformasjon, .webPart.il-selvbetjening .awInnholdInformasjon, .webPart .il-selvbetjening .awInnholdInformasjon {
    margin-left: 200px;
    background-color: #fff;
    padding: 10px;
  }
  form.il-selvbetjening *[role=main] .awGridview, .webPart.il-selvbetjening .awGridview, .webPart .il-selvbetjening .awGridview {
    margin-bottom: 10px;
    margin-left: 10px;
    padding: 0 !important;
    margin: 0 !important;
  }
  form.il-selvbetjening *[role=main] .skjemaTabPadding, .webPart.il-selvbetjening .skjemaTabPadding, .webPart .il-selvbetjening .skjemaTabPadding {
    padding-bottom: 5px !important;
    padding-top: 1px !important;
    background-color: #fff;
  }
  form.il-selvbetjening *[role=main] .SkjemaAdminBakgrunnFarge, .webPart.il-selvbetjening .SkjemaAdminBakgrunnFarge, .webPart .il-selvbetjening .SkjemaAdminBakgrunnFarge {
    background-color: #fff;
  }
  form.il-selvbetjening *[role=main] .SkjemaAdminBakgrunnFarge, .webPart.il-selvbetjening .SkjemaAdminBakgrunnFarge, .webPart .il-selvbetjening .SkjemaAdminBakgrunnFarge {
    background-color: #fff;
  }
  form.il-selvbetjening *[role=main] .skjemaspacevenstre, .webPart.il-selvbetjening .skjemaspacevenstre, .webPart .il-selvbetjening .skjemaspacevenstre {
    padding-left: 7px;
  }
  form.il-selvbetjening *[role=main] .skjemaspacehoyre, .webPart.il-selvbetjening .skjemaspacehoyre, .webPart .il-selvbetjening .skjemaspacehoyre {
    padding-right: 7px;
  }
  form.il-selvbetjening *[role=main] .aw table.signering, .webPart.il-selvbetjening .aw table.signering, .webPart .il-selvbetjening .aw table.signering {
    border-collapse: collapse;
    border: none;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
  }
  form.il-selvbetjening *[role=main] .aw table.signering td, .webPart.il-selvbetjening .aw table.signering td, .webPart .il-selvbetjening .aw table.signering td {
    border: none;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 2px 5px;
    padding-bottom: 30px;
    font-size: 1em;
  }
  form.il-selvbetjening *[role=main] .aw table.signering tr, .webPart.il-selvbetjening .aw table.signering tr, .webPart .il-selvbetjening .aw table.signering tr {
    border: none;
  }
  form.il-selvbetjening *[role=main] .aw table.signering td.dato, .webPart.il-selvbetjening .aw table.signering td.dato, .webPart .il-selvbetjening .aw table.signering td.dato {
    width: 25%;
  }
  form.il-selvbetjening *[role=main] .aw table.signering td.sted, .webPart.il-selvbetjening .aw table.signering td.sted, .webPart .il-selvbetjening .aw table.signering td.sted {
    width: 25%;
  }
  form.il-selvbetjening *[role=main] .aw table.signering td.underskrift, .webPart.il-selvbetjening .aw table.signering td.underskrift, .webPart .il-selvbetjening .aw table.signering td.underskrift {
    width: 50%;
  }
  form.il-selvbetjening *[role=main] .aw table.InnholdTabell td.skjemaid, .webPart.il-selvbetjening .aw table.InnholdTabell td.skjemaid, .webPart .il-selvbetjening .aw table.InnholdTabell td.skjemaid {
    width: 300px;
  }
  form.il-selvbetjening *[role=main] .aw table.InnholdTabell td.skjemaid select, .webPart.il-selvbetjening .aw table.InnholdTabell td.skjemaid select, .webPart .il-selvbetjening .aw table.InnholdTabell td.skjemaid select {
    width: 300px;
  }
  form.il-selvbetjening *[role=main] .aw .uploadBar, .webPart.il-selvbetjening .aw .uploadBar, .webPart .il-selvbetjening .aw .uploadBar {
    margin-top: 5px;
    height: 10px;
    border: 1px solid #999;
  }
  form.il-selvbetjening *[role=main] .aw .uploadProgress, .webPart.il-selvbetjening .aw .uploadProgress, .webPart .il-selvbetjening .aw .uploadProgress {
    height: 100%;
    background-color: #272;
  }
  form.il-selvbetjening *[role=main] .skjemaAdmin .awNav, .webPart.il-selvbetjening .skjemaAdmin .awNav, .webPart .il-selvbetjening .skjemaAdmin .awNav {
    font-family: Arial, Trebuchet MS !important;
    float: left;
    width: 180px;
    padding: 0;
  }
  form.il-selvbetjening *[role=main] .skjemaAdmin .awNav .awNavSteg, .webPart.il-selvbetjening .skjemaAdmin .awNav .awNavSteg, .webPart .il-selvbetjening .skjemaAdmin .awNav .awNavSteg {
    padding-bottom: 0;
  }
  form.il-selvbetjening *[role=main] .skjemaAdmin .awNav .awNavSteg input, .webPart.il-selvbetjening .skjemaAdmin .awNav .awNavSteg input, .webPart .il-selvbetjening .skjemaAdmin .awNav .awNavSteg input {
    font-family: Arial, Trebuchet MS !important;
    line-height: 2.5em;
    display: block;
    font-size: 1em;
    cursor: pointer;
    border: none;
    text-align: left;
    padding: 0;
    margin-left: 0;
    margin-right: 15px;
    height: 2.5em;
    width: 180px;
    text-indent: .5em;
    color: #000;
    background-color: #f1f1f2;
  }
  form.il-selvbetjening *[role=main] .skjemaAdmin .awNav .awNavSteg input:hover, .webPart.il-selvbetjening .skjemaAdmin .awNav .awNavSteg input:hover, .webPart .il-selvbetjening .skjemaAdmin .awNav .awNavSteg input:hover {
    background-color: #ddd;
  }
  form.il-selvbetjening *[role=main] .skjemaAdmin .awNav .awNavSteg .valgt, .webPart.il-selvbetjening .skjemaAdmin .awNav .awNavSteg .valgt, .webPart .il-selvbetjening .skjemaAdmin .awNav .awNavSteg .valgt {
    font-weight: bold;
    width: 180px;
  }
  form.il-selvbetjening *[role=main] .skjemaAdmin .awNav.skjema .awNavSteg .valgt, .webPart.il-selvbetjening .skjemaAdmin .awNav.skjema .awNavSteg .valgt, .webPart .il-selvbetjening .skjemaAdmin .awNav.skjema .awNavSteg .valgt {
    width: 195px;
  }
}

@media only print {
  form.il-selvbetjening *[role=main], .webPart.il-selvbetjening, .webPart .il-selvbetjening {
    /* SKJEMAADMIN */
    /* SKJEMAADMIN */
  }
  form.il-selvbetjening *[role=main] .updateProgress, .webPart.il-selvbetjening .updateProgress, .webPart .il-selvbetjening .updateProgress {
    background-color: #CCC;
    opacity: 0.5;
    text-align: center;
    vertical-align: middle;
  }
  form.il-selvbetjening *[role=main] .aw .gridViewTable, .webPart.il-selvbetjening .aw .gridViewTable, .webPart .il-selvbetjening .aw .gridViewTable {
    border: 1px solid #888;
  }
  form.il-selvbetjening *[role=main] .aw .gridViewTable th, .webPart.il-selvbetjening .aw .gridViewTable th, .webPart .il-selvbetjening .aw .gridViewTable th {
    background-color: #ddd;
    border: none;
    padding: 4px;
  }
  form.il-selvbetjening *[role=main] .aw .gridViewTable td, .webPart.il-selvbetjening .aw .gridViewTable td, .webPart .il-selvbetjening .aw .gridViewTable td {
    background-color: inherit;
    border: none;
    border-top: 1px solid #888;
    padding: 4px;
  }
  form.il-selvbetjening *[role=main] .aw .gridViewTable tr:hover, .webPart.il-selvbetjening .aw .gridViewTable tr:hover, .webPart .il-selvbetjening .aw .gridViewTable tr:hover {
    background-color: #fff;
  }
  form.il-selvbetjening *[role=main] .skjemainformasjonstekst, .webPart.il-selvbetjening .skjemainformasjonstekst, .webPart .il-selvbetjening .skjemainformasjonstekst {
    vertical-align: top;
    font-size: smaller;
  }
  form.il-selvbetjening *[role=main] .sideoverskrift, .webPart.il-selvbetjening .sideoverskrift, .webPart .il-selvbetjening .sideoverskrift {
    padding-left: 15px;
    padding-bottom: 15px;
  }
  form.il-selvbetjening *[role=main] .aw #awSkjemaRegler, .webPart.il-selvbetjening .aw #awSkjemaRegler, .webPart .il-selvbetjening .aw #awSkjemaRegler {
    margin-left: 0;
    margin-right: 0;
  }
  form.il-selvbetjening *[role=main] .awBunnNavigasjonSkjemaadmin, .webPart.il-selvbetjening .awBunnNavigasjonSkjemaadmin, .webPart .il-selvbetjening .awBunnNavigasjonSkjemaadmin {
    margin-left: 15px;
    margin-right: 15px;
    height: 30px;
    background-color: #fff;
    border: 1px solid #ccc;
    cursor: pointer;
  }
  form.il-selvbetjening *[role=main] .awInnhold h1, form.il-selvbetjening *[role=main] .awInnhold .ArtikkelKategoriOverskrift, .webPart.il-selvbetjening .awInnhold h1, .webPart.il-selvbetjening .awInnhold .ArtikkelKategoriOverskrift, .webPart .il-selvbetjening .awInnhold h1, .webPart .il-selvbetjening .awInnhold .ArtikkelKategoriOverskrift {
    font-size: 1.5em;
  }
  form.il-selvbetjening *[role=main] .awInnhold h2, form.il-selvbetjening *[role=main] .awInnhold #right-column .webPart .webPartTittel, #right-column .webPart form.il-selvbetjening *[role=main] .awInnhold .webPartTittel, .webPart.il-selvbetjening .awInnhold h2, #right-column .webPart.il-selvbetjening .awInnhold .webPartTittel, .webPart .il-selvbetjening .awInnhold h2, #right-column .webPart .il-selvbetjening .awInnhold .webPartTittel {
    margin: 0;
    font-size: 1.3em;
  }
  form.il-selvbetjening *[role=main] .skjemaoppsummering > div, .webPart.il-selvbetjening .skjemaoppsummering > div, .webPart .il-selvbetjening .skjemaoppsummering > div {
    margin: 0;
    margin-bottom: 15px;
    padding: 10px;
    border: 1px dotted #ececec;
  }
  form.il-selvbetjening *[role=main] h2.skjemaoverskrift, form.il-selvbetjening *[role=main] #right-column .webPart .skjemaoverskrift.webPartTittel, #right-column .webPart form.il-selvbetjening *[role=main] .skjemaoverskrift.webPartTittel, .webPart.il-selvbetjening h2.skjemaoverskrift, #right-column .webPart.il-selvbetjening .skjemaoverskrift.webPartTittel, .webPart .il-selvbetjening h2.skjemaoverskrift, #right-column .webPart .il-selvbetjening .skjemaoverskrift.webPartTittel {
    margin: 0;
    width: 100%;
    display: none;
  }
  form.il-selvbetjening *[role=main] .skjemaoppsummering div h2.skjemaoverskrift, form.il-selvbetjening *[role=main] .skjemaoppsummering div #right-column .webPart .skjemaoverskrift.webPartTittel, #right-column .webPart form.il-selvbetjening *[role=main] .skjemaoppsummering div .skjemaoverskrift.webPartTittel, .webPart.il-selvbetjening .skjemaoppsummering div h2.skjemaoverskrift, #right-column .webPart.il-selvbetjening .skjemaoppsummering div .skjemaoverskrift.webPartTittel, .webPart .il-selvbetjening .skjemaoppsummering div h2.skjemaoverskrift, #right-column .webPart .il-selvbetjening .skjemaoppsummering div .skjemaoverskrift.webPartTittel {
    display: block;
  }
  form.il-selvbetjening *[role=main] .awStegInformasjonTekst, .webPart.il-selvbetjening .awStegInformasjonTekst, .webPart .il-selvbetjening .awStegInformasjonTekst {
    background-image: url("/images/steginfo.png");
    padding: 10px;
    margin-bottom: 5px;
    background-color: #fff;
    border: 1px solid #CECECE;
  }
  form.il-selvbetjening *[role=main] table.awRadioButtonList input, .webPart.il-selvbetjening table.awRadioButtonList input, .webPart .il-selvbetjening table.awRadioButtonList input {
    width: 20px;
    display: block;
    float: left;
  }
  form.il-selvbetjening *[role=main] table.awRadioButtonList label, .webPart.il-selvbetjening table.awRadioButtonList label, .webPart .il-selvbetjening table.awRadioButtonList label {
    width: 400px;
    display: block;
    float: left;
  }
  form.il-selvbetjening *[role=main] .skjematittel, .webPart.il-selvbetjening .skjematittel, .webPart .il-selvbetjening .skjematittel {
    padding: 10px;
    text-align: center;
    font-weight: bold;
  }
  form.il-selvbetjening *[role=main] .skjemainnhold, .webPart.il-selvbetjening .skjemainnhold, .webPart .il-selvbetjening .skjemainnhold {
    border: 1px solid #ACACAC;
    background-color: #E0E0E0;
    padding: 10px;
    vertical-align: top;
  }
  form.il-selvbetjening *[role=main] .skjema, .webPart.il-selvbetjening .skjema, .webPart .il-selvbetjening .skjema {
    font-family: Trebuchet MS;
    width: 100%;
    padding: 0 5px 10px 5px;
    margin: 0 auto;
    text-align: left;
    font-size: 1.0em;
  }
  form.il-selvbetjening *[role=main] .awInnholdInformasjon, .webPart.il-selvbetjening .awInnholdInformasjon, .webPart .il-selvbetjening .awInnholdInformasjon {
    margin-left: 200px;
    background-color: #fff;
    padding: 10px;
  }
  form.il-selvbetjening *[role=main] .awGridview, .webPart.il-selvbetjening .awGridview, .webPart .il-selvbetjening .awGridview {
    margin-bottom: 10px;
    margin-left: 10px;
    padding: 0 !important;
    margin: 0 !important;
  }
  form.il-selvbetjening *[role=main] .skjemaTabPadding, .webPart.il-selvbetjening .skjemaTabPadding, .webPart .il-selvbetjening .skjemaTabPadding {
    padding-bottom: 5px !important;
    padding-top: 1px !important;
    background-color: #fff;
  }
  form.il-selvbetjening *[role=main] .SkjemaAdminBakgrunnFarge, .webPart.il-selvbetjening .SkjemaAdminBakgrunnFarge, .webPart .il-selvbetjening .SkjemaAdminBakgrunnFarge {
    background-color: #fff;
  }
  form.il-selvbetjening *[role=main] .SkjemaAdminBakgrunnFarge, .webPart.il-selvbetjening .SkjemaAdminBakgrunnFarge, .webPart .il-selvbetjening .SkjemaAdminBakgrunnFarge {
    background-color: #fff;
  }
  form.il-selvbetjening *[role=main] .skjemaspacevenstre, .webPart.il-selvbetjening .skjemaspacevenstre, .webPart .il-selvbetjening .skjemaspacevenstre {
    padding-left: 7px;
  }
  form.il-selvbetjening *[role=main] .skjemaspacehoyre, .webPart.il-selvbetjening .skjemaspacehoyre, .webPart .il-selvbetjening .skjemaspacehoyre {
    padding-right: 7px;
  }
  form.il-selvbetjening *[role=main] .aw table.signering, .webPart.il-selvbetjening .aw table.signering, .webPart .il-selvbetjening .aw table.signering {
    border-collapse: collapse;
    border: none;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
  }
  form.il-selvbetjening *[role=main] .aw table.signering td, .webPart.il-selvbetjening .aw table.signering td, .webPart .il-selvbetjening .aw table.signering td {
    border: none;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 2px 5px;
    padding-bottom: 30px;
    font-size: 1em;
  }
  form.il-selvbetjening *[role=main] .aw table.signering tr, .webPart.il-selvbetjening .aw table.signering tr, .webPart .il-selvbetjening .aw table.signering tr {
    border: none;
  }
  form.il-selvbetjening *[role=main] .aw table.signering td.dato, .webPart.il-selvbetjening .aw table.signering td.dato, .webPart .il-selvbetjening .aw table.signering td.dato {
    width: 25%;
  }
  form.il-selvbetjening *[role=main] .aw table.signering td.sted, .webPart.il-selvbetjening .aw table.signering td.sted, .webPart .il-selvbetjening .aw table.signering td.sted {
    width: 25%;
  }
  form.il-selvbetjening *[role=main] .aw table.signering td.underskrift, .webPart.il-selvbetjening .aw table.signering td.underskrift, .webPart .il-selvbetjening .aw table.signering td.underskrift {
    width: 50%;
  }
  form.il-selvbetjening *[role=main] .aw table.InnholdTabell td.skjemaid, .webPart.il-selvbetjening .aw table.InnholdTabell td.skjemaid, .webPart .il-selvbetjening .aw table.InnholdTabell td.skjemaid {
    width: 300px;
  }
  form.il-selvbetjening *[role=main] .aw table.InnholdTabell td.skjemaid select, .webPart.il-selvbetjening .aw table.InnholdTabell td.skjemaid select, .webPart .il-selvbetjening .aw table.InnholdTabell td.skjemaid select {
    width: 300px;
  }
  form.il-selvbetjening *[role=main] .aw .uploadBar, .webPart.il-selvbetjening .aw .uploadBar, .webPart .il-selvbetjening .aw .uploadBar {
    margin-top: 5px;
    height: 10px;
    border: 1px solid #999;
  }
  form.il-selvbetjening *[role=main] .aw .uploadProgress, .webPart.il-selvbetjening .aw .uploadProgress, .webPart .il-selvbetjening .aw .uploadProgress {
    height: 100%;
    background-color: #272;
  }
  form.il-selvbetjening *[role=main] .skjemaAdmin .awNav, .webPart.il-selvbetjening .skjemaAdmin .awNav, .webPart .il-selvbetjening .skjemaAdmin .awNav {
    font-family: Arial, Trebuchet MS !important;
    float: left;
    width: 180px;
    padding: 0;
  }
  form.il-selvbetjening *[role=main] .skjemaAdmin .awNav .awNavSteg, .webPart.il-selvbetjening .skjemaAdmin .awNav .awNavSteg, .webPart .il-selvbetjening .skjemaAdmin .awNav .awNavSteg {
    padding-bottom: 0;
  }
  form.il-selvbetjening *[role=main] .skjemaAdmin .awNav .awNavSteg input, .webPart.il-selvbetjening .skjemaAdmin .awNav .awNavSteg input, .webPart .il-selvbetjening .skjemaAdmin .awNav .awNavSteg input {
    font-family: Arial, Trebuchet MS !important;
    line-height: 2.5em;
    display: block;
    font-size: 1em;
    cursor: pointer;
    border: none;
    text-align: left;
    padding: 0;
    margin-left: 0;
    margin-right: 15px;
    height: 2.5em;
    width: 180px;
    text-indent: .5em;
    color: #000;
    background-color: #f1f1f2;
  }
  form.il-selvbetjening *[role=main] .skjemaAdmin .awNav .awNavSteg input:hover, .webPart.il-selvbetjening .skjemaAdmin .awNav .awNavSteg input:hover, .webPart .il-selvbetjening .skjemaAdmin .awNav .awNavSteg input:hover {
    background-color: #ddd;
  }
  form.il-selvbetjening *[role=main] .skjemaAdmin .awNav .awNavSteg .valgt, .webPart.il-selvbetjening .skjemaAdmin .awNav .awNavSteg .valgt, .webPart .il-selvbetjening .skjemaAdmin .awNav .awNavSteg .valgt {
    font-weight: bold;
    width: 180px;
  }
  form.il-selvbetjening *[role=main] .skjemaAdmin .awNav.skjema .awNavSteg .valgt, .webPart.il-selvbetjening .skjemaAdmin .awNav.skjema .awNavSteg .valgt, .webPart .il-selvbetjening .skjemaAdmin .awNav.skjema .awNavSteg .valgt {
    width: 195px;
  }
}

form.il-selvbetjening *[role=main] .valg button, form.il-selvbetjening *[role=main] .valg .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a, form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li .valg a, .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li form.il-selvbetjening *[role=main] .valg a, .webPart form.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li *[role=main] .valg a, form.il-selvbetjening *[role=main] .valg .outercontainer .innercontainer .aw .awBunnNavigasjon input, form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awBunnNavigasjon .valg input, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon form.il-selvbetjening *[role=main] .valg input, .webPart form.il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon *[role=main] .valg input, .webPart.il-selvbetjening .valg button, form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li .webPart.il-selvbetjening .valg a, .webPart.il-selvbetjening .valg .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a, .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li .valg a, form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awBunnNavigasjon .webPart.il-selvbetjening .valg input, .webPart.il-selvbetjening .valg .outercontainer .innercontainer .aw .awBunnNavigasjon input, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon .valg input, .webPart .il-selvbetjening .valg button, .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li .il-selvbetjening .valg a, .webPart .il-selvbetjening .valg .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a, .webPart .il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li .valg a, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon .il-selvbetjening .valg input, .webPart .il-selvbetjening .valg .outercontainer .innercontainer .aw .awBunnNavigasjon input, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon .valg input {
  margin-bottom: 0.5em;
}

.il-login-status {
  margin-bottom: 2rem;
}

.il-login-status:after {
  content: "";
  display: table;
  clear: both;
}

body .content-search .content-search-button--default {
  background-color: #004272;
}

body .content-search .content-search-filter-form-select:not(.mat-select-disabled) .mat-select-arrow {
  color: #004272 !important;
}

body .content-search .content-search-pagination-link--active {
  background: #004272 !important;
}

body .content-search .content-search-item-title {
  color: #004272;
}

body .content-search .content-search-item--default .content-search-item-title:after, body .content-search .content-search-item--event .content-search-item-title:after {
  color: #004272;
}

body .content-search .content-search-item--default.content-search-item--highlight .content-search-item-title, body .content-search .content-search-item--event.content-search-item--highlight .content-search-item-title {
  border-bottom-color: #004272;
}

body .content-search .content-search-item-meta-button--phone button:before, body .content-search .content-search-item-meta-button--phone form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a:before, form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li body .content-search .content-search-item-meta-button--phone a:before, body .content-search .content-search-item-meta-button--phone .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a:before, .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li body .content-search .content-search-item-meta-button--phone a:before, body .content-search .content-search-item-meta-button--phone .webPart .il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a:before, .webPart .il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li body .content-search .content-search-item-meta-button--phone a:before, body .content-search .content-search-item-meta-button--phone form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awBunnNavigasjon input:before, form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awBunnNavigasjon body .content-search .content-search-item-meta-button--phone input:before, body .content-search .content-search-item-meta-button--phone .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon input:before, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon body .content-search .content-search-item-meta-button--phone input:before, body .content-search .content-search-item-meta-button--phone .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon input:before, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon body .content-search .content-search-item-meta-button--phone input:before {
  color: #004272;
}

body .content-search .content-search-item-meta-button--mobile button:before, body .content-search .content-search-item-meta-button--mobile form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a:before, form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li body .content-search .content-search-item-meta-button--mobile a:before, body .content-search .content-search-item-meta-button--mobile .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a:before, .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li body .content-search .content-search-item-meta-button--mobile a:before, body .content-search .content-search-item-meta-button--mobile .webPart .il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a:before, .webPart .il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li body .content-search .content-search-item-meta-button--mobile a:before, body .content-search .content-search-item-meta-button--mobile form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awBunnNavigasjon input:before, form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awBunnNavigasjon body .content-search .content-search-item-meta-button--mobile input:before, body .content-search .content-search-item-meta-button--mobile .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon input:before, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon body .content-search .content-search-item-meta-button--mobile input:before, body .content-search .content-search-item-meta-button--mobile .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon input:before, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon body .content-search .content-search-item-meta-button--mobile input:before {
  color: #004272;
}

body .content-search .content-search-item-meta-button--email button:before, body .content-search .content-search-item-meta-button--email form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a:before, form.il-selvbetjening *[role=main] .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li body .content-search .content-search-item-meta-button--email a:before, body .content-search .content-search-item-meta-button--email .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a:before, .webPart.il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li body .content-search .content-search-item-meta-button--email a:before, body .content-search .content-search-item-meta-button--email .webPart .il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a:before, .webPart .il-selvbetjening .outercontainer .innercontainer #menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li body .content-search .content-search-item-meta-button--email a:before, body .content-search .content-search-item-meta-button--email form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awBunnNavigasjon input:before, form.il-selvbetjening *[role=main] .outercontainer .innercontainer .aw .awBunnNavigasjon body .content-search .content-search-item-meta-button--email input:before, body .content-search .content-search-item-meta-button--email .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon input:before, .webPart.il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon body .content-search .content-search-item-meta-button--email input:before, body .content-search .content-search-item-meta-button--email .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon input:before, .webPart .il-selvbetjening .outercontainer .innercontainer .aw .awBunnNavigasjon body .content-search .content-search-item-meta-button--email input:before, body .content-search .content-search-item-meta-button--email a:before {
  color: #004272;
}

body .content-search .content-search-item-extended-information-toggle-button:after {
  color: #004272;
}

body #content-search.content-search-vanilla .content-search-filter-form-control [type="radio"] + label:after {
  background: #004272;
}

body #content-search.content-search-vanilla .content-search-filter-form-control [type="radio"]:focus + label:before {
  border-color: #004272;
}

body #content-search.content-search-vanilla + .content-search-spinner circle {
  color: #004272;
}

#header-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 160px;
}

@media only screen and (min-width: 641px) {
  #header-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    height: 80px;
  }
}

@media only screen and (min-width: 801px) {
  #header-content {
    height: 113px;
  }
}

@media only screen and (min-width: 1173px) {
  #header-content {
    max-width: 1140px;
  }
}

#header-content:after {
  display: none;
}

#header-content #mobile-logo,
#header-content #logo {
  margin-top: 0;
}

#header-content #mobile-logo img.logo,
#header-content #logo img.logo {
  margin-top: 0;
}

@media only screen and (max-width: 640px) {
  #header-content #mobile-logo img.logo,
  #header-content #logo img.logo {
    height: 48px;
  }
}

.logo-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media only screen and (max-width: 640px) {
  .logo-container {
    width: 100%;
    height: 80px;
  }
}

.wp-header-logos ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  line-height: 0;
}

.wp-header-logos ul li {
  margin-left: 1rem;
}

@media only screen and (min-width: 801px) {
  .wp-header-logos ul li {
    margin-left: 2rem;
  }
}

.wp-header-logos ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.wp-header-logos ul li a .text {
  display: none;
}

.wp-header-logos ul li a img {
  height: 40px;
}

@media only screen and (min-width: 481px) {
  .wp-header-logos ul li a img {
    height: 60px;
  }
}

@media only screen and (min-width: 641px) {
  .wp-header-logos ul li a img {
    height: 60px;
  }
}

@media only screen and (min-width: 801px) {
  .wp-header-logos ul li a img {
    height: 73px;
  }
}

@media only screen and (min-width: 961px) {
  .wp-header-logos ul li a img {
    height: 80px;
  }
}

.wp-header-logos ul li a:hover, .wp-header-logos ul li a:focus {
  background-color: #e6eef9;
}

#search-box-toggle {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #005cb9;
  border-radius: 0;
  border: 0 none;
  color: #004272;
  cursor: pointer;
  height: 80px;
  margin: 0;
  padding: 0 20px 0 10px !important;
  text-align: center;
  text-decoration: none;
}

#search-box-toggle:before {
  color: #fff !important;
  background-color: #005cb9 !important;
  border: 0 none !important;
  line-height: 39px !important;
}

@media only screen and (min-width: 801px) {
  #search-box-toggle:hover, #search-box-toggle:focus, #search-box-toggle.open {
    color: #004272;
    background: #e6eef9 !important;
  }
  #search-box-toggle:hover:before, #search-box-toggle:focus:before, #search-box-toggle.open:before {
    background: #e6eef9 !important;
  }
}

#search-box-toggle:hover:before, #search-box-toggle:focus:before, #search-box-toggle.open:before {
  color: #004272;
  background: #e6eef9;
}

#search-box-toggle:focus {
  outline: none;
}

#search-box-toggle span {
  vertical-align: middle;
  color: #fff;
}

@media only screen and (min-width: 641px) {
  #search-box-toggle span {
    color: #004272;
  }
}

@media only screen and (min-width: 481px) {
  #search-box-toggle {
    height: 80px;
    position: absolute;
    width: 80px;
  }
}

@media only screen and (min-width: 641px) {
  #search-box-toggle {
    width: 100px !important;
    height: 40px;
    position: relative;
    padding: 0 34px 0 0 !important;
    background: #fff;
    border: 1px solid #004272;
    border-color: #ccdff0;
  }
  #search-box-toggle span {
    display: block;
    line-height: 0;
  }
  #search-box-toggle:before {
    border: 0 none !important;
    border-radius: 0 !important;
    position: absolute;
    right: 1px;
    top: 0px;
    color: #004272 !important;
    background: #fff !important;
  }
}

@media only screen and (max-width: 640px) {
  #navigation {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  #navigation li {
    width: 50%;
    height: 100%;
  }
  #navigation #search-box-toggle,
  #navigation #main-menu-toggle {
    position: relative;
    top: initial;
    left: initial;
    right: initial;
    width: 100% !important;
    height: 100%;
  }
  #navigation #main-menu-toggle {
    border-left: 1px solid #fff;
  }
  #navigation #search-box-toggle {
    display: block;
    background: #005cb9;
    color: #004272;
    border-right: 1px solid #fff;
  }
  #navigation #search-box-toggle span {
    display: inline-block;
  }
}