@import url(//fonts.googleapis.com/css?family=Montserrat:300,600|Open+Sans:400,300,600,700,800,300italic,400italic,600italic,700italic,800italic&subset=latin,cyrillic-ext);

/*
@import url(//fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700,300italic|Open+Sans:400,300,600,700,800,300italic,400italic,600italic,700italic,800italic&subset=latin,cyrillic-ext);
 */

/*
body, div, table, tbody, thead, tfoot, td, th, span, ul, ul li, ol, ol li, em, header, hgroup, nav, footer, aside, article, section, video, audio, strong, b, i, fieldset, form, label, legend, input, button, select, textarea, dt, dl, dd, blockquote, small, code, object, iframe, address, small, caption, img, hr, h1, h2, h3, h4, h5, h6, p {
margin: 0px;
padding: 0px;
list-style-type: none;
border: 0px solid #ffffff;
border-collapse: collapse;
border-spacing :0;
font-family: Open Sans, Arial, Helvetica, sans-serif;
font-size: 15px;
line-height: 22px;
    line-height: 150%;
color: rgba(0,46,117,1.0);
text-align: left;
vertical-align: top;
background-repeat: no-repeat;
text-decoration: none;quote

}
*/
body {
    background: #fff;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    font-size: 1.5rem;
}
html {
    width: 100%;
    height: 100%;
    font-size: 0.625rem;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-text-size-adjust: none;
}
.print,
.hide {
    display: none;
}

/* fix 8.7 - fluid */

.ce-intext.ce-right .ce-gallery,
.ce-intext.ce-left .ce-gallery {
    max-width: 50%;
}
@media all and (max-width: 520px) {
    .ce-intext.ce-right .ce-gallery,
    .ce-intext.ce-left .ce-gallery {
        float: none;
        max-width: 100%;
        width: 100%;
        margin-bottom: 20px;
    }
}

/*
.ce-gallery {
    width: 100%;
}
.ce-left .ce-column,
.ce-center .ce-column {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
}
.ce-right .ce-gallery .ce-column {
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
}
.ce-center .ce-gallery .ce-row {
    text-align: center;
}
.ce-gallery .image {
    display: table;
}
.ce-gallery figcaption {
    display: table-caption;
    caption-side: bottom;
    font-style: italic;
}
*/

/* fix 8.7 - css */
/*
.csc-space-before-large {
    margin-top: 40px;
}
.csc-space-before-large {
    margin-top: 40px;
}
.csc-space-after-medium {
    margin-bottom: 30px;
}
.csc-textpic-imagerow {
    width: 100%;
}
.csc-textpic-left .csc-textpic-imagecolumn,
.csc-textpic-intext-left .csc-textpic-imagewrap,
.csc-textpic-intext-left .csc-textpic-text,
.csc-textpic-center .csc-textpic-imagecolumn {
    display: inline-block;
    margin-right: 0.2em;
    margin-bottom: 10px;
}
.csc-textpic-right .csc-textpic-imagewrap .csc-textpic-imagecolumn,
.csc-textpic-intext-right .csc-textpic-imagewrap,
.csc-textpic-intext-right .csc-textpic-text {
    float: right;
    margin-right: 0.2em;
    margin-bottom: 10px;
}
.csc-textpic-center .csc-textpic-imagerow csc-textpic-imagerow {
    text-align: center;
}
.csc-textpic-imagecolumn table {
    display: flex;
    flex-direction: column;
}
.csc-textpic-imagecolumn table .csc-textpic-caption {
    order: 1;
    text-align: left;
    font-style: italic;
}
*/

/* basis */

* {
    margin: 0px;
    padding: 0px;
    background-repeat: no-repeat;
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    line-height: 22px;
    line-height: 140%;
    color: rgba(0,46,117,1.0);
    outline: none;
    vertical-align: top;
    text-align: left;
    text-decoration: none;
    border-collapse: collapse;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
* {
    -webkit-overflow-scrolling: touch;
}
a {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    line-height: inherit;
    hyphens: auto;
}
div,
footer,
header,
ul,
li,
th,
td {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.maincontent table {
    margin-bottom: 20px;
}
img {
    max-width: 100%;
    height: auto;
}
iframe[src*=youtube],
iframe[src*=maps]{
    max-width: 100%;
}
.videocontainer {
    float: left;
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56%;
    overflow: hidden;
    margin-bottom: 20px;
}
.block .videocontainer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-bottom: 0;
}
.videocontainer iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
hr.clearer {
    border-width: 0;
}
a[target*=_blank]::after {
    content: '\f08e';
    display: inline-block;
    font-family: 'FontAwesome';
    font-size: 12px;
    font-weight: normal;
    margin-left: 5px;
}
.news.events a[target*=_blank]::after,
.block a[target*=_blank]::after {
    display: none;
}

/* layout basic */

.outsidewrapper {
    float: left;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    min-height: 100%;
    max-width: 100%;
    overflow: hidden;
}
.outsidewrapper.active {
    position: fixed;
}

/* BASIC */

.container {
    float: left;
    min-width: 100%;
    margin-bottom: 20px;
}
.outsidewrapper > .container {
    max-width: 100%;
}
.centercontainer {
    float: none;
    width: 98% !important;
    max-width: 1370px;
    margin: 0 auto;
}
.contentcontainer {
    float: left;
    width: 100%;
    padding: 0 4%;
}
.content {
    float: left;
    width: 100%;
    min-height: 65vh;
    padding: 20px 0 30px 0;
}
body.blog.wide .content {
    min-height: unset;
}
.left {
    float: left;
    width: 26.6%;
    margin-left: 4.2%;
    margin-left: 0;
}
.right {
    float: left;
    width: 64.2%;
    margin-left: 5%;
    padding-right: 20px;
}
.wide.noleftcol .content .left {
    display: none;
}
.wide.noleftcol .content .right {
    width: 100%;
    margin-left: 0;
}
.pathway {
    max-width: 100%;
    padding-top: 5px;
    margin-bottom: 25px;
}
.pathway .current {
    font-weight: bold;
}
.pathway a:hover {
    transition: color ease 0.4s;
    color: #e1113b;
}
.maincontent {
    max-width: 100%;
}

/* content */

ul {
    margin-left: 18px;
}
ol {
    margin-left: 32px;
}
.ce-intext.ce-left ol,
.ce-intext.ce-left ul {
    margin-left: 0;
    padding-left: 20px;
}
.maincontent nav {
    float: none;
}
.maincontent nav ul {
    float: none;
    list-style-type: disc;
    margin: 0 0 20px 18px !important;
}
.maincontent nav li {
    float: none;
    list-style-type: disc;
}

/* contactpage */

.contact .maincontent .csc-default,
.contact .maincontent .frame-default,
.contact .maincontent h2,
.contact .maincontent h3,
.contact .maincontent p {
    float: left;
    width: 50%;
    margin-top: 10px;
    padding-right: 2.5%;
    border-top: 1px solid #d0d0d0;
    padding-top: 10px;
}
.contact .maincontent .csc-default,
.contact .maincontent .frame-default {
    width: 100%;
}

/* header */

.header {
    float: left;
    width: 100%;
    height: auto;
    padding-top: 2.38%;
}
.logo * {
    width: 100%;
    height: auto;
    display: none;
}
.logo {
    width: 25.39%;
    height: 0;
    padding-bottom: 8.99%;
    background: url(../images/logo_vandriegroup.png) left top no-repeat;
    background-size: auto 100%;
    cursor: pointer;
    margin-right: 4.61%;
}
.header .right {
    position: relative;
    width: 70%;
    padding-right: 0;
    margin-top: 2.5%;
    margin-left: 0;
}
.languages {
    margin-top: 5px;
    height: 35px;
    float: right;
    width: auto;
    position: relative;
    /*
    position: absolute;
    right: -5px;
    */
    z-index: 20;
}
.languages ul,
.languages li {
    float: none;
    list-style: none;
}
.languages ul,
.languages label {
    float: right;
    line-height: 25px;
}
.languages label {
    font-weight: bold;
    margin: 5px 20px 0 0;
}
.languages ul {
    position: relative;
    width: auto;
    height: 40px;
    padding: 5px 10px 5px 10px;
    background: #fff;
    overflow: hidden;
    z-index: 1;
}
.languages ul:hover {
    overflow: visible;
    height: auto;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
}
.languages li {
    width: 100%;
    height: 40px;
    line-height: 25px;
    text-align: right;
    padding-right: 5px;
    display: none;
}
.languages ul:hover li {
    display: block;
}
.languages li a {
    display: inline-block;
    width: 100%;
    height: 35px;
    line-height: 100%;
    padding: 5px 25px 5px 10px;
    text-align: right;
    box-sizing: border-box;
}
.languages li a,
.languages li a span {
    font-weight: 600;
}
html[lang=nl] li.nl,
html[lang=en] ul li.en,
html[lang=de] ul li.de,
html[lang=fr] ul li.fr,
html[lang=es] ul li.es,
html[lang=it] ul li.it,
html[lang=cn] ul li.cn,
html[lang=ru] ul li.ru,
html[lang=pl] ul li.pl,
html[lang=jp] ul li.jp,
html[lang=hr] ul li.hr,
html[lang="en jp"] ul li.jp_en,
html[lang=da] ul li.da {
    display: block;
}
html[lang=nl] ul li.nl a,
html[lang=en] ul li.en a,
html[lang=de] ul li.de a,
html[lang=fr] ul li.fr a,
html[lang=es] ul li.es a,
html[lang=it] ul li.it a,
html[lang=cn] ul li.cn a,
html[lang=ru] ul li.ru a,
html[lang=pl] ul li.pl a,
html[lang=jp] ul li.jp a,
html[lang=hr] ul li.hr a,
html[lang="en jp"] ul li.jp_en a,
html[lang=da] ul li.da a {
    position: relative;
    padding: 0 25px 13px 10px;
    border-bottom: 3px solid #edf4fa;
}
html[lang=nl] ul li.nl a::after,
html[lang=en] ul li.en a::after,
html[lang=de] ul li.de a::after,
html[lang=fr] ul li.fr a::after,
html[lang=es] ul li.es a::after,
html[lang=it] ul li.it a::after,
html[lang=cn] ul li.cn a::after,
html[lang=ru] ul li.ru a::after,
html[lang=pl] ul li.pl a::after,
html[lang=jp] ul li.jp a::after,
html[lang=hr] ul li.hr a::after,
html[lang="en jp"] ul li.jp_en a::after,
html[lang=da] ul li.da a:after {
    content: '\f063';
    position: absolute;
    font-family: 'FontAwesome';
    font-size: 1.2rem;
    font-weight: normal;
    line-height: 200%;
    margin-left: 10px;
}
html[lang=nl] ul:hover li.nl a::after,
html[lang=en] ul:hover li.en a::after,
html[lang=de] ul:hover li.de a::after,
html[lang=fr] ul:hover li.fr a::after,
html[lang=es] ul:hover li.es a::after,
html[lang=it] ul:hover li.it a::after,
html[lang=cn] ul:hover li.cn a::after,
html[lang=ru] ul:hover li.ru a::after,
html[lang=pl] ul:hover li.pl a::after,
html[lang=jp] ul:hover li.jp a::after,
html[lang=hr] ul:hover li.hr a::after,
html[lang="en jp"] ul:hover li.jp_en a::after,
html[lang=da] ul:hover li.da a:after {
    content: '\f060';
}
.languages li a:hover span {
    color: #e1113b;
}
.topmenu {
    float: left;
    width: 50%;
    height: 30px;
    margin-top: 50px;
}
.tagline {
    float: left;
    width: calc(100% - 200px);
    height: 30px;
    margin-top: 10px;
    display: none;
}
/* obsolete */
.tagline img {
    vertical-align: middle;
    margin: 0 5px 2px 15px;
}
/**/
.tagline * {
    color: #E1113B;
}
.tagline ul,
.tagline li {
    list-style: none;
    display: inline-block;
}
.tagline li {
    margin-right: 20px;
}
.tagline li a::before {
    content: '\f095';
    display: inline-block;
    width: 30px;
    height: 30px;
    color: #fff;
    font-family: 'FontAwesome';
    font-size: inherit;
    line-height: 30px;
    text-align: center;
    background: #E1113B;
    border-radius: 15px;
    margin-right: 10px;
}
.tagline li a.mail::before {
    content: '\f003';
}
.tagline li a.search::before {
    content: '\f002';
}

/* header - search */

/*.header .right .mobilesearchbutton,*/
/*.search input.button {*/
/*position: absolute;*/
/*top: 15px;*/
/*right: 5px;*/
/*width: 20px;*/
/*height: 20px;*/
/*background: url('../images/bg_search_button.png') center center no-repeat #ccc;*/
/*transition: background-color ease 0.4s;*/
/*cursor: pointer;*/
/*}*/
/*.header .right .mobilesearchbutton,*/
/*.search:hover input.button,*/
/*.search:focus input.button {*/
/*background-color: #E1113B;*/
/*}*/
/*.header .right .mobilesearchbutton {*/
/*right: 7px;*/
/*display: none;*/
/*}*/

div.search {
    display: none;
}
@media all and (min-width: 1025px) {
    div.search {
        position: relative;
        float: right;
        margin-top: 4px;
        height: 35px;
        width: 200px;
    }
    div.search form > div.row.collapse,
    div.search .row.collapse,
    div.search .small-10.columns,
    div.search .small-2.columns,
    div.search .twitter-typeahead {
        width: 100%;
        height: 100%;
    }
    div.search .small-10.columns {
        float: left;
        width: calc(100% - 40px);
    }
    div.search .small-2.columns {
        float: left;
        width: 35px;
    }
    div.search .tt-dataset {
        padding: 10px;
    }
    div.search input[type=text],
    div.search button {
        width: 100%;
        height: 35px;
        border: 1px solid #999;
    }
    div.search button {
        background: #1E5799;
        border: none;
        cursor: pointer;
    }
    div.search button i,
    div.search button i::after {
        display: block;
        height: 100%;
        font-style: normal;
    }
    div.search button i::after {
        content: '\f002';
        display: block;
        font-family: 'FontAwesome';
        font-size: 18px;
        color: #fff;
        text-align: center;
        line-height: 33px;
    }
    div.search .tt-menu {
        border: 1px solid #ccc;
        width: calc(100% + 35px);
        background: #fff;
        box-shadow: 0 0 10px 0 rgba(0,0,0,0.25);
    }
}

/* content lay-out */

.topleftimage {
    margin-bottom: 20px;
}
.topleftimage * {
    width: 100%;
    height: auto;
    margin: 0;
}
/*
.topleftimage img {
width: auto;
max-width: 100%;
}    */
.pagetitle,
.leftbanner,
.leftbutton {
    float: left;
    width: 100%;
    padding-left: 2.5%;
}
.pagetitle.navtitle + .pagetitle {
    display: none;
}
.leftbanner,
.leftbutton {
    margin-top: 20px;
}
.leftbanner p {
    margin-bottom: 15px;
}
.leftbutton h3 {
    font-weight: normal;
    font-size: 1.6rem;
}
.leftbutton h3 a {
    display: block;
    color: #fff;
    padding: 5px 10px 5px 20px;
    background: rgba(0,46,117,1.0);
    transition: all ease 0.4s;
}
.leftbutton h3 a::after {
    content: '\f061';
    position: absolute;
    font-family: 'FontAwesome';
    font-size: 1.2rem;
    font-weight: normal;
    line-height: 200%;
    margin-left: 10px;
}
.leftbutton h3 a:hover {
    background: #e1113b;
}

    /* footer */

.footercontainer {
    padding: 0;
    margin: 0;
}
.footercontainer .centercontainer,
.footercontainer .contentcontainer {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
    box-shadow: none;
}
.footer {
    display: table;
    width: 100%;
    color: #fff;
    height: 90px;
    font-size: 1.3rem;
}
.footer .csc-header *,
.footer header * {
    font-size: 1.5rem;
    font-weight: 600;
}
.footer * {
    color: #fff;
}
.footerleft ,
.footerright {
    position: relative;
    display: table-cell;
    width: 50%;
    padding: 10px 0;
    background: rgba(0,46,117,1.0);
}
.footerright {
    background: rgba(0,46,117,0.85);
}
.footerblock {
    float: left;
    width: 50%;
    padding: 0 3.5% 0 0;
}
.footerblock1,
.footerblock3 {
    padding: 0 3.5% 0 3.5%;
}
.footerblocksocial {
    padding: 65px 0 0 0;
    padding: 30px 0 0 0;
}
.footerlogo {
    position: absolute;
    top: -37px;
    left: 3.5%;
    width: 100%;
    max-width: 250px;
    height: 75px;
}
.footerlogo.footerlogov3g,
.footerlogo.footerlogocompany {
    background: url('../images/v3g_footer_logo.png') 0 0 no-repeat;
    background-size: auto 100%;
}
.footerblock2 p,
.footerblock4 p {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translate(0,-50%);
}
.footerblock ul,
.footerblock li {
    list-style: none;
    margin: 0;
    padding: 0;
}
.footerblock4 li {
    display: inline-block;
    min-width: 50%;
}
.footerblock2 li {
    float: left;
    width: 50%;
}
.footerblocksocial ul {
    width: auto;
}
.footerblocksocial li,
.footerblocksocial li a {
    position: relative;
    width: 33px;
    height: 40px;
    display: inline-block;
}
.footerblocksocial li a {
    text-indent: -999px;
    overflow: hidden;
    transition: background ease 0.4s;
}
.footerblocksocial li a::after {
    position: absolute;
    top: 0;
    left: 0;
    content: '\f09a';
    display: block;
    font-family: 'FontAwesome';
    font-weight: normal;
    font-size: 2.0rem;
    width: 100%;
    height: 100%;
    line-height: 40px;
    text-align: center;
    text-indent: 0;
    margin-left: 0 !important;
}
.footerblocksocial li a:hover {
    background-color: rgba(0,0,0,0.4);
}
.footerblocksocial li a[href*=facebook]::after {
    content: '\f09a';
}
.footerblocksocial li a[href*=twitter]::after {
    content: '\f099';
}
.footerblocksocial li a[href*=linkedin]::after {
    content: '\f0e1';
}
.footerblocksocial li a[href*=instagram]::after {
    content: '\f16d';
}
.footerblocksocial li a[href*=dribbble]::after {
    content: '\f17d';
}
.footerblocksocial li a[href*=youtube]::after {
    content: '\f166';
}


/* menu */

nav {
    float: left;
}
nav ul {
    float: left;
    list-style-type: none;
    background: none !important;
    margin: 0px !important;
    padding: 0px !important;
    border-width: 0px !important;
}
nav li {
    float: left;
    list-style-type: none;
}
nav li a {
    width: auto;
    display: block;
    padding: 0;
    text-decoration: none;
}
nav li:last-child a {
}
nav li:hover {
}
nav li.selected {
}
nav li.selected a {
}

/* mainmenu */

nav.mainmenu {
    float: left;
    width: 100%;
    margin-left: 0;
    margin-top: 20px;
    height: 45px;
    z-index: 10;
    position: relative;
}
nav.mainmenu ul {
    float: left;
    width: 100%;
}
nav.mainmenu li {
    height: 45px;
    width: auto;
    margin-left: 2.5%;
}
nav.mainmenu li:first-child {
    background: none;
    margin-left: 0;
}
nav.mainmenu li a {
    height: 45px;
    line-height: 40px;
    margin: 0;
    width: auto;
    display: block;
    color: rgba(0,46,117,1.0);
    transition: all ease 0.4s;
    -webkit-transition: all ease 0.4s;
    -moz-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
    /*	border-bottom: 2px solid #fff; */
}
nav.mainmenu ul.level-1 > li > a {
    font-size: 1.6rem;
    font-weight: 600;
}
nav.mainmenu li a:hover,
nav.mainmenu li:hover a {
    color: #e1113b;
}
body.home nav.mainmenu ul.level-1 > li.menu-home > a,
nav.mainmenu ul.level-1 > li.selected > a {
    font-weight: 800;
    /*	color: #e1113b;
        border-color: #e1113b; */
}
body.home nav.mainmenu li.menu-home a {
    background-position: 20px bottom;
}

/*level2*/
nav.mainmenu ul.level-2,
nav.mainmenu ul.level-2 li,
nav.mainmenu ul.level-2 li:hover {
    float: none;
    list-style-type: none;
    background-image: none !important;
}
nav.mainmenu li ul.level-2 {
    padding: 0 !important;
    position: absolute;
    top: 45px;
    margin-left: -15px !important;
    background: rgba(255,255,255,0.85) !important;
    width: 210px;
    min-height: 7px;
    height: auto;
    -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3);
    display: none;
    z-index: 80 !important;
}
.ie7 nav.mainmenu li ul.level-2,
.ie8 nav.mainmenu li ul.level-2 {
    background: #fff !important;
}
nav.mainmenu li:hover ul.level-2 {
    display: block;
    z-index: 80 !important;
}
.ie7 nav.mainmenu li:hover ul.level-2 {
    display: none;
}
nav.mainmenu ul.level-2 li {
    position: relative;
    padding-top: 0px;
    margin: 0;
    height: auto !important;
    border-width: 0px;
}
nav.mainmenu ul.level-2 li a {
    height: auto;
    line-height: 18px !important;
    margin: 0;
    border-bottom-width: 0 !important;
}
nav.mainmenu ul.level-2 li a,
nav.mainmenu ul.level-2 li.selected a,
nav.mainmenu li.selected ul.level-2 li a,
nav.mainmenu li.selected ul.level-2 li.selected a {
    min-height: 16px;
    height: auto;
    font-weight: normal;
    line-height: 18px !important;
    color: #333 !important;
    text-transform: none;
    border-left-width: 0px;
    padding: 5px 5px 5px 15px;
    background: none;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
nav.mainmenu ul.level-2 li a:hover,
nav.mainmenu ul.level-2 li.selected a:hover,
nav.mainmenu li.selected ul.level-2 li a:hover,
nav.mainmenu li.selected ul.level-2 li.selected a:hover {
    color: #fff !important;
    background: rgba(0,46,117,1.0) !important;
}
/* level3 */
nav.mainmenu li ul.level-3 {
    padding: 0 !important;
    position: absolute;
    top: 0;
    left: 210px;
    background: rgba(255,255,255,0.85) !important;
    width: 210px;
    min-height: 7px;
    height: auto;
    -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3);
    display: none;
    z-index: 80 !important;
}
nav.mainmenu ul.level-2 li:hover ul.level3 {
    display: block;
    z-index: 80 !important;
}

/* submenu */

.submenu,
.submenu ul {
    float: left;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
}
.submenu {
    padding: 0 0 0 2.5%;
}
.submenu li {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
}
.submenu a {
    display: block;
    text-decoration: none;
    padding: 8px 0 8px 17px;
    background: url('../images/bg_submenu.png') 0 -200px no-repeat;
    transition: color ease .4s;
    border-bottom: 1px solid #ebedef;
}
.submenu a:hover,
.submenu li.selected a:hover {
    color: #e1113b;
}
.submenu li.selected a {
    font-weight: bold;
    background-position: 0 0;
}
/*level2*/
.submenu ul a {
    padding-left: 30px;
    background-position: 15px -200px;
}
.submenu ul li.selected a {
    background-position: 15px 0;
}
/*level3*/
.submenu ul ul a {
    padding-left: 45px;
    background-position: 30px -200px;
}
.submenu ul ul li.selected a {
    background-position: 30px 0;
}

/* left column */

.pagetitle {
}

/* fonts / content */

h1,
h2,
h3,
h4,
h5,
h6,
.pagetitle {
    font-size: 1.98rem;
    font-weight: 700;
    color: #e1113b;
    margin-bottom: 10px;
}
h1 {
    font-size: 2.775rem;
}
h1 *,
h2 *,
h3 *,
h4 *,
h5 *,
h6 * {
    color: inherit;
}
.tagline h3 {
    font-family: Open Sans;
    font-size: 1.5rem;
    line-height: 160%;
    font-weight: normal;
    color: rgba(0,46,117,1.0);
}
.content .right p,
.slidercontainer .item .csc-textpic-text p,
.slidercontainer .item .ce-bodytext p,
.content .right ul,
.content .right ol,
.leftbottomcontent ul,
.leftbottomcontent ol {
    margin-bottom: 20px;
}
.content .right ul,
.leftbottomcontent ul {
    margin-left: 18px;
}
.content .right ol,
.leftbottomcontent ol {
    margin-left: 35px;
}
.content .right p a,
.content .maincontent a,
.content .maincontent a * {
    text-decoration: underline;
}
.content .maincontent a button {
    text-decoration: none;
}
.blue {
    color: rgba(0,46,117,1.0);
}
.red {
    color: #e1113b;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}

/* homepage */
/* blocks */
.block2x2 {
    position: relative;
    float: left;
    width: 50%;
    padding-bottom: calc(43.33% + 3px);
    background: #ebebeb;
    border: 1px solid #fff;
    overflow: hidden;
}
.block {
    position: relative;
    float: left;
    width: 25%;
    height: 0;
    padding: 0;
    padding-bottom: 21.67%;
    background: #ebebeb;
    background-size: cover;
    border: 1px solid #fff;
    overflow: hidden;
}
.block .csc-header,
.block header {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 44px;
    color: #fff;
    padding: 10px 6.6%;
    background: rgba(0,46,117,1.0);
    z-index: 1;
}
.block .csc-header *,
.block header * {
    color: #fff;
    font-size: 1.5rem;
    margin: 0;
}
.block .csc-header a,
.block header a {
    display: block;
    width: 100%;
}
.block .csc-header a::after,
.block header a::after {
    content: '\f061';
    display: inline;
    font-family: 'FontAwesome';
    font-weight: normal;
    float: right;
}
.block .csc-header a[href*=youtu]::after,
.block header a[href*=youtu]::after {
    content: '\f16a';
}
/* misschien voor v3g
.block2 .csc-header {
background: rgba(0,46,117,0.0);
transition: background ease 0.4s;
}
.block2:hover .csc-header {
background: rgba(0,46,117,0.8);
}    */
.block .csc-textpic,
.block .frame,
.block .news-latest-container,
.block iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    padding: 0;
}
.block .csc-textpic .csc-textpic-text,
.block .csc-textpic img,
.block .ce-textpic .ce-bodytext,
.block .ce-textpic img,
.block .news-latest-container img {
    display: none !important;
}
.block * {
    color: #fff;
}
.block div.csc-textpic-intext-right .csc-textpic-imagewrap,
.block div.ce-textpic.right .ce-gallery {
    margin-left: 0 !important;
}
.block div.csc-textpic,
.block div.csc-textpic-imagewrap,
.block div.csc-textpic-imagewrap div,
.block figure.csc-textpic-image,
.block .csc-textpic-imagewrap a,
.block div.frame,
.block div.ce-textpic,
.block div.ce-image,
.block div.ce-gallery,
.block div.ce-gallery div,
.block div.ce-gallery figure.image,
.block div.ce-gallery a {
    float: left !important;
    display: block !important;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
}
.block div.csc-textpic-imagewrap div,
.block div.ce-gallery div {
    position: static !important;
}
.block iframe {
    width: 100% !important;
    height: 100% !important;
}
.block2x2 {
    position: relative;
}
.block2x2::before,
.block2x2 .owl-item::before,
.block2x2 > .section:nth-child(1) {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 105px;
    padding: 0 20px;
    box-sizing: border-box;
    z-index: 1;
}
/* if not slider (owl) */
.block2x2 > .section:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% + 1px);
    height: 100%;
}
.block2x2 > .section:nth-child(2) > .csc-textpic,
.block2x2 > .section:nth-child(2) > .ce-textpic {
    width: 100%;
    min-height: 100%;
    background-size: cover;
}
.block2x2 > .section:nth-child(2) > .csc-textpic *,
.block2x2 > .section:nth-child(2) > .ce-textpic * {
    display: none;
}
/* end if not */
.block2x2::before,
.block2x2 .owl-item::before {
    content: '';
    bottom: 50px;
    height: 55px;
    background: rgba(0,46,117,0.8);
    background: rgba(229,25,55,0.8);
}
.block2x2 .owl-item::before {
    bottom: 0;
    height: 50px;
    padding: 0;
}
.block2x2 .csc-header-n1 *,
.block2x2 header * {
    color: #fff;
    margin: 20px 0 0 0;
    line-height: 1;
}
/* with news object */
.block .news-latest-item,
.block .news-latest-item .image {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
}
.block .news-latest-item .image a {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
}
.block .news-latest-item:not(.tradefairs) .image::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,46,117,0.8);
    transition: background ease 0.4s;
}
.block:hover .news-latest-item:not(.tradefairs) .image::before {
    background: rgba(0,46,117,0.0);
}
.block .news-latest-item:not(.tradefairs) h2 {
    position: absolute;
    top: calc(50% - 20px);
    left: 50%;
    transform: translate(-50%,-50%);
    font-weight: 300;
    text-align: center;
}
.block .news-latest-item.tradefairs .image {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}
.block .news-latest-item.tradefairs .infotxt {
    position: absolute;
    width: 100%;
    bottom: 50px;
    padding: 5px 10px;
    background: rgba(0,0,0,0.75);
}
.block .news-latest-item.tradefairs .infotxt,
.block .news-latest-item.tradefairs .infotxt * {
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    font-weight: 300;
    color: #fff;
    text-align: center;
    margin: 0;
}
.block .news-latest-item.tradefairs .infotxt h2 {
    font-weight: 600;
}
.block .news-latest-item.tradefairs .infotxt .dates {
    font-size: 1.4rem;
    text-transform: uppercase;
}
.block .news-latest-container.tradefairs .owl-wrapper-outer,
.block .news-latest-container.tradefairs .owl-wrapper,
.block .news-latest-container.tradefairs .owl-item {
    height: 100%;
}


/* homepagefooter */

.homefooter {
    float: left;
    width: 25%;
    padding-right: 3.5%;
    font-size: 1.4rem;
}
.homefooter1 *,
.homefooter .csc-firstHeader,
.homefooter header * {
    font-size: 1.4rem;
    line-height: 165%;
}
.homefooter .csc-firstHeader,
.homefooter header * {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 100%;
    color: rgba(0,46,117,1.0);
}
.homefooter:not(.homefooter4) .csc-textpic-imagewrap,
.homefooter:not(.homefooter4) .ce-gallery {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 50%;
    overflow: hidden;
    margin-bottom: 5px;
}
.homefooter:not(.homefooter4) .csc-textpic-imagewrap .csc-textpic-image,
.homefooter:not(.homefooter4) .ce-gallery .image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.homefooter:not(.homefooter4) .csc-textpic-imagewrap .csc-textpic-image img,
.homefooter:not(.homefooter4) .ce-gallery .image img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    height: auto;
    transform: translate(-50%,-50%);
}
.homefooter .csc-textpic *,
.homefooter .csc-textpic a,
.homefooter .csc-textpic-text a,
.homefooter .ce-textpic *,
.homefooter .ce-textpic a,
.homefooter .ce-textpic-text a,
.homefooter .news-latest-gotoarchive a,
.home_item .readmore a {
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 1.5rem !important;
    color: rgba(0,46,117,1.0);
}
.homefooter .csc-textpic a::after,
.homefooter .csc-textpic-text a::after,
.homefooter .ce-textpic a::after,
.homefooter .ce-textpic-text a::after,
.homefooter .news-latest-gotoarchive a::after,
.home_item .readmore a::after {
    content: '\f061';
    font-family: 'FontAwesome';
    font-size: 1.2rem;
    color: #e1113b;
    margin-left: 5px;
}

/* tt_news */

.news-list-item {
    float: left;
    width: 100%;
    padding: 10px 0;
    margin: 10px 0;
    border-bottom: 1px solid #ccc;
}
.date {
    float: right;
    font-size: 12px;
    color: #666;
    padding: 2px 5px;
    border: 1px solid #ccc;
}
.news-list-morelink a {
    white-space: nowrap;
}
.news-list-morelink a:after {
    content: ' »';
    display: inline;
}
.news-list-item:not(.blog) .image {
    float: right;
    max-width: 50%;
    padding-left: 5%;
}
.news-list-item:not(.blog) .image * {
    width: 100% !important;
    height: auto;
}
.news-list-item .image img {
    margin: 0 0 10px 0;
}
.news-single-item hr.cl-right,
.news-single-item hr.cl-left{
    clear: none;
    margin: 15px 0;
    border-width: 1px 0 0 0;
    border-color: rgba(0,46,117,0.25);
}
.news-single-item > .news-single-img > .image {
    /*float: left;*/
    /*position: relative;*/
    width: 100%;
    height: auto;
    margin-bottom: 15px;
}
.news-single-item .images .image {
    position: relative;
    /*float: none;*/
    display: inline-block;
    width: calc(25% - 10px);
    height: 0;
    padding-bottom: 15%;
    margin: 0 10px 10px 0;
    overflow: hidden;
}
.news-single-item .images p.news-single-imgcaption {
    display: none;
}
.news-single-item .image a,
.news-single-item .image img {
    display: block;
    width: 100%;
    height: 100%;
}
.news-single-item .images .image a,
.news-single-item .images .image img {
    position: absolute;
}
.news-single-item .images .image img {
    object-fit: cover;
}
/*.news-single-item .image .owl-carousel {*/
/*    position: absolute;*/
/*}*/
/*.news-single-img.owl-carousel,*/
/*.news-single-img .owl-wrapper-outer {*/
/*    height: 100%;*/
/*}*/

/* blog */

.blog.wide .content > .left {
    display: none;
}
.blog.wide .content > .right {
    width: 100%;
    padding: 0;
    margin: 0;
}
.blog.wide.newsdetail .pathway,
.blog.wide.newsdetail .pathway * {
    color: #fff;
}
.news-latest-container.blog {
    float: left;
    width: 100%;
}
.news-latest-item.blog {
    position: relative;
    float: left;
    width: 30.83%;
    height: 0;
    background: rgba(0, 46, 117, 0.1);
    padding-bottom: 30.83%;
    margin: 0 0 2.5% 0;
}
.news-latest-item.blog:nth-child(1) {
    float: left;
    width: 64.16%;
    height: 0;
    padding-bottom: 64.16%;
    margin: 0 2.5% 2.5% 0;
}
.news-latest-item.blog .image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.news-latest-item.blog .image > a {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: center center no-repeat;
    background-size: cover;
}
.news-latest-item.blog .image .text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    padding: 15px 25px;
    background: rgba(0,0,0,0.65);
}
.news-latest-item.blog .image .text * {
    color: #fff;
    line-height: 127%;
    text-decoration: none;
    margin: 0 0 10px 0;
}
.news-latest-item.blog .image .text .subheader {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.news-latest-item.blog:hover .image .text .subheader {
    white-space: unset;
}
.news-list-container.blog {
    display: flex;
    flex-wrap:wrap;
    flex-direction:row;
    width: 100%;
}
.news-list-item.blog {
    position: relative;
    flex-direction: column;
    padding: 0;
    width: 30.83%;
    margin: 0 2.5% 25px 0;
    background: rgba(0,46,117,0.1);
    padding: 0 25px 80px 25px;
    border: none;
}
.news-list-item.blog:nth-child(n+7) {
    display: none;
}
.news-list-item.blog .image {
    position: relative;
    display: block;
    max-width: calc(100% + 50px);
    height: 0;
    padding-bottom: 65%;
    overflow: hidden;
    margin: 0 -25px 15px -25px;
}
.news-list-item.blog .image > a {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: center center no-repeat;
    background-size: cover;
}
.news-list-item.blog .image .text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    padding: 15px 25px;
    background: rgba(0,0,0,0.65);
}
.news-list-item.blog .image .text * {
    color: #fff;
    margin: 0;
    line-height: 105%;
    text-decoration: none;
}
.news-list-item.blog .image .text h2 {
    font-weight: normal;
}
.more_blogs_button_container {
    text-align: center;
}
.more_blogs_button {
    display: inline-block;
    margin: 25px auto;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    padding: 12.5px 25px;
    background: rgba(0,46,117,1.0);
    border: 1px solid rgba(0,46,117,1.0);
    transition: all ease 0.4s;
    cursor: pointer;
}
.more_blogs_button:hover {
    color: rgba(0,46,117,1.0);
    background: #fff;
}
html[lang=nl] .more_blogs_button::after {
    content: 'laat meer blogs zien >';
}
html[lang=en] .more_blogs_button::after {
    content: 'show more blogs >';
}
@media all and (max-width: 1023px) {
    .news-latest-item.blog {
        width: 47.5%;
        padding-bottom: 47.5%;
        margin: 0 2.5% 2.5% 0;
    }
    .news-latest-item.blog:nth-child(1) {
        width: 97.5%;
        margin: 0 2.5% 2.5% 0;
    }
}
@media all and (max-width: 640px) {
    .news-latest-item.blog {
        width: 100%;
        padding-bottom: 75%;
        margin: 0 0 25px 0;
    }
}

/* new */

.news-list-item.blog h2 {
    margin-bottom: 25px;
}
.blog .date {
    display: inline-block;
    text-align: center;
    color: rgba(0,46,117,1.0);
    font-size: 14px;
    padding: 7.5px 15px;
    background: rgba(255,255,255,0.65);
    border: 1px solid rgba(0,46,117,1.0);
    margin-bottom: 20px;
}
.news-latest-item.blog .date,
.news-list-item.blog .date {
    position: absolute;
    top: 25px;
    right: 25px;
}
.blog .news-list-morelink {
    position: absolute;
    display: inline-block;
    bottom: 25px;
    left: 25px;
    margin-top: 20px;
}
.blog .news-list-morelink a {
    display: inline-block;
    color: #fff;
    text-decoration: none;
    background: rgba(0,46,117,1.0);
    padding: 12.5px 25px;
    transition: all ease 0.4s;
}
.blog .news-list-morelink:hover a {
    color: rgba(0,46,117,1.0);
    background: #fff;
}
.blog p .news-list-morelink {
    display: none;
}

/* blog single */

.news-single-item-header.blog {
    position: relative;
    height: auto;
    margin: -120px 0 -20px 0;
    height: 0;
    padding-bottom: 50%;
    background: center center no-repeat #E9ECF3;
    background-size: cover;
    overflow: hidden;
    z-index: -1;
}
.news-single-item-header.blog .text {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,0);
    width: 90.16%;
    max-width: 1260px;
    padding: 25px;
    background: rgba(0,0,0,0.65);
    display: block;
}
.news-single-item-header.blog .text * {
    color: #fff;
}
.news-single-item.blog {
    position: relative;
    float: left;
    width: 100%;
}
.blog .news-single-item .lightblue {
    float: left;
    width: 100%;
    padding: 25px;
    background: rgba(0, 46, 117, 0.1);
}
.blog .news-single-item .lightblue + .lightblue {
    margin-top: 20px;
}
.blog .news-single-img {
    float: left;
    width: 100%;
}
.blog .news-single-img .news-single-imgcaption {
    display: none;
}
@media all and (min-width: 500px) {
    .blog .videocontainer {
        float: right;
        width: 47.5%;
        padding-bottom: 26.5%;
        margin-left: 5%;
    }
    .blog .news-single-img {
        float: right;
        width: 47.5%;
        margin-left: 5%;
        margin-bottom: 15px;
    }
    /*.blog .news-single-item .text {*/
    /*    float: left;*/
    /*    width: 49.5%;*/
    /*}*/
}
.blog .news-single-item .date {
    float: none;
}
.news-single-item.blog .text > p:first-of-type {
    font-weight: bold;
}
.blog .news-single-item blockquote {
    padding: 1.25% 2.5%;
    margin-bottom: 25px;
}
.blog .news-single-item blockquote p {
    position: relative;
    margin-right: 7.5%;
    margin-left: 7.5%;
    font-size: 1.8rem;
    font-style: italic;
    text-align: center;
}
.blog .news-single-item blockquote p:last-child {
    position: relative;
    margin-bottom: 0;
}
.blog .news-single-item blockquote p::before,
.blog .news-single-item blockquote p::after {
    content: '\f10e';
    font-size: 2.0rem;
    font-family: 'FontAwesome';
    font-style: normal;
    margin: 0 10px;
}
.blog .news-single-item blockquote p::before {
    content: '\f10d';
}
.blog .news-single-item .image {
    display: inline-block;
    position: relative;
    width: calc(25% - 10px);
    height: 0;
    padding-bottom: 15%;
    margin: 0 10px 10px 0;
    overflow: hidden;
}
.blog .news-single-item .image:nth-child(1) a,
.blog .news-single-item .image:nth-child(1) img {
    width: 100%;
    height: 100%;
}
.blog .news-single-item .image:nth-child(1+n) a,
.blog .news-single-item .image:nth-child(1+n) img {
    position: absolute;
    width: 100%;
    height: 100%;
}
.blog .news-single-img > .image:first-child {
    width: 100%;
    height: auto;
    padding-bottom: 0;
}
.blog .news-single-item .image img {
    object-fit: cover;
}
.blog .news-single-backlink {
    float: left;
    width: 100%;
    margin: 25px 0;
}
.blog .news-single-item .related dd {
    text-indent: -99999px;
    overflow: hidden;
}
.blog .news-single-item .related dd a {
    position: relative;
    top: 0;
    left: 0;
    width: auto;
    float: left;
    text-indent: 0;
    font-size: 14px;
    line-height: 110%;
    margin: 0 0 15px 0;
    box-sizing: border-box;
}
.blog .news-single-item .related h3 {
    display: none;
}
.blog .news-single-item .related::before {
    content: 'Related posts';
    font-size: 1.8rem;
    display: block;
    margin-bottom: 15px;
}
/* social share */

.blog .news-single-item .social_share {
    position: absolute;
    left: -45px;
    top: 150px;
    width: 32px;
}
.blog .news-single-item .social_share a {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 0 5px 0;
}
.social_share a::after {
    content: '\f09a';
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 1.6rem;
    text-align: center;
    line-height: 200%;
    font-family: 'FontAwesome';
    background-color: #c00;
    margin: 0;
}
.social_share a[href*=twitter]::after {
    content: '\f173';
    background-color: #3DA8FA;
}
.social_share a[href*=facebook]::after {
    content: '\f09a';
    background-color: #4861A7;
}
.social_share a[href*=linkedin]::after {
    content: '\f0e1';
    background-color: #267FC1;
}
@media all and (max-width: 768px) and (orientation: portrait) {
    .blog.wide div:not(.cookiemessage) > .centercontainer > .contentcontainer {
        padding-top: 0;
    }
}
@media all and (max-width: 768px) {
    .blog.wide div:not(.cookiemessage) > .centercontainer > .contentcontainer {
        padding-top: 0;
    }
    .news-single-item-header.blog {
        margin-top: -40px;
        height: 400px;
        padding: 0;
    }
    .news-single-item-header.blog .text {
        padding: 15px 25px 5px 25px;
    }
    .news-single-item-header.blog .text h1 {
        font-weight: normal;
        line-height: 105%;
    }
    .news-single-item-header.blog .text p {
        display: none;
    }
    .blog .news-single-item .social_share {
        position: static;
        width: auto;
        margin: 10px 0 0 0;
    }
    .blog .news-single-item .social_share a {
        display: inline-block;
        margin: 0 10px 10px 0;
    }
}

/**/

.owl-buttons div {
    position: absolute;
    top: 50%;
    width: 30px;
    height: 30px !important;
    margin-top: -15px;
    background: url('../images/bg_prev_next.png') left center no-repeat;
    background-size: auto 100%;
}
.owl-buttons .owl-next {
    right: 1.5%;
    background-position: right center;
}
p.news-single-imgcaption {
    max-width: 100%;
    width: 100% !important;
    color: #666;
    font-size: 90%;
    font-style: italic;
    margin: 0;
}
table.news-headlines {
    width: 100%;
    margin-bottom: 5px;
}
table.news-headlines th,
table.news-headlines td {
    padding: 5px 0 5px 0;
    border-bottom: 2px solid #d6dade;
}
table.news-headlines th {
    font-weight: normal;
}
div.news-list-browse,
div.blog-list-browse {
    clear: both;
}
div.tx-ttnews-browsebox td a {
    padding: 3px 8px 3px 8px;
    margin-right: 10px;
    display: block;
    font-weight: bold;
    border: 1px solid rgba(0,46,117,1.0);
    text-decoration: none !important;
    transition: background-color 0.4s;
}
div.tx-ttnews-browsebox td.tx-ttnews-browsebox-SCell a {
    color: #fff;
    background-color: rgba(0,46,117,1.0);
}
div.tx-ttnews-browsebox td a:hover {
    color: #fff;
    background-color: rgba(0,46,117,1.0);
}


/* HOME - slider */

.block2x2 .owl-carousel {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% + 1px);
    height: 100%;
}
.block2x2 .owl-wrapper-outer,
.block2x2 .owl-wrapper,
.block2x2 .owl-item,
.block2x2 .owl-carousel .csc-textpic,
.block2x2 .owl-carousel .frame {
    height: 100%;
    background-size: cover;
    background-position: center center;
}
.block2x2 .owl-item .csc-textpicHeader,
.block2x2 .owl-item .ce-textpic header {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    text-align: right;
    padding: 10px 20px 0 0;
    /*    background: rgba(0,46,117,0.8); */
    z-index: 2;
}
.block2x2 .owl-item .csc-textpicHeader *,
.block2x2 .owl-item .ce-textpic header * {
    font-family: Open Sans;
    font-size: 100%;
    line-height: 100%;
    color: #fff;
    margin: 0;
    text-align: right;
}
.owl-pagination {
    position: absolute;
    height: 20px;
    z-index: 1;
    bottom: 20px;
    left: 20px;
}
.owl-pagination::before {
    content: '';
    display: block;
    position: absolute;
    top: 9px;
    width: 100%;
    height: 1px;
    background: #fff;
}
.owl-controls .owl-page {
    position: relative;
    display: inline-block;
    width: 19px;
    height: 19px;
    margin: 0 14px 0 0;
}
.owl-controls .owl-page:last-child {
    margin-right: 0;
}
.owl-controls .owl-page span {
    display: block;
    width: 19px;
    height: 19px;
    background: #002e75;
    background: #e51937;
    transition: background ease 0.4s;
    border-radius: 10px;
    border: 1px solid #fff;
}
.owl-controls .owl-page.active span {
    background: #e51937;
    background: #002e75;
}
.owl-controls .owl-page span:hover {
    background: #fff;
}

/* lightbox */

#sd-lightbox {
    background: rgba(0, 0, 0, 0.9);
}

/* tables */

table.contenttable {
    width: 100%;
    border-collapse: collapse;
}
.contenttable th,
.contenttable td {
    padding: 5px 10px 5px 0;
    border-bottom: 1px solid #ebedef;
}
.contenttable th *,
.contenttable td * {
    margin: 0 !important;
}

/* bedrijf / keten */

.csc-frame-indent-left {
    display: inline-block;
    width: 31%;
    margin: 0 2% 20px 0;
}
.csc-frame-indent-left .csc-header {
    border-top: 1px solid #ebedef;
    border-bottom: 1px solid #ebedef;
}
.csc-frame-indent-left .csc-header * {
    margin: 5px 0 !important;
}
.csc-frame-indent-left ul,
.csc-frame-indent-left ul.csc-menu,
.csc-frame-indent-left ul.csc-menu li {
    list-style: none !important;
    margin-left: 0 !important;
}
@media all and (max-width: 1024px) {
    .csc-frame-indent-left {
        width: 48%;
    }
}
@media all and (max-width: 500px) {
    .csc-frame-indent-left {
        width: 100%;
        margin: 0 0 20px 0;
    }
}

/* beurskalender */

table.news.events {
    border-top: 1px solid #ccc;
    width: 100%;
    max-width: 100%;
}
table.news.events th,
table.news.events td {
    padding: 5px 5px 5px 5px;
    border-bottom: 1px dotted #ccc;
    box-sizing: border-box;
}
table.news.events tr:last-child th,
table.news.events tr:last-child td {
    border-bottom: 1px solid #ccc;
}
table.news.events th {
    width: 35%;
}
table.news.events td {
    width: 15%;
}
table.news.events td:nth-child(3) {
    width: 5%;
}
table.news.events td:nth-child(5) {
    width: 25%;
}
table.news.events td:last-child {
    width: 5%;
}
table.news.events td.image {
    width: 100%;
    padding: 15px 0 0 0;
}
table.news.events td.image img {
    width: 100%;
    height: auto;
}
table.news.events a {
    display: none;
}
table.news.events a.newslink {
    display: block;
    width: 20px;
    height: 20px;
    line-height: 16px;
    text-align: center;
    font-weight: 800;
    font-size: 18px;
    text-decoration: none;
    border: 2px solid rgba(0,46,117,1.0);
    border-radius: 6px;
    transition: background ease 0.4s;
}
table.news.events a.newslink:hover {
    color: #fff;
    background: rgba(0,46,117,1.0);
}

/* FORMS */

form ul,
form ol {
    margin-left: 0 !important;
}
.powermail_fieldset {
    padding: 2.5%;
}
.powermail_legend,
form.powermail_form > div + h3 {
    display: none;
}
.powermail_fieldwrap,
div.csc-mailform ol li,
.mc-field-group {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.powermail_label,
.powermail_field,
div.csc-mailform ol li label,
.mc-field-group label {
    float: left;
    width: 50%;
    margin-right: 0;
}
.powermail_fieldwrap_type_submit .powermail_field {
    margin-left: 50%;
}
.powermail_label,
div.csc-mailform ol li label,
.mc-field-group label {
    min-height: 30px;
    padding-top: 8px;
    font-weight: bold;
}
#mc_embed_signup_scroll .indicates-required {
    margin-bottom: 20px;
}
label em,
legend em {
    display: inline;
    color: rgba(0,46,117,1.0);
}
input[type=text],
input[type=email],
input[type=tel],
input[type=number],
input[type=password],
textarea,
select {
    width: 100%;
    height: 30px;
    font-size: 1.5rem;
    padding-left: 10px;
    border: 1px solid #999;
    box-sizing: border-box;
}
textarea {
    font-size: 95%;
    width: 100%;
    height: 100px;
}
div.csc-mailform input[type='text'],
div.csc-mailform input[type='email'],
div.csc-mailform input[type='tel'],
div.csc-mailform input[type='number'],
div.csc-mailform input[type='password'],
div.csc-mailform select,
div.csc-mailform textarea {
    width: 50%;
}
input.powermail_captcha {
    margin-bottom: 10px;
}
input[type=submit],
.powermail_fieldwrap_recaptcha button.powermail_submit {
    width: auto;
    padding: 5px 20px;
    color: #fff;
    font-size: 1.5rem;
    font-weight: bold;
    cursor: pointer;
    background-color: #1E5799;
    border: none;
}
#mc_embed_signup input[type=submit] {
    margin-left: 50%;
}
.tx-powermail .powermail_fieldwrap_type_input input[type=text],
.tx-powermail .powermail_fieldwrap_type_input input[type=email],
.tx-powermail .powermail_fieldwrap_type_input input[type=number],
.tx-powermail .powermail_fieldwrap_type_input input[type=tel],
.tx-powermail .powermail_fieldwrap_type_input input[type=password],
.tx-powermail textarea,
.tx-powermail select {
    width: 100%;
}
/*.tx-powermail .powermail_fieldwrap_type_input.powermail_fieldwrap_postcode {*/
/*    width: 29%;*/
/*    margin-right: 2%;*/
/*}*/
/*.tx-powermail .powermail_fieldwrap_type_input.powermail_fieldwrap_woonplaats {*/
/*    width: 69%;*/
/*}*/
.powermail_fieldwrap_type_radio label.control-label,
.powermail_fieldwrap_type_check label.control-label{
    font-weight: bold;
}
.powermail_fieldwrap_type_radio input,
.powermail_fieldwrap_type_check input {
    margin: 5px 10px 0 0;
}
.powermail_fieldwrap_type_radio .radio,
.powermail_fieldwrap_type_check .checkbox{
    margin: 7.5px 0;
}
.content .right .powermail_fieldwrap_type_html ul {
    margin-left: 1.8em !important;
}

@media all and (min-width: 1200px) {
    .powermail_fieldwrap_welke3puntenzijnvolgensuhetmeestbelangrijkalshetgaatomeengoedestartvaneenkalf .checkbox {
        float: left;
        width: 48%;
        margin-right: 2%;
    }
}

/* campaignmonitor form */

#subForm label,
#subForm input[type=text],
#subForm input[type=email] {
    float: left;
    width: 50%;
    margin-right: 0;
    margin-bottom: 10px;
}
#subForm input[type=submit] {
    margin-left: 50%;
}

/* recaptcha */

.powermail_fieldwrap_recaptcha button.powermail_submit {
    /*display: none;*/
}

/* errors */

.parsley-error {
    border: 1px solid #e1113b !important;
}
.parsley-errors-list,
.powermail_field_error_container.parsley-error {
    display: none;
}

/* search results */

#tx_indexedsearch fieldset {
    border: none !important;
}
.tx-indexedsearch-form label,
.tx-indexedsearch-form input {
    width: 100%;
    margin-bottom: 10px;
}
.tx-indexedsearch-search-submit {
    margin-bottom: 25px;
}
.tx-indexedsearch-searchbox legend,
.tx-indexedsearch-info {
    display: none;
}

/* team pages */

.csc-header,
.frame-type-header {
    clear: both;
}
.teamlid {
    float: left;
    width: 31.8%;
    margin: 0 1.5% 15px 0;
    padding: 15px;
    height: 340px;
    overflow: hidden;
    border: 1px solid #ccc;
}

/* online media */

.onlinemediacontainer .left {
    width: 20%;
}
.onlinemediacontainer .right {
    width: 75%;
}
.onlinemediacontainercontent .left {
    width: 50%;
}
.onlinemediacontainercontent .right {
    margin-left: 2.5%;
    width: 47.5%;
}
.onlinemediacontainer .pagetitle {
    line-height: 90%;
}
.pagemenu .item {
    position: relative;
    float: left;
    width: 25%;
    height: 0;
    padding-bottom: 41.67%;
    background: rgba(0,46,117,1.0);
    overflow: hidden;
}
.pagemenu .item a {
    position: absolute;
    display: block;
    width: 100%;
}
.pagemenu .item a:nth-child(1) {
    top: 0;
    left: 0;
    height: 100%;
    background-position: center center;
    background-size: cover;
    opacity: 0.35;
    -webkit-filter: grayscale(1); /* Old WebKit */
    filter: grayscale(1);
    transition: opacity ease 0.4s;
    box-shadow: inset 10px -5px 25px rgba(0,0,0,0.65);
}
.pagemenu .item:hover a:nth-child(1) {
    opacity: 1;
    -webkit-filter: grayscale(0); /* Old WebKit */
    filter: grayscale(0);
    box-shadow: none;
}
.pagemenu .item a:nth-child(2) {
    width: 200px;
    height: 90px;
    left: 50%;
    margin-left: -100px;
    bottom: 17.5%;
    background: center center no-repeat;
    background-size: 110% auto;
}
.pagemenu .item a:nth-child(3) {
    width: 200px;
    left: 50%;
    margin-left: -100px;
    bottom: 5%;
    height: 40px;
    line-height: 34px;
    color: #fff;
    text-align: center;
    border: 2px solid #fff;
    transition: background-color ease 0.4s;
}
.pagemenu .item:hover a:nth-child(3) {
    background: rgba(0,46,117,1.0);
}
.pagemenu-1 .item {
    padding-bottom: 50%;
    width: 100%;
}
.pagemenu-2 .item,
.pagemenu-5 .item:nth-child(1),
.pagemenu-5 .item:nth-child(2) {
    width: 50%;
    padding-bottom: 25%;
}
.pagemenu-3 .item,
.pagemenu-5 .item,
.pagemenu-6 .item {
    width: 33.333333%;
    padding-bottom: 25%;
}

@media screen and (max-width: 1000px) {
    .pagemenu .item,
    .pagemenu-5 .item:nth-child(2) {
        padding-bottom: 33%;
        width: 50%;
    }
    .pagemenu-1 .item,
    .pagemenu-3 .item:nth-child(1),
    .pagemenu-5 .item:nth-child(1) {
        width: 100%;
        padding-bottom: 33%;
    }
}
@media screen and (max-width: 768px) {
    .pagemenu .item,
    .pagemenu-5 .item:nth-child(1),
    .pagemenu-5 .item:nth-child(2) {
        padding-bottom: 50%;
    }
}
@media screen and (max-width: 460px) {
    .pagemenu .item,
    .pagemenu-5 .item:nth-child(1),
    .pagemenu-5 .item:nth-child(2) {
        width: 100%;
        padding-bottom: 100%;
    }
}

/* login form */

.tx-felogin-pi1 {
    float: left;
    width: 100%;
    max-width: 600px;
    margin: 20px 0;
}
.tx-felogin-pi1 fieldset {
    float: left;
    width: 100%;
    border: none;
}
.tx-felogin-pi1 fieldset > legend {
    display: none;
}
.tx-felogin-pi1 fieldset > div {
    float: left;
    width: 38.5%;
    margin: 15px 1.5% 15px 0;
}
.tx-felogin-pi1 fieldset > div:nth-of-type(3) {
    width: 20%;
    margin-right: 0;
}
.tx-felogin-pi1 fieldset > div.felogin-hidden {
    margin: 0;
}
.tx-felogin-pi1 label {
    float: left;
    width: 100%;
    height: 25px;
}
.tx-felogin-pi1 input {
    width: 100%;
    height: 40px;
    padding: 5px 10px;
    font-size: 105%;
    background: #EEF2F5;
    border: none;
    box-sizing: border-box;
}
.tx-felogin-pi1 input[type=submit] {
    width: 100%;
    padding: 5px;
    color: #fff;
    text-align: center;
    background: #0c4d8b;
    border: none;
    margin-top: 25px;
    cursor: pointer;
}
.wide_content .right .tx-felogin-pi1 h3,
.wide_content .right .tx-felogin-pi1 h3 + div,
.login .tx-felogin-pi1 form fieldset div:first-of-type {
    display: none;
}

/* popup enquete */

.mc_enquete .outsidewrapper,
.mc_enquete .mc_overlay {
    display: none;
}
.mc_overlay {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.95);
    overflow-y: auto;
    z-index: 90;
}
.mc_overlay .popup {
    position: absolute;
    top: 5%;
    width: 96%;
    max-width: 800px;
    height: auto;
    left: 50%;
    transform: translate(-50%,0);
    padding: 3%;
    background: #fff;
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.5);
}
/* content-element with form */
#c11297 {
    display: none;
}
.mc_overlay .popup .powermail_fieldset {
    padding: 0;
    border: none;
}
.mc_overlay .popup .powermail_fieldwrap {
    padding: 5px 0;
    margin-bottom: 0;
    border-bottom: 1px dotted #ccc;
}
.mc_overlay .popup .powermail_fieldwrap_type_radio .powermail_label {
    width: calc(100% - 130px);
}
.mc_overlay .popup .powermail_fieldwrap_type_radio .powermail_field {
    width: 130px;
}
.language_select {
    list-style: none;
}
.language_select li {
    display: inline-block;
    width: 32px;
    text-align: center;
    padding: 2px 0;
    margin: 0 2% 10px 0;
    border: 1px solid rgba(0,46,117,1.0);
    transition: background ease 0.4s;
    cursor: pointer;
}
.language_select li:hover {
    background: #ebebeb;
}
.language_select li.selected {
    color: #fff;
    background: rgba(0,46,117,1.0);
}

/* homepage columns - schils */

.slider_container .block2x2 {
    width: 100%;
}
.quote {
    background: #EAF0FC;
    padding: 10px;
}
.quote * {
    text-align: center;
    color: rgba(0,46,117,1.0);
    line-height: 100%;
    margin: 0;
}
.quote .csc-firstHeader {
    /*font-family: 'Open Sans Condensed';*/
    font-size: 2.775rem;
}
.quote .csc-firstHeader + h2 {
    font-size: 1.5rem;
    font-weight: 400;
    margin: 10px 0 0 0;
}
.products {
    text-align: center;
}
.products .item {
    position: relative;
    display: inline-block;
    width: 16.66%;
    height: 0;
    padding-bottom: calc(15% + 50px);
    margin: 0;
    border: 1px solid #dedede;
    border-width: 1px 1px 1px 0;
    overflow: hidden;
}
.products .item:nth-child(1) {
    border-width: 1px;
}
.products .item a {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.products .item a .image {
    text-align: center;
}
.products .item a:nth-child(2) {
    top: auto;
    bottom: 0;
    height: 50px;
    padding: 10px;
    color: #E1113B;
    font-size: 1.3rem;
    font-weight: 600;
    text-align: center;
    line-height: 100%;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    border-top: 1px solid #dedede;
    background: rgba(255,255,255,0.85);
}

/* schils & tentego - content homepage  */

.container.spotlight {
    font-size: 0;
    margin-bottom: 0;
}
.container.spotlight .home_item {
    display: inline-block;
    width: 25%;
    font-size: 1.5rem;
}
.container.spotlight .home_item .image * {
    width: 100%;
}
.container.spotlight .home_item h2 {
    margin: 10px 0;
    font-size: 1.8rem;
    font-weight: 600;
    color: rgba(0,46,117,1.0);
}

/* schils - content homepage */

.cols .container.spotlight {
    padding-bottom: 20px;
    border-bottom: 1px solid #E1113B;
}
.cols .container.spotlight .home_item .text {
    padding-right: 15%;
}
.cols .container.spotlight .home_item h2 {
    min-height: 60px;
}
.home_item .readmore {
    margin-top: 15px;
}

/* tentego - content homepage */

.content4blocks .container.spotlight .home_item {
    width: calc(50% -  5px);
    background: rgba(0,46,117,1.0);
    margin-bottom: 10px;
}
.content4blocks .container.spotlight .home_item:nth-child(2n) {
    margin-left: 10px;
}
.content4blocks .container .home_item * {
    color: #fff;
}
.content4blocks .container.spotlight .home_item .image {
    float: left;
    width: 40%;
}
.container.spotlight .home_item h2 {
    font-size: 2.2rem;
}
.content4blocks .container.spotlight .home_item .text {
    float: left;
    width: 60%;
    padding: 10px;
}
.content4blocks .container.spotlight .home_item .text p:last-child {
    margin-top: 10px;
}

/* tentego - footer homepage */

@media all and (min-width: 851px) {
    .content4blocks .homefooter1,
    .content4blocks .homefooter3 {
        width: 20%;
    }
    .content4blocks .homefooter2,
    .content4blocks .homefooter4 {
        width: calc(30% - 5px);
    }
    .content4blocks .homefooter2 {
        margin-right: 10px;
    }
    .content4blocks .homefooter2 {
        padding-right: 10%;
    }
    .content4blocks .homefooter3 {
        padding-right: 0;
    }
    .content4blocks .homefooter4 {
        padding-left: 5%;
    }
}

/* tentego - footer */

@media all and (min-width: 1025px) {
    .content4blocks .footerleft {
        border-right: 10px solid rgba(0,46,117,1.0);
    }
    .content4blocks .footerright {
        border-left: 10px solid rgba(0,46,117,1.0);
    }

}

/* vacatures - jobfair */

.tx_jobfair h1 span {
    font-family: inherit;
    font-size: inherit;
}
.tx_jobfair {
    width: 100%;
    border-collapse: collapse;
}
/* filter */
#tx_jobfair_filter {
    font-size: 0;
}
.tx_jobfair label {
    margin-bottom: 10px;
    font-size: 1.5rem;
}
.tx_jobfair_filter_item {
    width: 32.3%;
    margin-right: 1% !important;
    margin-bottom: 15px !important;
}

/* list */
.tx_jobfair th,
.tx_jobfair td {
    width: 15%;
    padding: 10px 20px 10px 0;
    border: 1px solid #ebebeb;
    border-width: 1px 0 1px 0;
}
.tx_jobfair th {
    padding: 5px 20px 5px 0;
    background: none;
    color: #000 !important;
}
.tx_jobfair tr th:nth-child(2),
.tx_jobfair tr td:nth-child(2) {
    width: 40%;
}
.tx_jobfair tr th:nth-child(3),
.tx_jobfair tr td:nth-child(3) {
    width: 30%;
}
.tx_jobfair tr:hover {
    transition: background ease 0.4s;
    background: rgba(204,0,0,0.2) !important;
}
/* detail */
.tx_jobfair dt {
    padding: 10px;
    background: #ebebeb;
    font-weight: bold;
    min-height: 30px;
    box-sizing: border-box;
    white-space: nowrap;
    width: 160px !important;
    clear: left;
    font-size: 12px;
}
.tx_jobfair dd {
    margin-bottom: 20px;
    border: 1px solid #ebebeb;
    border-width: 1px 0 0 0;
    padding: 10px;
    min-height: 35px;
    box-sizing: border-box;
}
.tx_jobfair dd:last-child {
    border-bottom-width: 1px;
}
.tx_jobfair select {
    height: auto !important;
    min-height: 125px;
    margin-bottom: 10px;
}

/* cookie message */

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

/**/

/* mobile */

.mobile {
    display: none;
}

/* mobilemenu */

.mobilemenu,
.mobilemenubutton,
.mobilemenuclosebutton,
.mobilemenu label {
    display: none;
}
.mobilemenu.active,
.mobilemenuclosebutton {
    display: block;
}
.mobilemenubutton,
.mobilemenuclosebutton,
.closebutton {
    position: absolute;
    top: 30px;
    right: 4%;
    width: 32px;
    height: 32px;
    border-radius: 6px;
    background: url('../images/bg_mobile_button.png') center center #fff no-repeat;
    cursor: pointer;
    z-index: 20;
}
.mobilemenuclosebutton,
.closebutton {
    position: fixed;
    background-image: url('../images/bg_mobile_button_close.png');
}
.mobilemenuclosebutton.active {
    display: block;
}
.mobilemenu {
    position: fixed;
    width: 300px;
    right: -300px;
    height: 100%;
    padding-top: 70px;
    transition: right ease 0.4s;
    background: rgba(66,106,190,0.9);
    z-index: 100;
    box-shadow: -5px 0 10px 0 rgba(0,0,0,0.5);
    overflow-y: auto;
}
.mobilemenu.active {
    right: 0;
}
.mobilemenu * {
    font-size: 16px !important;
}
.mobilemenu ul {
    float: left;
    width: 100%;
    border-top-width: 0px !important;
    width: 100%;
    margin: 0px;
    list-style: none;
}
.mobilemenu ul ul {
    margin-top: 0px;
}
.mobilemenu ul li.label {
    position: relative;
    background: #999 !important;
}
.mobilemenu ul li.label span.more {
    float: left;
    display: block;
    width: 100%;
    color: #fff;
    padding: 8px 0px 8px 15px !important;
    border-bottom: 1px dotted #fff !important;
    cursor: pointer;
}
.mobilemenu ul li.label span.more::after {
    position: absolute;
    content: '';
    right: 0;
    top: 1px;
    width: 36px;
    height: 36px;
    background: url('../images/bg_mobilelanguagemenu.png') center 0 no-repeat;
}
.mobilemenu ul li.label span.more.active::after {
    background-position: center -50px;
}
.mobilemenu ul li.label ul {
    display: none;
}
.mobilemenu ul li.label:hover ul {
    /*display: block;*/
}
.mobilemenu li {
    position: relative;
    float: left;
    width: 100%;
}
.mobilemenu li .plusmin {
    position: absolute;
    display: block;
    right: 0;
    top: 1px;
    height: 36px;
    width: 36px;
    line-height: 36px;
    background: rgba(255,255,255,0.75);
    cursor: pointer;
}
.mobilemenu li .plusmin::before {
    display: block;
    content: '+';
    width: inherit;
    height: inherit;
    line-height: inherit;
    text-align: center;
    font-size: 20px;
    color: #000;
}
.mobilemenu .plusmin.active::before {
    content: '-';
    font-size: 22px;
    line-height: 31px;
}
.mobilemenu li .plusmin.level-3 {
    top: 0;
    background: none;
}
.mobilemenu li .plusmin.level-3::before {
    width: 26px;
    height: 26px;
    line-height: 26px;
    margin: 4px;
    background: rgba(255,255,255,0.75);
    border-radius: 14px;
}
.mobilemenu li .plusmin.level-3.active::before {
    line-height: 21px;
}
.mobilemenu li.seperator {
    display: none;
}
.mobilemenu li a {
    float: left;
    display: block !important;
    width: 100%;
    color: #fff;
    text-decoration: none;
    padding: 8px 0px 8px 15px !important;
    border-bottom: 1px dotted #fff !important;
    transition: all 0.4s;
}
.mobilemenu li li:last-child a {
    border-bottom-width: 0 !important;
}
.mobilemenu li a span {
    color: #fff;
}
.mobilemenu li a:hover,
.mobilemenu li a.selected:hover {
    color: #fff !important;
    background-color: rgba(66,106,190,1.0) !important;
}
.mobilemenu ul li.selected li a,
.mobilemenu ul li li.selected li a {
    color: #fff;
    background-color: unset !important;
}
.mobilemenu ul li.selected a,
.mobilemenu ul li li.selected a,
.mobilemenu ul li li li.selected a {
    color: #000;
    background-color: rgba(66,106,190,1.0);
}
.mobilemenu ul ul {
    display: none;
    margin-bottom: 0px;
    border-bottom: 1px dotted #fff;
    border-top-width: 0px;
}
.mobilemenu ul ul a {
    font-weight: 300;
    padding: 6px 0px 5px 40px !important;
    background-image: url('../images/bg_mobilemenu_li.png');
    background-repeat: no-repeat;
    background-position: 20px 15px;
}
.mobilemenu ul ul ul a {
    padding: 6px 0px 5px 60px !important;
    background-image: url('../images/bg_mobilemenu_li.png');
    background-repeat: no-repeat;
    background-position: 20px -85px;
}

@media screen and (max-width : 1400px) {
}
@media screen and (max-width : 1280px) {
    .left {
        margin-left: 0;
    }
    .right {
        width: 68.4%;
    }
    nav.mainmenu li {
        margin-left: 2.5%;
    }
}
@media screen and (max-width : 1100px) {
    .tagline li a {
        display: block;
        position: relative;
        width: 30px;
        height: 30px;
        text-indent: -999px;
        overflow: hidden;
    }
    .tagline li a::before {
        position: absolute;
        top: 0;
        left: 0;
        text-indent: 0;
    }
    .footerleft p,
    .footerleft b {
        /*	font-size: 80%; */
    }
}
@media screen and (max-width : 1024px) {
    .topmenu {
        display: none;
    }
    nav.mainmenu {
        display: none;
    }
    .mobilemenubutton {
        display: block;
    }
    .languages {
        display: none;
    }
    .header .right {
        position: absolute;
        top: 32px;
        right: 60px;
        width: 200px;
        margin-top: 0;
    }
    .tagline {
        width: 100%;
        margin-top: 0;
    }
    .footercontainer .contentcontainer {
        padding: 0;
    }
    .footerleft,
    .footerright {
        float: left;
        display: block;
        width: 100%;
    }
    .footerleft {
        padding-bottom: 50px;
    }
    .news-list-item.blog {
        width: 47.5%;
    }
}
@media screen and (max-width : 960px) {
    .teamlid {
        width: 48%;
        margin-right: 2%;
    }
}
@media screen and (max-width : 850px) {
    .block2x2 {
        width: calc(66.7% - 1px);
        padding-bottom: calc(57.7% + 2px);
    }
    .block {
        width: 33.3%;
        padding-bottom: 28.9%;
    }
    .cols .container.spotlight .home_item {
        width: 50%;
        margin-bottom: 20px;
    }
    .homefooter {
        width: 33.3%;
        margin-bottom: 20px;
    }
    .homefooter4 {
        width: 100%;
    }
    .products .item {
        width: 33.33%;
        padding-bottom: calc(30% + 50px);
        margin-bottom: 10px;
    }
    .products .item:nth-child(3n+1) {
        border-left-width: 1px;
    }
}
@media screen and (max-width : 768px) {
    .block2x2 {
        width: 100%;
        padding-bottom: 86.68%;
    }
    .block {
        width: 50%;
        padding-bottom: 43.34%;
    }
    .block .csc-textpic,
    .block .csc-textpic *,
    .block .ce-textpic,
    .block .ce-textpic * {
        width: 100%;
        height: auto;
    }
    .homefootercontainer {
        font-size: 0;
    }
    .homefooter,
    .homefooter4 {
        float: none;
        display: inline-block;
        width: 50%;
    }
    .content4blocks .container.spotlight .home_item {
        width: 100%;
    }
    .content4blocks .container.spotlight .home_item:nth-child(2n) {
        margin-left: 0;
    }
}
@media screen and (max-width : 768px) and (orientation : portrait) {
    .header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        padding: 10px 4% 0 4%;
        width: 100%;
        height: 80px;
        background: #fff;
        z-index: 10;
    }
    div:not(.cookiemessage) > .centercontainer > .contentcontainer {
        padding-top: 80px;
    }
    .footeritems .item {
        width: 50%;
        padding-bottom: 15px;
    }
    .footeritems .item:nth-child(3) {
        display: block;
        float: left;
        width: 100%;
        padding-top: 15px;
        border-top: 1px solid #ccc;
        border-left-width: 0;
    }
}
@media screen and (max-width : 700px) {
    .mainmenu,
    .block2x2,
    .pagetitle,
    .submenu {
        display: none;
    }
    .blocks1x1 {
        height: auto;
    }
    .content .left,
    .content .right {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .pagetitle,
    .leftbanner {
        padding-left: 0;
    }
    .tagline {
        float: right;
        width: 130px;
    }
    .tagline ul {
        float: right;
    }
    .tagline li {
        margin-right: 10px;
    }
    .header .right form {
        display: none;
    }
    .header .right.active {
        width: 200px;
    }
    .header .right.active form {
        display: block;
    }
    .header .right.active .button {
        right: 30px;
    }
    .header .right .mobilesearchbutton {
        display: block;
    }
    .header .right.active .mobilesearchbutton {
        right: 5px;
        background-image: url('../images/bg_close_button.png');
    }
    .header .left.logo {
        width: 170px;
        height: 60px;
    }
    iframe[src*=youtube] {
        width: 100%;
    }
    table.news.events th {
        width: 100%;
        float: left;
        display: block;
    }
    table.news.events td {
        width: 25%;
        min-height: 31px;
        float: left;
        display: block;
    }
    table.news.events td:nth-child(3) {
        display: none;
    }
    table.news.events td:nth-child(5) {
        width: 40%;
    }
    table.news.events td:last-child {
        width: 10%;
    }
    table.news.events td.image {
        width: 100%;
    }
}
@media screen and (max-width : 640px) {
    .news-list-item.blog {
        flex-direction: column;
        width: 100%;
        margin: 0 0 25px 0;
    }
}
@media screen and (max-width : 540px) {
    .footeritems .item {
        display: block;
        float: left;
        width: 100%;
        padding-top: 15px;
        border-top: 1px solid #ccc;
        border-left-width: 0;
    }
    .products .csc-textpic-imagecolumn,
    .products .ce-column {
        width: 50%;
        padding-bottom: 55%;
    }
    .footerblock {
        width: 100%;
        padding: 0 3.5% 20px 3.5%;
    }
    .footerblock4 p {
        position: static;
    }
    .tx_jobfair dt,
    .tx_jobfair dd {
        width: 100% !important;
    }
    div.tx_jobfair dt {
        text-align: left;
        margin: 0;
    }
}
@media screen and (max-width : 480px) {
    .contact .maincontent .csc-default,
    .contact .maincontent .frame-default,
    .contact .maincontent h2,
    .contact .maincontent h3,
    .contact .maincontent p {
        float: left;
        width: 100%;
        margin-top: 0;
        border-top: none;
        padding-top: 0;
    }
    .block {
        width: 100%;
        padding-bottom: 86.68%;
    }
    .cols .container.spotlight .home_item h2 {
        min-height: auto;
    }
    .cols .container.spotlight .home_item,
    .homefooter,
    .homefooter4 {
        width: 100%;
    }
    .teamlid {
        width: 100%;
        margin-right: 0;
        height: auto;
    }
    .tx-powermail .powermail_fieldset .powermail_field,
    .tx-powermail .powermail_fieldset .powermail_radio_outer {
        width: 100%;
        max-width: 100%;
    }
    .tx-powermail .powermail_fieldset .powermail_fieldwrap_type_submit .powermail_field {
        margin-left: 0;
    }
}
@media screen and (max-width : 420px) {
    .footercontainer {
        position: relative;
    }
    .footer {
        height: auto;
    }
    .products .item {
        width: 50%;
        padding-bottom: calc(40% + 50px);
    }
    .products .item:nth-child(3n+1) {
        border-left-width: 0;
    }
    .products .item:nth-child(2n+1) {
        border-left-width: 1px;
    }
}
@media screen and (max-width : 384px) {
    .mobilemenubutton,
    .mobilemenuclosebutton {
        top: 25px;
    }
    .blocks1x1 .block {
        width: 100%;
    }
}