@charset "UTF-8";

/*==========================================================================
  01. GENERAL
  ==========================================================================*/

#mmenu {
    display: none;
}

* {
    box-sizing: border-box;
    border: 0;
}

/*
html {
    height: 100%;
}
*/

body {
    /*height: 100%;*/
    color: #0b2b3e;
    font-size: 1em;
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    background-color: #f3f3f3;
}

.mm-page {
    height: 100%;
}

.wrapper {
    min-height: 100%;
    position: relative;
}

ul {
    margin-bottom: 1em;
    line-height: 150%;
    color: #3f4040;
}

p {
    margin-bottom: 1em;
    color: #3f4040;
    line-height: 130%;
}

a {
    color: #0b2b3e;
}

a:hover {
    color: #c52c1a;
}

/*==========================================================================
  02. HEADER
  ==========================================================================*/

header {
    background: #ffffff;
    height: 140px;
    position: relative;
}
main header {
    background:none;
    height: auto;
    position: static;
}
.header-container {
    margin: 0 auto;
    padding: 0 0 0 17em;
    display: flex;
}

header .logo {
    position: absolute;
    top: 2.9em;
    left: 2.9em;
    z-index: 3;
}

/*------ MENU ------*/

.desktopmenu {
    position: relative;
    display: flex;
}

.right-menu {
    display: flex;
    justify-content: center;
    align-items: center;
}

.right-menu .desktopmenu {
    display: flex;
    margin: 0 2em;
}

.right-menu .desktopmenu ul {
    display: flex;
    flex-direction: row;
}

.right-menu .desktopmenu ul li.mit-prosa {
    height: 47px;
    border: solid 2px #c52c1a;
    padding: 0 1em;
    border-radius: 5px;
    background-color: #c52c1a;
    text-align: center;
    line-height: 3em;
}

.right-menu .desktopmenu ul li.mit-prosa a {
    color: white;
}

.right-menu .desktopmenu ul li#logaf {
    height: 47px;
    padding: 0 1em;
    border-radius: 5px;
    border: solid 2px #c52c1a;
    text-align: center;
    line-height: 3em;
    margin: 0 .5rem;
}

.right-menu .desktopmenu ul li#logaf a {
    color: #c52c1a;
}

/*.right-menu .desktopmenu ul li#logaf a:after {
    display: inline-block;
    content: " ";
    background: url(/fileadmin/templates/Icons/logout.svg) no-repeat;
    background-size: contain;
    width: 17px;
    height: 17px;
}*/

header ul {
    margin-bottom: 0;
    line-height: 140px;
    position: relative;
}

header li {
    padding: 0.5em 0.25em;
    z-index: 1;
    display: inline;
    line-height: normal;
}

header .menuLvl1Li {
    transition: none;
}

header .menuLvl1Li:hover {
    border-bottom: 2px solid #C52C1A;
    transition: .2s ease-in;
}

header .menuLvl1Li:first-of-type:hover {
    border-bottom: none;
    border-radius: 5px;
}

header .menuLvl1Li > a:hover {
    color: #0b2b3e;
}

header ul.menuUlLvl1 > li:first-of-type ul {
    display: none;
} 

/*header ul.menuUlLvl1 > li:first-of-type a:before {
    content: " ";
    background: url(/fileadmin/templates/images/prosa_lock.png) no-repeat;
    background-size: contain;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 16px;
    top: 13px;
}*/

header ul.menuUlLvl1 > li:last-of-type a {
    background: url(/fileadmin/templates/images/ok-maerket-logo.png) no-repeat center top;
    height: 30px;
    width:30px;
    display: inline-block;
    text-indent: -9100px;
    vertical-align: super;
}

header a {
    line-height: 110%;
}

header li ul {
    display: none;
    position: absolute;
    top: 89px;
    padding: 47px 0 0.9em 0;
    left: -15px;
    z-index: 1;
    width: 100%;
    max-width: 1200px;
    background: #ffffff;
}

/******************************************************************************/

@-moz-document url-prefix() {
    header li ul {
        top: 91px;
    }
}

@supports (-ms-accelerator:true) {
    header li ul {
        top: 91px;
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    header li ul {
        top: 86px;
    }
}

@supports (-ms-ime-align:auto) {
    header li ul {
        top: 91px;
    }
}

header ul li:hover ul {
    display: block;
}

header li ul li {
    display: block;
    float: left;
    padding: 0.2em 1em;
    width: 33%;
    min-height: 105px;
}

header li ul a {
    display: block;
    border-top: 2px solid #c52c1a;
    padding: 0.5em 0 0.2em 0;
}

header li ul ul {
    display: block;
    position: static;
    width: auto;
    margin-left: 0;
    padding: 0;
}

header li ul li li {
    min-height: 0;
    padding: 0.2em 0;
    float: none;
    width: 100%;
}

header li ul ul a {
    font-weight: 400;
    margin-bottom: 0;
    border-top: none;
    padding-top: 0;
}

header .active > a {
    color: #c52c1a;
}

/*------ SEARCH ------*/

.solrsearch {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.solrsearch ::-webkit-input-placeholder {
    color: #0b2b3e;
}

.solrsearch ::-moz-placeholder {
    color: #0b2b3e;
}

.solrsearch :-ms-input-placeholder {
    color: #0b2b3e;
}

.solrsearch :-moz-placeholder {
    color: #0b2b3e;
}

.solrsearch label {
    display: none;
}

header .tx-solr-q {
    height: 47px;
    border: 0px;
    width: 175px;
    padding: 0 1em;
    border-radius: 5px;
    background-color: #f3f3f3;
}

header .tx-solr-q:focus {
    width: 175px;
}

header #inputButton {
    position: absolute;
    top: 10px;
    right: 8px;
    z-index: 2;
    width: 14px;
    height: 14px;
}

.solrsearch svg {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 2;
    width: 14px;
    height: 14px;
    pointer-events: none;
}

form#tx-solr-search-form-pi-search {
    position: relative;
}

/*==========================================================================
  03. MAIN
  ==========================================================================*/

/*------ GENERAL ------*/

main {
    height: 100%;
    margin: 0 auto;
    padding: 2em 0 318px 0;
    max-width: 1200px;
}

main.full-width {
    max-width: 1000px;
}

main ul, main ol {
    padding-bottom: 1em;
}

main .ce-bullets {
    margin: 0 0 0 1.2em;
}

main .ce-bullets li {
    padding: 0 0 0 0.4em;
    position: relative;
    line-height: 150%;
    display: list-item;
}

main h1{
    font-size: 1.5em;
}

main h2 {
    font-size: 1.2em;
}

.hub h2, .submain .hub h2, .full-width h2 {
    text-transform: uppercase;
}

main .ce-bodytext ul,
main .ce-bodytext ol {
    margin: 0 0 0 1.2em;
}

main .ce-bodytext li {
    padding: 0 0 0 0.4em;
    line-height: 150%;
    display: list-item;
    list-style-type: disc;
}

main .ce-bodytext ol li {
    list-style-type: decimal;
}

.full .main-container > div > h2 {
    font-size: 1.5em;
    margin: 2rem 0 1rem 0;
}

.find-more {
    display: inline-block;
    font-size: 0.9em;
    background: #c52c1a;
    padding: 0.6em 1.5em;
    color: #ffffff;
    text-align: center;
    margin-right: 0;
    max-width: 312px;
    width: 100%;
    margin-bottom: 0.3em;
}

.find-more:hover {
    color: #ffffff;
    background: #de3420;
}

/*==========================================================================
  03. FRONTPAGE
  ==========================================================================*/

/*------ BANNER ------*/

.hero-img {
    position: relative;
    color: #ffffff;
}

.hero-img .ce-bodytext {
    position: absolute;
    background: rgba(10,43,62,0.75);
    left: 50%;
    max-width: 615px;
    padding: 2em;
    top: 50%;
    transform: translateY(-50%);
}

.hero-img .ce-bodytext h1 {
    font-size: 1.5em;
    margin-bottom: 0.5rem;
}

.hero-img .ce-bodytext p,
.hero-img .ce-bodytext a {
    color: #ffffff;
}

.hero-img .ce-bodytext a {
    display: inline-block;
    background: #c52c1a;
    padding: 0.8em 1.2em;
}

.hero-img .ce-bodytext a:hover {
    background: #de3420;
}

.hero-img .ce-bodytext p:last-child {
    margin-bottom: 0;
}

.hero-img .ce-bodytext p:nth-child(3),
.hero-img .ce-bodytext p:nth-child(4) {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 0.5em;
}

.hero-img .ce-above .ce-gallery {
    margin-bottom: 0;
}

/*-- WARNING --*/

.hero-img #c22883 .ce-bodytext {
    position: static;
    background: #c52c1a;
    padding: 0.7em 0.5em;
    transform: none;
    max-width: none;
    text-align: center;
}

.hero-img #c22883 .ce-bodytext p {
    display: inline-block;
    position: relative;
}

.hero-img #c22883 .ce-bodytext a {
    display: inline;
    background: transparent;
    padding: 0;
}

.hero-img #c22883 .ce-bodytext p:first-child:before {
    content: " ";
    position: absolute;
    background: url(/fileadmin/templates/images/Warning_icon.png);
    background-size: contain;
    width: 26px;
    height: 26px;
    top: -3px;
    left: -34px;
}

/*------ FIVE COLUMN ------*/

.full .front-5col-top {
    padding: 0 .5em;
}

.full .front-5col-top > div {
    position: relative;
    padding: 0 .5em;
    margin: 1rem 0;
}

.full .front-5col-top > div > div {
    background: #e3e2dc;
}

.full .front-5col-top > div h2 {
    color: #ffffff;
    background: #408484;
    text-align: center;
    font-size: 1.1rem;
    padding: 0.5em 0;
    letter-spacing: 1px;
}

.full .front-5col-top > div h2 a {
    color: #ffffff;
    display: block;
}

.full .front-5col-top > div h2 a:hover {
    color: #ffffff;
}

.full .front-5col-top > div:nth-child(2) h2 {
    background: #3b69b1;
}

.full .front-5col-top > div:nth-child(3) h2 {
    background: #eb5d39;
}

.full .front-5col-top > div:nth-child(4) h2 {
    background: #0b2b3e;
}

.full .front-5col-top > div:nth-child(5) h2 {
    background: #c52c1a;
}

.full .front-5col-top > div .ce-bodytext {
    height: 150px;
    text-align: center;
    position: relative;
}

.full .front-5col-top > div:nth-child(1) .ce-bodytext {
    background: url(/fileadmin/templates/grafik/o-graa.png);
}

.full .front-5col-top > div:nth-child(2) .ce-bodytext {
    background: url(/fileadmin/templates/grafik/prosa-r-ny.png) no-repeat 52px -64px;
}

.full .front-5col-top > div:nth-child(3) .ce-bodytext {
    background: url(/fileadmin/templates/grafik/a-graa.png);
}

.full .front-5col-top > div:nth-child(4) .ce-bodytext {
    background: url(/fileadmin/templates/grafik/s-graa-vendt.png);
}

.full .front-5col-top > div:nth-child(5) .ce-bodytext {
    background: url(/fileadmin/templates/grafik/prosa-p-ny.png) no-repeat -25px -60px;
}

.full .front-5col-top > div .ce-bodytext p {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.full .front-5col-top > div .ce-bodytext a {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 2em 1.5em 0 1.5em;
}

.full .front-5col-top > div:nth-child(2) .ce-bodytext a {
    padding: 2.5em 1.5em 0 1.5em;
}

.full .front-5col-top > div:nth-child(1) .ce-bodytext a,
.full .front-5col-top > div:nth-child(5) .ce-bodytext a {
    padding: 3.2em 1.5em 0 1.5em;
}

/*------ FRONT ARTICLE LIST ------*/

.news-list-view a {
    transition: all 0.1s ease-in-out;
}

.article {
    background: #ffffff;
    margin-bottom: 1.7em;
    border: 1px solid #e9e9e9
}

.news-img-wrap {
    position: relative;
}

.news-list-tags {
    display: none;
}

.news-list-category {
    position: absolute;
    background: #c52c1a;
    bottom: 0;
    right: 0;
    color: #ffffff;
    padding: 0.3em;
    font-size: 0.9em;
    pointer-events: none;
}

.article h3 {
    font-size: 1.1em;
    margin-bottom: 1rem;
    line-height: 130%;
}

.news-list-date time {
    color: #b6b5b1;
    font-size: 0.8rem;
}

/*-- OPINION FRONT --*/

.opinion-front .article {
    position: relative;
    overflow: hidden;
    padding-left: 300px;
    min-height: 200px;
}

.opinion-front .article:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 300px;
    height: 200px;
    background: url(/fileadmin/templates/images/Banner-pixel300x200-beigebackground3.jpg) no-repeat;
    background-size: contain;
}

.opinion-front .news-list-view a:last-child .article:before {
    background: url(/fileadmin/templates/images/Banner-pixel300x200-darkbluebackground2.jpg) no-repeat;
}

.opinion-front .news-img-wrap {
    position: absolute;
    width: 300px;
    left: 0;
    top: 0;
}

.opinion-front .news-text-container {
    float: left;
    max-width: 515px;
    padding: 1em 0 0 1em;
}

.opinion-front p.align-right {
    margin-bottom: 0;
}

.opinion-front .news-list-category {
    display: none;
}

/*-- EVENTS FRONT --*/

.events-front .news-list-date {
    display: none;
}

.events-front .sg-33-small:not(:last-child) .article {
    background: #0b2b3e;
}

.events-front .teaser-text {
    padding: 1em;
    background: #ffffff;
    min-height: 125px;
}

.events-front .teaser-text p {
    margin-bottom: 0;
}

.events-front .sg-33-small:not(:last-child) .header {
    height: 210px;
    position: relative;
}

.events-front .sg-33-small:first-child .header {
    background: url(/fileadmin/templates/images/o-blaa.png) no-repeat -100px 0;
}

.events-front .sg-33-small:nth-child(2) .header {
    background: url(/fileadmin/templates/images/a-blaa.png) no-repeat 100px 0;
}

.events-front .sg-33-small:not(:last-child) .header:after {
    content: "";
    width: 100px;
    height: 1px;
    background: #ffffff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -50px;
}

.events-front .sg-33-small:not(:last-child) h3 {
    text-align: center;
    font-size: .8em;
    position: absolute;
    top: 25%;
    transform: translateY(-50%);
    width: 100%;
    padding: 0 1em;
    max-height: 85px;
    overflow: hidden;
}

.events-front .sg-33-small:not(:last-child) .event-time {
    text-align: center;
    font-size: .8em;
    position: absolute;
    top: 75%;
    transform: translateY(-50%);
    width: 100%;
    padding: 0 1em;
    color: #ffffff;
    font-weight: 500; 
}

.events-front .event-date-container {
    margin: 0 auto;
    display: inline-block;
    text-align: left;
}

.events-front .sg-33-small:not(:last-child) .event-location {
    position: absolute;
    background: #c52c1a;
    bottom: 0;
    right: 0;
    color: #ffffff;
    padding: 0.3em;
    font-size: 0.9em;
    pointer-events: none;
}

.events-front .sg-33-small:not(:last-child) a {
    color: #ffffff;
}

.events-front .sg-33-small:last-child .news-img-wrap,
.events-front .sg-33-small:last-child .teaser-text {
    display: none;
}

.events-front .sg-33-small:last-child .article {
    margin-bottom: 0;
    border-bottom: none;
}

.events-front .sg-33-small:last-child .header {
    padding: 1em;
    position: relative;
}

.events-front .sg-33-small:last-child .header:after {
    content: "";
    background: url(/fileadmin/templates/images/red_arrow.png);
    height: 17px;
    width: 9px;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    right: 1em;
}

.events-front .sg-33-small:last-child .event-time,
.events-front .sg-33-small:last-child .event-location {
    color: #b6b5b1;
    font-size: 0.8em;
    display: inline-block;
}

.events-front .sg-33-small:last-child .event-time div {
    display: inline-block;
}

.events-front .sg-33-small:last-child .event-time .event-date-container div:last-child, 
.events-front .sg-33-small:last-child .event-time .event-date-container span {
    display: none;
}

.events-front .sg-33-small:last-child .event-time:after {
    content: " | ";
    display: inline-block;
    font-size: 0.8rem;
    margin: 0 4px;
}

.events-front .sg-33-small:last-child h3 {
    margin-bottom: 0;
    font-size: 1em;
    max-width: 250px;
}

.events-front .sg-33-small:last-child h3 a {
    font-weight: 500;
}

.events-front .sg-33-small:last-child > div:last-child {
    background: #ffffff;
    padding: 1em;
    border: 1px solid #e9e9e9;
}

.events-front .sg-33-small:last-child > div:last-child p {
    margin-bottom: 0;
}

.events-front .sg-33-small:last-child > div:last-child a {
    width: 100%;
    margin-right: 0;
}

.events-front .news-list-category {
    display: none;
}

/*-- ARTICLES FRONT --*/

.buttons-more {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    width: 100%;
    margin: 0;
}

.buttons-more .buttons-more-button {
    width: 15% !important;
    padding: 0;
}

.buttons-more .buttons-more-button:first-child {
    margin-right: 1em;
}

.buttons-more .find-more {
    width: 100%;
    max-width: none;
}

.articles-front .news {
    margin-bottom: 1rem;
}

.articles-front .news-list-view  a {
/*    width: calc(310px);*/
    flex: 1;
    margin: 0 1rem;
}

.articles-front .news-list-view {    
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 -1rem;
}

.articles-front .article {
    min-height: 200px;
    position: relative;
}

.articles-front .news-list-category {
    display: none;
}

/*.articles-front a:last-child {
    margin-right: 0;
}*/

.articles-front .news-text-container {
    padding: 227px 1em 0 1em;
}

.articles-front .news-img-wrap img {
    max-width: none;
    width: 100%;
}

.articles-front .news-img-wrap + .news-list-category + .news-text-container{
    padding-top: 1em;
}

.articles-front .article:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 210px;
    background: url(/fileadmin/templates/images/Banner-pixel300x200-beigebackground3.jpg) no-repeat;
    background-size: contain;
}

.articles-front .news-list-view a:nth-child(3) .article:before {
    background: url(/fileadmin/templates/images/Banner-pixel300x200-darkbluebackground2.jpg) no-repeat;
    background-size: contain;
}

.articles-front .news-list-date {
    display: inline-block;
    margin-bottom: 0.2em;
}

/*.articles-front > div:last-child {
    float: right;
}*/

/*.articles-front > div:last-child a {
    display: inline-block;
    float: none;
    width: 312px;
    min-height: 0;
    margin-bottom: 1em;
}*/

@media screen and (max-width: 767px) {
    
    .articles-front .news-list-view {
        flex-direction: column;
    }
    
    .articles-front .news-list-view a {
        margin: 1rem;
    }
    
    .articles-front .news-list-view a .article {
        display: flex;
    }
    
    .articles-front .news-list-view a .article .news-img-wrap {
        flex: .5;
        object-fit: cover;
    }
    
    .articles-front .news-list-view a .article .news-img-wrap img {
        max-width: none;
        width: 100%;
        object-fit: cover;
        height: 100%;
    }
    
    .articles-front .news-list-view a .article .news-text-container {
        flex: 1;
    }
    
}

/*-- ACTUAL & COMMENTS FRONT --*/

.actual-front .col-sm-6 {
    width: calc(50% - 0.75em);
    margin-right:0;
}

.actual-front .col-sm-6:first-child {
    margin-right: 1.5em;
}

.actual-front .news {
    margin-bottom: 1em;
}

.actual-front h2 {
    font-size: 1.5em;
    margin: 2rem 0 1rem 0;
}

.actual-front .news-img-wrap,
.actual-front .news-list-category,
.actual-front .news-list-date {
    display: none;
}

.actual-front .article {
    margin-bottom: 0;
    border-bottom: none;
    padding: 1em;
    position: relative;
}

.actual-front .article:last-child {
    border-top: none;
    border-bottom: 1px solid #e9e9e9;
}

.actual-front .header:after {
    content: "";
    background: url(/fileadmin/templates/images/red_arrow.png);
    height: 17px;
    width: 9px;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    right: 1em;
}

.actual-front h3 {
    margin-bottom: 0;
    font-size: 1rem;
}

.actual-front h3 a {
    font-weight: 700;
}

.actual-front .teaser-text {
    padding-right: 2em;
}

.actual-front .teaser-text p {
    font-size: 1rem;
    margin-bottom: 0;
}

.actual-front .tx-tc-recent-cts-article {
    border-radius: 0;
    border: 1px solid #e9e9e9;
    border-bottom: 0;
    background: #ffffff;
    position: relative;
    padding: 1em;
}

.actual-front .tx-tc-recent-cts-article:last-child {
    border-bottom: 1px solid #e9e9e9;
}

.actual-front .tx-tc-recent-cts-article .tx-tc-recent-cts-entry a:after {
    content: "";
    background: url(/fileadmin/templates/images/red_arrow.png);
    height: 17px;
    width: 9px;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    right: 1em;
}

.actual-front .tx-tc-recent-cts-title img {
    display: none;
}

.actual-front .tx-tc-recent-cts-title {
    color: #b6b5b1;
    font-size: 0.9em;
}

.actual-front .tx-tc-recent-cts-title a,
.actual-front .tx-tc-recent-cts-title span {
    color: #b6b5b1;
    font-size: 0.8rem;
}

.actual-front .tx-tc-recent-cts-title a {
    display: inline-block;
    padding-right: 2em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    line-height: normal;
}

.facebook-comments a {
    display: block;
    background: #ffffff;
    padding: 1em 4em 1em 1em;
    border: 1px solid #e9e9e9;
    border-bottom: 0;
    position: relative;
    line-height: 130%;
}

.facebook-comments a:after {
    content: "";
    background: url(/fileadmin/templates/images/red_arrow.png);
    height: 17px;
    width: 9px;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    right: 1em;
}

.phpContent .facebook-comments:nth-child(2) {
    border-bottom: 1px solid #e9e9e9;
}

.phpContent .facebook-comments:nth-child(2) + div {
    margin-top: 0.5em;
}

.tx-tc-dyndate {
    display: none;
}

/*------ FRONT SMALL BANNER ------*/

.small-banner {
    position: relative;
    color: #ffffff;
    text-align: center;
}

.small-banner:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(10,43,62,0.50);
    z-index: 1;
}

.small-banner .ce-bodytext {
    z-index: 2;
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
}

.small-banner .ce-bodytext h2 {
    font-size: 1.5em;
    margin-bottom: 2rem;
    position: relative;
    text-transform: none;
}

.small-banner .ce-bodytext h2:after {
    content: "";
    width: 100px;
    height: 1px;
    background: #ffffff;
    position: absolute;
    bottom: -1rem;
    left: 50%;
    margin-left: -50px;
}

.small-banner .ce-bodytext p,
.small-banner .ce-bodytext a {
    color: #ffffff;
    max-width: 280px;
    margin: 0 auto 1em auto;
}

.small-banner .ce-above .ce-gallery {
    margin-bottom: 0;
}

.small-banner .ce-bodytext a {
    font-size: 0.9em;
    display: inline-block;
    background: #c52c1a;
    padding: 0.6em 3.5em;
    margin: 0;
}

.small-banner .ce-bodytext a:hover {
    background: #de3420;
}

.small-banner .ce-bodytext p:last-child {
    margin-bottom: 0;
}

/*----- COOKIE -----*/

#cookie {
    background: #274251;
    display: none;
}

#cookie > div {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0.8em;
}

#cookie p {
    color: #ffffff;
    margin-bottom: 0;
}

#cookie a {
    color: #eb5d39;
}

#cookie p:first-child {
    float: left;
    padding-top: 9px;
}

#cookie p:last-child {
    float: right;
    background: #c52c1a;
    padding: 0.5em 2em;
    cursor: pointer;
}

/*==========================================================================
  04. SUBPAGE
  ==========================================================================*/

/*------ SUBMENU ------*/

.menu {
    flex: 1;
}

.submenu {
    float: left;
    width: 20%;
    min-height: 1px;
}
.main-container.mainnoleft .submenu {
    float: left;
    width: 25%;
}

.submenu a {
    display: block;
    font-size: 0.9em;
    border-bottom: 1px solid #e4e4e4;
    padding: 0.5em 1em 0.5em 0.5em;
    margin-right: 1em;
    position: relative;
}

.submenu li.sub > a {
    margin-right: 55px;
}

main .submenu ul {
    padding-bottom: 0;
    margin-bottom: 0;
}

main .submenu ul ul {
    display: none;
}

main .submenu ul .active > ul {
    display: block;
}

main .submenu ul .active .active > ul {
    /*display: none;*/
}

.sub-open {
    border-left: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    position: absolute;
    right: -40px;
    top: 1px;
    height: 100%;
    width: 40px;
    cursor: pointer;
}

.submenu ul ul ul .sub-open {
    display: none;
}

.submenu ul li.sub ul ul a {
    margin-right: 1em;
    font-size:0.8em;
    padding-left:1.5em;
}

.sub-open:after {
    content: "";
    background: url(/fileadmin/templates/images/blue_arrow.png) no-repeat center center;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 39px;
    transition: all 0.25s;
}

.sub-open.open:after {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.sub-open:hover {
    background: #EFEFEF;
}

.submenu li li a {
    padding-left: 1rem;
}

.submenu .current a {
    color: #c52c1a;
    font-weight: bold;
}

.submenu .current li a {
    color: #0b2b3e;
    font-weight: normal;
}

li li.active.sub li:last-child a {
    border-bottom: 1px solid #8a8a8a;
}

li li.border-bottom li:last-child a {
    border-bottom: 1px solid #8a8a8a;
}

/*------ ARBEJDSMILJØ ------*/

.col-full-amu {
	height:210px;
}

.col-amu-left {
	width: calc(50% - 0.5em);
	float:left;
}

.col-amu-left img {
	margin-bottom: 5px;
}

.col-amu-right {
	width: calc(50% - 0.5em);
	float:right;
}

.col-amu-right img {
	margin-bottom: 5px;
}

/*------ SUBPAGE MAIN ------*/

.submain {
    float: left;
    width: 75%;
    padding: 1em;
    background: #ffffff;
    border: 1px solid #e9e9e9;
    position: relative;
}

.submain.with_col {
    float: left;
    width: 60%;
}

.submain h1 {
    margin: 1rem 0 1rem 0;
}

.submain h2 {
    text-transform: none;
    font-weight: 700;
    font-size: 1.1rem;
    margin: 0.9rem 0 0.1rem 0;
    line-height: 130%;
}

.submain h3 {
    margin: 0;
}

.submain h4 {
    margin: 0.6em 0;
}

main h5 {
    margin: 0.6em 0;
}

.submain p,
.submain li {
    font-size: 0.9em;
    line-height: 140%;
}

.submain a,
.submain .ce-bodytext a {
    font-weight: 700;
}

.resume {
    padding: 0.5em 0 0.5em 0.5em;
    border-left: 3px solid #C52C1A;
    margin-bottom: 1em;
    margin-top:1em;
}

.resume a {
    text-decoration: underline;
}

.resume p {
    font-weight: 700;
}

.resume p:last-child {
    margin-bottom: 0;
}

aside {
    float: right;
    background: #c52c1a;
    padding: 0.7em;
    width: 35%;
}

aside p {
    color: #ffffff;
    margin-bottom: 0;
}

blockquote {
    background: #f9f9f9;
    border-left: 10px solid #ccc;
    margin: 0 0 1em 0 !important;
    padding: 0.5em 10px;
    quotes: "\201C""\201D";
    color: #c52c1a;
}

blockquote p {
    font-weight: 700;
    font-size: 1rem !important;
    font-style: italic;
}

blockquote .align-right {
    font-size: 0.9rem !important;
    font-style: normal;
}

blockquote:before {
    color: #ccc;
    content: open-quote;
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
}

.submain .ce-menu a:hover {
    background: #f9f9f9;
}
.submain .frame-type-menu_section ul li  a:hover {
    background: #f9f9f9;
}

.submain .frame-type-menu_section ul:before {
    content: "";
    background: url(/fileadmin/templates/images/red_arrow.png);
    display: none;
}
.submain .ce-menu:before {
    content: "";
    background: url(/fileadmin/templates/images/red_arrow.png);
    display: none;
}

.submain .ce-menu a{
    display: block;
    position: relative;
    padding: 0.3em 0;
    border-bottom: 1px solid #e4e4e4;
}

.submain .ce-menu a:after{
    content: "";
    background: url(/fileadmin/templates/images/blue_arrow.png);
    height: 17px;
    width: 9px;
    position: absolute;
    top: 6px;
    right: 0;
}

.submain .ce-menu a:hover:after {
    background: url(/fileadmin/templates/images/red_arrow.png);
}
.submain .frame-type-menu_section ul li a{
    display: block;
    position: relative;
    padding: 0.3em 0;
    border-bottom: 1px solid #e4e4e4;
}

.submain .frame-type-menu_section ul li a:after{
    content: "";
    background: url(/fileadmin/templates/images/blue_arrow.png);
    height: 17px;
    width: 9px;
    position: absolute;
    top: 6px;
    right: 0;
}

.submain .frame-type-menu_section a:hover:after {
    background: url(/fileadmin/templates/images/red_arrow.png);
}

iframe,
.embed-container {
    margin-bottom: 1em;
}

iframe {
    border: none;
}

/*------ RIGHT COLUMN ------*/

.right_col {
    float: left;
    width: calc(20% - 20px);
    margin: 0 0 0 1em;
}

.right_col > div > div {
    margin-bottom: 2em;
}

.right_col h2,
.submain.detail-article .sg-70-small:last-child h2 {
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    margin-bottom: 0.3em;
    font-size: 0.8rem;
    text-transform: none;
    margin-top: 0;
}

.right_col p,
.submain.detail-article .sg-70-small:last-child p {
    margin-bottom: 0.2em;
    font-size: 0.8em;
}

.tx-contacts-pi1 .ce-media img {
    width: 70px;
    height: 70px;
    margin-right: 10px;
    display: block;
}

.tx-contacts-pi1 .ce-intext.ce-left .ce-gallery {
    margin-right: 0;
}

.tx-contacts-pi1 .ce-bodytext {
    overflow: visible;
}

.right_col .last-changed {
    margin-bottom: 20px;
}

/*------ SUBPAGE HUB ------*/

.hub {
    text-align: center;
}

.hub > div {
    text-align: left;
    display: inline-block;
    max-width: 300px;
    background: #ffffff;
    margin-right: 2em;
    margin-bottom: 2em;
    border: 1px solid #e9e9e9;
    vertical-align: top;
    height: 465px;
    position: relative;
    padding-bottom: 50px;
}

.hub > div:nth-child(3n+3) {
    margin-right: 0;
}

.hub .ce-bodytext {
    padding: 1em;
    height: 215px;
    overflow: auto;
}

.hub h2 {
    margin-bottom: 0.5rem;
}

.hub .ce-bodytext p:last-child {
    position: absolute;
    bottom: 1em;
    left: 1em;
    margin-bottom: 0;
    padding-top: 1em;
    border-top: 1px solid #e9e9e9;
    text-align: center;
    width: calc(100% - 2em);
    transition: all 0.7s;
}

.hub .ce-bodytext p:last-child:hover {
    border-color: #c52c1a;
}

.hub .ce-bodytext p:last-child a {
    color: #c52c1a;
    display: block;
}

.hub-vertical {
    background: #ffffff;
    max-width: 972px;
    border: 1px solid #e9e9e9;
    border-left: 3px solid #c52c1a;
    padding: 1em 1em 0 1em;
    margin: 0 auto 2em auto;
}

.hub-vertical-box {
    background: #ffffff;
    max-width: 972px;
    border: 1px solid #e9e9e9;
    margin: 0 auto 2em auto;
}

.hub-vertical-box .ce-bodytext {
    padding: 1em 1em 1em 0.5em;
}

.hub-vertical-box h2 {
    margin-bottom: 1rem;
}

.hub-vertical-box .ce-gallery {
    margin-bottom: 0 !important;
}

/*------ SUBPAGE REGISTER------*/

.tx-t3cms-medlemmer ul {
    padding: 0;
    margin: 0;
    margin-bottom: 1em;
}

.tx-t3cms-medlemmer ul.tabs li {
    display: inline-block;
    width: 20%;
    margin-right: -4px;
    text-align: center;

}

.tx-t3cms-medlemmer ul.tabs li a {
    display: block;
    font-size: 0.9em;
    padding: 1em 0;
}

.tx-t3cms-medlemmer .tab-active {
    background: #ffffff;
    color: #c52c1a;
    border-radius: 5px;
}

#step-container {
    margin-top: -1px;
    background: #ffffff;
    padding: 2em 20em;
    border-radius: 5px;
}

#step-container h2 {
    font-size: 1.5rem;
    margin-bottom: 1em;
}

.tx-t3cms-medlemmer .step {
    display: none;
}

.step-item {
    position: relative;
    margin-bottom: 1.2em;
}

.item-radio > div {
    margin-bottom: 0.8em;
}

#step-container .item-text label {
    display: flex;
    margin-bottom: 10px;
}

#step-container .item-dropdown label {
    display: block;
}

.step-item.item-radio > div {
    position: relative;
}

#step-container .help-message {
    width: 20px;
    height: 20px;
    background: #0b2b3e;
    border-radius: 100%;
    position: absolute;
    top: 35px;
    right: 15px;
    cursor: pointer;
    z-index: 1;
}

#step-container .step-item.item-radio .help-message {
    top: -2px;
}

#step-container .help-message:before {
    position: absolute;
    content: "?";
    color: #ffffff;
    left: 6.5px;
    top: 3px;
}

#step-container .help-message div {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.1s linear;
    position: absolute;
    left: 30px;
    background: #0b2b3e;
    padding: 10px;
    width: 250px;
    line-height: 140%;
    color: white;
    border-radius: 5px;
}

#step-container .help-message:hover div {
    visibility: visible;
    opacity: 1;
}

#step-container .item-text input {
    border-radius: 5px;
    background-color: #f3f3f3;
    width: 100%;
    padding: 0 20px;
    color: #0b2b3e;
    font-size: 14px;
    height: 50px;
    border-bottom: 0px;
    margin: 1em 0 .5em;
    border: none;
}

#step-container textarea {
    width: 100%;
    border: none;
    height: 2em;
    padding: 20px;
    min-height: 100px;
    background-color: #f3f3f3;
    border-radius: 5px;
    margin: 1em 0;
}

#step-container select {
    width: 100%;
    border: 1px solid #0b2b3e;
    height: 3em;
    border-radius: 5px;
    margin: 1em 0em .5em 0em;
    padding: 0 .5em;
}

#step-container input[type="checkbox"],
#step-container input[type="radio"] {
    vertical-align: middle;
}

#step-container input[type="submit"] {
    color: #ffffff;
    border: none;
    margin-bottom: 0;
    width: 100%;
    background: #c52c1a;
    line-height: normal;
    border-radius: 5px;
    padding: 10px;
}

#step-container input[type="submit"]:hover {
    background: #de3420;
}

#step-container label[for = "acceptConditions"] a {
    font-weight: bold;
}

#step-container label.error {
    position: static;
    color: #c52c1a;
    font-size: 0.8rem;
    display: block;
    margin-top: 0.2em;
}

#step-container .description-message {
    margin-top: 1em;
    font-size: 0.9em;
    line-height: 130%;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    display: none;
    -webkit-appearance: none;
    margin: 0;
}

input[type='number'] {
    -moz-appearance: textfield;
}

/*------ CALL ME FORM ------*/

.right_col .csc-mailform {
    font-size: 0.9rem;
    border: 1px solid #0b2b3e;
    padding: 0.5em;
}

.right_col .csc-mailform h2 {
    font-size: 1.5em;
    margin-bottom: 0.5em;
    position: relative;
}

.right_col .csc-mailform h2:after {
    content: "";
    background: url(/fileadmin/templates/images/phone-512.png);
    background-size: contain;
    position: absolute;
    top: 1px;
    left: 140px;
    width: 20px;
    height: 20px;
    -ms-transform: rotate(240deg);
    -webkit-transform: rotate(240deg);
    transform: rotate(240deg);
}

.right_col div.csc-mailform form > ol > li {
    margin-bottom: 0;
}

.right_col .csc-form-element-textblock {
    margin-bottom: 1em !important;
}

.right_col .csc-mailform input,
.right_col .csc-mailform textarea {
    background: transparent;
    width: 100%;
    border: none;
    border-bottom: 1px solid #0b2b3e;
    height: 2em;
    margin-bottom: 1em;
}

.right_col .csc-mailform input[type="submit"] {
    margin-bottom: 0;
}

.right_col em {
    display: none;
}

.t3cms-tx_form-error {
    margin: -0.8em 0 1.8em 0;
    color: #c52c1a;
    font-size: 0.9em;
}

.faq .t3cms-tx_form-error {
    margin: 0 0 1.8em 0;
}

/*------ SOLR RESULTS ------*/

main #tx-solr-search {
    width: 75%;
    float: right;
    background: #ffffff;
    padding: 1em;
    border: 1px solid #e9e9e9;
}

.relevance {
    display: none;
}

#tx-solr-search-functions .csc-firstHeader {
    display: none;
}

main #tx-solr-faceting .facets .csc-header {
    padding: 3px 0 3px 10px;
    margin: 0;
}

main #tx-solr-faceting .facets .facet-label {
    background-color: transparent;
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    font-weight: 700;
    color: inherit;
    font-size: 1rem;
}

main .tx-solr-search-form {
    background-color: transparent;
    border: none;
    padding: 0;
    margin-bottom: 1em;
}

main .tx-solr-q {
    padding: 0 0.5em;
    vertical-align: top;
    width: 80%;
    border: 1px solid #0b2b3e;
    height: 2em;
    line-height: 100%;
}

main .tx-solr-submit {
    background-color: #c52c1a;
    color: #ffffff;
    border: none;
    padding: 6px;
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    font-weight: normal;
    width: 19%;
    height: 2em;
}

#tx-solr-search .tx-solr-search-word {
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    font-weight: 700;
}

.results-entry {
    margin-bottom: 1em;
}

.results-entry h5 {
    font-size: 1.2rem;
}

.results-entry p {
    font-size: 0.9rem;
}

.facets {
    margin-right: 1em;
}

.facets .facet {
    background: #ffffff;
    padding: 1em;
    margin-bottom: 1em;
    border: 1px solid #e9e9e9;
}

.facets .facet ul {
    margin: 0;
    padding: 0;
}

#tx-solr-pagination-results-per-page + .tx-solr-pagination-page-browser.tx-pagebrowse-pi1 {
    display: none;
}

.tx-solr .tx-solr-pagination-page-browser {
    float: none;
}

.tx-solr .tx-solr-pagination-page-browser ul {
    text-align: left;
    padding: 0;
    margin: 0;
}

/*------ SUBPAGE BOTTOM ------*/

.submain-bottom {
    float: left;
    width: 100%;
}

.submain-bottom h2 {
    margin: 1em 0;
}

.submain-bottom .col-sm-4 .news-img-wrap,
.submain-bottom .col-sm-4 .teaser-text {
    display: none;
}

.submain-bottom .col-sm-4 .article {
    margin-bottom: 0;
    border-bottom: none;
    padding: 1em;
    position: relative;
    transition: 0.3s;
}

.submain-bottom .col-sm-4 .header:after {
    content: "";
    background: url(/fileadmin/templates/images/red_arrow.png);
    height: 17px;
    width: 9px;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    right: 1em;
}

.submain-bottom .col-sm-4 .event-time,
.submain-bottom .col-sm-4 .event-location {
    color: #b6b5b1;
    font-size: 0.8em;
    display: inline-block;
}

.submain-bottom .col-sm-4 .event-time:after {
    content: " | ";
    display: inline-block;
    font-size: 0.8rem;
}

.submain-bottom .col-sm-4 h3 {
    margin-bottom: 0;
    font-size: 1em;
    max-width: 250px;
}

.submain-bottom .col-sm-4 h3 a {
    font-weight: 700;
}

.submain-bottom  .news-list-date {
    margin-bottom: 0;
    font-size: 0.9em;
    color: #b6b5b1;;
}

.submain-bottom .col-sm-4:nth-child(2) .news-list-date {
    display: none;
}

/*------ SUB ARTICLE LIST ------*/

.submain .news-list-view .article {
    position: relative;
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 1em;
}

.submain .news-list-view .news-img-wrap {
    float: left;
    position: static;
}

.submain .news-list-view img {
    margin-right: 1em;
    max-width: 150px;
}

.submain .news-list-category {
    bottom: auto;
    top: 0;
}

.page-navigation:first-child,
.page-navigation p {
    display: none;
}

.f3-widget-paginator {
    margin-bottom: 0;
    padding-bottom: 0;
}

#eventList .f3-widget-paginator {
    background: #ffffff;
    padding: 1em;
    border: 1px solid #e9e9e9;
    border-top: none;
    margin-top: -1em;
}

.page-navigation li {
    display: inline-block;
}

.page-navigation li a {
    display: block;
    padding: 0.5em 1em;
}

.page-navigation li:hover {
    background: #f3f3f3;
}

.page-navigation li.page-no-hover {
    padding: 0.5em 1em;
}

.page-navigation li.page-no-hover:hover {
    background: none;
}

.page-navigation li.current {
    background: #c52c1a;
    color: #ffffff;
    padding: 0.5em 1em;
}

/*------ ARTICLE DETAIL ------*/

.submain.detail-article {
    width: 100%;
    background: none;
    padding: 0;
    border: none;
}

.submain.detail-article .sg-70-small:first-child {
    width: 62%;
    background: #ffffff;
    float: left;
    padding: 1em;
    border: 1px solid #e9e9e9;
    margin: 0 0 0 18%;
}

.submain.detail-article .sg-70-small:last-child {
    float: left;
    width: calc(20% - 20px);
    margin: 0 0 0 1em;
}

.submain .article {
    border: none;
    position: relative;
}

.submain .article.clearfix.articletype-0{
	    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 1em;
}

.submain .article .news-img-caption {
    margin-top: -10px;
    font-style: italic;
    font-size: 0.8rem;
}

.submain .article h1 {
    margin: 1rem 0 1rem 0;
    font-size: 2em;
    line-height: 110%;
}

.submain .article h3 {
    margin: 0.6em 0 0.4em;
}

.submain .news-single .article .teaser-text {
    font-size: 1.1em;
    font-weight: 700;
}

.submain .news-single .news-related-wrap .article .teaser-text {
    font-size: 1em;
    font-weight: normal;
}

.submain .article .newscategorieslist .news-list-category {
    position: static;
}

.submain .article .news-list-category {
    background: none;
    bottom: 0;
    right: 0;
    color: #a4a5a7;
    padding: 0.3em 0;
    font-size: 0.9rem;
}

.footer .news-list-category {
    position: static;
    display: inline-block;
    background: transparent;
    color: #b6b5b1;
    font-size: 0.8rem;
    padding: 0;
}

.news-single .news-list-date {
    float: right;
}

.news-single .news-list-date time,
.newscategorieslist {
    font-size: 0.9rem;
}

.news-list-author,
.news-list-author a {
    color: #b6b5b1;
}

.news-list-author a:hover {
    color: #c52c1a;
}

.submain .article img {
    margin-bottom: 1em;
}

.submain .news-single .article ul {
    margin: 0 0 0 1.2em;
}

.submain .news-single .article li {
    padding: 0 0 0 0.4em;
    line-height: 150%;
    display: list-item;
    list-style-type: disc;
}

.news-backlink-wrap {
    padding-left: 1em;
    position: relative;
    margin: 1.5em 0 1.5em 0;
    border-bottom: 3px solid #e9e9e9;
    padding-bottom: 2em;
}

.news-backlink-wrap a {
    font-weight: 700;
}

.news-backlink-wrap:before {
    content: "";
    background: url(/fileadmin/templates/images/blue_arrow.png) no-repeat;
    background-size: contain;
    height: 15px;
    width: 7px;
    position: absolute;
    top: -1px;
    left: 1px;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.news-backlink-wrap:after {
    content: "";
    background: url(/fileadmin/templates/images/red_arrow.png) no-repeat;
    display: none;
}

.news-backlink-wrap:hover:before {
    background: url(/fileadmin/templates/images/red_arrow.png) no-repeat;
    background-size: contain;
}

.news-single [id^=c] {
    border: 1px solid #cccccc;
    padding: 1em;
    margin: 0 0 1em 0;
}

.news-single [id^=c] h2 {
    margin: 0 0 1rem 0;
}

.news-single [id^=c] p:last-child {
    margin-bottom: 0;
}

/*------ NEWS RELATED ------*/

.news-related-wrap .news-img-wrap,
.news-related-wrap .news-list-category {
    display: none;
}

.news-related-wrap > h3 {
    font-size: 1.5em;
}

.news-related.news-related-news > h4 {
    font-size: 1.5em;
    margin-top: 2rem;
}

.news-related-wrap .header h3 {
    max-width: 475px;
}

/*------ TOCTOC ------*/

.toctoc-comments-pi1 {
    background-color: #ffffff !important;
    border: none !important;
    font-family: "montserratregular", Helvetica, Arial, sans-serif !important;
}

.tx-tc-atrts-ctlink,
.tx-tc-ct-form-gender {
    display: none;
}

div.tx-tc-pi1,
.tx-tc-box-search-cts,
.tx-tc-box-trt-cts {
    padding: 0 !important;
}

.tx-tc-cts .tx-tc-cts-dp .tx-tc-cts-ct-box,
.tx-tc-cts-dp .tx-tc-ct-box .tx-tc-ct-box-empty,
.tx-tc-sharrrearea-popup {
    padding: 1em 0 !important;
    margin-top: 0 !important;
}

.tx-tc-cts .tx-tc-cts-dp .tx-tc-cts-ct-box:last-child {
    padding-bottom: 0 !important;
}

form.tx-tc-form-for-newcomment {
    padding: 0 !important;
}

.tx-tc-cts-dp .tx-tc-ct-box .tx-tc-text-top .tx-tc-cntandviews {
    padding: 0 0 0 0 !important;
}

.tx-tc-ct-cnt {
    margin: 0 !important;
}

.tx-tc-ctinput-textarea {
    font-family: "montserratregular", Helvetica, Arial, sans-serif !important;
}

.tx-tc-cts-ct-box:last-child {
    border: none !important;
    padding-bottom: 0 !important;
}

.tx-tc-textlink,
.tx-tc-tcsroc,
.tx-tc-openerform,
a.tx-tc-rts-star-like, a.tx-tc-rts-star-unlike {
    color: #0b2b3e !important;
    font-size: 0.9rem;
}

.tx-tc-ctdate {
    font-size: 0.9em;
}

.tx-tc-ct-ry-report-line {
    position: absolute;
    top: 0;
    right: 0;
}

.tx-tc-ct-box {
    position: relative;
}

.tx-tc-text .tx-tc-commenttextuclink.tx-tc-textlink {
    display: block;
}

.toctoc-comments-pi1 .tx-tc-div-submit {
    margin-left: 0;
    padding: 0;
}

.toctoc-comments-pi1 .tx-tc-width100-85 {
    width: 100% !important;
}

.toctoc-comments-pi1 .tx-tc-winherit {
    width: 100% !important;
}

.toctoc-comments-pi1 .tx-tc-ct-label-ntf {
    margin: 0 4px 0 0;
}

.toctoc-comments-pi1 .tx-tc-ct-submit,
.tx-tc-ct-submit-loggedin {
    background: #c52c1a;
    border: none;
    color: #ffffff;
    font-weight: normal;
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    padding: 0.5em 1em;
}

.toctoc-comments-pi1 .tx-tc-cts .tx-tc-ct-box-cttxt {
    margin-left: 0 !important;
}

.toctoc-comments-pi1 div .tx-tc-ct-form-field input {
    border: 1px solid #a4a5a7;
    height: 2em;
}

.toctoc-comments-pi1 .tx-tc-ct-ry-report-line {
    display: none;
}

.toctoc-comments-pi1 .tx-tc-prvcnt-data {
    display: none;
}

.toctoc-comments-pi1  .tx-tc-ct-highlight {
    border: 1px solid #d3d8e5;;
    padding: 10px;
    border-radius: 0;
    margin-bottom: 0;
}

/*------ EVENTS LIST ------*/

#eventFilter {
    width: 25%;
    float: left;
}

.filterBox {
    background: #ffffff;
    margin-bottom: 1em;
    border: 1px solid #e9e9e9;
    position: relative;
}

.filterOpen {
    position: absolute;
    top: 1.2em;
    right: 1.2em;
    width: 10px;
    height: 10px;
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    transform: rotate(45deg);
    cursor: pointer;
    transition: all 0.25s;
}

.filterOpen.open {
    transform: rotate(-45deg);
}

.filterBoxHeader {
    background: #c52c1a;
    color: #ffffff;
    padding: 1em;
}

.filterRow {
    padding: 1em 2em 1em 0;
    margin: 0 1em;
    border-bottom: 1px solid #e9e9e9;
    position: relative;
}

.filterRow .filter {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -6px;
}

/* Base for label styling */
.filterRow [type="checkbox"]:not(:checked),
.filterRow [type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}

.spinner {
    content: "";
    background: url(/fileadmin/templates/images/prosa-spinner.gif) no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 74%;
    top: 8px;
}

/* checkbox aspect */
.filterRow [type="checkbox"]:not(:checked) + label:before,
.filterRow [type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: 17px;
    height: 17px;
    border: 1px solid #bbb;
    background: #fff;
    border-radius: 3px;
    margin-top: -8px;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
}

/* checked mark aspect */
.filterRow [type="checkbox"]:not(:checked) + label:after,
.filterRow [type="checkbox"]:checked + label:after {
    content: '✔';
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -8px;
    font-size: 19px;
    line-height: 0.8;
    color: #c52c1a;
    transition: all .2s;
}
/* checked mark aspect changes */
.filterRow [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}
.filterRow [type="checkbox"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
}

/* accessibility */
.filterRow [type="checkbox"]:checked:focus + label:before,
.filterRow [type="checkbox"]:not(:checked):focus + label:before {
    border: 1px dotted #868686;
}

/* hover style just for information */
label:hover:before {
    border: 1px solid #868686 !important;
}

#exportCalendar {
    text-align: center;
    background: #0B2B3E;
    color: #ffffff;
    padding: 1em 1em 1em 3.3em;
    width: 100%;
    display: block;
    position: relative;
}

#exportCalendar:before {
    content: "";
    position: absolute;
    width: 38px;
    height: 38px;
    background: url(/fileadmin/templates/images/prosa-calendar-icon.png) no-repeat;
    background-size: contain;
    left: 10px;
    top: 5px;
}

#eventList {
    width: calc(75% - 1em);
    float: right;
}

#step-container #eventList {
    width: 100%;
    float: none;
    margin-top: 1em;
}

#eventList .article {
    margin-bottom: 1em;
    position: relative;
}

#eventList .news-list-view .article:last-child {
    margin-bottom: 0;
    border-bottom: none;
}

#eventList .news-list-info {
    float: left;
    text-align: center;
    border-right: 1px solid #e9e9e9;
    width: 10em;
}

#eventList .registrationDeadline,
#eventList .registrationDeadline-seats,
#eventList .registrationDeadline-status {
    font-size: 0.9em;
    font-weight: 300;
}

#eventList .unsubscribe {
    margin: 20px 0;
}

.registrationDeadline {
    margin-bottom: 0.5rem;
    padding-top: 1em;
    border-top: 1px solid #e9e9e9;
}

.registrationDeadline-seats {
    margin-bottom: 1rem;
}

#eventList .news-list-date .time {
    color: #0b2b3e;
    display: block;
    padding: 1em;
    font-size: 1rem;
}

#eventList .news-list-date .time .day {
    font-size: 1.7em;
    margin-bottom: 0.4rem;
}

#eventList .news-list-date .time .month {
    font-size: 1.2em;
    margin-bottom: 0.3rem;
}

#eventList .news-list-date .time .year {
    font-size: 1em;
    margin-bottom: 0.5rem;
    font-weight: 300;
}

#eventList .news-list-date .time .eventTime {
    font-size: 0.9em;
    font-weight: 300;
}

.filterArticleContainer {
    padding: 1em 1em 4em 1em;
    float: left;
    width: calc(100% - 10em);
    border-left: 1px solid #e9e9e9;
    margin-left: -1px;
}

.filterArticleContainer h3 {
    font-size: 1.3rem;
}

.arrangement-address {
    position: absolute;
    /*background: #c52c1a;
    color: #ffffff;*/
    bottom: 0;
    left: 160px;
    right: 0;
    padding: 1em;
}

/*------ EVENTS DETAIL ------*/

.submain.event-detail .article {
    position: static;
}

.submain.event-detail {
    float: none;
    width: 100%;
    padding: 0;
    background: none;
    border: none;
    position: relative;
    min-height: 1150px;
}

.event-detail > div {
    float: left;
    width: 60%;
    margin: 0 0 0 15%;
}

.event-detail > div:first-child {
    background: #ffffff;
    padding: 1em;
    border: 1px solid #e9e9e9;
}

/*.event-detail .news-single {
    background: #ffffff;
    padding: 1em;
    border: 1px solid #e9e9e9;
}*/

.event-detail-info {
    position: absolute;
    top: 0;
    right: 0;
    width: calc(25% - 20px);
    margin: 0 0 0 1em;
}

.event-detail-reminder {
    display: none;
}

.event-detail-details,
.event-detail-price,
.event-detail-reminder,
.event-detail-host,
.event-detail-seats {
    padding: 1em;
    background: #ffffff;
    border: 1px solid #e9e9e9;
}

.event-detail-info > div {
    margin-bottom: 1em;
}

.event-detail-info h2 {
    border-bottom: 2px solid #0b2b3e;
    padding: 0 0 0.5em 0;
    margin: 0 0 1rem 0;
    text-align: center;
}

.event-detail-info h3 {
    margin-bottom: 0.2em;
}

.event-detail-info p,
.event-detail-info a,
.event-detail-info td,
.event-detail-info time,
.event-detail-info input,
.event-detail-info form {
    font-size: 0.9rem;
}

.event-detail-time > div {
    float: left;
    width: 50%;
    margin-bottom: 1em;
}

.event-detail-time h3 {
    margin-top: 0;
}

.event-detail-location p {
    margin-bottom: 0;
}

.event-detail-details a {
    display: block;
    margin-top: 0.5em;
    font-weight: 700;
    text-decoration: underline;
}

.event-detail-details a:first-of-type {
    margin-top: 1em;
}

.event-detail-price table {
    margin-bottom: 0.5em;
    box-shadow: none;
}

.event-detail-price table tr:nth-child(odd) {
    background: none;
}

.event-detail-price td {
    padding: 0.5em 0;
}

.event-detail-price a {
    background: #0b2b3e;
    color: #ffffff;
    display: block;
    text-align: center;
    padding: 1em 0;
    line-height: 130%;
}

.event-detail-price a:hover {
    background: #103d58;
}

.event-detail-signup a,
.event-detail-signup .prosaSignup {
    background: #c52c1a;
    color: #ffffff;
    padding: 2em 1em;
    font-size: 1rem;
    text-align: center;
    display: block;
}

.event-detail-signup .prosaSignup {
    line-height: 130%;
}

.event-detail-signup a:hover {
    background: #de3420;
}

.event-detail-seats p {
    text-align: center;
    margin: 0;
}

.event-detail-reminder h2 {
    margin-bottom: 0.8em;
}

.event-detail-reminder input[type="checkbox"] {
    margin: 0.5em 0.5em 0.5em 0;
    vertical-align: middle;
}

.event-detail-reminder input[type="submit"] {
    background: none;
    background: #0b2b3e;
    color: #ffffff;
    border: none;
    display: block;
    padding: 1em 0;
    width: 100%;
    margin-top: 0.5em;
}

.event-detail-host p {
    margin-bottom: 0;
}

.event-detail .toctoc-comments-pi1 {
    padding: 1em;
    border: 1px solid #e9e9e9 !important;
    border-top: none !important;
}

/*--- EVENT SIGNUP ---*/

#eventSignupTabs {
    display: block;
}

#eventSignupTabs #tabs {
    display: flex;
    margin: 0;
    padding: 0;
}

#eventSignupTabs .tabSheet {
    background: #ffffff;
    border: 1px solid #e9e9e9;
    padding: 2em;
    margin-top: -1px;
    margin-bottom: 2em;
}

#eventSignupTabs .tabSheet form {
    margin-bottom: 0;
}

#eventSignupTabs #tabs li {
    text-align: center;
    width: 20%;
    padding: 1em 0;
    border: 0 solid #e9e9e9;
}

#eventSignupTabs #tabs .active {
    background: #ffffff;
    border-width: 1px;
    border-bottom: none;
}

#eventSignupTabs li a {
    display: block;
    font-size: 0.9em;
}

#eventSignupTabs .active a {
    color: #c52c1a;
}

#eventSignupTabs .arrangement > .header {
    font-size: 1.5em;
    margin-bottom: 2rem;
    font-weight: 600;
}

#eventSignupTabs .header,
#eventSignupTabs .arrangementPrice .label {
    font-weight: 600;
}

#eventSignupTabs .arrangementInfo,
#eventSignupTabs .arrangementDetails {
    display: flex;
    margin-bottom: 2em;
    line-height: 130%;
}

#eventSignupTabs .arrangementInfo > div,
#eventSignupTabs .arrangementDetails > div {
    margin-right: 2em;
    padding-right: 2em;
    border-right: 1px solid #e9e9e9;
}

#eventSignupTabs .arrangementInfo > div:last-child,
#eventSignupTabs .arrangementDetails > div:last-child {
    border: none;
}

#eventSignupTabs input[type="submit"] {
    background: #c52c1a;
    color: #ffffff;
    border: none;
    margin-bottom: 0;
    width: 126px;
    height: 2em;
}

#eventSignupTabs .conditions input[type="submit"] {
    width: 300px;
    margin-top: 1em;
}

#eventSignupTabs input[type="submit"]:hover {
    background: #de3420;
}

#eventSignupTabs .conditions .label a {
    font-weight: bold;
}

.ui-resizable-handle.ui-resizable-se {
    display: none !important;
}

.ui-button-icon.ui-icon.ui-icon-closethick {
    position: absolute;
    right: 10px;
    top: 10px;
}

.ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix.ui-draggable-handle {
    background: none !important;
    border: none !important;
    font-size: 0 !important;
    height: 0 !important;
}

#eventDialog .tx-felogin-pi1 > h3 {
    display: none;
}

.formRow {
    margin-bottom: 1.2em;
    position: relative;
}

.formRow label {
/*    position: absolute;
    top: 12px;
    left: 0;
    pointer-events: none;*/
    display: block;
    margin: .5rem 0;
}

.formRow input {
    width: 300px;
    border: none;
    border-bottom: 1px solid #0b2b3e;
    height: 2em;
}

.contactInfo .header {
    margin-bottom: 2em;
}

.contactInfo input {
    pointer-events: none;
}

.infoNotCorrect {
    margin-bottom: 1em;
}

.signupCalculation .comments {
    margin: 1em 0;
}

.signupCalculation .comments textarea {
    height: 70px;
    border: 1px solid #0b2b3e;
    margin-top: 0.5em;
    width: 300px;
}

.conditions .formfield > div {
    display: inline-block;
}

#payment .header {
    margin-bottom: 1em;
}

#payment input {
    margin-top: 1em;
}

#receit .header {
    margin-bottom: 1em;
}

.paymentForm,
.paymentForm p {
    line-height: 150%;
}

/*------ SUBMAIN BANNER ------*/

.submain-banner {
    text-align: center;
    background: url(/fileadmin/templates/images/small-banner.jpg);
    color: #ffffff;
    margin-top: 1em !important;
    background-size: cover;
}

.submain-banner > div {
    padding: 1em;
    background: rgba(0,0,0,0.6);
}

.submain-banner .ce-bodytext h2 {
    font-size: 1.5em;
    margin: 0 0 2rem 0;
    position: relative;
}

.submain-banner .ce-bodytext h2:after {
    content: "";
    width: 100px;
    height: 1px;
    background: #ffffff;
    position: absolute;
    bottom: -1rem;
    left: 50%;
    margin-left: -50px;
}

.submain-banner .ce-bodytext p,
.submain-banner .ce-bodytext a {
    color: #ffffff;
    max-width: 280px;
    margin: 0 auto 1em auto;
}

.submain-banner .ce-above .ce-gallery {
    margin-bottom: 0;
}

.submain-banner .ce-bodytext a {
    display: inline-block;
    background: #c52c1a;
    padding: 0.6em 3.5em;
    margin: 1em 0 0 0;
}

.submain-banner .ce-bodytext a:hover {
    background: #de3420;
}

.submain-banner ul {
    max-width: 500px;
    margin: 0 auto;
}

.submain-banner li {
    float: left;
    color: #ffffff;
    width: 50%;
}

.submain-banner .ce-bodytext p:last-child {
    margin-bottom: 0;
}

.submain .submain-banner .ce-bodytext a {
    font-weight: 400;
}

.submain-banner .ce-bodytext li {
    list-style: none;
}

/*------ MEDLEMS LISTE ------*/

.tx-t3cms-sammenslutninger {
    margin-top: 1rem;
}

.list-circle:first-letter {
    font-size: 20px;
}

.tx-t3cms-sammenslutninger li {
    margin-bottom: 1em;
}

.tx-t3cms-sammenslutninger .list-name {
    font-size: 1rem;
}

.tx-t3cms-sammenslutninger .list-info,
.tx-t3cms-sammenslutninger .list-info a {
    color: #a4a5a7;
}

.tx-t3cms-sammenslutninger .list-info a:hover {
    color: #c52c1a;
}

/*------ ANSATTE LISTE ------*/

.prosa-ansatte {
    margin-top: 0.5em;
}

.prosa-ansatte li {
    display: flex;
    padding: 1em 0;
}

.prosa-ansatte li:nth-child(odd) {
    background: rgba(0, 0, 0, 0.1);
}

.prosa-ansatte .ansat-header {
    background: #c52c1a !important;
    color: #ffffff;
    padding: 1em 0;
}

.prosa-ansatte span {
    display: block;
    width: 20%;
    padding: 0 0.5em;
}
.prosa-ansatte span.ansat-navn{width:16%;}
.prosa-ansatte span.ansat-email{width:21%;}
.prosa-ansatte span.ansat-stillingsbetegnelse{width:22%;}
.prosa-ansatte span.ansat-prosaArbejdssted{width:14%;}
.prosa-ansatte span.ansat-image{width:18%;}
.prosa-ansatte span.ansat-telefonnummer{width:13%;}
.ansat-header span a:hover{text-decoration:none;color:#f3f3f3;}
.ansat-header span a:link,.ansat-header span a:visited{text-decoration:underline;color:#fff;}
/*------ MIT PROSA ------*/

.submain.subpagefull {
    width: 100%;
}

.submain.subpagefull .login-container {
    max-width: 100%;
    padding: 4em 40px;
}

.submain.subpagefull .tx-felogin-pi1 {
    clear: both;
}

.tx-t3cms-mitprosa {
    min-height: 100px;
}

.tx-t3cms-mitprosa .step {
    display: none;
}

.tx-t3cms-mitprosa .tabs {
    position: absolute;
    width: calc(100% + 2px);
    left: -1px;
    top: -1px;
    padding: 0;
    background: #f3f3f3;
    display: flex;
}

.tx-t3cms-mitprosa .tabs li {
    flex-grow: 1;
    padding: 0;
    text-align: center;
    list-style: none;
    margin: 10px 0px 0px 0px;
}

.tx-t3cms-mitprosa li a {
     padding: 1em 0;
     display: block;
}

.tx-t3cms-mitprosa li a.tab-active {
    background: #ffffff;
    border-color: #e9e9e9;
    border-bottom-color: transparent;
    color: #c52c1a;
    position: relative;
}

.tx-t3cms-mitprosa #step-container {
    margin-top: 0;
    border: none;
    padding: 0;
}

.mit-prosa-2col > div {
    width: 50%;
    float: left;
    padding-right: 2em;
}

.tx-t3cms-mitprosa form {
    position: relative;
}

.tx-t3cms-mitprosa form:not(:last-child) {
    margin-bottom: 3em;
}

.tx-t3cms-mitprosa .modal {
    position: absolute;
    bottom: 0;
    left: 105%;
    width: 100%;
    background: #12a91f;
    height: 2em;
    line-height: 2em;
    color: #ffffff;
    padding: 0 1em;
    text-align: center;
    transition: opacity 300ms ease-in;
    -webkit-animation: bounce 500ms linear;
}

.tx-t3cms-mitprosa .modal.modal-error {
    background: #c52c1a;
}

.tx-t3cms-mitprosa .modal:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 10px 5px 0;
    border-color: transparent #12a91f transparent transparent;
    right: 100%;
    top: 11px;
}

.tx-t3cms-mitprosa .modal.modal-error:before {
    border-color: transparent #c52c1a transparent transparent;
}

@-webkit-keyframes bounce {
    0% {
        -webkit-transform: scale3d(0.1,0.1,1);
    }
    55% {
        -webkit-transform: scale3d(1.08,1.08,1);
    }
    75% {
        -webkit-transform: scale3d(0.95,0.95,1);
    }
    100% {
        -webkit-transform: scale3d(1,1,1);
    }
}

@-webkit-keyframes minimise {
    0% {
        -webkit-transform: scale3d(1,1,1);
    }
    100% {
        -webkit-transform: scale3d(0.1,0.1,1);
    }
}

.tx-t3cms-mitprosa #step-container h2 {
    font-size: 1.3rem;
    margin-bottom: 1rem;
}

.mitprosa-uddannelser {
    margin-top: 2em;
}

.mitprosa-uddannelse {
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 1em;
    margin-bottom: 2em;
}

.mitprosa-uddannelse:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.mitprosa-uddannelse > div:nth-child(3) {
    width: 34%;
    display: inline-block;
    vertical-align: top;
}

.mitprosa-uddannelse > div:nth-child(4) {
    width: 64%;
    display: inline-block;
    vertical-align: top;
}

.tillidspost-item p:first-child {
    font-weight: bold;
}

.er-studerende,
.mitprosa-tillidsposter {
    display: none;
}

/*------ FAQ ------*/

.faq {
    background: #ffffff;
}

.faq > div {
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 1em;
}

.faq > div:last-child {
    border-bottom: none;
}

.submain.with_col .faq > div:last-child {
    border-bottom: 1px solid #e9e9e9;
}

.submain.with_col .faq > div:first-child {
    border-top: 1px solid #e9e9e9;
}

.faq h2 {
    padding: 1em 0 0 0;
    position: relative;
    cursor: pointer;
    margin-bottom: 1rem;
}

.tx-t3cms-mitprosa #step-container .faq h2 {
    font-size: 1.1rem;
}

.faq h2:hover {
    color: #c52c1a;
}

.faq h2:after {
    content: "";
    background: url(/fileadmin/templates/images/red_arrow.png);
    height: 17px;
    width: 9px;
    position: absolute;
    top: 73%;
    margin-top: -9px;
    right: 0;
    transition: all 0.25s;
}

.faq h2.open:after {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.faq > div:last-child h2 {
    margin-bottom: 0 !important;
}

.faq > div:last-child h2.open {
    margin-bottom: 1rem !important;
}

.submain.with_col .faq > div:last-child h2 {
    margin-bottom: 1rem !important;
}

.faq h2 + div,
.faq h2 + form {
    display: none;
}

.faq h2 + div p:last-child {
    margin-bottom: 0;
}

/*------ MAIL FORMS ------*/

div.csc-mailform {
    max-width: 400px;
}

div.csc-mailform  form > ol > li {
    overflow: visible;
    margin-bottom: 2em;
}

.submain div.csc-mailform  form > ol > li {
    font-size: 1rem;
}

div.csc-mailform fieldset li {
    padding: 0.5em;
    margin-bottom: 0;
}

.csc-form-element-textline,
.csc-form-element-textarea  {
    position: relative;
}

.csc-form-element-textline label {
    width: auto !important;
}

.right_col .csc-form-element-textline label {
    width: 13em !important;
}

.csc-form-element-textline label,
.csc-form-element-textarea label  {
    position: absolute;
    top: 12px;
    left: 0;
    pointer-events: none;
}

div.csc-mailform input[type="text"],
div.csc-mailform input[type="submit"],
div.csc-mailform input[type="email"],
div.csc-mailform textarea,
div.csc-mailform select {
    width: 100%;
    border: none;
    border-bottom: 1px solid #0b2b3e;
    height: 2em;
}

div.csc-mailform input[type="submit"] {
    background: #c52c1a;
    color: #ffffff;
    border: none;
}

div.csc-mailform input[type="submit"]:hover {
    background: #de3420;
}

div.csc-mailform fieldset li {
    padding: 0.5em 0;
}

fieldset.fieldset-subgroup ol {
    position: relative;
    top: 0;
    margin: 0 0 0 0;
    padding: 0;
}

div.csc-mailform fieldset ol {
    padding: 0;
}

div.csc-mailform input[type="submit"]:hover {
    background: #de3420;
}

/*------ LOGIN ------*/

.login-container {
    background: #ffffff;
    max-width: 500px;
    margin: auto;
    padding: 2em 100px;
}

.login-hidden {
    display: none;
}

.login-container h3 {
    font-size: 1.5em;
    margin-bottom: 1.2rem;
}

.tx-felogin-pi1 {
    margin: 2em auto;
}

.tx-felogin-pi1 > div {
    margin-bottom: 1em;
}

.tx-felogin-pi1 legend {
    font-size: 1.5em;
    text-transform: uppercase;
    margin-bottom: 1em;
}

.tx-felogin-pi1 fieldset div {
    position: relative;
}

.tx-felogin-pi1 input {
    width: 100%;
    border: none;
    border-bottom: 1px solid #0b2b3e;
    height: 2.2em;
    margin-bottom: 2em;
    padding: 0;
}

.tx-felogin-pi1 input[type="submit"] {
    background: #c52c1a;
    color: #ffffff;
    border: none;
    margin-bottom: 0.5em;
}

.tx-felogin-pi1 input[type="submit"]:hover {
    background: #de3420;
}

.tx-felogin-pi1 > p {
    margin-bottom: 0;
}

.logout-form label {
    position: static;
    pointer-events: all;
    display: inline-block;
    margin-bottom: 1em;
}

/*--- LOGIN POPUP ---*/

#eventDialog {
    display: none;
    /*box-shadow: none;*/
}

body .ui-widget-content {
    border: 0;
    background: #fff;
    border-radius: 5px;
    padding: 1em;
/*    box-shadow: 0 0 3px 1px rgba(0,0,0,.5);*/
/*    width: 20em !important;*/

}

/*------ TABEL ------*/

table {
    width: 100%;
    margin-bottom: 1em;
    font-size: .9em;
}

/* hack to fix typo3 tables which add an extra table header */
table th + th {
    display: none;
}

table tr:nth-child(odd) {
    background: rgba(0, 0, 0, 0.1);
}

.contenttable {
    margin-top: 0.5rem;
}
.col-sm-6 .contenttable {
    margin-top: 0em;
}


.contenttable caption {
    margin-bottom: 0.5rem;
}

.contenttable th {
    text-align: left;
    font-weight: 400;
}

table th {
    background: #c52c1a;
    color: #ffffff;
}

.ce-table td, .ce-table th {
    vertical-align: middle;
    text-align: left;
}

.tablesclass2 td,
.tablesclass2 th {
    text-align: center;
}

.tablesclass3 th {
    background: none;
    color: #222;
}

td,
th {
    padding: 1em;
}

.tabel-fed tr td:first-child {
    font-weight: 700;
}

.tabel-fed tr:first-child td:first-child {
    font-weight: 400;
}

/*------ PROSA BLADET------*/

.editionYear {
    margin: 1rem 0;
    font-size: 1.1rem;
    font-weight: bold;
}

.issue {
    width: 24%;
    display: inline-block;
    margin: 0 0 2rem 0;
    vertical-align: top;
}

.issue .title {
    margin: 0.5em 0 0 0;
}

.issue .brodtekst {
    line-height: 20px;
}

.issuuLink {
    position: relative;
}

.issuuLink:after {
    content: "";
    position: absolute;
    right: 33px;
    top: 3px;
    background: url(/fileadmin/templates/grafik/prosa_issuu.png) no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;

}

/*------ JQ-UI OVERWRITES ------*/

.ui-state-default, .ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 0px !important;
    background: white !important;
    color: #5b5c5d !important;
    text-align: center !important;
    border-radius: 3px;
    width: 43px;
    height: 33px;
    line-height: 25px;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: 1px solid #000000 !important;
    background: #F3F3F3 !important;
    color: #000000 !important;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: none !important;
}

.ui-datepicker table {
    width: 100% !important;
    font-size: 1em !important;
    border-collapse: collapse !important;
    margin: 0 !important;
    border-radius: 3px !important;
    overflow: hidden !important;
}

.ui-datepicker .ui-datepicker-header {
    position: relative !important;
    padding: .25em !important;
    background: white !important;
    border: 0 !important;
    border-radius: 5px !important;
    padding: .5em !important;
    margin-bottom: .5em !important;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 40% !important;
    border: 1px solid #0b2b3e !important;
    border-radius: 3px !important;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em !important;
    margin: 0 10px !important;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: 0 !important;
    background: #0b2b3e !important;
    color: white !important;
    border: 1px solid white !important;
}

.ui-datepicker-calendar tbody {
    margin-top: .5em;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    top: 10px !important;
}

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
    top: 10px !important;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    border: 0 !important;
    cursor: pointer !important;
}

/*------ MISC ------*/

iframe {
    margin-bottom: 2em;
}

#c24336 iframe {
    margin-bottom: 0;
}

.issueLink {
    width:100%;
    display: block;
    padding: 10px 0 10px 0;
}
.prosamag-item {
    width: 100%;
    display: block;
    padding: 20px 0 20px 0;
}

/*==========================================================================
  04. FOOTER
  ==========================================================================*/

footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #0b2b3e;
    color: #ffffff;
    font-size: 0.9em;
    overflow: hidden;
}

footer:before {
    content: "";
    background: url(/fileadmin/templates/images/a-blaa.png) no-repeat;
    position: absolute;
    left: -100px;
    top: 1px;
    height: 274px;
    width: 274px;
    background-size: contain;
    opacity: 0.5;
}

footer:after {
    content: "";
    background: url(/fileadmin/templates/images/o-blaa.png) no-repeat;
    position: absolute;
    right: -130px;
    top: 1px;
    height: 274px;
    width: 274px;
    transform: rotate(-90deg);
    background-size: contain;
    opacity: 0.5;
}

.footer-container {
    max-width: 1000px;
    margin: 0 auto;
    padding: 4em 0 2em 0;
    position: relative;
    z-index: 1;
}

footer .sg-row {
    float: left;
    width: 83%;
}

footer h2 {
    font-weight: 400;
}

footer a {
    color: #ffffff;
}

footer a[href^="tel:"] {
    color: #d0d0d0;
}

footer a[href^="tel:"]:hover {
    color: #c52c1a;
}

footer li {
    color: #d0d0d0;
    font-weight: 300;
}

.footermenu {
    float: left;
    width: 17%;
}

.footermenu ul ul {
    display: none;
}

.footermenu li:last-child {
    margin-top: 0.1em;
}

.footermenu li:last-child a {
    font-size: 0;
    background: url(/fileadmin/templates/images/rss-icon.png) no-repeat;
    background-size: contain;
    display: block;
    width: 25px;
    height: 25px;
}

.t3cms {
    display: none;
}

.event-detail-time table {
	box-shadow: none;
}

.event-detail-time table tr {
	background: none;
	border: none;
}

.event-detail-time tr td {
	padding: 0.5em 0;
}

.event-detail-time table tr td:last-child {
    text-align: right;
}

/*
 * IE fix
 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .ce-media img {
        width: 100%;
    }
}


/**
 * New form module fix
 */
div.csc-mailform fieldset li {
    display: block;
    width: 100%;
    min-height: 52px;
}

/** Cookies */
.cc-window.cc-floating {
    max-width: 30em;
}