/*S T A N D A R D   C O N T E N T    E L E M E N T S */
#SiteLogoLink {
    display: inline-block;
    margin-bottom: 30px;
    text-decoration: none;
}

#SiteLogo {
    float: left;
}

.logo-text {
    font-family: ProximaNova-Bold;
    font-size: 120%;
    max-width: 125px;
    display: block;
    float: left;
    margin-left: 10px;
}

a .logo-text {
    text-decoration: none;
    color: #494D52;
}

.area-header {
    font-family: ProximaNova-Light;
    font-size: 265%;
    color: white;
    padding: 20px 0;
    background: url('/images/www/layout/AreaHeaderFlower.png') no-repeat right center transparent;
}

.site-header {
    color: #000;
    font-size: 36px;
    font-weight: bold;
}

.mainHeader {
    margin-top: 0;
    display: inline;
}

#contentContainer p.summary {
    color: #333;
    font-size: 125%;
    font-family: ProximaNova-Light;
}

.menu-entries p {
    color: #737373;
}

.content-image {
    margin-bottom: 15px;
}

.regular-iframe, #contentContainer iframe {
    width: 100%;
    border: none;
    min-height: 500px;
    margin-bottom: 25px;
}

.youtube {
    width: 100%;
    display: block;
    margin-bottom: 25px;
}

dt {
    margin: 0px;
}

dd {
    margin: 0px 0px 25px 0px;
}

.element-invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
}

.jumpToContent, .jumpToContent:hover {
    color: #FFF;
    display: block;
    position: absolute;
    top: 0px;
}

    .jumpToContent:focus {
        color: #3E4247;
    }

button, input[type="reset"], input[type="button"], input[type="submit"] {
    -moz-appearance: button;
    -moz-binding: none;
    -moz-box-sizing: border-box;
    -moz-user-select: none;
    background-color: white;
    border: 1px solid #BCBEC0;
    color: #333;
    font-size: 14px;
    height: 30px;
    line-height: 20px;
    margin-bottom: 10px;
    padding: 4px 6px;
    vertical-align: middle;
}

@media (min-width : 768px) and (max-width : 1024px) {
    .logo-text {
        font-size: 115%;
        max-width: 110px;
    }
}

@media (max-width: 767px) {
    #SiteLogoLink {
        /*display: block;
        width: 270px;
        margin: 20px auto;
        text-align: center;
        text-decoration: none;*/
    }

    .logo-wrapper {
        text-align: center;
        display: block;
    }
    .site-logo-link {
        display: inline-block;
        padding: 25px 0 15px 0;
    }
    #SiteLogo {
         max-width: 40px;
    }

    .logo-text {
        font-size: 100%;
        max-width: 110px;
        text-align: left;
    }

    .area-header-container {
        background-image: none!important;
        height: 70px!important;
        margin-bottom: 30px !important;
    }

    .area-header {
        background-image: none;
        background-color: #3E4247;
        color: #91C5D6;
        display: block;
        font-family: ProximaNova-Bold;
        font-size: 125%;
        line-height: 1;
        padding: 25px 0;
        text-align: center;
        text-transform: uppercase;
    }
}
/* M I C R O   A R T I C L E S   */

/* A N D */

/* S E L F   S E R V I C E    L I N K S */

h2.self-service-header {
    font-family: ProximaNovaS-Regular;
    margin: 0;
    padding: 7px 5px!important;
    color: #fff;
}

h2.microarticlesTitle {
    display: inline;
}

#selvbetjeningslinks {
    background: url("/images/www/layout/selfServiceareabg.png") right bottom repeat-x #94C7D2;
    padding: 10px;
    margin-bottom: 30px;
}

    #selvbetjeningslinks dl {
        background-color: white;
        margin: 5px;
        padding: 0;
        list-style: none;
        display: block;
    }

    #selvbetjeningslinks dt, .microArticle h2 {
        border: solid 1px #BEC0C1;
        margin: 0px;
        padding: 15px;
        border-top: none;
        font-weight: normal;
    }

        #selvbetjeningslinks dt:first-child, .microArticle.first h2 {
            border-top: solid 1px #BEC0C1;
        }

.microArticle.last {
    margin-bottom: 30px;
}

.microArticle h2 a,
#selvbetjeningslinks dt a {
    display: inline-block;
    width: 100%;
    background: url("/images/www/elements/navigation-arrow-right.png") right center no-repeat white;
    text-decoration: none;
    color: #333;
}

    #selvbetjeningslinks dt a.collapsedLinked, .microArticle h2.collapsed a {
        background-image: url("/images/www/elements/plus.png");
    }

    #selvbetjeningslinks dt a.expandedLinked, .microArticle h2.expanded a {
        background-image: url("/images/www/elements/minus.png");
    }

    #selvbetjeningslinks dt a.collapsedLinked, #selvbetjeningslinks dt a.expandedLinked {
        width: 99%;
    }

.microArticle h2 {
    font-size: 100%;
}

    .microArticle h2 a {
        text-decoration: none;
    }

#selvbetjeningslinks dd, .microArticle .microArticleContent {
    display: none;
    border: solid 1px #BEC0C1;
    border-top: none;
    padding: 30px;
    background-color: transparent;
    margin: 0;
}

#selvbetjeningslinks .self-service-action-link {
    margin: auto;
    width: 100%;
    text-align: center;
    display: block;
    color: #576F73;
    border: solid 1px #BED9DD;
    padding: 15px 0px;
    background: url("/images/www/elements/navigation-arrow-green.png") 97% center no-repeat #E5F0F1;
    text-decoration: none;
}

    #selvbetjeningslinks .self-service-action-link:hover {
        color: #336C3A;
        background-color: #ECF4F4;
    }

@media (max-width: 767px) {
    .microArticle h2 {
        margin: 0 30px;
    }

    #selvbetjeningslinks dd, .microArticle .microArticleContent {
        margin: 0 30px;
    }

    h2.microarticlesTitle {
        margin: 0 30px;
    }
}

/* BORGER.DK MICROARTICLES */
/*.borgerdkcontent div[id ^="microArticle"] h2 { background-position: right center;background-repeat: no-repeat;cursor: pointer; }
.borgerdkcontent div[id ^="microArticle"] h2.collapsed { background-image: url('/images/www/elements/plus.png'); }
.borgerdkcontent div[id ^="microArticle"] h2.expanded { background-image: url('/images/www/elements/minus.png'); }
/*.borgerdkcontent div[id ^="microArticle"] .microArticleContent { display: none;}*/
@media (max-width: 767px) {
    .borgerdkcontent--bottom #selvbetjeningslinks{
        margin: 0 30px 30px;
    }
}
/* MICROARTICLES - ALL */
.toggleAllMicroArticles {
    display: inline;
}

.toggleAllMicroArticlesButton {
    color: #747474;
    float: right;
    clear: both;
    margin: -20px 0px 15px 15px;
    cursor: pointer;
    display: table;
}

    .toggleAllMicroArticlesButton img {
        padding: 0 16px 5px 10px;
    }

    .toggleAllMicroArticlesButton:hover {
        color: #888;
    }

@media (max-width: 767px) {
    .toggleAllMicroArticlesButton {
        margin: -20px 30px 15px 15px;
    }
}

/* B O X    C O N T E N T */
#anbefaler, #lovgivning, #associated-links, #text-content-footer, .rss-list, .weblog, .borgerdkcontent--bottom {
    border-top: solid 5px #A5C9A9;
    padding-top: 20px;
}

#anbefaler, #lovgivning, #manchet, #byline, #associated-links, #text-content-footer, .rss-list, .weblog {
    margin-bottom: 30px;
}

    #anbefaler h2, #lovgivning h2, #associated-links h2 {
        font-family: ProximaNovaS-Regular;
        margin-bottom: 15px;
    }

#text-content-footer {
    border-color: #B6D7D6;
}

#associated-links ul {
    padding: 0;
    margin: 0 0 30px 0px; /*47: imitating 35px from left to dot*/
    list-style: none;
}

#associated-links li {
    margin: 0 0 15px 0px;
    padding-left: 0px;
}
/*imitating 30px from dot to text*/
@media (max-width : 767px) {
    #anbefaler, #lovgivning, #manchet, #byline, #associated-links, #text-content-footer, .rss-list {
        padding: 20px 30px 0 30px;
    }

    .weblogformframeinner {
        margin: 20px 30px 0 30px;
    }

    .weblog .weblogtitle, .weblog .listcolumn {
        margin: 20px 30px 0 30px;
    }
}

#text-content-footer {
    font-size: 90%;
    margin-top: 15px; /* it's 15, not 20 to match bottom maring on focus boxes*/
}

    #text-content-footer h2 {
        font-family: ProximaNovaS-Semibold;
        margin-bottom: 15px;
        font-size: 100%;
        display: inline-block;
    }

    #text-content-footer h3 {
        font-family: ProximaNova-Light;
        font-size: 120%;
    }

    #text-content-footer .updated {
        float: right;
        padding-top: 2px;
    }

@media (max-width : 320px) {
    #text-content-footer .updated {
        float: left;
        padding-bottom: 40px;
    }
}

/*focusboxes*/
.focusboxes, .focus-area {
    margin-bottom: 15px;
}

.focusbox {
    background-repeat: no-repeat;
    border-style: solid;
    border-width: 1px;
    float: left;
    overflow: hidden;
}

.focusboxes .focusbox {
    width: 275px;
    height: 172px;
    padding: 15px;
    margin-bottom: 15px;
    border-color: #BEC0C1;
}

.focus-area .row {
    margin-left: -10px;
}

.focus-area .span {
    margin-left: 10px;
}

.focus-area .focusbox {
    margin-bottom: 10px;
    background-position: 70% 80%;
}

.focusbox h2 a {
    text-decoration: none;
}

.focusbox.imagebox h2 {
    color: white;
    width: 85%;
}

    .focusbox.imagebox h2 a {
        color: white;
        background-color: #3E4247;
        padding: 5px 0px;
        box-shadow: -5px 0 0 #3E4247, 5px 0 0 #3E4247;
    }

.focusboxes .focusbox.box0 {
    margin-right: 15px;
}

.focus-area .focusbox.box0 {
    margin-right: 10px;
}
/*not in use*/

.focus-area .span14 .box-size1-8 {
    width: 268px;
    height: 150px;
    background-position: 220px 120px;
}

    .focus-area .span14 .box-size1-8.imagebox {
        width: 270px;
        height: 152px;
    }

.focus-area .span14 .box-size2-8-horizontal {
    width: 100%;
    width: 546px;
    height: 150px;
    margin-right: 0px;
    background-position: 70% 120px;
}

    .focus-area .span14 .box-size2-8-horizontal.imagebox {
        width: 548px;
        height: 152px;
    }

.focus-area .span14 .box-size2-8-vertical {
    width: 268px;
    height: 310px;
    background-position: 220px 280px;
}

    .focus-area .span14 .box-size2-8-vertical.imagebox {
        width: 337px !important; /* Aendret fra 270px jf. SN:1116330 */
        height: 312px;
    }

.focus-area .span14 .box-size4-8 {
    width: 100%;
    width: 536px;
    height: 310px;
    background-position: 70px 280px;
}

    .focus-area .span14 .box-size4-8.imagebox {
        width: 538px;
        height: 312px;
    }

.focus-area .span9 .box-size1-8 {
    width: 168px;
    height: 150px;
    background-position: 122px 120px;
}

    .focus-area .span9 .box-size1-8.imagebox {
        width: 170px;
        height: 152px;
    }

.focus-area .span9 .box-size2-8-horizontal {
    width: 100%;
    width: 346px;
    height: 150px;
    margin-right: 0px;
    background-position: 70% 120px;
}

    .focus-area .span9 .box-size2-8-horizontal.imagebox {
        width: 348px;
        height: 152px;
    }

.focus-area .span9 .box-size2-8-vertical {
    width: 168px;
    height: 310px;
    background-position: 122px 280px;
}

    .focus-area .span9 .box-size2-8-vertical.imagebox {
        width: 170px;
        height: 312px;
    }

.focus-area .span9 .box-size4-8 {
    width: 100%;
    width: 346px;
    height: 310px;
    background-position: 70% 280px;
}

    .focus-area .span9 .box-size4-8.imagebox {
        width: 348px;
        height: 312px;
    }

.focus-area .box-size8-8 {
    width: 100%;
    width: 948px;
    height: 310px;
    background-position: 70% 280px;
    margin-right: 0px;
}

.focusbox .inner {
    position: relative;
    width: 100%;
    height: 100%;
}

    .focusbox .inner h2.Midt {
        position: absolute;
        margin-top: 25%;
        margin-bottom: 10px;
    }

    .focusbox .inner h2.Bund {
        position: absolute;
        bottom: 0px;
    }

.focusbox.Bund {
    background-image: none;
}

.focus-area .focusbox h2 {
    margin: 15px 20px;
    font-size: 112%;
    line-height: 134%;
}

.focus-area .focusbox.imagebox h2 a {
    padding: 3px 0px;
}

.focus-area .focusbox.imagebox.box-size4-8 h2 a {
    padding: 10px 10px 10px 56px;
    /*width: 100%; OBS! Giver problemer i IE10 på PC, samt Chrome og Safari på iPad, dvs. nok kun i den smallere visning, Se SN:1015763 */
    display: block;
    background-color: transparent;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}

.focus-area .focusbox.imagebox.box-size4-8 h2 {
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    background: url('/images/www/elements/white-logo21x25.png') 17px center no-repeat #3E4247;
}

.focus-area .focusbox.box-size4-8 h2,
.focus-area .box-size8-8 h2 {
    font-size: 150%;
}

@media (min-width: 1200px) {
    .focus-area .box-size8-8 {
        width: 1183px;
    }

    .focusboxes .focusbox {
        width: 353px;
        height: 224px;
    }

    .focus-area .span9 .box-size4-8,
    .focus-area .span9 .box-size2-8-horizontal {
        width: 430px;
    }

    .focus-area .span14 .box-size4-8,
    .focus-area .span14 .box-size2-8-horizontal {
        width: 680px;
    }

    .focus-area .span9 .box-size1-8 {
        width: 210px;
    }

    .focus-area .span14 .box-size1-8 {
        width: 335px;
    }

    .focus-area .span9 .box-size4-8.imagebox,
    .focus-area .span9 .box-size2-8-horizontal.imagebox {
        width: 432px;
    }

    .focus-area .span14 .box-size4-8.imagebox,
    .focus-area .span14 .box-size2-8-horizontal.imagebox {
        width: 682px;
    }

    .focus-area .span9 .box-size1-8.imagebox {
        width: 212px;
    }

    .focus-area .span14 .box-size1-8.imagebox {
        width: 337px;
    }

    .focus-area .focusbox {
        background-position: 90% 90%!important;
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    .focus-area .box-size8-8 {
        width: 732px;
    }

    .focusbox {
        width: 203px;
        height: 221px;
    }

    .focus-area .span9 .box-size4-8,
    .focus-area .span9 .box-size2-8-horizontal {
        width: 264px;
    }

    .focus-area .span14 .box-size4-8,
    .focus-area .span14 .box-size2-8-horizontal {
        width: 422px;
    }

    .focus-area .span9 .box-size1-8 {
        width: 127px;
    }

    .focus-area .span14 .box-size1-8 {
        width: 205px;
    }

    .focus-area .span9 .box-size4-8.imagebox,
    .focus-area .span9 .box-size2-8-horizontal.imagebox {
        width: 266px;
    }

    .focus-area .span14 .box-size4-8.imagebox,
    .focus-area .span14 .box-size2-8-horizontal.imagebox {
        width: 430px;
        width: 424px;
    }

    .focus-area .span9 .box-size1-8.imagebox,
    .focus-area .span9 .box-size2-8-vertical.imagebox {
        width: 129px;
    }

    .focus-area .span14 .box-size1-8.imagebox,
    .focus-area .span14 .box-size2-8-vertical.imagebox {
        width: 207px;
    }

    .focus-area .focusbox {
        background-position: 90% 90%!important;
    }

        .focus-area .focusbox h2 {
            font-size: 100%;
        }
}

@media (max-width: 767px) {
    .focusbox,
    .focus-area .box-size8-8,
    .focus-area .span9 .box-size4-8,
    .focus-area .span14 .box-size4-8,
    .focus-area .span9 .box-size2-8-horizontal,
    .focus-area .span14 .box-size2-8-horizontal,
    .focus-area .span9 .box-size2-8-vertical,
    .focus-area .span14 .box-size2-8-vertical,
    .focus-area .span9 .box-size1-8,
    .focus-area .span14 .box-size1-8,
    .focus-area .span9 .box-size4-8.imagebox,
    .focus-area .span14 .box-size4-8.imagebox,
    .focus-area .span9 .box-size2-8-horizontal.imagebox,
    .focus-area .span14 .box-size2-8-horizontal.imagebox,
    .focus-area .span9 .box-size2-8-vertical.imagebox,
    .focus-area .span14 .box-size2-8-vertical.imagebox,
    .focus-area .span9 .box-size1-8.imagebox,
    .focus-area .span14 .box-size1-8.imagebox {
        width: 100%;
        float: none;
        display: table;
    }

    .focus-area .focusbox {
        background-position: 90% 80%!important;
    }

    .focus-area {
        margin: 0 30px 15px 30px;
    }

        .focus-area .focusbox.imagebox.box-size4-8 h2 a {
            width: auto;
        }

    .focusboxes {
        margin: 0 30px;
    }
}

.focusbox.imagebox {
    /*border-color: white;*/
    border-width: 0;
    background-position: center center!important;
}
/*
 S E L F  S E R V I C E A R E A  ON TRANSPORTPAGES 
 && 
 I F - L I N K S  ON SECTIONPAGES
*/
.teel-table {
    background: url("/images/www/layout/selfServiceareabg.png") right bottom repeat-x #94C7D2;
    padding-top: 15px;
}

.area-if-container .teel-table {
    background: none transparent;
    margin-left: 12px;
}

.teel-table h2 {
    color: white;
    margin: 12px 0px;
}

.tPageLinksSection.teel-table h2 {
    padding: 12px 0px;
    margin: 0px;
}
/*.tPageLinksSection .teel-table .table {
    padding: 0px 12px 30px 0px;
}
.tPageLinksSection.teel-table .table {
    padding: 0px 12px 30px 12px;
}*/
.tPageLinksSection.teel-table {
    margin-bottom: 50px;
    padding: 0px 12px 30px 12px;
}

.teel-table .collapsableTable {
}

.teel-table .tablecell {
    width: 265px;
    margin: 0px 0px 10px 10px;
    background-color: #FCFCF9;
    padding: 0 15px;
}

.if-links.teel-table .tablecell {
    width: 278px;
}

.teel-table .tablecell.first {
    margin-left: 0px;
}

.teel-table .tablecell a {
    color: #3D4147;
    width: 87%;
    text-decoration: none;
    display: inline-block;
    background: url("/images/www/elements/navigation-arrow-right.png") center right no-repeat transparent;
    padding: 15px 13% 15px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

    .teel-table .tablecell a.collapsed {
        background-image: url("/images/www/elements/plus.png");
    }

    .teel-table .tablecell a.expanded {
        background-image: url("/images/www/elements/minus-wide.png");
    }

@media (min-width: 1200px) {
    .tPageLinksSection.teel-table .tablecell {
        width: 342px;
    }

    .if-links.teel-table .tablecell {
        width: 358px;
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    .tPageLinksSection.teel-table .tablecell {
        width: 193px;
        font-size: 90%;
    }

    .if-links.teel-table .tablecell {
        width: 206px;
    }

    .tPageLinksSection.teel-table .tablecell {
        width: 80%;
        padding: 15px 10%;
        display: block;
        float: none;
        margin-left: 0px;
    }
}

@media (max-width: 768px) {
    .teel-table h2 {
        font-size: 237%;
        text-align: center;
        margin: 31px 0 47px 0;
        line-height: 1;
    }

    .teel-table .tablecell a {
        font-size: 125%;
    }

    .teel-table .tablecell {
        width: 90%;
        padding: 0px 5%;
        display: block;
        float: none;
        margin-left: 0px;
        line-height: 1;
    }

    .if-links.teel-table .tablecell {
        width: 90%;
        padding: 0px 5%;
        /*padding: 5px 10%;display: block;float: none;margin-left: 0px;*/
    }

    .area-if-container .teel-table {
        margin: 0 12px;
    }

    .pageHeaderPhone {
        background-color: #3e4247;
        display: block;
        padding: 38px 0;
        text-align: center;
        line-height: 1;
        font-size: 125%;
        color: #91c5d6;
        text-transform: uppercase;
        font-family: ProximaNova-Bold;
    }

    .tPageLinksSection.teel-table h2 {
        font-size: 237%;
        line-height: 1;
        padding: 31px 0 47px 0;
        text-align: center;
        display: block;
    }
}

@media (max-width: 390px) {
    .if-links.teel-table .tablecell,
    .teel-table .tablecell {
        width: 336px;
        box-sizing: border-box;
        padding: 0 20px 0 10px;
    }
    .if-links.teel-table .tablecell a,
        .teel-table .tablecell a {
            width: 100%;
            margin-right: 0;
            padding: 15px 0;
        }
}

@media (max-width: 359px) {
    .if-links.teel-table .tablecell,
    .teel-table .tablecell {
        width: 294px;
    }
}

/*N E W S   & &   N E W S B O X E S  &&   E V E N T B O X E S */
.news-box {
    border-top: solid 5px #A5C9A9;
    padding-top: 20px;
}

.event-box {
    background: url("/images/www/layout/stripedBg.png") left top repeat transparent;
}

.news-box, .event-box {
    margin-bottom: 30px;
    position: relative;
}

    .news-box h3 a,
    .news-item h2 a,
    .event-box h3 a {
        font-family: ProximaNova-Regular;
        color: #333;
        text-decoration: none;
    }

    .news-box h3 a {
        font-size: 106%;
    }

.event-article h3 {
    font-size: 99%;
}

.news-item h2 a {
    font-size: 90%;
}

.news-box p,
/*.news-item p*/
.news-item .news-item-inner {
    color: #767676;
    font-size: 88%;
}

.news-box h2, .event-box h2 {
    font-family: ProximaNovaS-Semibold;
    font-size: 100%;
    margin-bottom: 15px;
}

.event-box p {
    color: #767676;
    font-size: 83%;
}

.event-feed {
    margin: 10px;
    padding: 20px;
    background-color: white;
}

.event-box .domDropDownList {
    margin-bottom: 25px;
}

    .event-box .domDropDownList .domDropDownListContainer {
        border: solid 1px #BCBEC0;
    }

    .event-box .domDropDownList .domDropDownListContainer,
    .event-box .domDropDownListContent {
        background-color: white;
    }

.news-box-footer,
.event-box-footer {
    position: absolute;
    bottom: 20px;
}

@media (min-width: 1200px) {
    .event-box .domDropDownList .domDropDownListContainer {
        width: 370px;
        background-position: 340px 15px;
    }
}

/*@media (min-width: 768px) and (max-width: 979px) 
{
  
}*/
@media (max-width: 767px) {
    .news-box {
        padding: 20px 30px 30px 30px;
        height: auto !important;
    }

    .event-box {
        padding: 10px 0;
        height: auto !important;
    }

    .event-feed {
        margin: 0px;
        padding: 20px 30px;
    }

    .news-box-footer,
    .event-box-footer {
        position: relative;
        padding-top: 20px;
    }
}

@media (max-width: 470px) {
    .event-box .domDropDownList .domDropDownListContainer {
        width: 255px;
        background-position: 227px 15px;
    }
}
/* n e w s   f i l t e r i n g   
[old-time functionality]
*/
.news-filter {
    font-size: 80%;
    border-bottom: 5px solid #A5C9A9;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.calendarheader, .calendarchoicedisplay {
    font-family: ProximaNovaS-Semibold;
    font-size: 120%;
    margin-bottom: 12px;
}

    .calendarchoicedisplay a {
        text-decoration: none;
    }

    .calendarchoicedisplay span {
        display: inline-block;
        padding: 0px 5px;
    }

.calendarchoice, .calendarchoiceon {
    display: inline-block;
    width: 30px;
    text-align: center;
}

    .calendarchoice a, .calendarchoiceon a {
        text-decoration: none;
        padding: 7px 0px;
        display: block;
    }

    .calendarchoiceon, .calendarchoice:hover {
        border: solid 1px #BCBEC0;
        width: 28px;
    }

        .calendarchoiceon a {
            color: #737373;
            font-weight: bold;
        }

.checkboxitem {
    padding: 1px;
}

    .checkboxitem label {
        display: inline-block;
        margin-left: 2px;
    }

    .checkboxitem input {
        margin: 0px;
    }

ul.newslist {
    list-style: none;
    margin: 0px;
}

li.news-item {
    margin: 0px 0px 20px 0px;
    padding: 0px;
}

    li.news-item br {
        display: none;
    }

    li.news-item p {
        display: inline;
    }

    li.news-item .news-date {
        display: inline-block;
        margin-right: 5px;
        font-size: 114%;
        color: #333333;
    }

@media (max-width: 767px) {
    .news-filter, ul.newslist {
        margin-left: 30px;
        margin-right: 30px;
    }
}

/* WEBSITE INDEX */
.websiteOverviewCategory {
    font-weight: bold;
    background-position: right top;
    background-repeat: no-repeat;
    cursor: pointer;
}

    .websiteOverviewCategory.collapsed {
        background-image: url('/images/www/elements/plus.png');
    }

    .websiteOverviewCategory.expanded {
        background-image: url('/images/www/elements/minus.png');
    }

.websiteOverviewContainer {
}

.websiteOverviewWebsite {
}

    .websiteOverviewWebsite .siteDescription {
        margin-bottom: 20px;
    }

/* PAGER */
.pagerItem, .pagerArrow {
    background-color: #ECE7E0;
}

.pagerItem, .pagerArrow {
    float: left;
    position: relative;
    right: 50%;
}

.pagerItem {
    padding-top: 4px;
    font-size: 107.69%;
    margin-left: 3px;
}

    .pagerItem a, .pagerArrow a {
        padding: 0px;
        background-color: transparent;
        border: 0px;
        border-radius: 0px;
        color: #716652;
    }

        .pagerItem a:hover, .pagerArrow a:hover {
            background-color: transparent;
            color: #716652;
        }

    .pagerItem.on {
        background-color: #80745D;
    }

        .pagerItem.on a {
            color: #FFFFFF;
        }

            .pagerItem.on a:hover {
                color: #FFFFFF;
            }

.pagerArrow {
    line-height: 29px;
}

.pagerArrowLeft {
    margin-right: 10px;
}

.pagerArrowRight {
    margin-left: 13px;
}

.pagerCounter {
    text-align: center;
    position: relative;
    width: 100%;
}

.pagerCounterInner {
    text-align: center;
    float: left;
    left: 50%;
    position: relative;
}

.pagerItemInner {
    width: 30px;
    height: 25px;
}

.pagerArrowInner {
    height: 29px;
    width: 49px;
}


/*  C O M M I T T E E  */
.tabitems {
    width: 100%;
    border-bottom: solid 1px #BCBEC0;
    height: 44px;
}

.tabitem {
    float: left;
    padding: 12px;
    border: solid 1px #BCBEC0;
    border-left: none;
    background-color: white;
}

    .tabitem.first {
        border-left: solid 1px #BCBEC0;
    }

.tabitemon {
    border-bottom: solid 1px white;
}

.tabitem a {
    color: #333333;
    text-decoration: none;
}

.committeefilterselect {
    margin: 20px 0px;
    border-top: 5px solid #A5C9A9;
}

    .committeefilterselect a,
    .committeefilterselect a:active {
        color: #737373;
        text-decoration: none;
        padding: 12px;
        padding-right: 50px;
        border: solid 1px #BCBEC0!important; /*for a:active*/
        background: url("/images/www/elements/navigation-arrow-right.png") no-repeat 98% center white;
        margin: 25px 0px;
        display: block;
    }

.aaaletterlist {
    width: 100%;
    padding-bottom: 20px;
    margin-bottom: 10px;
}

@media (min-width: 1200px) {
    .aaaletterlist {
        margin-bottom: 25px;
    }
}
/*.aaaletterlist .inner{
    width: 696px;
    margin: auto;
    }*/
.aaaletteritem, .aaaletteritemon {
    display: inline-block;
    text-align: center;
    width: 24px;
    margin-bottom: 15px;
}

    .aaaletteritem:last-of-type, .aaaletteritemon:last-of-type {
        width: 56px;
    }

    .aaaletteritemon a {
        text-decoration: none;
        border: solid 1px #BCBEC0;
    }

.aaaletterlist span.aaaletteritem a:hover, .aaaletterlist span.aaaletteritemon a {
    border: solid 1px #BCBEC0;
    padding: 7px;
}

.aaaletteritemon:last-of-type, .aaaletteritem:hover:last-of-type {
    border: none;
    width: auto;
}

.aaaletteritemon {
    font-weight: bold;
}

.aaaletterlist .aaaletteritem {
    color: #BCBEC0;
}

.aaaletterlist a {
    color: #737373;
    text-decoration: none;
}

@media (min-width: 1200px) { /*.aaaletteritem, .aaaletteritemon{ margin-bottom:0px;}*/
}

@media (max-width: 767px) {
    .aaaletterlist.committeelist {
        margin: 0 30px;
        width: auto;
    }
}

.committeetypebox label,
.committeetypebox select,
.committeetypebox input[type='submit'] {
    float: left;
    margin-right: 20px;
}

.committeelist .aaaletteritem:last-of-type, .aaaletteritemon:last-of-type {
    width: 24px;
}

.committe-person-data {
    margin: 25px 0px;
}

.committee-person-picture {
}

dl.committee-person-details {
}

.committee-person-details dt {
    float: left;
    width: 20%;
    margin: 0px;
    height: 30px;
}

.committee-person-details dd {
    float: left;
    width: 80%;
    margin: 0px;
    min-height: 30px;
}

@media (max-width: 1200px) {
    .aaaletterlist .inner {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .aaaletterlist .inner {
        width: 100%;
    }

    .committeefilterselect {
        margin: 20px 30px;
    }

    .committee-person-details dt {
        width: 40%;
    }

    .committeepersonmembership caption,
    .committeepersonimage thead {
        padding-left: 10px;
    }
}
/*N G I S */
#nm_gmap, #minimapbody {
    height: 400px;
    width: 630px;
    margin-bottom: 22px;
}

@media (min-width: 1200px) {
    #nm_gmap, #minimapbody {
        width: 785px;
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    #nm_gmap, #minimapbody {
        width: 486px;
    }
}

@media (max-width: 767px) {
    #nm_gmap, #minimapbody {
        width: 400px;
        margin-left: 30px;
        margin-right: 30px;
    }
}

@media (max-width: 430px) {
    #nm_gmap, #minimapbody {
        width: 270px;
        margin-left: 30px;
        margin-right: 30px;
    }
}

/********************************/
/*    G E N E R A L   F O R M   */
/*              &               */
/*     c R O S S F L O W S      */
/********************************/

#crossflowsform select, textarea,
#crossflowsform input[type="text"],
#crossflowsform input[type="password"],
#crossflowsform input[type="datetime"],
#crossflowsform input[type="datetime-local"],
#crossflowsform input[type="date"],
#crossflowsform input[type="month"],
#crossflowsform input[type="time"],
#crossflowsform input[type="week"],
#crossflowsform input[type="number"],
#crossflowsform input[type="email"],
#crossflowsform input[type="url"],
#crossflowsform input[type="search"],
#crossflowsform input[type="tel"],
#crossflowsform input[type="color"],
#crossflowsform .uneditable-input {
    width: 97%;
    margin: auto;
}

#crossflowsform,
.crossflowsfieldcheckbox {
    width: 100%;
}

    .crossflowsfieldcheckbox .crossflowsfieldlabel,
    .crossflowsfieldcheckbox .crossflowsfieldfield,
    .crossflowsfieldradiolist label,
    .crossflowsfieldradiolist input,
    .crossflowsfieldchecklist label,
    .crossflowsfieldchecklist input {
        float: left;
    }

    .crossflowsfieldcheckbox .crossflowsfieldlabel {
        margin-right: 20px;
    }

.crossflowsfieldradiolist input,
.crossflowsfieldchecklist input {
    width: 40px;
}

#crossflowsbuttons {
    text-align: right;
    margin: 25px 0px;
}

.clearfloat {
    clear: both;
    float: left;
    width: 100%;
}

.crossflowsfield,
.crossflowsfieldfieldlistitem {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.ticketItem {
    width: 100%;
}

.cflabel {
    width: 30%;
    min-width: 130px!important;
}

.cftetext {
    width: 70%!important;
}

.cflabel {
    float: left;
    width: 200px;
    margin: 5px 0;
}

.cftext {
    float: left;
    width: 180px;
    margin: 5px 0;
}

.clearboth {
    clear: both;
}

.ticketItem {
    border-bottom: dotted 1px #ccc;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

@media (max-width: 767px) {
    #crossflowsform {
        width: auto;
        margin: 0 30px;
    }

    .crossflowsfieldcheckbox .crossflowsfieldlabel {
        width: 50%;
    }
}
/**********************/
/*    S E A R C H     */
/**********************/
.SearchBoxContainer #cludo-search-form-mobile .search-button {
    height: 70px; /*Overwriting Cludo*/
    width: 70px; /*Overwriting Cludo*/
    position: absolute; /*Overwriting Cludo*/
    right: 70px; /*Overwriting Cludo*/
    background-color: #292d33; /*Overwriting Cludo*/
}

.SearchBoxContainer #cludo-search-form-mobile .search-input {
    height: 50px; /*Overwriting Cludo*/
    width: 100%; /*Overwriting Cludo*/
    border: none; /*Overwriting Cludo*/
    padding-right: 125px; /*Overwriting Cludo*/
    box-sizing: border-box; /*Overwriting Cludo*/
}

.SearchBoxContainer #cludo-search-form-mobile {
    width: 100%; /*Overwriting Cludo*/
    box-sizing: border-box; /*Overwriting Cludo*/
}

.jobContent .SearchBoxContainer {
    float: none;
    margin-bottom: 25px;
}

.jobContent input[type="submit"] {
}
.roundedbutton1 {
    display: flex;
    justify-content: space-between;
    margin: 25px 0;
}
.roundedbutton1 a.applyLink {
    background: url("/images/www/elements/navigation-arrow-right.png") no-repeat scroll 94% center #FFFFFF;
    border: 1px solid #BCBEC0 !important;
    color: #737373;
    display: inline-block;
    padding: 12px 55px 12px 12px;
    text-decoration: none;
    color: #555555;
    text-decoration: none;
}
.job-share-icons {
    display: flex;
}
.job-share-icons img {
    filter: grayscale(80%);
}
.job-share-icons a {
    margin-left: 5px;
    display: block;
}
.job-share-icons a:hover img {
    filter: grayscale(0%);
}
.job-share-icons a[href=""] {
    display: none;
}

.search-area {
    top: 86px;
}

.SearchBoxContainer {
    background: url('/images/www/elements/search-box-bg-desktop.png') left top repeat white;
    position: relative;
    top: 0px;
    right: 0px;
}

    .SearchBoxContainer input[type="text"] {
        border: none;
        background-color: transparent;
        box-shadow: none;
        transition: none;
        padding: 10px 0px;
        margin: 0px;
        width: 200px;
    }
    .search-button {
        border: 0;
        background-repeat: no-repeat;
        width: 15px;
        height: 15px;
        margin-bottom: 0;
    }
    .search-button-phone {
        background: url('/images/www/elements/Search-Button-phone.png');
        width: 105px;
        height: 95px;
    }

.SearchBoxContainerPhone .searchforminputwrapper ul {
    width: 118%;
    background: none;
    padding: 0;
    margin-left: -30px!important;
}

    .SearchBoxContainerPhone .searchforminputwrapper ul li {
        margin: 0;
        padding: 14px 7px !important;
    }

@media (min-width: 988px) {
    .SearchBoxContainer {
        width: 320px;
        float: right;
    }
    .SearchBoxContainer input[type="text"] {
        width: 290px;
    }
}

@media (max-width: 767px) {
    .SearchBoxContainer {
        background: none;
        margin: 0px;
        padding: 0px;
        background-color: #292D33;
    }

        .SearchBoxContainer input {
            background-color: #292D33;
            color: white;
            height: 70px;
            border: none;
        }

            .SearchBoxContainer input[type="text"] {
                box-shadow: none;
                transition: none;
                border-radius: 0px;
                width: 85%;
                margin: 0px;
                font-size: 30px;
                font-size: 125%;
                font-weight: normal;
                font-family: ProximaNova-Regular;
                padding: 0px 10px 0px 30px;
            }

            .SearchBoxContainer button {
                max-width: 100%;
                position: absolute;
                right: 0px;
                top: 0px;
            }
}

@media (max-width : 320px) {

    .SearchBoxContainer input[type="text"] {
        font-size: 130%;
    }
}
/******************************************************/
/*    S I T E M A P    &&   K E Y W O R D  L I S T    */
/******************************************************/
ul.sitemap {
    margin-top: 20px;
}

    ul.sitemap li {
        margin-top: 20px;
    }

li.keyword-list-level1 {
    list-style: none;
}

select#selectLetter {
    width: 300px;
    margin: auto;
    display: block;
}

@media (min-width: 768px) and (max-width: 979px) {
    ul.sitemap {
        margin: 30px 0;
        list-style: none;
    }

    ul.keyword-list {
        margin: 0;
        list-style: none;
    }

    li.sitemaplevel1,
    li.keyword-list-level1,
    li.keyword-list-level2 {
        margin-left: 0px;
        padding-left: 0px;
    }
}

@media (max-width: 767px) {
    ul.sitemap {
        margin: 20px 30px 30px 30px;
        list-style: none;
    }

    ul.keyword-list {
        margin: 0 30px;
        list-style: none;
    }

    li.sitemaplevel1,
    li.keyword-list-level1,
    li.keyword-list-level2 {
        margin-left: 0px;
        padding-left: 0px;
    }
}

@media (max-width : 320px) {
}
/******************************************/
/*    W E B B L O G  / C O M M E N T      */
/******************************************/
.weblogtitle {
    margin-bottom: 20px;
}

.weblog {
    display: table;
    clear: both;
    width: 100%;
}

.weblogcomment {
    padding-bottom: 20px;
    border-bottom: 1px solid #BEC0C1;
}

    .weblogcomment .info {
        font-style: italic;
        font-size: 95%;
    }

.weblog.clear {
    border: none;
    margin-bottom: 0px;
}

.weblogformtitle,
.weblogcomment {
    margin-bottom: 20px;
}

.weblogfieldinput input[type="text"],
.weblogfieldinput textarea {
    width: 95%;
    padding: 3px 2.5%;
}

.weblogfieldinput textarea {
    min-height: 100px;
}

.weblogfieldsavecss input[type="submit"] {
    float: right;
    margin: 20px 0px;
    min-width: 100px;
}

.weblogfields_validationsummary label {
    color: red;
}
/*************************/
/*    R S S - L I S T    */
/*************************/
.rss-list {
}
/***********************************************************************/
/*    C E N T E R  - L I S T   &&  C O N T A C T  P E R S O N L I S T */
/**********************************************************************/
.center-list {
    margin: 20px 0px;
}

    .center-list a {
        padding: 5px 0px;
        display: block;
    }

.contactpersnlist {
    margin-bottom: 40px;
}

.person, .personalt {
    margin: 20px 0px;
}
/**********************/
/*    F O O T E R     */
/**********************/

#pageFooter article {
    padding: 50px 0 40px 0;
}

#pageFooter .rightCol article {
    padding: 50px 34px;
}

    #pageFooter .rightCol article:last-child {
        padding-top: 0px;
    }

ul.iconLinks {
    float: right;
    list-style: none;
}

ul.footer-list,
ul.footer-list li {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#pageFooter .iconLinks li.iconLinks {
    float: left;
    margin-left: 2px;
    padding-left: 0px;
}

@media (min-width: 768px) and (max-width: 979px) {
    #pageFooter .rightCol article {
        padding: 50px 30px;
    }
}

@media (max-width: 767px) {
    #pageFooter {
        font-size: 100% !important;
    }

        #pageFooter article {
            text-align: center;
            padding: 30px 0 0 0;
            /*font-size:173%;*/
        }

        #pageFooter .dropDownContainer {
            padding-top: 25px;
        }

        #pageFooter .article .js_DomDropDownContent {
            font-size: 90%;
        }

        #pageFooter .rightCol article {
            padding: 30px 0;
        }

    .footer-list.iconLinks {
        width: 140px;
        margin: auto!important;
        float: none;
        padding-bottom: 30px!important;
        margin-bottom: 30px!important;
    }

    #pageFooter .iconLinks li.iconLinks {
        margin: 0 9px;
    }

    #pageFooter .address h2 {
        font-size: 125%;
    }

    #pageFooter .address p {
        font-size: 106%;
    }

    ul.footer-list.overview li {
        margin-top: 15px;
    }
}
/* S P E C I A L   F O N T */
#pageFooter {
    font-size: 90%;
}

    #pageFooter,
    #pageFooter h1,
    #pageFooter h2,
    #pageFooter h3,
    #pageFooter a {
        color: #FCFCF9;
    }

        /* S P E C I A L   H E A D E R S  */
        #pageFooter h2 {
            font-family: ProximaNovaS-Bold;
            font-size: 100%;
        }
        /*L I S T S */
        #pageFooter li {
            margin-bottom: 5px;
        }
/*H E L P  C L A S S E S */
.pointer {
    cursor: pointer;
}

.bottom-margin {
    margin-bottom: 15px;
}

.content-top-container {
    margin: -5px 0 30px 0;
}

.table {
    display: table;
    width: 100%;
}

.tablerow {
    display: table-row;
}

.tablecell {
    display: table-cell;
    float: left;
    vertical-align: top;
}

.tablecell100 {
    width: 100%;
}

.arrow-link {
    background: url("/images/www/elements/navigation-arrow-green.png") right bottom no-repeat transparent;
    padding-right: 40px;
    text-decoration: none;
}

    .arrow-link:hover {
        text-decoration: underline;
    }

.inline {
    display: inline;
}

#nm_gmap img {
    max-width: none;
    margin-bottom: 20px;
}

/**********************/
/*      R S S         */
/**********************/
/* Todo fix .rss margin. */
.rss {
    margin-top: 25px;
}

    .rss .newsdate, .rss .newstitle {
        margin: 15px 0;
    }

    .rss .rssItem {
        border-bottom: solid 1px #eeeeee;
    }

/********************/
/*    Abonnement    */
/********************/
@media (max-width:767px) {
    .centercolumncontent {
        margin-left: 30px;
        margin-right: 30px;
    }
}

/**********************************/
/*     C L U D O   S E A R C H    */
/**********************************/
@media (max-width: 767px) {
    #search-results {
        margin: 0 10px;
    }
    .search-form .input-container {
        display: none;
    }
}
#search-results {
    clear: both;
}

.search-form {
    margin-bottom: 30px;
}

    .search-form .input-container {
        position: relative;
        background: url('/images/www/elements/search-box-bg-desktop.png') left top repeat white;
        padding: 0px 15px;
        margin-bottom: 15px;
    }

        .search-form .input-container .search_text {
            width: 100%;
            height: 32px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            border: none;
            background: transparent;
            -webkit-box-shadow: none;
            -ms-box-shadow: none;
            box-shadow: none;
            padding: 10px 0;
            margin: 0;
        }

        .search-form .input-container .search-button {
            position: absolute;
            right: 10px;
            top: 50%;
            -webkit-transform: translate(0, -50%);
            -moz-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
            -o-transform: translate(0, -50%);
            transform: translate(0, -50%);
        }

        .search-form .input-container ul {
            position: absolute;
            margin: 0;
            padding: 15px 0 0 0!important;
            width: 100%;
            left: 0;
            background: url("/images/www/elements/selecttopbg.png") left top repeat-x #FCFCF9;
            list-style: none;
            top: 32px;
        }

            .search-form .input-container ul li {
                margin: 0;
                padding: 7px 15px 7px 15px;
                cursor: pointer;
                color: #617C64;
            }
                .search-form .input-container ul li.active {
                    margin: 0;
                    padding: 7px 15px 7px 15px;
                    cursor: pointer;
                    color: #617C64;
                }

                .search-form .input-container ul li:last-child {
                    background: url("/images/www/elements/selectbottombg.png") left bottom repeat-x transparent;
                    padding-bottom: 15px!important;
                    margin-bottom: -10px!important;
                }

    .search-form .search-did-you-mean b{
        cursor: pointer;
    }
/****************/
/*    Loader    */
/****************/
/* Source: http://tobiasahlin.com/spinkit/ */
.menu-loader {
    position: absolute;
    z-index: 1000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.4);
}

.loading {
    border-radius: 50%;
    width: 34px;
    height: 34px;
    border: 0.45rem solid rgba(255, 255, 255, 0.2);
    border-top-color: white;
    -webkit-animation: spin 0.8s infinite ease-in-out;
    animation: spin 0.8s infinite ease-in-out;
    margin: 100px auto 0;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}