html {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 0.675rem;
    -webkit-text-size-adjust: none;
    overflow-x: hidden;
    overflow-y: scroll;
    scroll-behavior: smooth;
}
body {
    background: #fff;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    font-size: 1.8rem;
}
* {
    hyphens: auto;
    -webkit-overflow-scrolling: touch;
}
.print {
    display: none;
}

/* basis */

* {
    background-repeat: no-repeat;
    font-family: 'Open Sans', Arial,Helvetica, sans-serif;
    color: #0c4d8b;
    border: 0 solid #ffffff;
    vertical-align: top;
    text-align: left;
    text-decoration: none;
    border-collapse: collapse;
    box-sizing: border-box;
}
a {
    font-family: inherit;
    line-height: inherit;
    color: inherit;
}
a,
a:active,
a:focus {
    outline: none;
}
.pathway .current,
.maincontent p a {
    color: #c6b59b;
}
div,
footer,
header,
ul,
li,
th,
td {
    margin: 0;
    padding: 0;
}
p,
ul,
ol,
table.contenttable {
    margin-bottom: 2.0rem;
}

img {
    height: auto;
    max-width: 100%;
}
iframe,
iframe[src*=youtube],
video {
    max-width: 100%;
}
form * {
    -webkit-appearance: none;
    border-radius: 0;
}
.hide {
    display: none;
}

/* fonts */

h1,
h2,
h3,
h4,
h5 {
    font-weight: 300;
    color: #e1113b;
}

/* layout basic */

.outsidewrapper {
    float: left;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    padding: 100px 0 0 0;
    overflow: hidden;
}
.outsidewrapper.active {
    position: fixed;
}
.container {
    float: left;
    width: 100%;
    text-align: center;
}
.centercontainer {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
}
.contentcontainer {
    float: left;
    width: 100%;
}
.centercontainer,
.contentcontainer {
    height: 100%;
}
.leftcontainer {
    float: left;
    width: 25%;
    padding-top: 40px;
}
.rightcontainer {
    float: left;
    width: 70%;
    margin-left: 5%;
}

/* background image */

.backgroundimage {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.20;
}

/* header */

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 75px;
    background: #fff;
    z-index: 10;
}
.header * {
    color: #000;
}
.header .logo {
    float: left;
    width: 75px;
    height: 100%;
    background: url('../Images/beeldmerk_v3g.png') center center no-repeat;
    background-size: auto 90%;
    margin-left: 10px;
    cursor: pointer;
}
.header .topnav {
    float: right;
    padding: 17.5px 10px;
}
.header .topnav * {
    display: inline-block;
    list-style: none;
}
ul.languagemenu {
    position: relative;
    width: auto;
    height: 40px;
    margin: 0 2px;
    background: #fff;
}
ul.languagemenu li {
    display: inline-block;
    width: 60px;
    height: 40px;
    margin: 0;
    border: 1px solid;
    border-color: transparent transparent #999 transparent;
    text-align: center;
}
ul.languagemenu li.active {
    border-color: #999 #999 transparent #999;
}
ul.languagemenu li:last-child {
    margin-right: 0;
}
ul.languagemenu li a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 38px;
    text-align: center;
}
html[lang=en] ul.languagemenu li.en,
html[lang=nl] ul.languagemenu li.nl,
html[lang=lt] ul.languagemenu li.lt {
    background: #ebebeb;
}
ul.languagemenu li.text-muted {
    line-height: 38px;
    color: #ccc;
}

/* menus - mainmenu */

nav.topnav ul.mainmenu,
nav.topnav ul.mainmenu li {
    height: 38px;
    line-height: 38px;
    margin: 0 0 0 -1px;
}
nav.topnav ul.mainmenu li a {
    padding: 0 20px;
    border: 1px solid #ccc;
    border-color: transparent transparent #999 transparent;
    box-sizing: border-box;
}
nav.topnav ul.mainmenu li.selected a {
    border-color: #999 #999 transparent #999;
}

/* menus - submenu */

/* menus - pagesmenu */

.pagemenu {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.pagemenu .item {
    position: relative;
    /*width: 32%;*/
    height: 0;
    /*padding-bottom: 21.3%;*/
    margin-bottom: 30px;
    border: 1px solid #ccc;
}
.pagemenu .item .image {
    height: 100%;
}
.pagemenu .item .image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.pagemenu .item a {
    position: absolute;
    width: 100%;
    left: 0;
    background-size: cover;
}
.pagemenu .item a:nth-child(1) {
    top: 0;
    height: 100%;
}
.pagemenu .item a:nth-child(2) {
    bottom: 0;
    height: auto;
    padding: 10px;
    background: rgba(255,255,255,0.65);
    transition: ease all 0.4s;
}
.leftcontainer .pagemenu .item.selected a:nth-child(2) {
    background: #ebebeb;
}
.leftcontainer .pagemenu .item.selected a:nth-child(2) .title {
    color: #000;
    transition: ease all 0.4s;
}
.pagemenu .item:hover a:nth-child(2),
.leftcontainer .pagemenu .item:hover a:nth-child(2),
.leftcontainer .pagemenu .item.selected:hover a:nth-child(2) {
    background: #0c4d8b;
}
.pagemenu .item:hover a:nth-child(2) .title,
.leftcontainer .pagemenu .item:hover a:nth-child(2) .title,
.leftcontainer .pagemenu .item.selected:hover a:nth-child(2) .title {
    color: #fff;
}

/* home - login form */

.frame-type-felogin_login {
    width: 100%;
    margin: 0 auto;
    max-width: 600px;
}
.frame-type-felogin_login h3 {
    margin-top: 0;
}
.frame-type-felogin_login fieldset {
    float: left;
    width: 100%;
    margin: 20px 0;
    padding: 5%;
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
    border: 1px solid #ccc;
}
.frame-type-felogin_login fieldset > legend {
    display: none;
}
.frame-type-felogin_login fieldset > div {
    float: left;
    width: 48.5%;
    margin: 15px 1.5% 15px 0;
}
.frame-type-felogin_login fieldset > div:nth-of-type(3) {
    width: 20%;
    margin-right: 0;
}
.frame-type-felogin_login fieldset > div.felogin-hidden {
    margin: 0;
}
.frame-type-felogin_login label {
    float: left;
    width: 100%;
    height: 25px;
}
.frame-type-felogin_login input {
    width: 100%;
    height: 40px;
    padding: 5px 10px;
    font-size: 105%;
    background: #EEF2F5;
    border: none;
    box-sizing: border-box;
}
.frame-type-felogin_login input[type=submit] {
    width: 100%;
    padding: 5px;
    color: #fff;
    text-align: center;
    background: #0c4d8b;
    border: none;
    margin-top: 25px;
    cursor: pointer;
}

/* logout in header - not used yet */

.mainmenu .frame-type-felogin_login {
    float: right;
    width: auto;
    margin: 0 5% 0 0;
}
.home .mainmenu .frame-type-felogin_login {
    display: none;
}
.home.dashboard .mainmenu .frame-type-felogin_login {
    display: block;
}
.mainmenu .frame-type-felogin_login h3,
.mainmenu .frame-type-felogin_login legend,
.mainmenu .frame-type-felogin_login div {
    display: none;
}
.mainmenu .frame-type-felogin_login fieldset div:nth-child(3) {
    display: inline-block;
    width: 100%;
    margin: 0;
}
.mainmenu .frame-type-felogin_login input[type=submit] {
    color: #0c4d8b;
    width: auto;
    height: 41px;
    line-height: 40px;
    margin: 0;
    font-size: 95%;
    text-decoration: underline;
    background: none;
    padding: 0;
    display: inline-block;
}
.mainmenu .frame-type-felogin_login fieldset div:nth-child(3)::before {
    font-family: 'Icons';
    content: '\e001';
    display: inline-block;
    height: 45px;
    line-height: 40px;
    margin-right: 5px;
}

/* videos */

.mejs-controls,
.mejs-controls * {
    color: #fff;
}

/* fotos */

.ce-gallery .ce-inner {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.ce-gallery .ce-inner .ce-row {
    display: contents;
    margin: 0;
}

.ce-gallery[data-ce-columns="2"] .ce-inner .ce-column,
.ce-gallery[data-ce-columns="3"] .ce-inner .ce-column {
    margin: 0;
    width: calc(50% - .5 * 10px);
}
@media (min-width: 640px) {
    .ce-gallery[data-ce-columns="3"] .ce-inner .ce-column {
        width: calc(33.33% - .67 * 10px);
    }
}

.ce-gallery .ce-inner .ce-column .image {
    display: flex;
    aspect-ratio: 100 / 75;
}

.ce-gallery .ce-inner .ce-column .image a {
    display: flex;
    width: 100%;
    height: 100%;
}

.ce-gallery .ce-inner .ce-column .image a img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

/* cookie message */

.cookiemessage {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    padding: 10px;
    background: rgba(0,0,0,0.75);
    border-top: 1px solid #fff;
    z-index: 2;
    display: none;
}
.cm_content {
    text-align: center;
}
.cm_content * {
    display: inline-block;
    color: #fff;
    font-size: 1.6rem;
    text-align: center;
}
.cm_content ul {
    margin: 0;
}
.cm_content li {
    padding: 0 10px;
}
.cm_content li:last-child {
    cursor: pointer;
    text-decoration: underline;
    border-left: 1px dotted rgba(255,255,255,0.6);
}

/* pagemenu - reponsive */

@media all and (min-width: 769px) {
    .pagemenu .item {
        width: 32%;
        padding-bottom: 21.3%;
        margin-right: 2%;
    }
    .pagemenu .item:nth-child(3n) {
        margin-right: 0
    }
}
@media all and (min-width: 501px) and (max-width: 768px) {
    .pagemenu .item {
        width: 48%;
        padding-bottom: 32%;
        margin-right: 4%;
    }
    .pagemenu .item:nth-child(2n) {
        margin-right: 0
    }
}
@media all and (max-width: 500px) {
    .pagemenu .item {
        width: 100%;
        padding-bottom: 66%;
    }
}
    /* as submenu - in leftcolumn */
@media all and (min-width: 1024px) {
    .leftcontainer .pagemenu {
        height: calc(100vh - 140px);
        overflow-y: auto;
        overflow-x: hidden;
    }
}
@media all and (min-width: 1024px),
all and (max-width: 500px) {
    .leftcontainer .pagemenu {
        display: block;
    }
    .leftcontainer .pagemenu .item {
        display: flex;
        flex-direction: row;
        width: 100%;
        height: auto;
        padding-bottom: 0;
        margin-bottom: 20px;
    }
    .leftcontainer .pagemenu .item > a {
        display: block;
    }
    .leftcontainer .pagemenu .item a:nth-child(1) {
        position: static;
        width: 45%;
        height: auto;
        /*padding-bottom: 30%;*/
    }
    .leftcontainer .pagemenu .item a:nth-child(2) {
        position: static;
        width: 55%;
        padding: 10px;
        background: none;
    }
    .leftcontainer .pagemenu .item a:only-of-type {
        width: 100%;
    }
    .leftcontainer .pagemenu .item a:nth-child(2) .title {
        font-size: 1.6rem;
    }
}
@media all and (max-width: 1023px) {
    .contentcontainer {
        display: flex;
        flex-direction: column;
    }
    .leftcontainer {
        order: 1;
        width: 100%;
    }
    .rightcontainer {
        order: 0;
        width: 100%;
        margin-left: 0;
    }
}

/* responsive - other */

@media all and (max-width: 500px) {
    body {
        font-size: 1.6rem;
    }
    h1 {
        font-size: 2.4rem;
    }
    .header .topnav {
        padding-left: 0;
    }
    .header .logo {
        width: 50px;
        height: 50px;
        margin: 12.5px 0 0 10px;
    }
    nav.topnav ul.mainmenu li a {
        padding: 0 10px;
    }
}