@charset "UTF-8";

/* Adaptation of the TU Delft Typo3 style sheet */
/* Version 1, 24 May 2017 */

a.button:invalid,button:invalid,input:invalid,input[type=checkbox]:active,input[type=checkbox]:focus,input[type=file]:active,input[type=file]:focus,input[type=radio]:active,input[type=radio]:focus,select:invalid,textarea:invalid{
    box-shadow:none
}
.gallery, .nav-aside ul, .sharing, .solrAutocomplete{
    list-style:none
}
.unstyled,footer ul{
    list-style-type:none
}
.cookieNotice{
    position:fixed;
    bottom:0;
    width:100%;
    background-color:#000;
    background-color:rgba(0,0,0,.8);
    color:#fff;
    padding:8px;
    opacity:0;
    -webkit-transform:translateZ(0);
    -ms-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-transition:opacity .8s;
    transition:opacity .8s
}
.cookieNotice.cookieNotice--active{
    opacity:1
}
.cookieNotice .contents{
    width:80%;
    margin:0 auto
}
.cookieNotice a{
    color:#fff;
    text-decoration:underline
}
.cookieNotice .agree,
.cookieNotice .disagree,
.cookieNotice a:hover{
    color:#fff;
    text-decoration:none
}
.cookieNotice .statement{
    padding-top:3px;
    padding-bottom:3px;
    margin:0;
    float:left;
    max-width:70%
}
.cookieNotice .statement_expand:focus, .cookieNotice .statement_expand:hover{
    color:#fff
}
.cookieNotice .statement_detail{
    clear:both;
    display:none
}
.cookieNotice .statement_detail.statement_detail--active,
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary{
    display:block
}
.cookieNotice .cookieButtons{
    max-width:30%;
    float:right
}
.cookieNotice .agree{
    float:right;
    padding:8px;
    margin:8px 0 0;
    background-color:green
}
.cookieNotice .disagree{
    float:right;
    padding:8px;
    margin:8px 8px 0 0;
    background-color:#b20000 
}

@media only screen and (max-width:1200px){
    .cookieNotice .contents{
	width:90%
    }
    .cookieNotice .cookieButtons, .cookieNotice .statement{
	max-width:100%
    }
}

html{
    font-family:sans-serif;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%
}

audio,canvas,progress,video{
    display:inline-block;
    vertical-align:baseline
}

audio:not([controls]){
    display:none;
    height:0
}
[hidden],template{
    display:none
}
a{
    background-color:transparent
}
a:active,a:hover{
    outline:0
}
abbr[title]{
    border-bottom:1px dotted
}
b,strong{
    font-weight:700
}
dfn{
    font-style:italic
}
h1{
    margin:.67em 0 2em 0;
}
mark{
    background:#ff0;
    color:#000
}
.small{
    font-size:85%;
    line-height:1.3;
}
small{
    font-size:85%;
    line-height:1.3;
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sup{
    top:-.5em
}
sub{
    bottom:-.25em
}
img{
    border:0
}
svg:not(:root){
    overflow:hidden
}
hr{
    box-sizing:content-box;
    height:0
}
pre{
    overflow:auto
}
code,kbd,pre,samp{
    font-family:monospace,monospace;
    font-size:1em
}
button,input,optgroup,select,textarea{
    color:inherit;
    font:inherit;
    margin:0
}
button{
    overflow:visible
}
.media, .media__content, .text-hide,body:after{
    overflow:hidden
}
button,select{
    text-transform:none
}
button,html input[type=button],input[type=reset],input[type=submit]{
    -webkit-appearance:button;
    cursor:pointer
}
button[disabled],html input[disabled]{
    cursor:default
}
button::-moz-focus-inner,input::-moz-focus-inner{
    border:0;
    padding:0
}
input{
    line-height:normal
}
input[type=checkbox],input[type=radio]{
    box-sizing:border-box;
    padding:0
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{
    height:auto
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{
    -webkit-appearance:none
}
fieldset{
    border:1px solid silver;
    margin:0 2px;
    padding:.35em .625em .75em
}
legend{
    border:0;
    padding:0
}

.lg-1, .lg-10, .lg-11, .lg-12, .lg-2, .lg-3, .lg-4, .lg-5, .lg-6, .lg-7, .lg-8, .lg-9, .md-1, .md-10, .md-11, .md-12, .md-2, .md-3, .md-4, .md-5, .md-6, .md-7, .md-8, .md-9, .sm-1, .sm-10, .sm-11, .sm-12, .sm-2, .sm-3, .sm-4, .sm-5, .sm-6, .sm-7, .sm-8, .sm-9, .xl-1, .xl-10, .xl-11, .xl-12, .xl-2, .xl-3, .xl-4, .xl-5, .xl-6, .xl-7, .xl-8, .xl-9, .xs-1, .xs-10, .xs-11, .xs-12, .xs-2, .xs-3, .xs-4, .xs-5, .xs-6, .xs-7, .xs-8, .xs-9{
    box-sizing:border-box;
    padding-left:1.46875rem;
    padding-right:1.46875rem;
    float:left;
    width:100%
}
body:after{
    content:"xs"
}

.container, .lg-1, .lg-10, .lg-11, .lg-12, .lg-2, .lg-3, .lg-4, .lg-5, .lg-6, .lg-7, .lg-8, .lg-9, .md-1, .md-10, .md-11, .md-12, .md-2, .md-3, .md-4, .md-5, .md-6, .md-7, .md-8, .md-9, .sm-1, .sm-10, .sm-11, .sm-12, .sm-2, .sm-3, .sm-4, .sm-5, .sm-6, .sm-7, .sm-8, .sm-9, .xl-1, .xl-10, .xl-11, .xl-12, .xl-2, .xl-3, .xl-4, .xl-5, .xl-6, .xl-7, .xl-8, .xl-9, .xs-1, .xs-10, .xs-11, .xs-12, .xs-2, .xs-3, .xs-4, .xs-5, .xs-6, .xs-7, .xs-8, .xs-9{
    padding-left:1.46875rem;
    padding-right:1.46875rem
}
/* negatieve margins worden gecompenseerd door padding van de content (netjes?) */
.grid-row, .row, ul.row{
    margin-left:-1.46875rem;
    margin-right:-1.46875rem;
    clear:both
}
.xs-1{
    width:8.33333%
}
.xs-2{
    width:16.66667%
}
.xs-3{
    width:25%
}
.xs-4{
    width:33.33333%
}
.xs-5{
    width:41.66667%
}
.xs-6{
    width:50%
}
.xs-7{
    width:58.33333%
}
.xs-8{
    width:66.66667%
}
.xs-9{
    width:75%
}
.xs-10{
    width:83.33333%
}
.xs-11{
    width:91.66667%
}
.xs-12{
    width:100%
}

@media (min-width:37.5em){
    body:after{
    content:"sm"
    }
    .sm-1{
	width:8.33333%
    }
    .sm-2{
	width:16.66667%
    }
    .sm-3{
	width:25%
    }
    .sm-4{
	width:33.33333%
    }
    .sm-5{
	width:41.66667%
    }
    .sm-6{
	width:50%
    }
    .sm-7{
	width:58.33333%
    }
    .sm-8{
	width:66.66667%
    }
    .sm-9{
	width:75%
    }
    .sm-10{
	width:83.33333%
    }
    .sm-11{
	width:91.66667%
    }
    .sm-12{
	width:100%
    }
}
/* @media (min-width:64em){ */
@media (min-width:54em){
    body:after{
    content:"md"
    }
    .md-1{
	width:8.33333%
    }
    .md-2{
	width:16.66667%
    }
    .md-3{
	width:25%
    }
    .md-4{
	width:33.33333%
    }
    .md-5{
	width:41.66667%
    }
    .md-6{
	width:50%
    }
    .md-7{
	width:58.33333%
    }
    .md-8{
	width:66.66667%
    }
    .md-9{
	width:75%
    }
    .md-10{
	width:83.33333%
    }
    .md-11{
	width:91.66667%
    }
    .md-12{
	width:100%
    }
} 
@media (min-width:80em){
    body:after{
    content:"lg"
    }
    .lg-1{
	width:8.33333%
    }
    .lg-2{
	width:16.66667%
    }
    .lg-3{
	width:25%
    }
    .lg-4{
	width:33.33333%
    }
    .lg-5{
	width:41.66667%
    }
    .lg-6{
	width:50%
    }
    .lg-7{
	width:58.33333%
    }
    .lg-8{
	width:66.66667%
    }
    .lg-9{
	width:75%
    }
    .lg-10{
	width:83.33333%
    }
    .lg-11{
	width:91.66667%
    }
    .lg-12{
	width:100%
    }
}
.xs-p-1{
    padding-top:2.9375rem;
    padding-bottom:2.9375rem
}
.xs-p-2{
    padding-top:5.875rem;
    padding-bottom:5.875rem
}
.xs-mt-1{
    margin-top:2.9375rem
}
.xs-mt-2{
    margin-top:5.875rem
}
.xs-mb-1{
    margin-bottom:2.9375rem
}
.xs-mb-2{
    margin-bottom:5.875rem
}
@media (min-width:37.5em){
    .sm-p-1{
	padding-top:2.9375rem;
	padding-bottom:2.9375rem
    }
    .sm-p-2{
	padding-top:5.875rem;
	padding-bottom:5.875rem
    }
    .sm-mt-1{
	margin-top:2.9375rem
    }
    .sm-mt-2{
	margin-top:5.875rem
    }
    .sm-mb-1{
	margin-bottom:2.9375rem
    }
    .sm-mb-2{
	margin-bottom:5.875rem
    }
}
@media (min-width:54em){
    .md-p-1{
	padding-top:2.9375rem;
	padding-bottom:2.9375rem
    }
    .md-p-2{
	padding-top:5.875rem;
	padding-bottom:5.875rem
    }
    .md-mt-1{
	margin-top:2.9375rem
    }
    .md-mt-2{
	margin-top:5.875rem
    }
    .md-mb-1{
	margin-bottom:2.9375rem
    }
    .md-mb-2{
	margin-bottom:5.875rem
    }
}
@media (min-width:80em){
    .lg-p-1{
	padding-top:2.9375rem;
	padding-bottom:2.9375rem
    }
    .lg-p-2{
	padding-top:5.875rem;
	padding-bottom:5.875rem
    }
    .lg-mt-1{
	margin-top:2.9375rem
    }
    .lg-mt-2{
	margin-top:5.875rem
    }
    .lg-mb-1{
	margin-bottom:2.9375rem
    }
    .lg-mb-2{
	margin-bottom:5.875rem
    }
}
@media (min-width:120em){
    body:after{
	content:"xl"
    }
    .xl-1{
	width:8.33333%
    }
    .xl-2{
	width:16.66667%
    }
    .xl-3{
	width:25%
    }
    .xl-4{
	width:33.33333%
    }
    .xl-5{
	width:41.66667%
    }
    .xl-6{
	width:50%
    }
    .xl-7{
	width:58.33333%
    }
    .xl-8{
	width:66.66667%
    }
    .xl-9{
	width:75%
    }
    .xl-10{
	width:83.33333%
    }
    .xl-11{
	width:91.66667%
    }
    .xl-12{
	width:100%
    }
    .xl-p-1{
	padding-top:2.9375rem;
	padding-bottom:2.9375rem
    }
    .xl-p-2{
	padding-top:5.875rem;
	padding-bottom:5.875rem
    }
    .xl-mt-1{
	margin-top:2.9375rem
    }
    .xl-mt-2{
	margin-top:5.875rem
    }
    .xl-mb-1{
	margin-bottom:2.9375rem
    }
    .xl-mb-2{
	margin-bottom:5.875rem
    }
}
body:after{
    position:static;
    display:block;
    width:0;
    height:0;
    visibility:hidden;
    opacity:0;
    background:red;
    speak:none
}
body.development:after{
    position:fixed;
    right:0;
    bottom:0;
    z-index:99999999;
    width:auto;
    height:auto;
    opacity:1;
    background:#fff;
    visibility:visible;
    color:#000;
    speak:none
}
.nav-main__submenu, .slick-loading .slick-slide, .slick-loading .slick-track{
    visibility:hidden
}
.container{
    max-width:80rem;
    box-sizing:border-box;
    width:100%;
    margin-left:auto;
    margin-right:auto
}
.text-right{
    text-align:right
}
.text-hide{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    clip:rect(0,0,0,0);
    border:0
}
.center{
    float:none;
    display:block;
    margin-left:auto;
    margin-right:auto
}

.list-arrow, .list-inline, .list-reset, .nav-main ul,
.presentation__controls ul, .profile__contactdata,
.tags ul, .tx-powermail .parsley-errors-list{
    margin-left:0;
    margin-top:0;
    margin-bottom:0;
    padding-left:0;
    list-style:none
}
.list-inline li, .tags ul li{
    display:inline-block
}
.cf:after, .cf:before, .container:after, .container:before, .grid-row:after,
.grid-row:before, .group:after, .group:before, .paging:after, .paging:before,
.row:after, .row:before{
    content: " ";
    display:block;
    width:0;
    height:0;
    overflow:hidden
}
.cf:after, .container:after, .grid-row:after, .group:after, .paging:after,
.row:after{
    clear:both
}
.no-padding{
    padding:0!important
}
.no-margin{
    margin:0!important
}
.left{
    float:left
}
.right{
    float:right
}
.clear-left{
    clear:left
}
.clear-right{
    clear:right
}
.clear-both, .container:after, .gallery:after,figure:after{
    clear:both
}
.circle{
    border-radius:100%
}
.lg-show, .md-show, .sm-show, .xl-show, .xs-show{
    display:none
}
.xs-show{
    display:block
}
.xs-hide{
    display:none
}
@media (min-width:37.5em){
    .sm-show{
	display:block
    }
    .sm-hide{
	display:none
    }
}
@media (min-width:54em){
    .md-show{
	display:block
    }
    .md-hide{
	display:none
    }
}
@media (min-width:80em){
    .lg-show{
	display:block
    }
    .lg-hide{
	display:none
    }
}
@media (min-width:120em) {
    .xl-show{
	display:block
    }
    .xl-hide{
	display:none
    }
}
.patty, .patty:after, .patty:before {
    transition:all .2s ease;
    width:25px;
    height:2px;
    background-color:#fff;
    display:block
}
.patty{
    border:none;
    position:relative;
    margin:6px auto
}
.patty:after, .patty:before {
    content:'';
    position:absolute;
    left:0
}
.patty:before {
    top:6px
}
.patty:after {
    bottom:6px
}
.is-active .patty:after, .is-active .patty:before {
    -webkit-transform-origin:center;
    -ms-transform-origin:center;
    transform-origin:center
}
.is-active .patty{
    border-color:transparent;
    background-color:transparent
}
.is-active .patty:before{
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg);
    top:0
}
.is-active .patty:after{
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
    bottom:0
}

.media{
    zoom:1
}
.media__object{
    float:left;
    display:block
}
.media__object img{
    display:block
}
.media__content{
    zoom:1
}
.media__rev{
    float:right
}

@font-face{
    font-family:icons;

    src:url(/fonts/icons.eot);
    src:url(/fonts/icons.eot?#iefix) format("embedded-opentype"),
    url(/fonts/icons.woff) format("woff"),
    url(/fonts/icons.ttf) format("truetype"),
    url(/fonts/icons.svg#icons) format("svg");
    font-weight:400;
    font-style:normal
}

@font-face{
    font-family:roboto;

    src:url(/fonts/roboto-light.eot);
    src:url(/fonts/roboto-light.eot?#iefix) format("embedded-opentype"),
    url(/fonts/roboto-light.woff2) format("woff2"),
    url(/fonts/roboto-light.woff) format("woff"),
    url(/fonts/roboto-light.ttf) format("truetype"),
    url(/fonts/roboto-light.svg#robotolight) format("svg");
    font-weight:300;
    font-style:normal
}

@font-face{
    font-family:roboto;
    src:url(/fonts/roboto-thin.eot);
    src:url(/fonts/roboto-thin.eot?#iefix) format("embedded-opentype"),
    url(/fonts/roboto-thin.woff2) format("woff2"),
    url(/fonts/roboto-thin.woff) format("woff"),
    url(/fonts/roboto-thin.ttf) format("truetype"),
    url(/fonts/roboto-thin.svg#robotothin) format("svg");
    font-weight:100;
    font-style:normal
}

.accordion__title.is-closed:before,
.accordion__title:before,
.breadcrumb li:before,
.i-arrow_down-after:after,
.i-arrow_down:before,
.i-arrow_left-after:after,
.i-arrow_left:before,
.i-arrow_right-after:after,
.i-arrow_right:before,
.i-arrow_select-after:after,
.i-arrow_select:before,
.i-arrow_up-after:after,
.i-arrow_up:before,
.i-available-after:after,
.i-available:before,
.i-close-after:after,
.i-close:before,
.i-facebook-after:after,
.i-facebook:before,
.i-instagram-after:after,
.i-instagram:before,
.i-linkedin-after:after,
.i-linkedin:before,
.i-mail-after:after,
.i-mail:before,
.i-map-after:after,
.i-map:before,
.i-minus-after:after,
.i-minus:before,
.i-phone-after:after,
.i-phone:before,
.i-plus-after:after,
.i-plus:before,
.i-search-after:after,
.i-search:before,
.i-twitter-after:after,
.i-twitter:before,
.i-video_play-after:after,
.i-video_play:before,
.i-youtube-after:after,
.i-youtube:before,
.slick-next:before,
.slick-prev:before,
.video--popup:before{
    display:inline-block;
    font-family:icons;
    font-style:normal;
    font-weight:400;
    font-variant:normal;
    line-height:1;
    text-decoration:inherit;
    text-rendering:optimizeLegibility;
    text-transform:none;
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
    font-smoothing:antialiased;
    speak:none;
    vertical-align:middle
}
.i-arrow_down-after:after,
.i-arrow_down:before{
    content:""
}
.i-arrow_left-after:after,
.i-arrow_left:before{
    content:""
}
.i-arrow_right-after:after,
.i-arrow_right:before{
    content:""
}
.i-arrow_select-after:after,
.i-arrow_select:before{
    content:""
}
.i-arrow_up-after:after,
.i-arrow_up:before{
    content:""
}
.i-available-after:after,
.i-available:before{
    content:""
}
.i-close-after:after,
.i-close:before{
    content:""
}
.i-facebook-after:after,
.i-facebook:before{
    content:""
}
.i-instagram-after:after,
.i-instagram:before{
    content:""
}
.i-linkedin-after:after,
.i-linkedin:before{
    content:""
}
.i-mail-after:after,
.i-mail:before{
    content:""
}
.i-map-after:after,
.i-map:before{
    content:""
}
.i-minus-after:after,
.i-minus:before{
    content:""
}
.i-phone-after:after,
.i-phone:before{
    content:""
}
.i-plus-after:after,
.i-plus:before{
    content:""
}
.i-search-after:after,
.i-search:before{
    content:""
}
.i-twitter-after:after,
.i-twitter:before{
    content:""
}
.i-video_play-after:after,
.i-video_play:before{
    content:""
}
.i-youtube-after:after,
.i-youtube:before{
    content:""
}
.i-more:before{
    content:'…'
}
input[type=search]::-webkit-search-decoration{
    display:none
}
a.button,button,input[type=button],input[type=reset],input[type=submit]{
    -webkit-appearance:none;
    outline:0;
    text-decoration:none;
    vertical-align:top;
    width:auto;
    background-color:#00A6D6;
    margin-top:1rem
}
a.button:focus,a.button:hover,button:focus,button:hover,input[type=button]:focus,input[type=button]:hover,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:focus,input[type=submit]:hover{
    background-color:#1E6188
}
a.button::-moz-focus-inner,button::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=submit]::-moz-focus-inner{
    border:0;
    padding:0
}
input[type=date],input[type=datetime],input[type=datetime-local],input[type=email],input[type=month],input[type=password],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],input[type=number],input[type=search],select,textarea{
    box-sizing:border-box;
    border-radius:0;
    -webkit-appearance:none;
    background-color:#fff;
    border:1px solid;
    border-color:#F2F2F2 #F2F2F2 #00A6D6;
    color:#000;
    outline:0;
    margin:0;
    padding-left:.5em;
    text-align:left;
    font-size:1em;
    height:2.5em;
    vertical-align:top;
    width:100%;
    font-family:Arial,"Liberation Sans",FreeSans,sans-serif
}
a.button_disabled,button[disabled],input[disabled],select[disabled],select[disabled] optgroup,select[disabled] option,textarea[disabled]{
    box-shadow:none;
    -moz-user-select:-moz-none;
    -webkit-user-select:none;
    -ms-user-select:none;
    user-select:none;
    color:#505050;
    cursor:default
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
    color:#505050
}
input:-moz-placeholder,textarea:-moz-placeholder{
    color:#505050
}
input.placeholder_text,textarea.placeholder_text{
    color:#505050
}
select[multiple],select[size],textarea{
	height:auto
}
select[size="0"],select[size="1"]{
	height:1.8em
}
@media (-webkit-min-device-pixel-ratio:0){
    select[multiple],select[multiple][size],select[size]{
    background-image:none;
    padding-right:3px
}
select,select[size="0"],select[size="1"]{
    background-image:url(data:image/png; base64,R0lGODlhDQAEAIAAAAAAAP8A/yH5BAEHAAEALAAAAAANAAQAAAILhA+hG5jMDpxvhgIAOw==);
    background-repeat:no-repeat;
    background-position:right center;
    padding-right:20px
}
::-webkit-validation-bubble-message{
    box-shadow:none;
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#666),color-stop(1,#000));
    border:0;
    color:#fff;
    font:13px/17px "Lucida Grande",Arial,"Liberation Sans",FreeSans,sans-serif;
    overflow:hidden;
    padding:15px 15px 17px;
    text-shadow:#000 0 0 1px;
    min-height:16px
}
::-webkit-validation-bubble-arrow,::-webkit-validation-bubble-top-inner-arrow,::-webkit-validation-bubble-top-outer-arrow{
    box-shadow:none;
    background:#666;
    border-color:#666
}

}
body,optgroup{
    font-weight:400
}
textarea{
    min-height:40px;
    overflow:auto;
    resize:vertical;
    width:100%
}
optgroup{
    color:#000;
    font-style:normal;
    font-family:Arial,"Liberation Sans",FreeSans,sans-serif
}
optgroup::-moz-focus-inner{
    border:0;
    padding:0
}
a.button,button,input,select,textarea{
    transition:background-color .2s cubic-bezier(.56,0,0,1.6)
}

.agenda__item:after,
.card:after,
.nav-overlay__mainitem:after,
.news-summary:before{
    transition:height .2s cubic-bezier(.56,0,0,1.6);
    width:100%;
    display:block;
    content:''
}
a.button:focus,button:focus,input:focus,select:focus,textarea:focus{
    border-bottom-width:3px;
    border-color:#F2F2F2 #F2F2F2 #00A6D6;
    background-color:#F2F2F2;
    z-index:1
}

.box,
.card__content,
.nav-carousel,
.nav-inpage,
.notice{
    padding:1.46875rem
}
table td.align-right{
    text-align:right
}
table td.align-center{
    text-align:center
}
table td.align-left{
    text-align:left
}
table td.align-justify{
    text-align:justify
}

.news-summary{
    position:relative
}

.news-summary:before{
    height:1px;
    position:absolute;
    top:0
}
[href].news-summary:hover:before{
    height:5px
}

.agenda__item,
.card,
.nav-overlay__mainitem{
    position:relative
}
.card{
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}
/* AJ added: -- niet goed -- */
.shadow{
    /* box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); */
}

/* blauw lijntje onder card is 1px hoog */
.agenda__item:after,
.card:after,
.nav-overlay__mainitem:after{
    height:2px;
    position:absolute;
    bottom:0
}
[href].agenda__item:hover:after,[href].card:hover:after,[href].nav-overlay__mainitem:hover:after{
    height:5px
}

.tx-powermail .powermail_label,label.btn--round,label.label{
    display:block;
    margin-top:1rem
}

.btn--round,
.facts th,
.label,
.dateline,
.tags a,
.tx-powermail .powermail_label{
    font-size:.75rem;
    text-transform:uppercase;
    letter-spacing:1px
}

.onhover-linecover{
    position:relative;
    transition:color .5s ease
}

.onhover-linecover:after{
    transition:height .5s cubic-bezier(.56,0,0,1.6);
    -webkit-transform-origin:bottom center;
    -ms-transform-origin:bottom center;
    transform-origin:bottom center;
    content:'';
    display:block;
    height:.5rem;
    background-color:#00A6D6;
    position:absolute;
    left:0;
    right:0;
    bottom:0
}

.onhover-linecover:focus,
.onhover-linecover:hover{
    color:#fff
}

.onhover-linecover:focus:after,
.onhover-linecover:hover:after{
    height:100%;
    opacity:.8
}

.list-arrow li,
.onhover-arrow_left,
.onhover-arrow_right{
    position:relative;
    transition:background-color .2s ease;
    padding:.5em;
    display:inline-block;
    vertical-align:middle
}

.list-arrow li:after,
.list-arrow li:before,
.onhover-arrow_left:after,
.onhover-arrow_left:before,
.onhover-arrow_right:after,
.onhover-arrow_right:before{
    transition:-webkit-transform .2s cubic-bezier(.56,0,0,1.6);
    transition:transform .2s cubic-bezier(.56,0,0,1.6);
    content:'';
    width:.5em;
    height:1px;
    display:block;
    -webkit-transform-origin:left;
    -ms-transform-origin:left;
    transform-origin:left;
    position:absolute;
    top:50%;
    left:50%;
    background-color:#fff
}

.accordion__title,a{
    transition:color .2s cubic-bezier(.56,0,0,1.6)
}

.grid-row,
.grid-row>*{
    position:relative
}

.list-arrow li:before,
.onhover-arrow_left:before,
.onhover-arrow_right:before{
    -webkit-transform:translate(-50%,-50%) rotate(45deg);
    -ms-transform:translate(-50%,-50%) rotate(45deg);
    transform:translate(-50%,-50%) rotate(45deg)
}
.list-arrow li:after,
.onhover-arrow_left:after,
.onhover-arrow_right:after{
    -webkit-transform:translate(-50%,-50%) rotate(-45deg);
    -ms-transform:translate(-50%,-50%) rotate(-45deg);
    transform:translate(-50%,-50%) rotate(-45deg)
}
.list-arrow a:focus li,
.list-arrow a:hover li,
.list-arrow li:focus,
.list-arrow li:hover,
.onhover-arrow_left:focus,
.onhover-arrow_left:hover,
.onhover-arrow_right:focus,
.onhover-arrow_right:hover,a:focus .list-arrow li,a:focus .onhover-arrow_left,a:focus .onhover-arrow_right,a:hover .list-arrow li,a:hover .onhover-arrow_left,a:hover .onhover-arrow_right{
	outline:0
}
.list-arrow a:focus li:before,
.list-arrow a:hover li:before,
.list-arrow li:focus:before,
.list-arrow li:hover:before,
.onhover-arrow_left:focus:before,
.onhover-arrow_left:hover:before,
.onhover-arrow_right:focus:before,
.onhover-arrow_right:hover:before,a:focus .list-arrow li:before,a:focus .onhover-arrow_left:before,a:focus .onhover-arrow_right:before,a:hover .list-arrow li:before,a:hover .onhover-arrow_left:before,a:hover .onhover-arrow_right:before{
    -webkit-transform:translate(-50%,-50%) rotate(25deg);
    -ms-transform:translate(-50%,-50%) rotate(25deg);
    transform:translate(-50%,-50%) rotate(25deg)
}
.list-arrow a:focus li:after,
.list-arrow a:hover li:after,
.list-arrow li:focus:after,
.list-arrow li:hover:after,
.onhover-arrow_left:focus:after,
.onhover-arrow_left:hover:after,
.onhover-arrow_right:focus:after,
.onhover-arrow_right:hover:after,a:focus .list-arrow li:after,a:focus .onhover-arrow_left:after,a:focus .onhover-arrow_right:after,a:hover .list-arrow li:after,a:hover .onhover-arrow_left:after,a:hover .onhover-arrow_right:after{
    -webkit-transform:translate(-50%,-50%) rotate(-25deg);
    -ms-transform:translate(-50%,-50%) rotate(-25deg);
    transform:translate(-50%,-50%) rotate(-25deg)
}
.list-arrow li:after,
.list-arrow li:before,
.onhover-arrow_right:after,
.onhover-arrow_right:before{
    -webkit-transform-origin:right;
    -ms-transform-origin:right;
    transform-origin:right
}
form{
    max-width:40rem
}
.powermail_confirmation form{
    width:50%;
    float:left
}
input::-webkit-input-placeholder{
    color:#9B9B9B
}
input::-moz-placeholder{
    color:#9B9B9B
}
input:-ms-input-placeholder{
    color:#9B9B9B
}
input::placeholder{
    color:#9B9B9B
}

.grid>*{
    padding-bottom:3rem
}
.grid-row>*{
    margin-bottom:3rem
}
.grid-row>:after{
    content:'';
    display:block;
    height:23.75rem
}
.grid-rowhalfHeight>:after{
    height:12rem
}
.grid-row>*>*{
    position:absolute!important;
    width:calc(100% - 2.9375rem)!important;
    height:100%!important
}
.grid-row div[style^=background]{
    background-size:cover;
    background-repeat:no-repeat;
    background-position:50% 50%
}
@media (min-width:37.5em){
    .grid-row div:first-child+div+div{
	margin-top:-26.75rem
    }
}
body,figure{
    margin:0
}

.grid-row div:first-child+div+div:after{
    height:50.5rem
}
.grid-row .latestArticlesCe>div>.grid-row,
.grid-row .latestArticlesCe>div>.grid-row>div{
    height:inherit
}
.negative-top-margin{
    float:left;
    width:100%
}
html{
    font-size:1em;
    -webkit-font-variant-ligatures:common-ligatures;
    font-variant-ligatures:common-ligatures;
    text-rendering:optimizeLegibility;
    -moz-font-feature-settings:"liga" on;
    font-smoothing:antialiased;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
body{
    font-family:Arial,sans-serif;
    line-height:1.625;
    padding:0;
    color:#222;
    background-color:#F0F0F0;
    /* background-color:#F7F7F7 */
}
a{
    color:#00A6D6
}
a:focus,a:hover{
    color:#1E6188
}
figcaption a,
h1 a{
    text-decoration:none
}

.bodytext,p{
    margin-top:0
}
img{
    max-width:100%;
    height:auto
}

.container:after,
.container:before,figure:after,figure:before{
    content:" ";
    display:block;
    width:0;
    height:0;
    overflow:hidden
}
abbr{
    border-bottom:1px dotted #222;
    cursor:help
}
table{
    border-collapse:collapse;
    border-spacing:0
}
main{
    margin-top:3.75rem
}

.intro,
.poster+main,main>.container>:first-child{
    margin-top:0
}
figure img{
    float:left;
    width: 100%;	/* toegevoegd, nodig? */
    max-width:37.5rem;
    min-width:calc(100% - 11rem);
    margin-bottom: .5rem;
}
figure figcaption{
    overflow:hidden;
    padding-left:1rem;
    margin-bottom: 1rem;
    font-size:.8em;
    min-width:10rem
}

.h2,
.h3,
.h4,
.h5,
.h6,
.user-content h2,h2,h3,h4,h5,h6{
    font-weight:400;
    margin-bottom:.5rem; 	/* was 1 rem */
    margin-top:0.7rem;		/* was 0 rem */
    clear:both;
}
/* AJ: h1 gets a bit more margin-bottom */
.h1,h1{
    font-weight:400;
    margin-bottom:3rem; 
    margin-top:0;

    line-height:1.3;
    font-size:2rem;
    clear:both;
}
@media (min-width:37.5em){
    .h1,h1{
	font-size:3.5rem;
	font-family:Arial,sans-serif;
	line-height:1;
	font-weight:100
    }

    .fontsLoaded .h1, .fontsLoaded h1{
	font-family:roboto,Arial,sans-serif
    }
}
@media (min-width:54em){
    .h1,h1{
	font-size:4.5rem
    }
}
.h2, .user-content h1,h2{
    font-size:2.0625rem
}
.h3, .user-content h2,h3{
    font-size:1.375rem;
    line-height:1.3
}
.user-content a h2,a .h3,a .user-content h2,a h3{
    color:#00A6D6;
    text-decoration:none
}
.subtitle{
    font-family:roboto,Arial,sans-serif
}
.button-reset,
.slick-next,
.slick-prev{
    background:0 0;
    padding:0;
    margin:0;
    border:none
}
.intro{
    font-size:1.3em;
    line-height:1.4
}
.container>*{
    margin-top:3rem
}
.container>:last-child{
    margin-bottom:3rem
}
.container.no-spacing>*{
    margin-top:auto
}
.container.no-spacing>:last-child{
    margin-bottom:auto
}
.space-children>*{
    margin-top:3rem
}
.content-container{
    max-width:37.5rem
}
.equalheight{
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.equalheight h1{
    -webkit-flex-basis:100%;
    -ms-flex-preferred-size:100%;
    flex-basis:100%
}
.equalheight>*{
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex
}
.inline{
    display:inline-block!important
}
.user-content h1,
.user-content h2,
.user-content h3,
.user-content h4,
.user-content h5{
    line-height:1.3;
    margin-bottom:0;
    margin-top:3rem
}
.user-content h1+p,
.user-content h1:first-child,
.user-content h2+p,
.user-content h2:first-child,
.user-content h3+p,
.user-content h3:first-child,
.user-content h4+p,
.user-content h4:first-child,
.user-content h5+p,
.user-content h5:first-child{
    margin-top:0
}
.user-content h1{
    margin-bottom:.3em
}
@media (min-width:37.5em){
    .intro{
	font-size:1.5em
    }
    .user-content h1{
	font-size:2.7rem
    }
}
.user-content h3,
.user-content h4,
.user-content h5,
.user-content h6{
    font-size:1rem;
    font-weight:600
}
.user-content .pull{
    margin-top:3rem;
    margin-bottom:3rem
}
.bg-blue{
    background-color:#00A6D6
}
.bg-blue_dark{
    background-color:#1E6188
}
.bg-blue_light{
    background-color:#6EBBD5
}
.bg-grey{
    background-color:#F2F2F2
}
.bg-blue a{
    color:#fff
}
.bg-blue a:focus,
.bg-blue a:hover,
.color-black{
    color:#1E6188;
    color:#222;
}
.color-blue{
    color:#00A6D6
}
.color-white{
    color:#fff
}
.accordion__title{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    overflow:hidden;
    zoom:1;
    cursor:pointer
}
.nav-overlay,
.slick-slider{
    -webkit-user-select:none;
    -ms-user-select:none
}
.accordion__title span{
    display:block;
    overflow:hidden;
    zoom:1;
    font-weight:600
}
.accordion__title:hover{
    color:#00A6D6
}
.accordion__title:before{
    content:"";
    transition:-webkit-transform .2s cubic-bezier(.56,0,0,1.6);
    transition:transform .2s cubic-bezier(.56,0,0,1.6);
    -webkit-transform:rotate(0);
    -ms-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:50%;
    -ms-transform-origin:50%;
    transform-origin:50%;
    border:1px solid #9B9B9B;
    color:#00A6D6;
    font-size:.8rem;
    padding:.5rem;
    border-radius:100%;
    line-height:1;
    text-align:center;
    margin-right:1em;
    float:left;
    display:block
}
.agenda .agenda__month,
.agenda .agenda__stopDay,
.agenda__day{
    font-weight:100;
    font-size:3rem
}
.accordion__title.is-closed{
    margin-bottom:10px
}
.accordion__title.is-closed:before{
    content:"";
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg)
}
.accordion__content{
    display:block;
    transition:height .2s cubic-bezier(.56,0,0,1.6);
    margin-bottom:1em;
    overflow:hidden;
    height:auto!important
}
.accordion__content.is-closed{
    display:none;
    height:0
}
.agenda__item{
    overflow:hidden;
    text-decoration:none;
    display:block;
    width:100%
}
.agenda__item:after{
    background-color:#00A6D6
}
.agenda__item .btn--round,
.agenda__item .facts th,
.agenda__item .label,
.agenda__item .tags a,
.facts .agenda__item th,
.tags .agenda__item a{
    color:#1E6188;
    color:#222
}
.agenda__day{
    font-family:Arial,sans-serif;
    float:left;
    color:#1E6188;
    color:#222;
    width:1.5em
}
.agenda .agenda__stopDay,
.fontsLoaded .agenda__day{
    font-family:roboto,Arial,sans-serif
}
.agenda__content{
    overflow:hidden
}
.agenda .agenda__date{
    float:left
}
.agenda .agenda__item{
    margin-bottom:3rem
}
.agenda .agenda__day{
    float:none;
    line-height:.8;
    font-weight:100
}
.agenda .agenda__stopDay{
    display:block;
    color:#1E6188;
    color:#222
}
.js-back_to_top{
    transition:opacity .2s cubic-bezier(.56,0,0,1.6);
    opacity:0;
    position:fixed;
    z-index:1000;
    bottom:1.46875rem;
    right:1.46875rem
}
.js-back_to_top:hover .btn--icon:after{
    background-color:#fff
}
.js-back_to_top .btn--icon:before{
    color:#00A6D6
}
.js-back_to_top .btn--icon:after{
    border-color:#00A6D6
}
.breadcrumb,blockquote{
    border-bottom:1px solid #9B9B9B;
    width:100%
}
.js-back_to_top.up .btn--icon:before{
    content:""
}
.js-back_to_top.show{
    opacity:1
}
.js-back_to_top.is-fixed{
    position:absolute;
    top:-3em;
    bottom:auto
}
.disable-mouse{
    position:fixed;
    -webkit-transform:translateZ(1);
    transform:translateZ(1);
    left:0;
    right:0;
    top:0;
    bottom:0
}
.disable-mouse.is-scroll{
    z-index:999999999999
}
blockquote{
    float:left;
    font-family:Georgia,Times,"Times New Roman",serif;
    margin:2rem 0;
    border-top:.3rem solid #00A6D6;
    font-size:2.25rem;
    padding-top:1em;
    padding-bottom:1em;
    position:relative
}
blockquote cite{
    color:#9B9B9B;
    margin-top:3.7rem;
    display:block;
    font-size:1rem;
    margin-left:7.188em;
    overflow:hidden
}
blockquote img{
    float:left;
    vertical-align:middle;
    border-radius:100%
}
blockquote p{
    margin-left:.4em;
    margin-right:.4em
}
blockquote p:before{
    content:"\201C";
    margin-left:-.4em
}
blockquote p:after{
    content:"\201D"
}

.breadcrumb{
    padding:1rem 0;
    font-size:.9rem
}
.breadcrumb a{
    color:#9B9B9B;
    padding:.5rem 0;
    text-decoration:none;
    display:inline-block;
    vertical-align:middle
}
.breadcrumb a:focus,
.breadcrumb a:hover{
    /* color:#aa0000 */
    color:#000000
}
.breadcrumb li{
    color:#9B9B9B
}
.breadcrumb li:before {
    content:"";
    color:#9B9B9B
}
.breadcrumb li:first-child:before {
    display:none
}
.btn,
.btn--ghost,a.button,button,input[type=button],input[type=reset],input[type=submit]{
    transition:background-color .2s cubic-bezier(.56,0,0,1.6),color .2s cubic-bezier(.56,0,0,1.6),border-color .2s cubic-bezier(.56,0,0,1.6);
    padding:.9rem 1.5rem;
    border-radius:3px;
    display:inline-block;
    font-size:1rem;
    color:#fff;
    border:none;
    cursor:pointer;
    text-decoration:none;
    line-height:1
}
.btn--icon,
.btn--round{
    text-decoration:none;
    line-height:1;
    display:inline-block;
    text-align:center;
    position:relative;
    z-index:1;
    border-radius:0
}
.btn--icon:after,
.btn--round:after{
    content:'';
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    z-index:-1;
    transition:background-color .2s ease,-webkit-transform .2s cubic-bezier(0,0,0,3);
    transition:background-color .2s ease,transform .2s cubic-bezier(0,0,0,3);
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1);
    border:1px solid #fff;
    border-radius:100%
}
.btn--icon:focus,
.btn--icon:hover,
.btn--round:focus,
.btn--round:hover{
    color:#fff!important
}
.btn--icon:focus:after,
.btn--icon:hover:after,
.btn--round:focus:after,
.btn--round:hover:after{
    -webkit-transform:scale(1.13);
    -ms-transform:scale(1.13);
    transform:scale(1.13);
    background-color:#1E6188;
    background-color:#222
}
.btn,button{
    background-color:#00A6D6;
    color:#fff
}
.bg-blue .btn,
.bg-blue button{
    background-color:#fff;
    color:#00A6D6
}
.btn:focus,
.btn:hover,button:focus,button:hover{
    background-color:#1E6188;
    background-color:#222;
    color:#fff!important
}
.btn--ghost{
    background-color:transparent;
    border-color:#00A6D6;
    color:#00A6D6
}
.btn--ghost:focus,
.btn--ghost:hover{
    color:#fff;
    background-color:#00A6D6
}
.bg-blue .btn--ghost{
    background-color:transparent;
    color:#fff;
    border-color:#fff
}
.bg-blue .btn--ghost:focus,
.bg-blue .btn--ghost:hover{
    background-color:#fff;
    color:#00A6D6
}
.btn--round{
    font-size:.8rem!important;
    color:#fff;
    display:block;
    width:3rem;
    padding:2rem 1.31rem
}
.btn--round:focus:after,
.btn--round:hover:after{
    background-color:#00A6D6
}
.btn--icon{
    padding:.5rem;
    font-size:1.4rem;
    background:0 0
}
.bg-blue .btn--icon{
    border-color:#fff;
    color:#fff
}
.card,
.card[href]:focus,
.card[href]:hover{
    color:#1E6188;
    color:#222
}
.btn--icon:after,
.btn--icon:before{
    vertical-align:top
}
.nav-main .btn--icon,
.nav-search input{
    vertical-align:middle
}
/* de hoogte van een card is altijd 23.75 em (gelijk aan "grid-row"); overflow onzichtbaar */ 
.card{
    transition:none;
    display:block;
    background:#000;
    height:23.75em;
    position:relative;
    overflow:hidden;

}
.facts,footer{
    overflow:auto
}
/* wat doet dit? */
.card:before{
    content:'';
    display:block;
    height:100%;
    width:100%;
    opacity:.5;
    position:absolute;
    z-index:1;
    background-image:linear-gradient(rgba(255,255,255,0),#fff) no-repeat bottom left;
    background-position:0 100%;
    background-repeat:no-repeat;
    background-size:100% 2em
}
/* wat doet dit? (blauwe lijntje onder aan card?) */
.card:after{
    z-index:3;
    background-color:#00A6D6
}
.card--background.card--pillar.card--no_image .card__content,
.card--black.card--pillar.card--no_image .card__content,
.card--blue.card--pillar.card--no_image .card__content,
.card--blue_dark.card--pillar.card--no_image .card__content,
.card--blue_light.card--pillar.card--no_image .card__content,
.card--blue_lighter.card--pillar.card--no_image .card__content,
.card--grey.card--pillar.card--no_image .card__content,
.card--grey_dark.card--pillar.card--no_image .card__content,
.card--grey_light.card--pillar.card--no_image .card__content,
.card--grey_medium.card--pillar.card--no_image .card__content,
.card--no_description .card__content,
.card--orange.card--pillar.card--no_image .card__content,
.card--pink.card--pillar.card--no_image .card__content,
.card--purple.card--pillar.card--no_image .card__content,
.card--purple_light.card--pillar.card--no_image .card__content,
.card--red.card--pillar.card--no_image .card__content,
.card--teal.card--pillar.card--no_image .card__content,
.card--white.card--pillar.card--no_image .card__content,
.card--yellow.card--pillar.card--no_image .card__content{
	z-index:1
}
.card--colored.card--no_image .h3,
.card--colored.card--no_image .user-content h2,
.card--colored.card--no_image h3,
.card--no_description .h3,
.card--no_description .user-content h2,
.card--no_description h3,
.card--no_image .card__content,
.card--no_image .h3,
.card--no_image .user-content h2,
.card--no_image h3,
.user-content .card--colored.card--no_image h2,
.user-content .card--no_description h2,
.user-content .card--no_image h2{
    color:#fff
}
/* afmeting van het blauwe focus-lijntje onder de card (was .5 em) */
.card[href]:focus:after,
.card[href]:hover:after{
    height:.2em
}
/* bij focus wordt het plaatje donkerder */
.card[href]:focus .card__img,
.card[href]:hover .card__img{
    opacity:.8
}
.card__img{
    transition:opacity .2s cubic-bezier(0,0,0,1);
    -webkit-transform-origin:center;
    -ms-transform-origin:center;
    transform-origin:center;

    background-color: #fff;  /* fallback option if url is incorrect */
    background-position:50%;
    background-size:cover;
    background-repeat:no-repeat;
}
.card--background.card--no_image[href]:before,
.card--black.card--no_image[href]:before,
.card--blue.card--no_image[href]:before,
.card--blue_dark.card--no_image[href]:before,
.card--blue_light.card--no_image[href]:before,
.card--blue_lighter.card--no_image[href]:before,
.card--green.card--no_image[href]:before,
.card--grey.card--no_image[href]:before,
.card--grey_dark.card--no_image[href]:before,
.card--grey_light.card--no_image[href]:before,
.card--grey_medium.card--no_image[href]:before,
.card--orange.card--no_image[href]:before,
.card--pink.card--no_image[href]:before,
.card--purple.card--no_image[href]:before,
.card--purple_light.card--no_image[href]:before,
.card--teal.card--no_image[href]:before,
.card--white.card--no_image[href]:before,
.card--yellow.card--no_image[href]:before{
    transition:background-color .5s
}
/* AJ added: */
.card[href]:focus .card__content,
.card[href]:hover .card__content{
    opacity:.8
}
.card__content{
    position:absolute;
    width:100%;
    height:100%;
    box-sizing:border-box;
    /* background-color:#fff; */

    /* AJ added: */
    transition:opacity .2s cubic-bezier(0,0,0,1);
    background: white; /* For browsers that do not support gradients */    
    background: -webkit-linear-gradient(left top, white, #e8e8e8); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom right, white, #e8e8e8); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom right, white, #e8e8e8); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom right, white, #e8e8e8); /* Standard syntax (must be last) */
}
/* als er een card__img is, dan is de content de helft van de card naar beneden verschoven */
/* en komt dus eronder */
/* Hoezo gebeurt dit niet bij card--horizontal?  of card--no_description? */
.card__img+.card__content{
    top:50%
}

/* no_description: card__content text komt bovenop image ipv eronder */
.card--no_description:before{
    background-image:linear-gradient(rgba(34,34,34,0),#222)
}
.card--no_description .card__content{
    background:0 0;
    position:absolute;
    height:auto
}

/* no_description: overlay image exact even groot als omhullende div */
.card--no_description .card__img{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    padding:0;
    margin:0;
    height:100%
}

/* no_description: witte text bovenop background image */
.card--no_description .card__content,
.card--no_image .card__content{
    background-color:transparent;
    color:#fff
}

/* no_description: klein streepje bovenop background image */
.card--no_description .h3:before,
.card--no_description .user-content h2:before,
.card--no_description h3:before,
.card--no_image .h3:before,
.card--no_image .user-content h2:before,
.card--no_image h3:before,
.user-content .card--no_description h2:before,
.user-content .card--no_image h2:before{
    content:'';
    width:1.5em;
    height:1px;
    display:block;
    margin-bottom:.5em;
    background-color:#fff
}
.card--background.card--no_image:after,
.card--background.card--no_image[href]:after,
.card--black.card--no_image:after,
.card--black.card--no_image[href]:after,
.card--blue.card--no_image:after,
.card--blue.card--no_image[href]:after,
.card--blue_dark.card--no_image:after,
.card--blue_dark.card--no_image[href]:after,
.card--blue_light.card--no_image:after,
.card--blue_light.card--no_image[href]:after,
.card--blue_lighter.card--no_image:after,
.card--blue_lighter.card--no_image[href]:after,
.card--green.card--no_image:after,
.card--green.card--no_image[href]:after,
.card--grey.card--no_image:after,
.card--grey.card--no_image[href]:after,
.card--grey_dark.card--no_image:after,
.card--grey_dark.card--no_image[href]:after,
.card--grey_light.card--no_image:after,
.card--grey_light.card--no_image[href]:after,
.card--grey_medium.card--no_image:after,
.card--grey_medium.card--no_image[href]:after,
.card--no_image .card__img,
.card--orange.card--no_image:after,
.card--orange.card--no_image[href]:after,
.card--pink.card--no_image:after,
.card--pink.card--no_image[href]:after,
.card--purple.card--no_image:after,
.card--purple.card--no_image[href]:after,
.card--purple_light.card--no_image:after,
.card--purple_light.card--no_image[href]:after,
.card--red.card--no_image[href]:after,
.card--teal.card--no_image:after,
.card--teal.card--no_image[href]:after,
.card--white.card--no_image:after,
.card--white.card--no_image[href]:after,
.card--yellow.card--no_image:after,
.card--yellow.card--no_image[href]:after{
	display:none
}
/* no_image: use default background image (torch) */
/* torch: width="339px" height="336px" opacity 0.15 draw-color: white */
.card--no_image{
    background-color:#00A6D6;
    background-image:url(style_images/torch.svg);
    background-repeat:no-repeat;
    background-position:50% 50%
}
.card--no_image .card__content{
    background-color:transparent
}
/* no_image: content background is transparent */
.card--no_image:before{
    background-image:linear-gradient(rgba(0,166,214,0),#00A6D6)
}
/* horizontal: wat doet dit eigenlijk? */
.card--horizontal:before,
.card--horizontalHalfHeight:before{
    width:50%;
    right:0
}
/* horizontal: plaatje is halve breedte van de card (was 50%, reset naar 40%) */
.card--horizontal .card__img,
.card--horizontalHalfHeight .card__img{
    height:100%;
    width:30%;
}
/* horizontal: content is resterende halve breedte van de card */
.card--horizontal .card__content,
.card--horizontalHalfHeight .card__content{
    top:0;
    left:30%;
    width:70%;

}
/* horizontal halfheight: zichtbare box is half zo hoog (maar gereserveerde afmeting blijft hetzelfde vanwege grid-row: FOUT) */
/*
.card--horizontalHalfHeight{
    height:50%!important
}
*/
/* dit zat eerst in een stukje @media(min-width:64em), waarom? (FOUT: door grid-row is gereserveerde afmeting niet half)*/
/*
.card--halfHeight{
    height:12em;
}
*/
.card--colored.card--pillar.card--no_image{
    background-size:100% 46%;
    background-position:50% 4%
}
.card--colored.card--pillar.card--no_image:before{
    background:0 0
}
.card--colored.card--pillar.card--no_image .btn--round,
.card--colored.card--pillar.card--no_image .facts th,
.card--colored.card--pillar.card--no_image .label,
.card--colored.card--pillar.card--no_image .tags a,
.facts .card--colored.card--pillar.card--no_image th,
.tags .card--colored.card--pillar.card--no_image a{
    color:#1E6188;
    color:#222
}
.card--colored.card--pillar.card--no_image .card__content{
    background-color:#fff
}
.card--black.card--no_image{
    background-color:#222
}
.card--black.card--no_image .card__content,
.card--black.card--no_image .card__content .h3,
.card--black.card--no_image .card__content .user-content h2,
.card--black.card--no_image .card__content h3,
.user-content .card--black.card--no_image .card__content h2{
    color:#fff
}
.card--black.card--no_image .card__content .h3:before,
.card--black.card--no_image .card__content .user-content h2:before,
.card--black.card--no_image .card__content h3:before,
.card--black.card--no_image .card__content:before,
.user-content .card--black.card--no_image .card__content h2:before{
    background-color:#fff
}
.card--black.card--no_image:before{
    background-image:none!important
}
.card--black.card--no_image[href]:hover:before{
    background-color:#222;
    background-image:none
}
.card--black:after{
    background-color:#222
}
.card--black.card--pillar.card--no_image .card__content,
.card--black.card--pillar.card--no_image .card__content .h3,
.card--black.card--pillar.card--no_image .card__content .user-content h2,
.card--black.card--pillar.card--no_image .card__content h3,
.user-content .card--black.card--pillar.card--no_image .card__content h2{
    color:#222
}
.card--black.card--no_description .h3,
.card--black.card--no_description .user-content h2,
.card--black.card--no_description h3,
.card--black.card--no_description.card--no_image .h3,
.card--black.card--no_description.card--no_image .user-content h2,
.card--black.card--no_description.card--no_image h3,
.user-content .card--black.card--no_description h2,
.user-content .card--black.card--no_description.card--no_image h2{
    color:#fff
}
.card--black .h3,
.card--black .user-content h2,
.card--black h3,
.user-content .card--black h2{
    color:#222
}
.card--white.card--no_image{
    background-color:#fff
}
.card--white.card--no_image .card__content,
.card--white.card--no_image .card__content .h3,
.card--white.card--no_image .card__content .user-content h2,
.card--white.card--no_image .card__content h3,
.user-content .card--white.card--no_image .card__content h2{
	color:#000
}
.card--white.card--no_description .h3,
.card--white.card--no_description .user-content h2,
.card--white.card--no_description h3,
.card--white.card--pillar.card--no_image .card__content,
.card--white.card--pillar.card--no_image .card__content .h3,
.card--white.card--pillar.card--no_image .card__content .user-content h2,
.card--white.card--pillar.card--no_image .card__content h3,
.user-content .card--white.card--no_description h2,
.user-content .card--white.card--pillar.card--no_image .card__content h2{
	color:#fff
}
.card--white.card--no_image .card__content .h3:before,
.card--white.card--no_image .card__content .user-content h2:before,
.card--white.card--no_image .card__content h3:before,
.card--white.card--no_image .card__content:before,
.user-content .card--white.card--no_image .card__content h2:before{
	background-color:#000
}
.card--white.card--no_image:before{
	background-image:none!important
}
.card--white.card--no_image[href]:hover:before{
    background-color:#222;
    background-image:none
}
.card--white:after{
    background-color:#fff
}
.card--white.card--no_description.card--no_image .h3,
.card--white.card--no_description.card--no_image .user-content h2,
.card--white.card--no_description.card--no_image h3,
.user-content .card--white.card--no_description.card--no_image h2{
	color:#000
}
.card--white .h3,
.card--white .user-content h2,
.card--white h3,
.user-content .card--white h2{
	color:#fff
}
.card--blue_lighter.card--no_image{
	background-color:#E5F6FA
}
.card--blue_lighter.card--no_image .card__content,
.card--blue_lighter.card--no_image .card__content .h3,
.card--blue_lighter.card--no_image .card__content .user-content h2,
.card--blue_lighter.card--no_image .card__content h3,
.user-content .card--blue_lighter.card--no_image .card__content h2{
	color:#000
}
.card--blue_lighter.card--no_image .card__content .h3:before,
.card--blue_lighter.card--no_image .card__content .user-content h2:before,
.card--blue_lighter.card--no_image .card__content h3:before,
.card--blue_lighter.card--no_image .card__content:before,
.user-content .card--blue_lighter.card--no_image .card__content h2:before{
	background-color:#000
}
.card--blue_lighter.card--no_image:before{
	background-image:none!important
}
.card--blue_lighter.card--no_image[href]:hover:before{
    background-color:#222;
    background-image:none
}
.card--blue_lighter:after{
	background-color:#E5F6FA
}
.card--blue_lighter.card--pillar.card--no_image .card__content,
.card--blue_lighter.card--pillar.card--no_image .card__content .h3,
.card--blue_lighter.card--pillar.card--no_image .card__content .user-content h2,
.card--blue_lighter.card--pillar.card--no_image .card__content h3,
.user-content .card--blue_lighter.card--pillar.card--no_image .card__content h2{
	color:#E5F6FA
}
.card--blue_lighter.card--no_description .h3,
.card--blue_lighter.card--no_description .user-content h2,
.card--blue_lighter.card--no_description h3,
.user-content .card--blue_lighter.card--no_description h2{
	color:#fff
}
.card--blue_lighter.card--no_description.card--no_image .h3,
.card--blue_lighter.card--no_description.card--no_image .user-content h2,
.card--blue_lighter.card--no_description.card--no_image h3,
.user-content .card--blue_lighter.card--no_description.card--no_image h2{
	color:#000
}
.card--blue_lighter .h3,
.card--blue_lighter .user-content h2,
.card--blue_lighter h3,
.user-content .card--blue_lighter h2{
	color:#E5F6FA
}
.card--blue_light.card--no_image{
	background-color:#6EBBD5
}
.card--blue_light.card--no_image .card__content,
.card--blue_light.card--no_image .card__content .h3,
.card--blue_light.card--no_image .card__content .user-content h2,
.card--blue_light.card--no_image .card__content h3,
.user-content .card--blue_light.card--no_image .card__content h2{
	color:#000
}
.card--blue_light.card--no_image .card__content .h3:before,
.card--blue_light.card--no_image .card__content .user-content h2:before,
.card--blue_light.card--no_image .card__content h3:before,
.card--blue_light.card--no_image .card__content:before,
.user-content .card--blue_light.card--no_image .card__content h2:before{
	background-color:#000
}
.card--blue_light.card--no_image:before{
	background-image:none!important
}
.card--blue_light.card--no_image[href]:hover:before{
    background-color:#222;
    background-image:none
}
.card--blue_light:after{
	background-color:#6EBBD5
}
.card--blue_light.card--pillar.card--no_image .card__content,
.card--blue_light.card--pillar.card--no_image .card__content .h3,
.card--blue_light.card--pillar.card--no_image .card__content .user-content h2,
.card--blue_light.card--pillar.card--no_image .card__content h3,
.user-content .card--blue_light.card--pillar.card--no_image .card__content h2{
	color:#6EBBD5
}
.card--blue_light.card--no_description .h3,
.card--blue_light.card--no_description .user-content h2,
.card--blue_light.card--no_description h3,
.user-content .card--blue_light.card--no_description h2{
	color:#fff
}
.card--blue_light.card--no_description.card--no_image .h3,
.card--blue_light.card--no_description.card--no_image .user-content h2,
.card--blue_light.card--no_description.card--no_image h3,
.user-content .card--blue_light.card--no_description.card--no_image h2{
	color:#000
}
.card--blue_light .h3,
.card--blue_light .user-content h2,
.card--blue_light h3,
.user-content .card--blue_light h2{
	color:#6EBBD5
}
.card--blue.card--no_image{
	background-color:#00A6D6
}
.card--blue.card--no_image .card__content,
.card--blue.card--no_image .card__content .h3,
.card--blue.card--no_image .card__content .user-content h2,
.card--blue.card--no_image .card__content h3,
.user-content .card--blue.card--no_image .card__content h2{
	color:#fff
}
.card--blue.card--no_image .card__content .h3:before,
.card--blue.card--no_image .card__content .user-content h2:before,
.card--blue.card--no_image .card__content h3:before,
.card--blue.card--no_image .card__content:before,
.user-content .card--blue.card--no_image .card__content h2:before{
	background-color:#fff
}
.card--blue.card--no_image:before{
	background-image:none!important
}
.card--blue.card--no_image[href]:hover:before{
	background-color:#222;
background-image:none
}
.card--blue:after{
	background-color:#00A6D6
}
.card--blue.card--pillar.card--no_image .card__content,
.card--blue.card--pillar.card--no_image .card__content .h3,
.card--blue.card--pillar.card--no_image .card__content .user-content h2,
.card--blue.card--pillar.card--no_image .card__content h3,
.user-content .card--blue.card--pillar.card--no_image .card__content h2{
	color:#00A6D6
}
.card--blue.card--no_description .h3,
.card--blue.card--no_description .user-content h2,
.card--blue.card--no_description h3,
.card--blue.card--no_description.card--no_image .h3,
.card--blue.card--no_description.card--no_image .user-content h2,
.card--blue.card--no_description.card--no_image h3,
.user-content .card--blue.card--no_description h2,
.user-content .card--blue.card--no_description.card--no_image h2{
	color:#fff
}
.card--blue .h3,
.card--blue .user-content h2,
.card--blue h3,
.user-content .card--blue h2{
	color:#00A6D6
}
.card--blue_dark.card--no_image{
	background-color:#1E6188
}
.card--blue_dark.card--no_image .card__content,
.card--blue_dark.card--no_image .card__content .h3,
.card--blue_dark.card--no_image .card__content .user-content h2,
.card--blue_dark.card--no_image .card__content h3,
.user-content .card--blue_dark.card--no_image .card__content h2{
	color:#fff
}
.card--blue_dark.card--no_image .card__content .h3:before,
.card--blue_dark.card--no_image .card__content .user-content h2:before,
.card--blue_dark.card--no_image .card__content h3:before,
.card--blue_dark.card--no_image .card__content:before,
.user-content .card--blue_dark.card--no_image .card__content h2:before{
	background-color:#fff
}
.card--blue_dark.card--no_image:before{
	background-image:none!important
}
.card--blue_dark.card--no_image[href]:hover:before{
	background-color:#222;
background-image:none
}
.card--blue_dark:after{
	background-color:#1E6188
}
.card--blue_dark.card--pillar.card--no_image .card__content,
.card--blue_dark.card--pillar.card--no_image .card__content .h3,
.card--blue_dark.card--pillar.card--no_image .card__content .user-content h2,
.card--blue_dark.card--pillar.card--no_image .card__content h3,
.user-content .card--blue_dark.card--pillar.card--no_image .card__content h2{
	color:#1E6188
}
.card--blue_dark.card--no_description .h3,
.card--blue_dark.card--no_description .user-content h2,
.card--blue_dark.card--no_description h3,
.card--blue_dark.card--no_description.card--no_image .h3,
.card--blue_dark.card--no_description.card--no_image .user-content h2,
.card--blue_dark.card--no_description.card--no_image h3,
.user-content .card--blue_dark.card--no_description h2,
.user-content .card--blue_dark.card--no_description.card--no_image h2{
	color:#fff
}
.card--blue_dark .h3,
.card--blue_dark .user-content h2,
.card--blue_dark h3,
.user-content .card--blue_dark h2{
	color:#1E6188
}
.card--teal.card--no_image{
	background-color:#008891
}
.card--teal.card--no_image .card__content,
.card--teal.card--no_image .card__content .h3,
.card--teal.card--no_image .card__content .user-content h2,
.card--teal.card--no_image .card__content h3,
.user-content .card--teal.card--no_image .card__content h2{
	color:#fff
}
.card--teal.card--no_image .card__content .h3:before,
.card--teal.card--no_image .card__content .user-content h2:before,
.card--teal.card--no_image .card__content h3:before,
.card--teal.card--no_image .card__content:before,
.user-content .card--teal.card--no_image .card__content h2:before{
	background-color:#fff
}
.card--teal.card--no_image:before{
	background-image:none!important
}
.card--teal.card--no_image[href]:hover:before{
	background-color:#222;
background-image:none
}
.card--teal:after{
	background-color:#008891
}
.card--teal.card--pillar.card--no_image .card__content,
.card--teal.card--pillar.card--no_image .card__content .h3,
.card--teal.card--pillar.card--no_image .card__content .user-content h2,
.card--teal.card--pillar.card--no_image .card__content h3,
.user-content .card--teal.card--pillar.card--no_image .card__content h2{
	color:#008891
}
.card--teal.card--no_description .h3,
.card--teal.card--no_description .user-content h2,
.card--teal.card--no_description h3,
.card--teal.card--no_description.card--no_image .h3,
.card--teal.card--no_description.card--no_image .user-content h2,
.card--teal.card--no_description.card--no_image h3,
.user-content .card--teal.card--no_description h2,
.user-content .card--teal.card--no_description.card--no_image h2{
	color:#fff
}
.card--teal .h3,
.card--teal .user-content h2,
.card--teal h3,
.user-content .card--teal h2{
	color:#008891
}
.card--yellow.card--no_image{
	background-color:#FFC400
}
.card--yellow.card--no_image .card__content,
.card--yellow.card--no_image .card__content .h3,
.card--yellow.card--no_image .card__content .user-content h2,
.card--yellow.card--no_image .card__content h3,
.user-content .card--yellow.card--no_image .card__content h2{
	color:#fff
}
.card--yellow.card--no_image .card__content .h3:before,
.card--yellow.card--no_image .card__content .user-content h2:before,
.card--yellow.card--no_image .card__content h3:before,
.card--yellow.card--no_image .card__content:before,
.user-content .card--yellow.card--no_image .card__content h2:before{
	background-color:#fff
}
.card--yellow.card--no_image:before{
	background-image:none!important
}
.card--yellow.card--no_image[href]:hover:before{
	background-color:#222;
background-image:none
}
.card--yellow:after{
	background-color:#FFC400
}
.card--yellow.card--pillar.card--no_image .card__content,
.card--yellow.card--pillar.card--no_image .card__content .h3,
.card--yellow.card--pillar.card--no_image .card__content .user-content h2,
.card--yellow.card--pillar.card--no_image .card__content h3,
.user-content .card--yellow.card--pillar.card--no_image .card__content h2{
	color:#FFC400
}
.card--yellow.card--no_description .h3,
.card--yellow.card--no_description .user-content h2,
.card--yellow.card--no_description h3,
.card--yellow.card--no_description.card--no_image .h3,
.card--yellow.card--no_description.card--no_image .user-content h2,
.card--yellow.card--no_description.card--no_image h3,
.user-content .card--yellow.card--no_description h2,
.user-content .card--yellow.card--no_description.card--no_image h2{
	color:#fff
}
.card--yellow .h3,
.card--yellow .user-content h2,
.card--yellow h3,
.user-content .card--yellow h2{
	color:#FFC400
}
.card--green.card--no_image{
	background-color:#A5CA1A
}
.card--green.card--no_image .card__content,
.card--green.card--no_image .card__content .h3,
.card--green.card--no_image .card__content .user-content h2,
.card--green.card--no_image .card__content h3,
.user-content .card--green.card--no_image .card__content h2{
	color:#fff
}
.card--green.card--no_image .card__content .h3:before,
.card--green.card--no_image .card__content .user-content h2:before,
.card--green.card--no_image .card__content h3:before,
.card--green.card--no_image .card__content:before,
.user-content .card--green.card--no_image .card__content h2:before{
	background-color:#fff
}
.card--green.card--no_image:before{
	background-image:none!important
}
.card--green.card--no_image[href]:hover:before{
	background-color:#222;
background-image:none
}
.card--green:after{
	background-color:#A5CA1A
}
.card--green.card--pillar.card--no_image .card__content,
.card--green.card--pillar.card--no_image .card__content .h3,
.card--green.card--pillar.card--no_image .card__content .user-content h2,
.card--green.card--pillar.card--no_image .card__content h3,
.user-content .card--green.card--pillar.card--no_image .card__content h2{
	color:#A5CA1A
}
.card--green.card--pillar.card--no_image .card__content{
	z-index:1
}
.card--green.card--no_description .h3,
.card--green.card--no_description .user-content h2,
.card--green.card--no_description h3,
.card--green.card--no_description.card--no_image .h3,
.card--green.card--no_description.card--no_image .user-content h2,
.card--green.card--no_description.card--no_image h3,
.user-content .card--green.card--no_description h2,
.user-content .card--green.card--no_description.card--no_image h2{
	color:#fff
}
.card--green .h3,
.card--green .user-content h2,
.card--green h3,
.user-content .card--green h2{
	color:#A5CA1A
}
.card--red.card--no_image{
	background-color:#E21A1A
}
.card--red.card--no_image .card__content,
.card--red.card--no_image .card__content .h3,
.card--red.card--no_image .card__content .user-content h2,
.card--red.card--no_image .card__content h3,
.user-content .card--red.card--no_image .card__content h2{
	color:#fff
}
.card--red.card--no_image .card__content .h3:before,
.card--red.card--no_image .card__content .user-content h2:before,
.card--red.card--no_image .card__content h3:before,
.card--red.card--no_image .card__content:before,
.user-content .card--red.card--no_image .card__content h2:before{
	background-color:#fff
}
.card--red.card--no_image:before{
	background-image:none!important
}
.card--red.card--no_image:after{
	display:none
}
.card--red.card--no_image[href]:before{
	transition:background-color .5s
}
.card--red.card--no_image[href]:hover:before{
	background-color:#222;
background-image:none
}
.card--red:after{
	background-color:#E21A1A
}
.card--red.card--pillar.card--no_image .card__content,
.card--red.card--pillar.card--no_image .card__content .h3,
.card--red.card--pillar.card--no_image .card__content .user-content h2,
.card--red.card--pillar.card--no_image .card__content h3,
.user-content .card--red.card--pillar.card--no_image .card__content h2{
	color:#E21A1A
}
.card--red.card--no_description .h3,
.card--red.card--no_description .user-content h2,
.card--red.card--no_description h3,
.card--red.card--no_description.card--no_image .h3,
.card--red.card--no_description.card--no_image .user-content h2,
.card--red.card--no_description.card--no_image h3,
.user-content .card--red.card--no_description h2,
.user-content .card--red.card--no_description.card--no_image h2{
	color:#fff
}
.card--red .h3,
.card--red .user-content h2,
.card--red h3,
.user-content .card--red h2{
	color:#E21A1A
}
.card--orange.card--no_image{
	background-color:#E64616
}
.card--orange.card--no_image .card__content,
.card--orange.card--no_image .card__content .h3,
.card--orange.card--no_image .card__content .user-content h2,
.card--orange.card--no_image .card__content h3,
.user-content .card--orange.card--no_image .card__content h2{
	color:#fff
}
.card--orange.card--no_image .card__content .h3:before,
.card--orange.card--no_image .card__content .user-content h2:before,
.card--orange.card--no_image .card__content h3:before,
.card--orange.card--no_image .card__content:before,
.user-content .card--orange.card--no_image .card__content h2:before{
	background-color:#fff
}
.card--orange.card--no_image:before{
	background-image:none!important
}
.card--orange.card--no_image[href]:hover:before{
	background-color:#222;
background-image:none
}
.card--orange:after{
	background-color:#E64616
}
.card--orange.card--pillar.card--no_image .card__content,
.card--orange.card--pillar.card--no_image .card__content .h3,
.card--orange.card--pillar.card--no_image .card__content .user-content h2,
.card--orange.card--pillar.card--no_image .card__content h3,
.user-content .card--orange.card--pillar.card--no_image .card__content h2{
	color:#E64616
}
.card--orange.card--no_description .h3,
.card--orange.card--no_description .user-content h2,
.card--orange.card--no_description h3,
.card--orange.card--no_description.card--no_image .h3,
.card--orange.card--no_description.card--no_image .user-content h2,
.card--orange.card--no_description.card--no_image h3,
.user-content .card--orange.card--no_description h2,
.user-content .card--orange.card--no_description.card--no_image h2{
	color:#fff
}
.card--orange .h3,
.card--orange .user-content h2,
.card--orange h3,
.user-content .card--orange h2{
	color:#E64616
}
.card--purple.card--no_image{
	background-color:#1C1C73
}
.card--purple.card--no_image .card__content,
.card--purple.card--no_image .card__content .h3,
.card--purple.card--no_image .card__content .user-content h2,
.card--purple.card--no_image .card__content h3,
.user-content .card--purple.card--no_image .card__content h2{
	color:#fff
}
.card--purple.card--no_image .card__content .h3:before,
.card--purple.card--no_image .card__content .user-content h2:before,
.card--purple.card--no_image .card__content h3:before,
.card--purple.card--no_image .card__content:before,
.user-content .card--purple.card--no_image .card__content h2:before{
	background-color:#fff
}
.card--purple.card--no_image:before{
	background-image:none!important
}
.card--purple.card--no_image[href]:hover:before{
	background-color:#222;
background-image:none
}
.card--purple:after{
	background-color:#1C1C73
}
.card--purple.card--pillar.card--no_image .card__content,
.card--purple.card--pillar.card--no_image .card__content .h3,
.card--purple.card--pillar.card--no_image .card__content .user-content h2,
.card--purple.card--pillar.card--no_image .card__content h3,
.user-content .card--purple.card--pillar.card--no_image .card__content h2{
	color:#1C1C73
}
.card--purple.card--no_description .h3,
.card--purple.card--no_description .user-content h2,
.card--purple.card--no_description h3,
.card--purple.card--no_description.card--no_image .h3,
.card--purple.card--no_description.card--no_image .user-content h2,
.card--purple.card--no_description.card--no_image h3,
.user-content .card--purple.card--no_description h2,
.user-content .card--purple.card--no_description.card--no_image h2{
	color:#fff
}
.card--purple .h3,
.card--purple .user-content h2,
.card--purple h3,
.user-content .card--purple h2{
	color:#1C1C73
}
.card--purple_light.card--no_image{
	background-color:#6D177F
}
.card--purple_light.card--no_image .card__content,
.card--purple_light.card--no_image .card__content .h3,
.card--purple_light.card--no_image .card__content .user-content h2,
.card--purple_light.card--no_image .card__content h3,
.user-content .card--purple_light.card--no_image .card__content h2{
	color:#fff
}
.card--purple_light.card--no_image .card__content .h3:before,
.card--purple_light.card--no_image .card__content .user-content h2:before,
.card--purple_light.card--no_image .card__content h3:before,
.card--purple_light.card--no_image .card__content:before,
.user-content .card--purple_light.card--no_image .card__content h2:before{
	background-color:#fff
}
.card--purple_light.card--no_image:before{
	background-image:none!important
}
.card--purple_light.card--no_image[href]:hover:before{
	background-color:#222;
background-image:none
}
.card--purple_light:after{
	background-color:#6D177F
}
.card--purple_light.card--pillar.card--no_image .card__content,
.card--purple_light.card--pillar.card--no_image .card__content .h3,
.card--purple_light.card--pillar.card--no_image .card__content .user-content h2,
.card--purple_light.card--pillar.card--no_image .card__content h3,
.user-content .card--purple_light.card--pillar.card--no_image .card__content h2{
	color:#6D177F
}
.card--purple_light.card--no_description .h3,
.card--purple_light.card--no_description .user-content h2,
.card--purple_light.card--no_description h3,
.card--purple_light.card--no_description.card--no_image .h3,
.card--purple_light.card--no_description.card--no_image .user-content h2,
.card--purple_light.card--no_description.card--no_image h3,
.user-content .card--purple_light.card--no_description h2,
.user-content .card--purple_light.card--no_description.card--no_image h2{
	color:#fff
}
.card--purple_light .h3,
.card--purple_light .user-content h2,
.card--purple_light h3,
.user-content .card--purple_light h2{
	color:#6D177F
}
.card--grey_dark.card--no_image{
	background-color:#505050
}
.card--grey_dark.card--no_image .card__content,
.card--grey_dark.card--no_image .card__content .h3,
.card--grey_dark.card--no_image .card__content .user-content h2,
.card--grey_dark.card--no_image .card__content h3,
.user-content .card--grey_dark.card--no_image .card__content h2{
	color:#fff
}
.card--grey_dark.card--no_image .card__content .h3:before,
.card--grey_dark.card--no_image .card__content .user-content h2:before,
.card--grey_dark.card--no_image .card__content h3:before,
.card--grey_dark.card--no_image .card__content:before,
.user-content .card--grey_dark.card--no_image .card__content h2:before{
	background-color:#fff
}
.card--grey_dark.card--no_image:before{
	background-image:none!important
}
.card--grey_dark.card--no_image[href]:hover:before{
	background-color:#222;
background-image:none
}
.card--grey_dark:after{
	background-color:#505050
}
.card--grey_dark.card--pillar.card--no_image .card__content,
.card--grey_dark.card--pillar.card--no_image .card__content .h3,
.card--grey_dark.card--pillar.card--no_image .card__content .user-content h2,
.card--grey_dark.card--pillar.card--no_image .card__content h3,
.user-content .card--grey_dark.card--pillar.card--no_image .card__content h2{
	color:#505050
}
.card--grey_dark.card--no_description .h3,
.card--grey_dark.card--no_description .user-content h2,
.card--grey_dark.card--no_description h3,
.card--grey_dark.card--no_description.card--no_image .h3,
.card--grey_dark.card--no_description.card--no_image .user-content h2,
.card--grey_dark.card--no_description.card--no_image h3,
.user-content .card--grey_dark.card--no_description h2,
.user-content .card--grey_dark.card--no_description.card--no_image h2{
	color:#fff
}
.card--grey_dark .h3,
.card--grey_dark .user-content h2,
.card--grey_dark h3,
.user-content .card--grey_dark h2{
	color:#505050
}
.card--grey.card--no_image{
	background-color:#9B9B9B
}
.card--grey.card--no_image .card__content,
.card--grey.card--no_image .card__content .h3,
.card--grey.card--no_image .card__content .user-content h2,
.card--grey.card--no_image .card__content h3,
.user-content .card--grey.card--no_image .card__content h2{
	color:#000
}
.card--grey.card--no_image .card__content .h3:before,
.card--grey.card--no_image .card__content .user-content h2:before,
.card--grey.card--no_image .card__content h3:before,
.card--grey.card--no_image .card__content:before,
.user-content .card--grey.card--no_image .card__content h2:before{
	background-color:#000
}
.card--grey.card--no_image:before{
	background-image:none!important
}
.card--grey.card--no_image[href]:hover:before{
	background-color:#222;
background-image:none
}
.card--grey:after,
.card--grey_medium.card--no_image{
	background-color:#9B9B9B
}
.card--grey.card--pillar.card--no_image .card__content,
.card--grey.card--pillar.card--no_image .card__content .h3,
.card--grey.card--pillar.card--no_image .card__content .user-content h2,
.card--grey.card--pillar.card--no_image .card__content h3,
.user-content .card--grey.card--pillar.card--no_image .card__content h2{
	color:#9B9B9B
}
.card--grey.card--no_description .h3,
.card--grey.card--no_description .user-content h2,
.card--grey.card--no_description h3,
.user-content .card--grey.card--no_description h2{
	color:#fff
}
.card--grey.card--no_description.card--no_image .h3,
.card--grey.card--no_description.card--no_image .user-content h2,
.card--grey.card--no_description.card--no_image h3,
.user-content .card--grey.card--no_description.card--no_image h2{
	color:#000
}
.card--grey .h3,
.card--grey .user-content h2,
.card--grey h3,
.user-content .card--grey h2{
	color:#9B9B9B
}
.card--grey_medium.card--no_image .card__content,
.card--grey_medium.card--no_image .card__content .h3,
.card--grey_medium.card--no_image .card__content .user-content h2,
.card--grey_medium.card--no_image .card__content h3,
.user-content .card--grey_medium.card--no_image .card__content h2{
	color:#000
}
.card--grey_medium.card--no_image .card__content .h3:before,
.card--grey_medium.card--no_image .card__content .user-content h2:before,
.card--grey_medium.card--no_image .card__content h3:before,
.card--grey_medium.card--no_image .card__content:before,
.user-content .card--grey_medium.card--no_image .card__content h2:before{
	background-color:#000
}
.card--grey_medium.card--no_image:before{
	background-image:none!important
}
.card--grey_medium.card--no_image[href]:hover:before{
	background-color:#222;
background-image:none
}
.card--grey_medium:after{
	background-color:#9B9B9B
}
.card--grey_medium.card--pillar.card--no_image .card__content,
.card--grey_medium.card--pillar.card--no_image .card__content .h3,
.card--grey_medium.card--pillar.card--no_image .card__content .user-content h2,
.card--grey_medium.card--pillar.card--no_image .card__content h3,
.user-content .card--grey_medium.card--pillar.card--no_image .card__content h2{
	color:#9B9B9B
}
.card--grey_medium.card--no_description .h3,
.card--grey_medium.card--no_description .user-content h2,
.card--grey_medium.card--no_description h3,
.user-content .card--grey_medium.card--no_description h2{
	color:#fff
}
.card--grey_medium.card--no_description.card--no_image .h3,
.card--grey_medium.card--no_description.card--no_image .user-content h2,
.card--grey_medium.card--no_description.card--no_image h3,
.user-content .card--grey_medium.card--no_description.card--no_image h2{
	color:#000
}
.card--grey_medium .h3,
.card--grey_medium .user-content h2,
.card--grey_medium h3,
.user-content .card--grey_medium h2{
	color:#9B9B9B
}
.card--grey_light.card--no_image{
	background-color:#F2F2F2
}
.card--grey_light.card--no_image .card__content,
.card--grey_light.card--no_image .card__content .h3,
.card--grey_light.card--no_image .card__content .user-content h2,
.card--grey_light.card--no_image .card__content h3,
.user-content .card--grey_light.card--no_image .card__content h2{
	color:#000
}
.card--grey_light.card--no_image .card__content .h3:before,
.card--grey_light.card--no_image .card__content .user-content h2:before,
.card--grey_light.card--no_image .card__content h3:before,
.card--grey_light.card--no_image .card__content:before,
.user-content .card--grey_light.card--no_image .card__content h2:before{
	background-color:#000
}
.card--grey_light.card--no_image:before{
	background-image:none!important
}
.card--grey_light.card--no_image[href]:hover:before{
	background-color:#222;
background-image:none
}
.card--grey_light:after{
	background-color:#F2F2F2
}
.card--grey_light.card--pillar.card--no_image .card__content,
.card--grey_light.card--pillar.card--no_image .card__content .h3,
.card--grey_light.card--pillar.card--no_image .card__content .user-content h2,
.card--grey_light.card--pillar.card--no_image .card__content h3,
.user-content .card--grey_light.card--pillar.card--no_image .card__content h2{
	color:#F2F2F2
}
.card--grey_light.card--no_description .h3,
.card--grey_light.card--no_description .user-content h2,
.card--grey_light.card--no_description h3,
.user-content .card--grey_light.card--no_description h2{
	color:#fff
}
.card--grey_light.card--no_description.card--no_image .h3,
.card--grey_light.card--no_description.card--no_image .user-content h2,
.card--grey_light.card--no_description.card--no_image h3,
.user-content .card--grey_light.card--no_description.card--no_image h2{
	color:#000
}
.card--grey_light .h3,
.card--grey_light .user-content h2,
.card--grey_light h3,
.user-content .card--grey_light h2{
	color:#F2F2F2
}
.card--background.card--no_image{
	background-color:#F7F7F7
}
.card--background.card--no_image .card__content,
.card--background.card--no_image .card__content .h3,
.card--background.card--no_image .card__content .user-content h2,
.card--background.card--no_image .card__content h3,
.user-content .card--background.card--no_image .card__content h2{
	color:#000
}
.card--background.card--no_image .card__content .h3:before,
.card--background.card--no_image .card__content .user-content h2:before,
.card--background.card--no_image .card__content h3:before,
.card--background.card--no_image .card__content:before,
.user-content .card--background.card--no_image .card__content h2:before{
	background-color:#000
}
.card--background.card--no_image:before{
	background-image:none!important
}
.card--background.card--no_image[href]:hover:before{
	background-color:#222;
background-image:none
}
.card--background:after{
	background-color:#F7F7F7
}
.card--background.card--pillar.card--no_image .card__content,
.card--background.card--pillar.card--no_image .card__content .h3,
.card--background.card--pillar.card--no_image .card__content .user-content h2,
.card--background.card--pillar.card--no_image .card__content h3,
.user-content .card--background.card--pillar.card--no_image .card__content h2{
	color:#F7F7F7
}
.card--background.card--no_description .h3,
.card--background.card--no_description .user-content h2,
.card--background.card--no_description h3,
.user-content .card--background.card--no_description h2{
	color:#fff
}
.card--background.card--no_description.card--no_image .h3,
.card--background.card--no_description.card--no_image .user-content h2,
.card--background.card--no_description.card--no_image h3,
.user-content .card--background.card--no_description.card--no_image h2{
	color:#000
}
.card--background .h3,
.card--background .user-content h2,
.card--background h3,
.user-content .card--background h2{
	color:#F7F7F7
}
.card--pink.card--no_image{
	background-color:#DB028C
}
.card--pink.card--no_image .card__content,
.card--pink.card--no_image .card__content .h3,
.card--pink.card--no_image .card__content .user-content h2,
.card--pink.card--no_image .card__content h3,
.user-content .card--pink.card--no_image .card__content h2{
	color:#fff
}
.card--pink.card--no_image .card__content .h3:before,
.card--pink.card--no_image .card__content .user-content h2:before,
.card--pink.card--no_image .card__content h3:before,
.card--pink.card--no_image .card__content:before,
.user-content .card--pink.card--no_image .card__content h2:before{
	background-color:#fff
}
.card--pink.card--no_image:before{
	background-image:none!important
}
.card--pink.card--no_image[href]:hover:before{
	background-color:#222;
background-image:none
}
.card--pink:after{
	background-color:#DB028C
}
.card--pink.card--pillar.card--no_image .card__content,
.card--pink.card--pillar.card--no_image .card__content .h3,
.card--pink.card--pillar.card--no_image .card__content .user-content h2,
.card--pink.card--pillar.card--no_image .card__content h3,
.user-content .card--pink.card--pillar.card--no_image .card__content h2{
	color:#DB028C
}
.card--pink.card--no_description .h3,
.card--pink.card--no_description .user-content h2,
.card--pink.card--no_description h3,
.card--pink.card--no_description.card--no_image .h3,
.card--pink.card--no_description.card--no_image .user-content h2,
.card--pink.card--no_description.card--no_image h3,
.user-content .card--pink.card--no_description h2,
.user-content .card--pink.card--no_description.card--no_image h2{
	color:#fff
}
.card--pink .h3,
.card--pink .user-content h2,
.card--pink h3,
.user-content .card--pink h2{
	color:#DB028C
}



.carousel a:focus,
.carousel a:hover{
    color:#fff;
}

.nav-main__mainitem a.current {
    font-weight:800;
    text-shadow: 1px 1px 3px #d0d0e0;
}

.black .btn--icon:before,
.black .btn--round,
.black .carousel h1,
.black .nav-main__mainitem a{
    color:#222
}
.carousel .poster__content{
    width:100%;
    padding-bottom:8em
}
.carousel .btn--round{
    position:absolute;
    bottom:2rem
}
.carousel .container{
    position:relative;
    display:table;
    width:100%
}
@media (min-width:54em){
    .carousel .content-container{
	width:50%
    }
}
.carousel__arrowcontainer{
    position:absolute;
    left:50%;
    bottom:2rem;
    z-index:0;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%)
}
.slick-slider,footer{
    position:relative
}
@media (max-width:53.9375em){
    .carousel__arrowcontainer{
	left:auto;
	right:0
    }
}
.carousel__next,
.carousel__prev{
    border:none;
    padding:0
}
.carousel__next i,
.carousel__prev i{
	padding:1.5rem
}
.carousel__next:focus,
.carousel__next:hover,
.carousel__prev:focus,
.carousel__prev:hover{
	background-color:transparent
}
.carousel__next{
	left:1rem
}
.list-arrow li:after,
.list-arrow li:before,
.modal{
	left:0
}
.slick-arrow--white:after{
	border-color:#fff
}
.slick-arrow--black:after{
	border-color:#222
}
.slick-arrow--blue:after{
	border-color:#00A6D6
}
.black .btn--icon:after,
.black .btn--round:after{
	border-color:#222
}
.slick-arrow--blue i:after,
.slick-arrow--blue i:before{
	background-color:#00A6D6
}
.black .btn--icon i:after,
.black .btn--icon i:before,
.black .btn--round:focus:after,
.black .btn--round:hover:after{
	background-color:#222
}
.white .btn--icon:after,
.white .btn--round:after{
	border-color:#fff
}
.white .btn--icon i:after,
.white .btn--icon i:before,
.white .btn--round:focus:after,
.white .btn--round:hover:after{
	background-color:#fff
}
.white .btn--icon:before,
.white .btn--round,
.white .carousel h1,
.white .nav-main__mainitem a{
    color:#fff
}
.blue_lighter .btn--icon:after,
.blue_lighter .btn--round:after{
    border-color:#E5F6FA
}
.blue_lighter .btn--icon i:after,
.blue_lighter .btn--icon i:before,
.blue_lighter .btn--round:focus:after,
.blue_lighter .btn--round:hover:after{
	background-color:#E5F6FA
}
.blue_lighter .btn--icon:before,
.blue_lighter .btn--round,
.blue_lighter .carousel h1,
.blue_lighter .nav-main__mainitem a{
	color:#E5F6FA
}
.blue_light .btn--icon:after,
.blue_light .btn--round:after{
	border-color:#6EBBD5
}
.blue_light .btn--icon i:after,
.blue_light .btn--icon i:before,
.blue_light .btn--round:focus:after,
.blue_light .btn--round:hover:after{
	background-color:#6EBBD5
}
.blue_light .btn--icon:before,
.blue_light .btn--round,
.blue_light .carousel h1,
.blue_light .nav-main__mainitem a{
	color:#6EBBD5
}
.blue .btn--icon:after,
.blue .btn--round:after{
	border-color:#00A6D6
}
.blue .btn--icon i:after,
.blue .btn--icon i:before,
.blue .btn--round:focus:after,
.blue .btn--round:hover:after{
	background-color:#00A6D6
}
.blue .btn--icon:before,
.blue .btn--round,
.blue .carousel h1,
.blue .nav-main__mainitem a{
	color:#00A6D6
}
.blue_dark .btn--icon:after,
.blue_dark .btn--round:after{
	border-color:#1E6188
}
.blue_dark .btn--icon i:after,
.blue_dark .btn--icon i:before,
.blue_dark .btn--round:focus:after,
.blue_dark .btn--round:hover:after{
	background-color:#1E6188
}
.blue_dark .btn--icon:before,
.blue_dark .btn--round,
.blue_dark .carousel h1,
.blue_dark .nav-main__mainitem a{
	color:#1E6188
}
.teal .btn--icon:after,
.teal .btn--round:after{
	border-color:#008891
}
.teal .btn--icon i:after,
.teal .btn--icon i:before,
.teal .btn--round:focus:after,
.teal .btn--round:hover:after{
	background-color:#008891
}
.teal .btn--icon:before,
.teal .btn--round,
.teal .carousel h1,
.teal .nav-main__mainitem a{
	color:#008891
}
.yellow .btn--icon:after,
.yellow .btn--round:after{
	border-color:#FFC400
}
.yellow .btn--icon i:after,
.yellow .btn--icon i:before,
.yellow .btn--round:focus:after,
.yellow .btn--round:hover:after{
	background-color:#FFC400
}
.yellow .btn--icon:before,
.yellow .btn--round,
.yellow .carousel h1,
.yellow .nav-main__mainitem a{
	color:#FFC400
}
.green .btn--icon:after,
.green .btn--round:after{
	border-color:#A5CA1A
}
.green .btn--icon i:after,
.green .btn--icon i:before,
.green .btn--round:focus:after,
.green .btn--round:hover:after{
	background-color:#A5CA1A
}
.green .btn--icon:before,
.green .btn--round,
.green .carousel h1,
.green .nav-main__mainitem a{
	color:#A5CA1A
}
.red .btn--icon:after,
.red .btn--round:after{
	border-color:#E21A1A
}
.red .btn--icon i:after,
.red .btn--icon i:before,
.red .btn--round:focus:after,
.red .btn--round:hover:after{
	background-color:#E21A1A
}
.red .btn--icon:before,
.red .btn--round,
.red .carousel h1,
.red .nav-main__mainitem a{
	color:#E21A1A
}
.orange .btn--icon:after,
.orange .btn--round:after{
	border-color:#E64616
}
.orange .btn--icon i:after,
.orange .btn--icon i:before,
.orange .btn--round:focus:after,
.orange .btn--round:hover:after{
	background-color:#E64616
}
.orange .btn--icon:before,
.orange .btn--round,
.orange .carousel h1,
.orange .nav-main__mainitem a{
	color:#E64616
}
.purple .btn--icon:after,
.purple .btn--round:after{
	border-color:#1C1C73
}
.purple .btn--icon i:after,
.purple .btn--icon i:before,
.purple .btn--round:focus:after,
.purple .btn--round:hover:after{
	background-color:#1C1C73
}
.purple .btn--icon:before,
.purple .btn--round,
.purple .carousel h1,
.purple .nav-main__mainitem a{
	color:#1C1C73
}
.purple_light .btn--icon:after,
.purple_light .btn--round:after{
	border-color:#6D177F
}
.purple_light .btn--icon i:after,
.purple_light .btn--icon i:before,
.purple_light .btn--round:focus:after,
.purple_light .btn--round:hover:after{
	background-color:#6D177F
}
.purple_light .btn--icon:before,
.purple_light .btn--round,
.purple_light .carousel h1,
.purple_light .nav-main__mainitem a{
	color:#6D177F
}
.grey_dark .btn--icon:after,
.grey_dark .btn--round:after{
	border-color:#505050
}
.grey_dark .btn--icon i:after,
.grey_dark .btn--icon i:before,
.grey_dark .btn--round:focus:after,
.grey_dark .btn--round:hover:after{
	background-color:#505050
}
.grey_dark .btn--icon:before,
.grey_dark .btn--round,
.grey_dark .carousel h1,
.grey_dark .nav-main__mainitem a{
	color:#505050
}
.grey .btn--icon:after,
.grey .btn--round:after,
.grey_medium .btn--icon:after,
.grey_medium .btn--round:after{
	border-color:#9B9B9B
}
.grey .btn--icon i:after,
.grey .btn--icon i:before,
.grey .btn--round:focus:after,
.grey .btn--round:hover:after,
.grey_medium .btn--icon i:after,
.grey_medium .btn--icon i:before,
.grey_medium .btn--round:focus:after,
.grey_medium .btn--round:hover:after{
	background-color:#9B9B9B
}
.grey .btn--icon:before,
.grey .btn--round,
.grey .carousel h1,
.grey .nav-main__mainitem a,
.grey_medium .btn--icon:before,
.grey_medium .btn--round,
.grey_medium .carousel h1,
.grey_medium .nav-main__mainitem a{
	color:#9B9B9B
}
.grey_light .btn--icon:after,
.grey_light .btn--round:after{
	border-color:#F2F2F2
}
.grey_light .btn--icon i:after,
.grey_light .btn--icon i:before,
.grey_light .btn--round:focus:after,
.grey_light .btn--round:hover:after{
	background-color:#F2F2F2
}
.grey_light .btn--icon:before,
.grey_light .btn--round,
.grey_light .carousel h1,
.grey_light .nav-main__mainitem a{
	color:#F2F2F2
}
.background .btn--icon:after,
.background .btn--round:after{
	border-color:#F7F7F7
}
.background .btn--icon i:after,
.background .btn--icon i:before,
.background .btn--round:focus:after,
.background .btn--round:hover:after{
	background-color:#F7F7F7
}
.background .btn--icon:before,
.background .btn--round,
.background .carousel h1,
.background .nav-main__mainitem a{
	color:#F7F7F7
}
.pink .btn--icon:after,
.pink .btn--round:after{
	border-color:#DB028C
}
.pink .btn--icon i:after,
.pink .btn--icon i:before,
.pink .btn--round:focus:after,
.pink .btn--round:hover:after{
	background-color:#DB028C
}
.pink .btn--icon:before,
.pink .btn--round,
.pink .carousel h1,
.pink .nav-main__mainitem a{
	color:#DB028C
}
.cookieNotice{
	z-index:1010
}
.facts{
	color:#fff
}
.facts th{
    display:block;
    font-weight:600;
    text-align:left
}
.facts td{
	font-family:Arial,sans-serif;
font-size:3rem;
font-weight:100
}
.fontsLoaded .facts td{
	font-family:roboto,Arial,sans-serif
}
.facts.bg-blue_dark th{
	color:#6EBBD5;
border-top:1px solid #6EBBD5
}
.facts.bg-blue_light th{
	color:#1E6188;
border-top:1px solid #1E6188
}
.slick-next:before,
.slick-prev:before,footer,footer a{
    color:#fff
}
footer{
    background-color:#00A6D6;
    padding-bottom:0rem
}
footer h1{
    font-size:2rem
}
@media (min-width:37.5em){
    footer h1{
	font-size:3rem
    }
}
footer a{
	text-decoration:underline
}
.nav-aside a,
.nav-aside span,
.nav-carousel a,
.nav-main__mainitem a,
.nav-tab a,
.news-summary,
.paging a,
.paging li,
.poster,
.profile__contactdata li a, 
.profile__contactdata a{
    text-decoration:none
}
footer .space{
    margin-bottom:1rem
}
.gallery{
    padding:0;
    margin-top:0;
    margin-bottom:0
}
.gallery:after,
.gallery:before{
    content:" ";
    display:block;
    width:0;
    height:0;
    overflow:hidden
}
.slick-next:before,
.slick-prev:before{
    content:""
}
.gallery figcaption{
    box-sizing:border-box;
    padding-left:0;
    padding-top:1em
}
.slick-slider img{
    width:100%;
    display:block
}
.slick-slider figcaption{
    padding:0
}
.slick-paging{
	margin-top:3rem
}
.pull-left .slick-paging{
    margin-right:0;
    margin-left:0
}
.slick-paging figure{
    margin-right:1rem
}
.slick-paging .slick-slide{
    transition:opacity .2s cubic-bezier(.56,0,0,1.6);
    opacity:.6
}
.slick-paging .slick-current{
    opacity:1
}
.slick-slide:focus{
	outline:0
}
.slick-next,
.slick-prev{
	width:2em;
font-size:2em;
height:100%;
position:absolute;
background-color:#00A6D6;
z-index:1;
top:0
}
.menu,
.modal{
	position:fixed
}
.gallery--black .slick-next,
.gallery--black .slick-prev{
	background-color:#222
}
.gallery--white .slick-next,
.gallery--white .slick-prev{
	background-color:#fff
}
.gallery--blue_lighter .slick-next,
.gallery--blue_lighter .slick-prev{
	background-color:#E5F6FA
}
.gallery--blue_light .slick-next,
.gallery--blue_light .slick-prev{
	background-color:#6EBBD5
}
.gallery--blue .slick-next,
.gallery--blue .slick-prev{
	background-color:#00A6D6
}
.gallery--blue_dark .slick-next,
.gallery--blue_dark .slick-prev{
	background-color:#1E6188
}
.gallery--teal .slick-next,
.gallery--teal .slick-prev{
	background-color:#008891
}
.gallery--yellow .slick-next,
.gallery--yellow .slick-prev{
	background-color:#FFC400
}
.gallery--green .slick-next,
.gallery--green .slick-prev{
	background-color:#A5CA1A
}
.gallery--red .slick-next,
.gallery--red .slick-prev{
	background-color:#E21A1A
}
.gallery--orange .slick-next,
.gallery--orange .slick-prev{
	background-color:#E64616
}
.gallery--purple .slick-next,
.gallery--purple .slick-prev{
	background-color:#1C1C73
}
.gallery--purple_light .slick-next,
.gallery--purple_light .slick-prev{
	background-color:#6D177F
}
.gallery--grey_dark .slick-next,
.gallery--grey_dark .slick-prev{
	background-color:#505050
}
.gallery--grey .slick-next,
.gallery--grey .slick-prev,
.gallery--grey_medium .slick-next,
.gallery--grey_medium .slick-prev{
	background-color:#9B9B9B
}
.gallery--grey_light .slick-next,
.gallery--grey_light .slick-prev{
	background-color:#F2F2F2
}
.gallery--background .slick-next,
.gallery--background .slick-prev{
	background-color:#F7F7F7
}
.gallery--pink .slick-next,
.gallery--pink .slick-prev{
	background-color:#DB028C
}
.slick-prev:before{
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg)
}
.pull .slick-prev{
    margin-left:.76em
}
.slick-next{
    right:0
}
.pull .slick-next{
    margin-right:.76em
}

picture .image-bordered,
figure .image-bordered,
.image .image-bordered{
    box-sizing:border-box;
    border: 1px solid #8a4419;

    background: white;

    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}

picture .image-bordered img,
figure .image-bordered img,
.image .image-bordered img{
    width: 100%;
    border: 3px solid rgba(0, 0, 0, 0.6);
    border-style: inset;
}

.list-arrow li{
    display:block;
    padding-left:1rem
}
.menu{
    line-height:1;
    right:1rem;
    top:1rem;
    z-index:1;
    border:none;
    padding:1em;
    border-radius:100%
}
.menu--open{
    background:#F7F7F7;
    height:3em;
    width:3em;
    padding:0
}
.modal,
.nav-aside .is-active a:before,
.nav-aside .is-active:before,
.nav-aside a:active:before{
    width:100%
}
.menu--open:focus,
.menu--open:hover{
    outline:0;
    background:#F2F2F2
}
.menu--open:focus .patty,
.menu--open:focus .patty:after,
.menu--open:focus .patty:before,
.menu--open:hover .patty,
.menu--open:hover .patty:after,
.menu--open:hover .patty:before{
    background:#6EBBD5
}
.menu--open .patty,
.menu--open .patty:after,
.menu--open .patty:before{
    transition:background-color .2s cubic-bezier(.56,0,0,1.6);
    background:#00A6D6
}
.js-modal{
    cursor:pointer
}
.modal{
    background:rgba(34,34,34, .9);
    top:-100%;
    height:100%;
    transition:opacity .5s cubic-bezier(.56,0,0,1.6);
    opacity:0
}
.modal .button-reset:focus,
.modal .button-reset:hover,
.modal .slick-next:focus,
.modal .slick-next:hover,
.modal .slick-prev:focus,
.modal .slick-prev:hover{
    background-color:#fff;
    color:#222!important
}
.modal.is-active{
    top:0;
    z-index:1002;
    opacity:1
}
.modal .video iframe,
.modal__content{
    position:absolute;
    top:50%;
    left:50%;
    box-sizing:border-box;
    max-width:90%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.modal .video iframe{
	max-height:88%
}
.nav-aside .nav-aside-hiddenSubItems>ul{
	padding-left:0
}
.nav-aside .nav-aside-hiddenSubItems .has-subs.is-active>ul{
	display:block
}
.nav-aside .nav-aside-hiddenSubItems .has-subs>ul{
	display:none
}
.nav-aside .is-active,
.nav-aside .is-active a,
.nav-aside a:active{
    text-indent:.5em;
    margin-left:0;
    color:#222
}
.nav-aside .is-active a:after,
.nav-aside .is-active:after,
.nav-aside a:active:after{
    width:.3rem;
    left:0
}
.nav-aside a,
.nav-aside span{
    transition:margin .2s ease,background-color .2s cubic-bezier(.56,0,0,1.6);
    display:block;
    padding:.8em 0 .8em 1em;
    margin-left:-1em;
    position:relative;
    z-index:1
}
.nav-aside a:focus:before,
.nav-aside a:hover:before,
.nav-aside span:focus:before,
.nav-aside span:hover:before{
	width:100%
}
.nav-aside a:focus:after,
.nav-aside a:hover:after,
.nav-aside span:focus:after,
.nav-aside span:hover:after{
    width:.3rem
}
.nav-aside a:after,
.nav-aside a:before,
.nav-aside span:after,
.nav-aside span:before{
    content:'';
    position:absolute;
    width:0;
    top:0;
    bottom:0;
    left:0
}
.nav-aside a:before,
.nav-aside span:before{
    transition:width .5s cubic-bezier(.56,0,0,1.6);
    background:#fff;
    z-index:-1
}
.nav-aside a:after,
.nav-aside span:after{
    transition:width .2s cubic-bezier(.56,0,0,1.6);
    background:#00A6D6
}
.nav-aside>ul{
    padding-left:0
}
.nav-bottom{
    background-color:#222;
    color:#fff;
    width:100%;
    position:fixed;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    z-index:1000;
    bottom:0
}
.nav-bottom .logo{
    border-right:1px solid #fff;
    margin-right:1rem;
    padding-right:1rem
}
.nav-carousel{
    background:#00A6D6;
    color:#fff;
    display:inline-block;
    position:absolute;
    right:1.5em;
    bottom:2.5rem
}
.nav-inpage,
.nav-inpage a{
    display:block
}
.nav-carousel a{
    color:#fff;
    display:block;
    line-height:1
}
.nav-carousel .list-arrow li{
    padding:.5rem .375rem .5rem 1rem
}
@media (max-width:53.9375em){
    .nav-carousel{
	left:0;
	right:0;
	bottom:auto;
	top:0;
	z-index:998;
	margin:auto;
	text-align:center;
	cursor:pointer;
	padding:0
    }
    .facts .nav-carousel th,
    .nav-carousel .btn--round,
    .nav-carousel .facts th,
    .nav-carousel .label,
    .nav-carousel .tags a,
    .tags .nav-carousel a{
	padding:.5rem;
	font-size:.8rem;
	margin-bottom:0;
	display:block
    }
    .facts .nav-carousel th:after,
    .nav-carousel .btn--round:after,
    .nav-carousel .facts th:after,
    .nav-carousel .label:after,
    .nav-carousel .tags a:after,
    .tags .nav-carousel a:after{
	transition:-webkit-transform .2s cubic-bezier(.56,0,0,1.6);
	transition:transform .2s cubic-bezier(.56,0,0,1.6);
	-webkit-transform:rotate(0);
	-ms-transform:rotate(0);
	transform:rotate(0);
	margin-left:.5rem
    }
    .nav-carousel ul{
	transition:max-height .2s cubic-bezier(.56,0,0,1.6);
	height:0;
	max-height:0;
	overflow:hidden;
	text-align:left
    }
    .facts .nav-carousel.is-active th:after,
    .nav-carousel.is-active .btn--round:after,
    .nav-carousel.is-active .facts th:after,
    .nav-carousel.is-active .label:after,
    .nav-carousel.is-active .tags a:after,
    .tags .nav-carousel.is-active a:after{
	-webkit-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	transform:rotate(180deg)
    }
    .nav-carousel.is-active ul{
	height:auto;
	max-height:20.625rem
    }
}
.nav-inpage{
    background:#fff;
    font-size:.9rem;
    border-left:.3rem solid #00A6D6;
    box-sizing:border-box
}
.nav-bottom .nav-main__submenu:after,
.nav-top .nav-main__submenu:before{
    content:'';
    height:0;
    width:0;
    position:absolute;
    border:.5rem solid transparent;
    left:1rem
}
.nav-top .nav-main__submenu:before{
    top:0;
    border-bottom-color:#fff
}
.nav-bottom .nav-main__submenu:after{
    bottom:0;
    border-top-color:#fff
}
.nav-bottom,
.nav-top{
    line-height:3.75rem
}
.nav-main .btn--icon{
    background:0 0;
    border:none;
    outline:0;
    margin-left:1rem
}
.nav-main ul{
    display:inline-block
}
.nav-main__mainitem a{
    display:block;
    color:#fff
}
.nav-main>ul>li{
    display:inline-block;
    position:relative
}
.nav-main .i-search span,
.nav-overlay{
    display:none
}
.nav-main>ul>li+li{
    margin-left:2rem
}
.nav-main__submenu{
    line-height:1.3;
    height:0;
    width:0;
    overflow:hidden;
    transition:-webkit-transform .2s ease,opacity .5s cubic-bezier(.56,0,0,1.6);
    transition:transform .2s ease,opacity .5s cubic-bezier(.56,0,0,1.6);
    opacity:0;
    position:absolute;
    z-index:1000;
    white-space:nowrap
}
.nav-main__submenu a{
    background:#fff;
    color:#00A6D6;
    padding:1rem
}
.nav-main__submenu a:hover{
    color:#1E6188
}
.nav-bottom .nav-main__submenu{
    padding-bottom:1rem;
    -webkit-transform:translateY(-20%);
    -ms-transform:translateY(-20%);
    transform:translateY(-20%);
    bottom:100%
}
.nav-top .nav-main__submenu{
    padding-top:1rem;
    -webkit-transform:translateY(20%);
    -ms-transform:translateY(20%);
    transform:translateY(20%)
}
a:hover+.nav-main__submenu,li:hover>.nav-main__submenu{
    visibility:visible;
    height:auto;
    width:auto;
    overflow:visible;
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0);
    opacity:1
}
.nav-overlay{
    position:fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    box-sizing:border-box;
    z-index:2000;
    overflow-y:auto;
    background:#00A6D6;
    -moz-user-select:none;
    user-select:none;
    padding-top:3rem
}
.nav-overlay a,
.nav-overlay__mainitem{
    transition:color .2s ease;
    color:#fff;
    text-decoration:none
}
.nav-overlay a:focus,
.nav-overlay a:hover,
.nav-overlay__mainitem:focus,
.nav-overlay__mainitem:hover{
	color:#222
}
.nav-overlay .btn--icon{
    margin-right:1rem;
    margin-bottom:1rem
}
.nav-overlay .btn--icon:focus,
.nav-overlay .btn--icon:hover{
    color:#fff
}
.nav-overlay button{
    position:fixed;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    top:1rem;
    right:1rem
}
.nav-overlay__mainitem{
    font-family:Arial,sans-serif;
    cursor:pointer;
    transition:color .2s cubic-bezier(.56,0,0,1.6);
    color:#fff;
    display:block;
    font-size:2.5rem;
    line-height:1;
    font-weight:100;
    margin-bottom:2rem
}
.fontsLoaded .nav-overlay__mainitem{
    font-family:roboto,Arial,sans-serif
}
@media (min-width:54em){
    .nav-overlay__mainitem{
	font-size:5rem
}
}
.nav-overlay__mainitem:after{
	background-color:#00A6D6
}
.nav-overlay__mainitem:hover:after{
	height:0
}
.nav-overlay .is-active ul{
	margin-bottom:1rem
}
.nav-overlay .is-active .nav-overlay__mainitem{
	color:#222
}
.nav-overlay .is-active .nav-overlay__mainitem:after{
    height:1px;
    background-color:#222
}
.nav-overlay .is-active .nav-overlay__subitem{
    display:block
}
.nav-overlay__subitem{
    padding:.5rem 0;
    display:none
}
.nav-overlay.is-active{
    display:block
}
.nav-overlay.is-active~*{
    display:none
}
.nav-search{
    color:#fff
}
.nav-search>*{
    margin-top:0!important
}
.nav-tab,
.nav-tab+*{
    margin-top:3rem
}
.nav-search button,
.nav-search input[type=search]{
    font-size:2rem;
    padding-left:.8em;
    border:none
}
.nav-search button{
    border-radius:0;
    position:absolute;
    right:0;
    top:0;
    background:#00A6D6;
    width:2.3em;
    height:2.3em;
    padding:0
}
.nav-search button:before{
    font-size:.8em;
    line-height:2.6
}
.nav-search input[type=search]{
    width:calc(100% - 1.3em);
    height:2.3em;
    vertical-align:top;
    margin-bottom:.7rem
}
.nav-top{
    width:100%;
}
.nav-tab{
    border-bottom:1px solid #9B9B9B
}
.nav-tab a{
    transition:border-bottom .2s cubic-bezier(.56,0,0,1.6);
    color:#000;
    padding:.5rem .5rem 1rem;
    display:inline-block;
    box-sizing:border-box;
    border-bottom:.3rem solid #00A6D6;
    border-bottom-color:transparent
}
.nav-tab a.is-active,
.nav-tab a:focus,
.nav-tab a:hover{
    border-color:#00A6D6
}
.nav-tab~*,
.news-summary:first-of-type{
    margin-top:0
}
.nav-tab~:not(.is-active){
    display:none
}
.logo,
.nav-tab li{
    display:inline-block
}
.nav-tab li.tab--red a.is-active,
.nav-tab li.tab--red a:focus,
.nav-tab li.tab--red a:hover{
	border-color:#e21a1a
}
.nav-tab li.tab--green a.is-active,
.nav-tab li.tab--green a:focus,
.nav-tab li.tab--green a:hover{
    border-color:#a5ca1a
}
.nav-tab~*{
    border:1px solid #f2f2f2;
    padding:2rem
}
.nav-top{
    position:absolute;
    top:0;
    z-index:999
}
.nav-top img{
    vertical-align:top;
    padding-top:7px
}
.news-summary{
    display:block;
    padding:1.5rem 0 2rem;
    transition:background-color .5s ease;
    background-color:transparent;
}
.news-summary i:after,
.news-summary i:before{
    background-color:#222
}
.news-summary img{
    width:100%;
    -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,.4);
    -moz-box-shadow:    0px 1px 2px rgba(0,0,0,.4);
    box-shadow:         0px 1px 2px rgba(0,0,0,.4);
    /* limit height: */
    height: 8em;
    object-fit: cover;
}
.facts .news-summary th,
.news-summary .btn--round,
.news-summary .facts th,
.news-summary .label,
.news-summary .dateline,
.news-summary .tags a,
.news-summary p,
.tags .news-summary a{
    color:#222;
    margin:0
}
.facts .news-summary th,
.news-summary .btn--round,
.news-summary .facts th,
.news-summary .label,
.news-summary .dateline,
.news-summary .tags a,
.tags .news-summary a{
    margin-bottom:.3em
}

.news-summary:focus,
.news-summary:hover{
    /* background-color:#F2F2F2 */
    background-color:#FFFFFF
}

/* prevents starting below a float image */
.news-summary h4 {
    /* display: inline; */
}

.news-summary:focus .user-content h2,
.news-summary:focus h3,
.news-summary:hover .h3,
.news-summary:hover .user-content h2,
.news-summary:hover h3,
.user-content .news-summary:focus h2,
.user-content .news-summary:hover h2{
    color:#1E6188
}
.news-summary:before{
    background-color:#00A6D6   /* blue background (but it is not visible except for a small line */
}

/* news-header: background torch */
.news-header{
    position:relative;
    display:block;
    padding:1rem 1.46875rem 0.1rem;
    background-color:#00A6D6;	/* blue */
    background-image:url(style_images/torch.svg);
    background-repeat:no-repeat;
    background-position:50% 50%;
    color:#fff
}
.news-header--green{
    background-color:#A5CA1A
}
.news-header--red{
    background-color:#E21A1A
}
.news-header--purple{
    background-color:#1C1C73
}
.news-header--blue_dark{
    background-color:#1E6188
}

/* use for important news */
.important{
    background-color:#eaf7fa
}



.notice{
    background:#00A6D6;
    color:#fff;
    max-width:30rem
}
.notice button{
    background-color:#fff;
    color:#00A6D6
}
.notice button:focus,
.notice button:hover{
    background-color:#007ea3!important
}
.notice .btn--ghost{
    border:1px solid #fff;
    background-color:transparent!important;
    color:#fff!important
}
.notice--success{
    background:#A5CA1A;
    color:#fff
}
.notice--success button{
    color:#A5CA1A
}
.notice--success button:focus,
.notice--success button:hover{
    background-color:#809d14!important
}
.notice--error{
	background:#E64616;
color:#fff
}
.poster,
.presentation__slide{
    background-size:cover;
    background-repeat:no-repeat
}
.notice--error button{
    color:#E64616
}
.notice--error button:focus,
.notice--error button:hover{
    background-color:#b73812!important
}
.paging{
    padding:0;
    margin:auto
}
.paging a,
.paging li{
    display:block;
    vertical-align:middle;
    text-align:center
}
.paging li{
    float:left;
    margin-right:.25rem
}
.paging a{
    box-sizing:border-box;
    min-width:3rem;
    line-height:3rem;
    border:1px solid #9B9B9B;
    border-radius:100%;
    color:#9B9B9B;
    transition:color .2s cubic-bezier(.56,0,0,1.6),border-color .2s cubic-bezier(.56,0,0,1.6)
}
.paging a.is-active,
.paging a:focus,
.paging a:hover{
    border-color:#00A6D6;
    color:#00A6D6
}
.paging__first a,
.paging__last a,
.paging__next a,
.paging__prev a{
    height:3rem;
    border-color:#00A6D6;
    background-color:#00A6D6;
    color:#fff
    }
.paging__first,
.paging__last{
    position:relative
}
.paging__first:before,
.paging__last:before{
    content:"";
    position:absolute;
    bottom:.875rem;
    left:50%;
    z-index:1;
    display:block;
    width:.5rem;
    height:.0625rem;
    background-color:#fff;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%)
}
.poster{
    background-position:50%;
    display:block;
    color:#fff;
    position:relative;
    margin:auto;
    transition:opacity 1s cubic-bezier(.56,0,0,1.6)
}
.poster.poster--gradient:after{
    content:"";
    position:absolute;
    bottom:0;
    z-index:1;
    height:100%;
    width:100%;
    background-image:linear-gradient(transparent,rgba(0,0,0, .5))
}
.slick-slider .poster{
    display:none
}
.poster img,
.poster:first-child,
.slick-initialized .poster{
    display:block
}
.poster img{
    max-width:100%;
    margin:auto
}
.poster h1{
    font-size:2rem;
    font-family:Arial,sans-serif;
    line-height:1.4;
    font-weight:100;
    position:relative;
    text-shadow:0 0 20px rgba(0,0,0, .7)
}
.poster h3{
    text-shadow:0px 0px 20px rgba(0,0,0, .7);
}
@media (min-width:37.5em){
    .poster h1{
	font-size:2.375rem
    }
}
@media (min-width:54em){
    .poster h1{
	font-size:2.75rem
    }
}
@media (min-width:80em){
    .poster h1{
	font-size:3.125rem
    }
}
@media (min-width:120em){
    .poster h1{
	font-size:3.5rem
    }
}
.fontsLoaded .poster h1{
    font-family:roboto,Arial,sans-serif
}
.poster .i-video_play:before{
    font-size:4rem;
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-.5em;
    margin-right:-.5em
}
.poster__content{
    position:relative;
    z-index:2;
    display:table-cell;
    vertical-align:bottom;
    min-height:40vh;
    padding-top:13em;
    padding-bottom:3em;
    box-sizing:border-box
}
.flexbox .poster__content{
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-flow:column;
    -ms-flex-flow:column;
    flex-flow:column;
    -webkit-justify-content:flex-end;
    -ms-flex-pack:end;
    justify-content:flex-end
}
.flexbox .poster__content .right{
    -webkit-align-self:flex-end;
    -ms-flex-item-align:end;
    align-self:flex-end
}
@media (min-width:80em){
    .poster__content{
	min-height:57vh
}
}
@media all and (-ms-high-contrast:none){
    .poster__content{
	display:table-cell!important
}
}
.poster.is-loading{
    opacity:0
}
.poster.is-loaded{
    opacity:1
}
.poster.poster-color-content--blue,
.poster.poster-color-content--blue .btn--round{
    color:#00A6D6
}
.poster.poster-color-content--blue .btn--round:after{
    border-color:#00A6D6
}
.poster.poster-color-content--white,
.poster.poster-color-content--white .btn--round{
    color:#fff
}
.poster.poster-color-content--white .btn--round:after{
    border-color:#fff
}
.poster.poster-color-content--black,
.poster.poster-color-content--black .btn--round{
    color:#222
}
.poster.poster-color-content--black .btn--round:after{
    border-color:#222
}
.presentation{
    background-color:#222;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.presentation__slide{
    display:none;
    position:relative
}
.presentation__slide:first-child,
.slick-initialized .presentation__slide{
    display:block
}
.presentation__slide:after{
    background-image:linear-gradient(transparent,#000);
    content:'';
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    bottom:0;
    z-index:0
}
.presentation__slide__content{
    position:relative;
    z-index:1;
    padding:2rem;
    color:#fff;
    max-width:46rem;
    margin-left:auto;
    min-height:25rem;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-flow:column;
    -ms-flex-flow:column;
    flex-flow:column;
    -webkit-justify-content:flex-end;
    -ms-flex-pack:end;
    justify-content:flex-end
}
@media (max-width:53.9375em){
    .presentation__slide .presentation__slide__content{
	margin:auto;
	padding-bottom:4rem
    }
}
.presentation__controls{
    color:#fff
}
.presentation__controls .h2,
.presentation__controls .user-content h1,
.presentation__controls h2,
.user-content .presentation__controls h1{
    margin:3rem auto
}
.presentation__controls li{
    cursor:pointer;
    float:left;
    clear:both;
    color:#00A6D6;
    padding:.4rem 2rem;
    margin-left:-2rem
}
.presentation__controls .slick-active{
    color:#fff;
    background:#00A6D6
}
@media (max-width:53.9375em){
    .presentation__controls{
	position:relative
    }
    .presentation__controls .h2,
    .presentation__controls .user-content h1,
    .presentation__controls h2,
    .user-content .presentation__controls h1{
	display:none
    }
    .presentation__controls .slick-dots{
	position:absolute;
	bottom:1rem;
	left:50%;
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%)
    }
    .presentation__controls li{
	display:inline-block;
	float:none;
	border-radius:100%;
	width:1em;
	height:1em;
	padding:0;
	margin-left:.5em;
	border:1px solid #fff
	}
}
.profile{
    background-color:#fff;
    margin:0 auto 2rem auto; 
    max-width:18.75rem;
    box-sizing:border-box;
}
.pull,
.pull-left{
    margin-left:-1.46875rem
}
.profile a{
    color:#00A6D6
}
.profile img{
    width:100%;
}
.profile img.profile-image {
    height: 20em;
    object-fit: cover;
}
.profile__contactdata{
    overflow:visible
}
.profile__contactdata li{
    padding-left:2.1875rem;
    position:relative;
    margin-bottom:.4rem;
    margin-top:.4rem
}
.keepleft li{
    margin-left:-2.1875rem;
}
.floatfix {
    float: none;
    display: inline-block;
    vertical-align:text-top;
    margin: -2px;
}
.heightfix {
    min-height: 32em;
}
.profile__contactdata a,
.profile__contactdata div{
    display:block;
    overflow:hidden
}
.profile__contactdata a{
    text-decoration:underline
}
.tags a,
.tooltip{
    text-decoration:none
}
.profile__contactdata a:hover{
    color:#1E6188
}
.profile__contactdata span{
    overflow:show;
    display:block
}
.mg-image-beside-left .mg-text-container,
.mg-image-beside-right .mg-text-container,
.readmore,
.slick-list,
.video{
    overflow:hidden
}
.profile__contactdata i{
    position:absolute;
    top:0;
    left:0;
    color:#00A6D6;
    font-size:1.4rem;
    line-height:1;
    display:inline-block;
    margin-right:.6em;
    float:left;
    clear:left
}
.pull,
.pull-right{
    margin-right:-1.46875rem
}
.mg-image-above .mg-text-container,
.slick-track:after{
    clear:both
}
.profile__contactdata i:before{
    background-color:transparent;
    border-color:#00A6D6;
    display:block
}
.pull,
.pull-left,
.pull-right{
    clear:both;
    margin-top:1rem;
    margin-bottom:1rem;
    overflow:hidden
}
.pull-left{
    float:left;
    padding-left:0
}
.pull-right{
    float:right;
    padding-right:0
}
.pull-left.noFloatCarousel,
.pull-right.noFloatCarousel{
    float:none
}
@media (min-width:54em){
    .profile{
	max-width:auto
}
.pull,
.pull-left{
    margin-left:-33.33333%
}
.pull,
.pull-right{
    margin-right:-33.33333%
}
}
.readmore{
    transition:height .2s cubic-bezier(.56,0,0,1.6)
}
.readmore.is-inactive{
    height:13rem;
    position:relative;
    cursor:pointer
}
.readmore.is-inactive:before{
    content:attr(data-title);
    display:block;
    position:absolute;
    bottom:0;
    box-sizing:border-box;
    width:100%;
    transition:color .2s cubic-bezier(.56,0,0,1.6);
    line-height:2.5rem;
    color:#00A6D6;
    background-color:#F7F7F7;
    text-transform:uppercase;
    letter-spacing:1px;
    font-size:.75rem;
    border-top:1px solid #00A6D6;
    z-index:1
}
.readmore.is-inactive:after{
    transition:opacity .5s cubic-bezier(0,0,0,1);
    opacity:1;
    content:'';
    display:block;
    position:absolute;
    bottom:2.5rem;
    height:4rem;
    width:100%;
    background-image:linear-gradient(rgba(247,247,247,0),#F7F7F7)
}
.readmore.is-inactive:focus:before,
.readmore.is-inactive:hover:before{
    color:#1E6188
}
.readmore.is-inactive:focus:after,
.readmore.is-inactive:hover:after{
    opacity:0
}
.searchForm{
    position:relative;
    max-width:37.5rem;
    margin-bottom:1.5rem
}
.searchForm .searchForm-input{
    display:block
}
.searchForm>label,
.sharing a,
.sharing li{
    display:inline-block
}
.searchForm button{
    position:absolute;
    top:0;
    right:0;
    width:2.5rem;
    height:2.5rem;
    border-radius:0;
    margin-top:0;
    background-color:#00A6D6
}
.searchForm>label{
    margin-top:.375rem;
    margin-right:1.5rem
}
.searchForm>label input[type=radio]{
    height:1.0625rem;
    margin-right:.375rem
}
.sharing{
    margin:0;
    padding:0
}
.sharing a{
    color:#fff
}
.sharing a.i-facebook:after{
    background-color:#3b5998
}
.sharing a.i-twitter:after{
    background-color:#00aced
}
.sharing a.i-linkedin:after{
    background-color:#007bb6
}
.sharing a.i-youtube:after{
    background-color:#b00
}
.sharing a.i-mail:after{
    background-color:#222
}
.solrAutocomplete{
    position:absolute;
    z-index:1000;
    box-sizing:border-box;
    padding-left:0;
    border:1px solid #00A6D6;
    margin:0;
    background-color:#fff
}
.solrAutocomplete .solrAutocomplete-item{
	padding:.5rem;
cursor:pointer
}
.solrAutocomplete .solrAutocomplete-item:hover{
	background-color:#F2F2F2
}
.special:first-child{
	margin-top:-3.75rem
}
.special__static{
	min-height:25em;
text-align:center;
background-size:cover;
background-repeat:no-repeat;
background-position:50%;
position:relative
}
.special__static:after{
	content:'';
padding-top:50%;
display:block
}
.special__static h1{
	font-size:3em;
position:absolute;
margin:0;
color:#fff;
background:linear-gradient(rgba(34,34,34,0),#222);
bottom:0;
width:100%;
box-sizing:border-box;
padding-bottom:2rem
}
@media (min-width:37.5em){
    .special__static h1{
	font-size:5em
    }
}
@media (min-width:80em){
    .special__static h1{
	font-size:8em
    }
}
.special__scroll{
    margin-left:auto;
    margin-right:auto;
    padding-top:4em;
    padding-bottom:4em
}
@media (min-width:54em){
    .special{
	position:relative
    }
    .special__static{
	width:40%
    }
    .special__scroll{
	width:60%;
	clear:both;
	min-height:100vh;
	text-align:left;
	margin-right:0;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-flow:column;
	-ms-flex-flow:column;
	flex-flow:column;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center;
	box-sizing:border-box
    }
    .special--reverse .special__static{
	right:0;
	left:auto
    }
    .special--reverse .special__scroll{
	float:left
    }
    .special__static{
	position:fixed;
	z-index:1;
	top:0;
	bottom:0;
	left:0;
	transition:-webkit-transform 1s cubic-bezier(0,1,1,1);
	transition:transform 1s cubic-bezier(0,1,1,1);
	-webkit-transform:translateY(100%);
	-ms-transform:translateY(100%);
	transform:translateY(100%);
	text-align:left
    }
    .special__static h1{
	padding-bottom:3rem;
	padding-left:3rem;
	padding-right:3rem
    }
    .special__scroll p{
	margin-top:0
    }
    .special.is-entered .special__static{
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0)
    }
    .special.is-entered:first-child .special__static{
	transition-duration:0s
    }
    .special.has-entered .special__static{
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0)
    }
}
.tags a{
    transition:color .2s cubic-bezier(.56,0,0,1.6);
    margin-right:1em;
    color:#9B9B9B
}
.tags a:before{
    content:'#';
    font-size:.8em
}
.tags a:focus,
.tags a:hover{
    color:#222
}
.tooltip{
    cursor:help;
    position:relative;
    border-bottom:1px dotted
}
.tooltip:after,
.tooltip:before{
    transition:opacity .2s cubic-bezier(.56,0,0,1.6),-webkit-transform .2s cubic-bezier(.56,0,0,1.6);
    transition:opacity .2s cubic-bezier(.56,0,0,1.6),transform .2s cubic-bezier(.56,0,0,1.6);
    pointer-events:none;
    content:'';
    display:block;
    position:absolute;
    z-index:1;
    font-size:.8em;
    opacity:0;
    bottom:0;
    left:50%
}
.tooltip:before{
    border:.5rem solid transparent;
    border-top-color:#1E6188;
    margin-bottom:-1rem
}
.tooltip:after{
    content:attr(title);
    background:#1E6188;
    color:#fff;
    text-align:left;
    margin-left:-8rem;
    width:16rem;
    padding:.5rem
}
.video,
.video--popup{
    background-size:cover
}
.tooltip:hover:after,
.tooltip:hover:before{
    opacity:1;
    bottom:100%;
    -webkit-transform:translateY(-12px);
    -ms-transform:translateY(-12px);
    transform:translateY(-12px)
}
.tooltip--bottom:after,
.tooltip--bottom:before{
    bottom:auto;
    top:100%
}
.tooltip--bottom:before{
    border-bottom-color:#1E6188;
    border-top-color:transparent;
    margin-top:-1em;
    margin-bottom:auto
}
.tooltip--bottom:focus:after,
.tooltip--bottom:focus:before,
.tooltip--bottom:hover:after,
.tooltip--bottom:hover:before{
    bottom:auto;
    top:100%;
    -webkit-transform:translateY(12px);
    -ms-transform:translateY(12px);
    transform:translateY(12px)
}
.tooltip--left:before,
.tooltip--right:before{
    border-top-color:transparent;
    margin:0
}
.tooltip--left:after,
.tooltip--right:after{
    bottom:-50%
}
.tooltip--left:focus:before,
.tooltip--left:hover:before,
.tooltip--right:focus:before,
.tooltip--right:hover:before{
    bottom:0
}
.tooltip--left:focus:after,
.tooltip--left:hover:after,
.tooltip--right:focus:after,
.tooltip--right:hover:after{
    bottom:-50%
}
.tooltip--left:before{
    border-right-color:#1E6188
}
.tooltip--left:after{
    margin-left:1rem
}
.tooltip--left:after,
.tooltip--left:before{
    left:90%
}
.tooltip--left:focus:after,
.tooltip--left:focus:before,
.tooltip--left:hover:after,
.tooltip--left:hover:before{
    -webkit-transform:translateX(1rem);
    -ms-transform:translateX(1rem);
    transform:translateX(1rem)
}
.tooltip--right:before{
	border-left-color:#1E6188
}
.tooltip--right:after{
	margin-right:1rem
}
.tooltip--right:after,
.tooltip--right:before{
	left:auto;
right:90%
}
.tooltip--right:focus:after,
.tooltip--right:focus:before,
.tooltip--right:hover:after,
.tooltip--right:hover:before{
	-webkit-transform:translateX(-1rem);
-ms-transform:translateX(-1rem);
transform:translateX(-1rem)
}
.tx-powermail h3,
.tx-powermail legend{
	display:none
}
.tx-powermail .powermail_fieldset{
	padding:0;
border:0;
margin:0
}
.tx-powermail .mandatory,
.tx-powermail .parsley-errors-list{
	color:#E21A1A
}
.tx-powermail .checkbox,
.tx-powermail .radio{
	display:inline-block
}
.bg-white .logo img,
.card--no_description .card__content p,
.tudcard{
    display:none
}
.tx-powermail .btn{
    float:left
}
.tx-powermail .powermail_confirmation .table{
    width:100%
}
@media (min-width:54em) and (max-width:79.9375em){
    .tx-powermail .powermail_confirmation .table tr td:first-child{
	width:25%
    }
}
.tx-powermail .powermail_confirmation .btn.btn-primary{
	float:right
}
.video{
    background-position:50%;
    position:relative;
    padding-bottom:56.25%;
    padding-top:30px;
    height:auto;
    max-width:100%;
    width:120em
}
.video embed,
.video iframe,
.video object{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:100%
}
.video h1{
	color:#fff
}
.video--fullscreen{
	width:auto
}
.video--popup:before{
    content:"";
    color:#fff;
    font-size:5rem;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-.5em;
    margin-top:-.5em
}
.grid-row .video--popup{
	padding:0
}
.video--popup .video__content h1{
    visibility:hidden;
    height:0
}
.bg-black{
    background-color:#000
}
.bg-white{
    background-color:#fff
}
.bg-white .logo{
    background-image:url(style_images/logo_black.svg);
    background-position:0 7px;
    background-repeat:no-repeat;
    height:48px;
    width:105px
}
.bg-white,
.bg-white .nav-main .button-reset,
.bg-white .nav-main__mainitem a,
.bg-white a{
    color:#000
}
.bg-white .nav-main .button-reset{
    border:1px solid #000;
    border-radius:50%
}
.bg-white .nav-main__mainitem a:hover,
.bg-white .nav-main__submenu a{
	color:#00a6d6
}
.bg-white .nav-main__submenu a:hover{
	color:#1e6188
}
.layout-0 .tudcard,
.layout-1 .tudcard,
.layout-2 .tudcard,
.layout-3 .tudcard,
.layout-4 .tudcard{
    display:block;
    padding:0;
    margin:0 0 20pt
}
.layout-1 .tudcard{
    height:120pt
}
.layout-0 .tudcard,
.layout-2 .tudcard{
    height:200pt
}
.layout-3 .tudcard{
    height:300pt
}
.blocks.layout-1 .sm-4 .tudcard{
    height:260pt
}
.blocks.layout-0 .sm-4 .tudcard,
.blocks.layout-2 .sm-4 .tudcard{
    height:420pt
}
.blocks.layout-3 .sm-4 .tudcard{
    height:620pt
}
.layout-4 .imagecard{
    height:23.75em
}
.layout-4 .imagecard,
.row div[style^=background]{
    background-position:50% 50%;
    background-repeat:no-repeat;
    background-size:cover
}
.card--no_description .card__content{
    top:auto;
    bottom:0
}
.presentation__slide a,
.tudcard a{
    text-decoration:none;
    border:0
}
.tud_tabContent{
    margin-top:3rem
}
.tabs.layout-4 .tudcard.video{
    height:200pt
}
.tabs.section_frame-1 .nav-tab a.is-active,
.tabs.section_frame-1 .nav-tab a:focus,
.tabs.section_frame-1 .nav-tab a:hover{
	border-color:#a5ca1a
}
.tabs.section_frame-2 .nav-tab a.is-active,
.tabs.section_frame-2 .nav-tab a:focus,
.tabs.section_frame-2 .nav-tab a:hover{
	border-color:#e21a1a
}
.filter{
    background-color:#f0f0f0;
    padding:2px 10px 10px
}
.filter h3{
    color:#00a6d6
}
.unstyled{
    margin:0;
    padding:0
}
.filter.li{
    margin:20px 0
}
.text-center{
    text-align:center
}
.control-inline label{
    display:inline
}
:not(#foo) .styled-checkbox{
    position:absolute;
    opacity:0
}
:not(#foo) .styled-checkbox+label{
    position:relative;
    cursor:pointer;
    padding:0
}
:not(#foo) .styled-checkbox+label:before{
    content:'';
    margin-right:10px;
    display:inline-block;
    vertical-align:text-top;
    width:20px;
    height:20px;
    background:#fff
}
:not(#foo) .styled-checkbox:focus+label:before,:not(#foo) .styled-checkbox:hover+label:before{
    box-shadow:0 0 0 4px rgba(0,166,214, .5)
}
:not(#foo) .styled-checkbox:checked+label:before{
    background:#00a6d6
}
:not(#foo) .styled-checkbox.disabled+label:before,:not(#foo) .styled-checkbox[disabled]+label:before{
    box-shadow:none;
    background:#ddd
}
:not(#foo) .styled-checkbox:checked+label:after{
    content:'';
    position:absolute;
    left:6px;
    top:9px;
    background:#fff;
    width:2px;
    height:2px;
    box-shadow:2px 0 0 #fff,4px 0 0 #fff,4px -2px 0 #fff,4px -4px 0 #fff,4px -6px 0 #fff;
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.noUi-base,
.noUi-target,
.slick-list,
.slick-track{
	position:relative
}
.hidden{
	display:none
}
.slick-slider{
	display:block;
-moz-box-sizing:border-box;
box-sizing:border-box;
-moz-user-select:none;
user-select:none;
-webkit-touch-callout:none;
-khtml-user-select:none;
-ms-touch-action:pan-y;
touch-action:pan-y;
-webkit-tap-highlight-color:transparent
}
.slick-list{
	display:block;
margin:0;
padding:0
}
.slick-list:focus{
	outline:0
}
.slick-list.dragging{
	cursor:pointer;
cursor:hand
}
.slick-slider .slick-list,
.slick-slider .slick-track{
	-webkit-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0);
-ms-transform:translate3d(0,0,0);
-o-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}
.slick-track{
	top:0;
left:0;
display:block
}
.slick-track:after,
.slick-track:before{
	display:table;
content:''
}
.slick-slide{
	display:none;
float:left;
height:100%;
min-height:1px
}
.mg-image-beside-right .mg-image-container,
.mg-image-intext-right .mg-image-wrap,
.mg-image-right .mg-image-wrap,
.mg-image-right.mg-image-above .mg-image-wrap,[dir=rtl] .slick-slide{
	float:right
}
.slick-slide img{
	display:block
}
.slick-slide.slick-loading img{
	display:none
}
.slick-slide.dragging img{
	pointer-events:none
}
.slick-initialized .slick-slide{
	display:block
}
.slick-vertical .slick-slide{
	display:block;
height:auto;
border:1px solid transparent
}
.slick-arrow.slick-hidden{
    display:none
}

/*! noUiSlider - 7.0.9 - 2014-10-08 16:49:45 */
.noUi-target,
.noUi-target *{
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -ms-touch-action:none;
    -ms-user-select:none;
    -moz-user-select:none;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.noUi-base{
    width:100%;
    height:100%;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.noUi-origin{
    position:absolute;
    right:0;
    top:0;
    left:0;
    bottom:0;
    border-radius:2px
}
.noUi-handle{
    position:relative;
    z-index:1
}
.noUi-stacking .noUi-handle{
    z-index:10
}
.noUi-state-tap .noUi-origin{
    -webkit-transition:left .3s,top .3s;
    transition:left .3s,top .3s
}
.noUi-state-drag *{
    cursor:inherit!important
}
.noUi-horizontal{
    height:18px
}
.noUi-horizontal .noUi-handle{
    width:34px;
    height:28px;
    left:-17px;
    top:-6px
}
.noUi-vertical{
	width:18px
}
.noUi-vertical .noUi-handle{
    width:28px;
    height:34px;
    left:-6px;
    top:-17px
}
.noUi-background{
    background:#FAFAFA;
    box-shadow:inset 0 1px 1px #f0f0f0
}
.noUi-connect{
    background:#3FB8AF;
    box-shadow:inset 0 0 3px rgba(51,51,51, .45);
    -webkit-transition:background 450ms;
    transition:background 450ms
}
.noUi-target{
    border-radius:4px;
    border:1px solid #D3D3D3;
    box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB
}
.noUi-target.noUi-connect{
	box-shadow:inset 0 0 3px rgba(51,51,51,
.45),0 3px 6px -5px #BBB
}
.noUi-dragable{
	cursor:w-resize
}
.noUi-vertical .noUi-dragable{
	cursor:n-resize
}
.noUi-handle{
	border:1px solid #D9D9D9;
border-radius:3px;
background:#FFF;
cursor:default;
box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB
}
.noUi-active{
	box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB
}
.noUi-handle:after,
.noUi-handle:before{
	content:"";
display:block;
position:absolute;
height:14px;
width:1px;
background:#E8E7E6;
left:14px;
top:6px
}
.noUi-handle:after{
	left:17px
}
.noUi-vertical .noUi-handle:after,
.noUi-vertical .noUi-handle:before{
	width:14px;
height:1px;
left:6px;
top:14px
}
.noUi-vertical .noUi-handle:after{
	top:17px
}
[disabled] .noUi-connect,[disabled].noUi-connect{
	background:#B8B8B8
}
[disabled] .noUi-handle{
	cursor:not-allowed
}
.mg-image-beside-left .mg-image-container,
.mg-image-intext-left .mg-image-wrap,
.mg-image-left .mg-image-wrap{
	float:left
}
.mg-image-left.mg-image-above .mg-image-wrap{
	float:none
}
.mg-image-center .mg-image-container img{
	display:block;
margin:0 auto
}
.mg-image-wrap[data-clearing] li{
	margin-right:0
}


/* dateline: inline list with bullets (except for first item), used in agenda */
.dateline ul {
    list-style: none; /* Remove list bullets */
    padding: 0;
    margin: 0;
}

.dateline li { 
    display:inline-block;
    padding-left: 8px; 
}
.dateline li:first-child { 
    display:inline-block;
    padding-left: 0px; 
}

.dateline li:before {
    content: "•"; /* Insert content that looks like bullets */
    padding-right: 8px;
    /* color:#9B9B9B; */
}

.dateline li:first-child:before {
    display:none;
    padding-left: 0px;
}


/* from wireless_style.css: floatbox */
.floatbox {
    width: auto;
    min-width: 20em;
}
.sm-12 .floatbox {
    width: 100%;
}
.md-8 .floatbox {
    width: 40%;
}
.floatbox.narrow {
    width: 30%;
    min-width: 15em;
}
.floatbox {
    float: left;
    margin: 5px 10px 5px 0px;
    padding: 5px 15px 5px 10px;

    font-size: 85%;
    line-height:1.3;
    background-color: #fff;


/*
    background: #b8b8c0;
    background: -webkit-gradient(linear, left top, left bottom,
	color-stop(0%,rgba(250,230,230,.15)), 
	color-stop(100%,rgba(250,230,230,.35)));
    background: -moz-linear-gradient(top, rgba(250,230,230,.15) 0%, 
    	rgba(250,230,230,.35) 100%);
    background: linear-gradient(top, rgba(250,230,230,.15) 0%,
    	rgba(250,230,230,.35) 100%);

*/
/*
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
*/

    border: solid 1px;
    border-color:#E2E2E2 #C2C2C2 #00A6D6;

}

.floatbox table {
   margin: 4px 0px 10px 0px;
   padding: 0px 0px 0px 0px;
}
.floatbox h3 {
   margin: 4px 0px 4px 0px;
   padding: 0px 0px 0px 0px;
   color: #00A6D6;
}

.floatbox img {
    float: left;
    margin: 3px 10px 5px 0px;
    width: 60px;

    background: white;
    border: solid 1px #5b5b5b;

    vertical-align: bottom;
    -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,.4);
    -moz-box-shadow:    0px 1px 2px rgba(0,0,0,.4);
    box-shadow:         0px 1px 2px rgba(0,0,0,.4);

    /*
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    */
}


.nomargin{
    margin: 0;
}
.margin-right{
    padding: 0; 
    margin-right: 0.46875rem
}

/* ----------------------------------------------------- */
/* "seminar" now called "news-list" is used for lists inside a content-container*/

.news-list {
    padding-top: 0rem;
    padding-bottom: 1.46875rem;
}

.news-list ul {
    box-sizing: border-box;
    margin:  0px 0px 0px 0px;
    padding: 0px 1.46875rem 0px;

    width: 100%;
    border-bottom: solid 2px #00A6D6;

    position: relative;
    display: block;
    background: #fff;

    list-style-type: none
}
.news-list ul li  {
    display: block;
    width: inherit;		/* item has same width as surrounding box (full line)  */
    margin-bottom: 3px;
    margin-top: 1px;
    color: #666;
}

.news-list ul li a {
    display: block; 
    text-decoration: none;
    color: #666;

    border-bottom: solid 2px #fff;	/* invisible but occupies same space as for hover */
}

.news-list ul li a:hover  {
    border-bottom: solid 2px #00A6D6;

    background: #cdcdcd;
    background: -webkit-gradient(linear, left top, left bottom,
	color-stop(40%,rgba(150,150,150,.2)), 
	color-stop(100%,rgba(150,150,150,.3)));
    background: -moz-linear-gradient(top,  #eee,  #bcbcbc);
    background: linear-gradient(top, #eee,#bcbcbc); 
}
.news-list ul li a:active  {
    background: #dddddd;
    border-bottom: solid 2px #00A6D6;
}

.news-list ul li h3 {
    margin-bottom: 0rem;
    border-top: solid 1px #00A6D6;
    color: #333;
}

.news-list ul li:first-child  h3 {
    border-top: none;
}


/* ----------------------------------------------------- */
/* mainbox:                                              */
/* card with image and text, horizontal halfheight       */
/* class="grid-row  grid-rowhalfHeight small" sm-12      */
/* class="card card--blue card--colored card--horizontal"*/

.mainbox{
    box-sizing:border-box;
    margin-left:0rem;
    margin-right:0rem;
    margin-bottom:3rem;
    clear:both;
    position:relative;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);

    transition:none;
    display:block;
    background:#222;	/* zichtbaar bij hover/focus dmv opacity */
    height:12rem;
    overflow:hidden;

    border-radius:3px;

    color:#222;		/* text: dark-grey, small */
    font-size:85%;
    line-height:1.3;
}
/* lichtblauw focus-lijntje onderaan mainbox */
.mainbox:after{
    transition:height .2s cubic-bezier(.56,0,0,1.6);
    width:100%;
    display:block;

    content:'';
    height:2px;
    position:absolute;
    bottom:0;

    z-index:3;
    background-color:#00A6D6;	/* lichtblauw */
}
/* afmeting van het blauwe focus-lijntje onder de card */
.mainbox[href]:focus:after,
.mainbox[href]:hover:after{
    height:3px;
}
/* bij focus wordt het plaatje donkerder */
.mainbox[href]:focus .card__img,
.mainbox[href]:hover .card__img{
    opacity:.85;
}
/* bij focus wordt de content donkerder */
.mainbox[href]:focus .card__content,
.mainbox[href]:hover .card__content{
    opacity:.85;
}
/* image is 30% van de breedte van de card */
.mainbox .card__img{
    height:100%;
    width:30%;
}
/* als er geen image is, is content 100% van de card */
.mainbox .card__content{
    top:0;
    left:0%;
    width:100%;

}
/* als er wel een image is, is content de resterende 70% van de card */
.mainbox .card__img+.card__content{
    top:0;
    left:30%;
    width:70%;

}
.mainbox .h3,
.mainbox .h2,
.mainbox h3,
.mainbox h2{
    color:#00A6D6;		/* lichtblauw */
}


/* default figure properties ---------------------------------------- */
.floatleft {
    width:100%;
    max-width:300px;
    float: left;
    padding-top:1px;
    padding-bottom:1px;
    margin-right: 1.46875rem;
}

/* default table properties ---------------------------------------- */
table {
    border-collapse: separate;
    border-spacing: 0px;

    width: 100%;

    background: #fff;
    border-top: solid 1px #000000;
    border-bottom: solid 2px #00A6D6;

    vertical-align: top;
}

table.wide {
    width: 100%;
    min-width: 1000px;
}

table.notsowide {
    width: 100%;
    min-width: 700px;
}

tbody {
    vertical-align: top;
}

tr.border th, 
tr.border td {
    border-top: 1px solid #666;
}

th {
    font-weight: bold;
    /* vertical-align: middle; */
    text-align: left;
}

tr.blue th {
    background: rgba(16,98,133,1);
    color: #ffffff;
}

tr:hover {
    background: #f8f8f8;
}

td {
    color: #555;
}

th, 
td {
    /* padding: 5px; */
    padding: 5px 5px 5px 5px;
    border-top: 1px dotted #aaa;
}

tr:first-child th, 
tr:first-child td {
    border-top: none;
}

details {
    /* remove an empty line (?) */
    margin-bottom: -25px;
}