@import url("https://use.typekit.net/hyk2gsj.css");
.ztalert {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0 !important;
    z-index: 999;
    opacity: 0;
	display: none;
    border-radius: 0;
    transform: translateY(100%);
    transition: all 500ms ease-out;
}
.ztalert.show {
    opacity: 1;
	display: block;
    transform: translateY(0%);
    transition-delay: 1000ms;
}
.ztalert a {
    text-decoration: underline
}

/*.L0_Programma:not(.UPR_Administrators) .nopreview:not(.col285778):not(.col285672) {display: none}*/
.doorstreept {text-decoration: line-through!important;}
.alert-dismissible.ztalert .close{color: #000;}
.not-mobile-device .ztalert.show,
.not-mobile-device .ztalert {display: none!important;}
.mobile-device .ztalert.show {display: block!important;}
html.control-height, body.control-height, #ajax-container.control-height, #content.control-height { height: 100%!important; }
#spinner { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 999999999; background: #fff url('../img/loading.gif') 50% 50% no-repeat; }

.Id3295 #spinner,
.Id3296 #spinner { background-color: #cb3a87; background-image: none; }

html { scroll-behavior: smooth; }
html, body, form { height: 100%;}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block }
audio, canvas, video { display: inline-block }

.VideoContainer {position: relative;padding-bottom: 56.25%;padding-top: 25px;height: 0; margin-bottom: 30px;}
.VideoContainer iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

h3 { display: block; text-transform: uppercase; font-family: "bebas-kai", sans-serif; font-size: 2em; }
.articleHeadline h3 {position: relative;}
.articleHeadline h3 span.uitverkocht{position: absolute; top:0;left:0;right:0;bottom:0;background: url("/Portals/18/Skins/ZT18/img/bg/uitverkocht_120x40.png") no-repeat center right;}
.articleHeadline h3 span.afgelast{position: absolute; top:0;left:0;right:0;bottom:0;background: url("/Portals/18/Skins/ZT18/img/bg/afgelast_120x40.png") no-repeat center right;}
h5 { font-family: "bebas-kai", sans-serif; font-size: 1.4em; }
.datumpane h2 { text-align: center; display: block; text-transform: uppercase; font-family: "bebas-kai", sans-serif; font-size: 2.2em; line-height: 1em; position: relative; color: #FFF; text-shadow: 1px 1px #000, 2px 2px #000, 3px 3px #000, 4px 4px #000; }
@media (max-width: 600px), (max-height: 350px) {
	.datumpane h2 { font-size: 1.6em; line-height: 1em; text-shadow: 1px 1px #000, 2px 2px #000, 3px 3px #000; }
}
@media (max-width: 450px), (max-height: 250px) {
	.datumpane h2 { font-size: 1.2em; line-height: 1em; text-shadow: 1px 1px #000, 2px 2px #000; }
}
.datumpane h3 { text-align: center; display: block; text-transform: uppercase; font-family: "bebas-kai", sans-serif; font-size: 2em; line-height: 2.1; position: relative; color: #FFF; text-shadow: 1px 1px #000, 2px 2px #000, 3px 3px #000; }
@media (max-width: 600px) {
	.datumpane h3 { font-size: 2.2em; line-height: 1em; }
}
@media (max-width: 450px) and (orientation: landscape) {
	.datumpane h3 { font-size: 1.4em; line-height: 1em; text-shadow: 1px 1px #000, 2px 2px #000; }
}
.datumpane h2.h4 { text-align: center; display: block; text-transform: uppercase; font-family: "bebas-kai", sans-serif; font-size: 1.2em; line-height: 1em; position: relative; color: #FFF; text-shadow: none; }
body.Id3195,
body.top750agogo,
body.forward.L1_Kaartverkoop_Discoterras,
body.L0_Programma { background: #dfbcc7; }
#tennisbaanModal .modal-content,
body.Id3195.Id3196,
body.L0_Informatie { background: #d2e6f2; }

@media (min-width: 350px) {
	img.vld750agg {max-width: 350px;}
}


.wijsarmhouder{position: absolute;top:0;left:0; right:0;width:100%;height:100%;overflow: hidden!important;z-index: 1;}
.wijsarm{position: absolute; left: 100%;top:70vh;background: url(/Portals/18/Skins/ZT18/img/animated/arm-vanuitr-wijs.png) no-repeat;height: 100px; width: 800px;}
/*lay-out*/
.size-auto { width: 100%; height: auto; }
.pt1 { padding-top: 10px; }
.pt2 { padding-top: 20px; }
.pt3 { padding-top: 30px; }
.pt4 { padding-top: 40px; }
.pt5 { padding-top: 50px; }
.pt10 { padding-top: 100px; }
.pt20 { padding-top: 200px; }

.py1 { padding-top: 10px; padding-bottom: 10px; }
.py2 { padding-top: 20px; padding-bottom: 20px; }
.py3 { padding-top: 30px; padding-bottom: 30px; }
.py4 { padding-top: 40px; padding-bottom: 40px; }
.py5 { padding-top: 50px; padding-bottom: 50px; }
.py10 { padding-top: 100px; padding-bottom: 100px; }
.py20 { padding-top: 200px; padding-bottom: 200px; }

.px1 { padding-left: 10px; padding-right: 10px; }
.px2 { padding-left: 20px; padding-right: 20px; }
.px3 { padding-left: 30px; padding-right: 30px; }
.px4 { padding-left: 40px; padding-right: 40px; }
.px5 { padding-left: 50px; padding-right: 50px; }

.clear:before, .clear:after { content: ""; display: table; }
.clear:after { clear: both; }
.clear { zoom: 1; }

dl { margin-top: 0; margin-bottom: 20px }
dd,
dt { line-height: 1.42857143; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
dt { clear: both;}
dd { margin-left: 0 }
.info-block { text-align: right; margin-bottom: 20px; overflow: hidden; width: 100%; }
dl.info-block { text-align: left; }
dl.info-block dd { margin-top: 0; }
dl.info-block dt { margin-top: 1em; }

@media (min-width: 850px) {
	dl.info-block dd { width: 33.3333%; float: left;}
	dl.info-block dt { width: 66.6667%; float: right;}
	dl.info-block dd { margin-top: 1em; }
}

div.logoos { display: block; float: left; width: 33%; text-align: center }
div.logoos img { max-width: 95%; height: auto; margin: 30px 0 30px 0; }
div.logoos:nth-child(2) {  }



/*BUTTONS*/
p.categ{text-align: right; display: block; margin-top: 20px;color: #dfbcc7;}
.stagertickets p.categ{text-align: left; }
.stagertickets {margin: 40px 0px 20px 0px;}
@media (max-width: 750px) {
	#stagertickets {width: 100%}
}

a.btn.btn-primary.btn-lg.rounded-0.my-4,
.categ a,
a.button { display: inline-block; font-family: "bebas-kai", sans-serif; font-size: 1.8em; line-height: 1.1; margin-bottom: 5px; position: relative; color: #000; text-decoration: none; padding: 20px; border: solid 2px #000;background-color: transparent!important;}

a.btn.btn-primary.btn-lg.rounded-0.my-4:hover:after,
a.btn.btn-primary.btn-lg.rounded-0.my-4:focus:after,
a.btn.btn-primary.btn-lg.rounded-0.my-4:active:after,
.categ a:hover:after, .categ a:focus:after, .categ a:active:after,
a.button:hover:after, a.button:focus:after, a.button:active:after { width: 100%; }

.categ a:after,
a.button:after { content: ''; position: absolute; bottom: 0; left: 50%; width: 0%; transform: translateX(-50%); height: 2px; background: #000; transition: .35s; }
.categ a,
a.button.small { font-size: 1.2em;padding: 10px;  }

@media (max-width: 650px) {
	.categ a { font-size: 1em; padding: 15px; }
	.categ a:first-child { float:left; }
	.categ a:last-child { float:right;}
	.categ.navmob{ margin-top: 10px;}
	.categ.navmob a { float:left;display: block; width: 100%;}
}


.circel200 {width: 200px;height: 200px;border: 1px solid #fff;background: #fff;border-radius: 50%;display: flex;flex-direction: column;align-items: center;justify-content: center;margin: 0 auto;}
.circel200 a{display: inline-block; text-align: center; font-family: "bebas-kai", sans-serif; font-size: 1.4em; line-height: 1; color: #000;}
.overlay .circel200 { opacity: 1; }
.overlay.open .circel200 { /*animation: fadeInRight .5s ease forwards; animation-delay: .65s;*/ }
/*/*BUTTONS*/

/*NAV HOOFDMENU*/
#hoofd { max-width: 900px; padding-top: 20px; }

@media (max-width: 860px) {
#hoofdmenu:not(.tb) .col-xs-4:nth-child(1) { visibility: hidden; display: none; }
#hoofdmenu:not(.tb) .col-xs-4:nth-child(2) { width: 100%; }
#hoofdmenu.tb .col-xs-4:nth-child(2) { visibility: hidden; display: none; }
#hoofdmenu:not(.tb) .col-xs-4:nth-child(3) { visibility: hidden; display: none; }
}

#hoofdmenu .col-xs-4 a.hoofdnav { display: inline-block; font-family: "bebas-kai", sans-serif; font-size: 2.2em; line-height: 2em; position: relative; color: #FFF; text-shadow: 1px 1px #000, 2px 2px #000, 3px 3px #000, 4px 4px #000; text-decoration: none; }
#hoofdmenu .col-xs-6 a.hoofdnav { font-family: "bebas-kai", sans-serif; font-size: 2.2em; line-height: 2em; position: relative; color: #FFF; text-shadow: 1px 1px #000, 2px 2px #000, 3px 3px #000, 4px 4px #000; text-decoration: none; }
.width-0-479 #hoofdmenu .col-xs-6 a.hoofdnav { font-size: 1.4em;}
.L0_Programma #hoofdmenu .col-xs-4 a.hoofdnav.active { color: #87CE97; }
.L0_Informatie #hoofdmenu .col-xs-4 a.hoofdnav.active { color: #D5B4FF; }
a.hoofdnav.home { top: -140px; position: absolute; width: 86px; height: 57px; background: url(../img/animated/home-parkiet2.png) left center;animation: aniVliegendeParkiet 2s steps(32) infinite;}
a.hoofdnav.home.actief,
a.hoofdnav.home:hover {animation: aniVliegendeParkiet 2s steps(32) infinite;}
body.home.page a.hoofdnav.home { visibility: hidden; display: none; }
@media (max-width: 860px) {
	body.home.page #hoofdmenu { visibility: hidden; display: none; }
}

@keyframes aniVliegendeParkiet {
  from {
    background-position: -2753px;
  }
  100% {
    background-position: 0px;
  }
}
/*/*NAV HOOFDMENU*/

/*hamburger*/
.button_container { position: fixed; top: 54px; right: 2%; height: 37px; width: 45px; cursor: pointer; z-index: 100; transition: opacity .25s ease; }
.button_container:hover { opacity: .7; }
.button_container.active .top { transform: translateY(14px) translateX(0) rotate(45deg); background: #FFF; }
.button_container.active .middle { opacity: 0; background: #FFF; }
.button_container.active .bottom { transform: translateY(-16px) translateX(0) rotate(-45deg); background: #FFF; }
.button_container span { background: #fff; border: none; height: 7px; width: 100%; position: absolute; top: 0; left: 0; transition: all .35s ease; cursor: pointer; }
.button_container:not(.active) span::before, .button_container:not(.active) span::after { position: absolute; content: ''; transition: all .5s; }
.button_container:not(.active) span::before { bottom: -5px; height: 5px; width: 100%; left: 3px; -webkit-transform: skewX(45deg); transform: skewX(45deg); background-color: #000; }
.button_container:not(.active) span::after { right: -5px; height: 100%; width: 5px; bottom: -3px; -webkit-transform: skewY(45deg); transform: skewY(45deg); background-color: #000; }
.button_container span:nth-of-type(2) { top: 15px; }
.button_container span:nth-of-type(3) { top: 30px; }
/*/*hamburger*/

/*hamburger overlay*/
.overlay { position: fixed; background: #000; top: 0; left: 0; width: 100%; height: 0%; opacity: 0; visibility: hidden; transition: opacity .35s, visibility .35s, height .35s; overflow: hidden; }
.overlay .zthouder { margin-top: 118px; }
.overlay.open { opacity: 1; visibility: visible; height: 100%; z-index: 99; }
/*
.overlay.open li { animation: fadeInRight .5s ease forwards; animation-delay: .15s; }
@keyframes fadeInRight {
 0% {
 opacity: 0;
left: 20%;
}
 100% {
 opacity: 1;
left: 0;
}
}
.overlay.open li:nth-of-type(2) { animation-delay: .2s; }
.overlay.open li:nth-of-type(3) { animation-delay: .25s; }
.overlay.open li:nth-of-type(4) { animation-delay: .30s; }
.overlay.open li:nth-of-type(5) { animation-delay: .35s; }
.overlay.open li:nth-of-type(6) { animation-delay: .40s; }
*/
.overlay nav { position: relative; text-align: center; }
.overlay ul { list-style: none; padding: 0; margin: 0 auto; position: relative; text-align: left; height: 100%; /*-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px;*/display:grid;grid-template-columns: auto 1fr;
  grid-gap: 0 2em;margin-bottom: 30px; }
.overlay ul li { display: block; position: relative; line-height: 1.1; margin-bottom: 5px; opacity: 1; }
.overlay ul li a { display: inline-block; font-family: "bebas-kai", sans-serif; font-size: 2.5em; position: relative; color: #FFF; text-decoration: none; transition: all 0.3s ease-in-out; }

@media (max-width:750px) {
.overlay ul li a { font-size: 2em; }
}

@media (max-width:440px) {
.overlay ul li a { font-size: 1.2em; }
}
.overlay ul li a:hover:after, .overlay ul li a:focus:after, .overlay ul li a:active:after, .overlay ul li a.active:after { width: 100%; }
.overlay ul li a:after { content: ''; position: absolute; bottom: 0; left: 50%; width: 0%; transform: translateX(-50%); height: 3px; background: #FFF; transition: .35s; }
.hide989, .hide989 .overlaynav, .hide993, .hide993 .overlaynav, .hide995, .hide995 .overlaynav,.hideztartiest { display: none!important; visibility: hidden!important; height: 0!important; width: 0!important; line-height: 0!important; margin: 0!important; padding: 0!important; opacity: 0!important; }
/*/*hamburger overlay*/

#header-container { position: absolute; width: 100%; height: inherit; z-index: 2; }
#main-content { margin: 0 auto; min-height: 600px; padding-bottom: 100px; }
#home-page-hero, #single-page-hero { position: relative; height: 100%; width: 100%; overflow: hidden; }
#ajax-container { min-height: 100%; height: auto !important; height: 100%; }
canvas.background { z-index: 2; position: relative; }
.horizontal-shadow-bottom-up { background-color: #fff; width: 100%; height: 70px; position: absolute; bottom: 0px; z-index: 3; border-top: solid 4px #000; border-bottom: solid 4px #000; display: block; }
.Id3295 .horizontal-shadow-bottom-up,
.Id3296 .horizontal-shadow-bottom-up { height: 80px; overflow-y: hidden}
.overlayactive #papegaai1,
.overlayactive #konijn,
.overlayactive #krokodil,
.overlayactive .horizontal-shadow-bottom-up { display: none; }
#scroll-der-over { position: relative; background-color: #B1FFE1; z-index: 1; }
#scroll-der-over section{padding-top: 100px;padding-bottom: 100px;}
section.naarlinks {background-image: url(/Portals/18/Skins/ZT18/img/bg/bg_zomer.png); background-repeat: repeat-x;background-size: 90%;min-height: 450px; }
section.naarlinks .eerstepane.DNNEmptyPane{min-height: 450px; display: block!important;}
section.naarrechts {background-image: url(/Portals/18/Skins/ZT18/img/bg/bg_terras.png); background-repeat: repeat-x;background-size: 90%;min-height: 450px;}
@media (max-width: 1750px) {
section.naarlinks {background-size: cover;}
section.naarrechts {background-size: cover;}
}
#dnn_HomeUitgelicht { z-index: 0; position: fixed; height: 100%; width: 100%; top: 0; left: 0; }
#main-content { margin: 0 auto; min-height: 600px; padding-bottom: 100px; }
#home-page-hero, #single-page-hero { position: relative; height: 100%; width: 100%; overflow: hidden; }
#home-page-hero, #about-page-hero, #single-page-hero { height: 100%; width: 100%; background-repeat: no-repeat!important; background-position: center!important; background: no-repeat center center; -webkit-background-size: cover!important; -moz-background-size: cover!important; -o-background-size: cover!important; background-size: cover!important; }
.not-mobile-device #home-page-hero, .not-mobile-device #single-page-hero { background-attachment: fixed!important; background: no-repeat center center fixed; }
.mobile-device #home-page-hero, .mobile-device #single-page-hero, .not-mobile-device.is-iPad #home-page-hero, .not-mobile-device.is-iPad #single-page-hero { background-attachment: scroll!important; background: no-repeat center center scroll; }
.entry-content .contentpane .ContentBreedte, .wrap { max-width: 1170px; margin: 0 auto; }
.entry-content .contentpane .ContentBreedte100 { max-width: 100%; margin: 0 auto; }
.single .entry-content .ContentBreedte { padding-left: 20px; padding-right: 20px; }
.portfolio .entry-content .contentpane .ContentBreedte { max-width: 1250px; margin: 0 auto; }
nav.slides-pagination { display: none; visibility: hidden; }
#HeroTitelGroot { position: relative; font-size: 24vh; height: 44vh; margin-top: 5vh; line-height: 0.8; transition: all 0.3s ease-in-out; }
.titelslidestitel { position: relative; display: block; text-align: center; }
.titelslidestitel .zt-pt1 { display: block; padding-right: 70px; }
.titelslidestitel .zt-pt2 { display: block; padding-left: 70px; }

@media (max-width: 705px) {
    #HeroTitelGroot { font-size: 20vh;}
    .titelslidestitel .zt-pt2 { padding-left: 50px; }
}
@media (max-width: 410px) {
	#HeroTitelGroot { font-size: 16vh;}
    .titelslidestitel .zt-pt2 { padding-left: 20px;margin-top: 10px; }
}

.quotehouder, .zthouder { position: relative; display: block; max-width: 1170px; text-align: center; margin: 0 auto; }

.tweekoloms_smalbreed{max-width: 1170px; margin: 0 auto;}
.tweekoloms_smalbreed .contentpane { display: block; width: 33%; float: left; }
.tweekoloms_smalbreed #dnn_ContentPaneRechts.contentPane { width: 66%; }
.tweekoloms_smalbreed #dnn_ContentPaneRechts.contentPane .DnnModule { padding:40px 0px 10px 5px; }
.tweekoloms_smalbreed #dnn_ContentPaneRechts { float: right !important; }
@media only screen and (max-width: 650px) {
	.tweekoloms_smalbreed #dnn_ContentPaneRechts.contentpane { width: 100%; }
	.tweekoloms_smalbreed .contentpane { display: block; width: 100%; float: left; }
	.tweekoloms_smalbreed #dnn_ContentPaneRechts { float: left !important; }
	.tweekoloms_smalbreed #dnn_ContentPaneRechts.contentPane { width: 100%; }
	.tweekoloms_smalbreed #dnn_ContentPaneRechts.contentPane .DnnModule { padding:40px 10px 10px 10px; }
}

/*fotografie*/
.ModDnnForgeChildLinksC a {display: block;}
.fotodag {font-size: 70%;}
.mediaoverzicht{ padding-top: 30px;}
table.escher{width: 100%;}
@media only screen and (max-width: 650px) {
	.ModDnnForgeChildLinksC .fotodag {display: inline-block;}
	.ModDnnForgeChildLinksC .fotodag a{display: inline-block; padding: 6px; border: solid 2px #000; margin-right: 4px; margin-bottom: 4px; text-decoration: none;}
	.ModDnnForgeChildLinksC .fotodag a:hover{color: #fff;background-color: #3c5896;}
	.ModDnnForgeChildLinksC .fotodag a.active{color: #fff;background-color: #3c5896;}
	.ModDnnForgeChildLinksC .mediaoverzicht{display: inline-block;padding-top: inherit;}
	.ModDnnForgeChildLinksC .mediaoverzicht a.button.small{display: inline-block; padding: 6px; margin-bottom: 4px; font-size: 18px; line-height: 34px; }
}
/*.eds_SocialMediaStream_Nova .edsgg__itemsListContainer.edsgg__galleries {display: block; width: auto!important; margin-left: auto!important; margin-right: auto!important;}*/
#dnn_ctr4820_ContentPane{ width: inherit!important;margin-left: auto!important; margin-right: auto!important;}
.eds_SocialMediaStream_Nova .edsgg__itemsListContainer .edsgg__itemContainer {margin-right: 5px!important;}
.eds_SocialMediaStream_Nova .edsgg_thumbnailWrapper {border: solid 3px #3c5896!important;}
.eds_SocialMediaStream_Nova .edsgg_mediaContainer > a .edsgg_imageThumbnail::after {background-color: #3c5896!important;}
.eds_SocialMediaStream_Nova .edsgg_mediaContainer > a .edsgg_imageThumbnail .edsgg_numberOfItems {background-color: #3c5896!important;}
.eds_SocialMediaStream_Nova .edsgg_mediaContainer > a:hover .edsgg_title {color: #3c5896!important;font-family: "bebas-kai", sans-serif!important;}
.eds_SocialMediaStream_Nova .edsgg_detailItemNavigation a:hover::before { color: #3c5896!important;}
.eds_SocialMediaStream_Nova .edsgg_ItemDescription {color: #3c5896!important;}
.eds_SocialMediaStream_Nova .edsgg__loadMediaWrapper .edsgg__loadMediaTrigger {border: solid 3px #3c5896!important;}
.eds_SocialMediaStream_Nova .edsgg__loadMediaWrapper .edsgg__loadMediaTrigger > span {color: #3c5896!important;font-family: "bebas-kai", sans-serif!important;}
.eds_SocialMediaStream_Nova .edsgg_thumbnailWrapper .edsgg_title {font-family: "bebas-kai", sans-serif!important;}
.eds_SocialMediaStream_Nova .edsgg__loadMediaWrapper .edsgg__loadMediaTrigger:hover .edsgg__loadMediaTriggerText {background-color: #3c5896!important;}
.eds_SocialMediaStream_Nova .edsgg_mediaContainer > a.edsgg__itemDetailsAndLightboxTrigger{font-family: "bebas-kai", sans-serif!important;}

/*totop*/
#back-to-top { border: solid 2px #000; opacity: .6; transition: all 0.3s ease-in-out; z-index: 2;line-height: 1!important;}
#back-to-top:hover { opacity: 1; background-color: #000;}
#back-to-top span { color: #000; transition: all 0.3s ease-in-out;}
#back-to-top:hover span { color: #fff;}

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;padding-left: 12px; padding-right: 12px;border-radius: 0;
}
/*/*totop*/

/*PROGRAMMA*/
.awardlogootje {position: absolute; z-index: 999; width: 70px; height: 70px; right: 0; top: 0; background: url("/Portals/18/Skins/ZT18/img/bg/terras-award-logo-klein.png") no-repeat;}
/*dropdown*/
.wrapper-dropdown-5 { text-align: left;border: solid 2px #000; position: relative; font-size: 16px; float: left; width: 280px; margin: 0 auto; padding: 12px 15px; background: #fff; cursor: pointer; outline: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.wrapper-dropdown-5:after { content: ""; width: 0; height: 0; position: absolute; top: 50%; right: 15px; margin-top: -3px; border-width: 6px 6px 0 6px; border-style: solid; border-color: #000 transparent; }
.wrapper-dropdown-5 .dropdown { position: absolute; margin-left: 0; top: 100%; left: 0; right: 0; background: #fff; list-style: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; max-height: 0; overflow: hidden; z-index: 2; }
.wrapper-dropdown-5 .dropdown li { padding: 0 8px; font-size: 16px; }
.wrapper-dropdown-5 .dropdown li.Terras.Award {display: none!important;}

.wrapper-dropdown-5 .dropdown li a { display: block; text-decoration: none; color: #333; padding: 8px 0; transition: all 0.3s ease-out; border-bottom: 1px solid #e6e8ea; }
.wrapper-dropdown-5 .dropdown li:last-of-type a { border: none; }
.wrapper-dropdown-5 .dropdown li i { margin-right: 5px; color: inherit; vertical-align: middle; }
.wrapper-dropdown-5 .dropdown li:hover a { text-decoration: underline; }
.wrapper-dropdown-5.active { background: #000; color: white; }
.wrapper-dropdown-5.active:after { border-width: 0 6px 6px 6px; border-color: #fff transparent; }
.wrapper-dropdown-5.active .dropdown { max-height: 600px; width: 178px; }
/*navigatie programma*/
.programmakeuze { float: right; list-style: none; margin: 0; }
.programmakeuze li { list-style: none; display: inline-block; border: solid 2px #000; padding: 7px 15px 8px 15px; transition: all 0.3s ease-in-out; }
.programmakeuze li:hover { background-color: #87CE97; }
.programmakeuze li.actief { background-color: #87CE97; }
.programmakeuze li a { display: inline-block; font-family: "bebas-kai", sans-serif; font-size: 1.7em; line-height: 1; position: relative; color: #000; text-decoration: underline; }
.navnomob { }
.navmob { display: none; visibility: hidden; }
@media (max-width: 705px) {
	.navnomob { display: none; visibility: hidden; }
	.navmob { display: block; visibility: visible; }
	.wrapper-dropdown-5 { width: 180px; }
}
@media (max-width: 410px) {
	.programmakeuze li.actief { display: none; visibility: hidden; }
}
/*artiesten*/
.ism{margin-top: -43px; border: none!important;}
.mod-box { border: solid 8px #000; margin-bottom: 15px; min-height: 300px; background-color: #fff; }
.programmalink .WarmingUpAttentie{ position: absolute; top:0; right:0;left:0;bottom: 0; background: url("/Portals/18/Skins/ZT18/img/bg/warming-up_driehoek_100x100.png") no-repeat top right;}
.programmalink .HeeftVoorprogramma{ position: absolute; top:0; right:0;left:0;bottom: 0; background: url("/Portals/18/Skins/ZT18/img/bg/voorprogramma_driehoek_100x100.png") no-repeat top right;}
.programmalink .Uitverkocht{ position: absolute; top:0; right:0;left:0;bottom: 0; background: url("/Portals/18/Skins/ZT18/img/bg/uitverkocht_driehoek_100x100.png") no-repeat top right;}
.programmalink .afgelast{ position: absolute; top:0; right:0;left:0;bottom: 0; background: url("/Portals/18/Skins/ZT18/img/bg/afgelast_driehoek_100x100.png") no-repeat top right;}
div.programmalink { position: relative; z-index: 1; }
.programmakenmerk { padding-left: 20px; padding-right: 20px; height: 40px; padding-top: 8px; text-align: center;}
.programmatitel { padding: 0px 20px 0px 20px; text-align: center; }
.programmainfo { padding: 8px 20px 20px 20px; text-align: center; }
.programmakenmerk a { display: block; font-family: "bebas-kai", sans-serif; color: #000; text-decoration: none; font-size: 1.1em; }
.programmatitel a { font-size: 1.9em; display: block; line-height: 1; font-family: "bebas-kai", sans-serif; color: #000; text-decoration: underline!important; }
.programmainfo a { display: block; font-family: "bebas-kai", sans-serif; color: #000; text-decoration: none; font-size: 1.1em; }
.DnnModule-4783 { margin-bottom: 100px; }
.programmatitel.tiktik { position: relative; }
.programmatitel.tiktik a.ticker { overflow: hidden; position: relative; height: 50px; }
.programmatitel.tiktik a.ticker .ticker_item { white-space: nowrap; transition: .2s; }
.programmatitel.tiktik a.ticker.titeltegroot { text-decoration: underline!important; }
.programmatitel.tiktik a.ticker.titeltegroot .ticker_item { position: absolute; left: 0px; height: 50px; text-decoration: underline!important; }

.is-iPad .programmakenmerk,
.mobile-device .programmakenmerk { height: inherit;}
.is-iPad .programmatitel.tiktik a.ticker,
.mobile-device .programmatitel.tiktik a.ticker { overflow:visible!important; height:inherit!important; }
.is-iPad .programmatitel.tiktik a.ticker.titeltegroot .ticker_item,
.mobile-device .programmatitel.tiktik a.ticker.titeltegroot .ticker_item { white-space:normal!important;position: relative!important; transition: .2s; height:inherit!important; }

.row.row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; }
.row.row-eq-height > [class*='col-'] { display: flex; flex-direction: column; }

/*nieuws*/
.slickhouder-nieuws .mod-box { border: solid 8px #fff; margin-bottom: 15px; min-height: 300px; background-color: #000; }
div.programmalink { position: relative; z-index: 1; }
.Id3295 .programmalink {font-size: 2rem;line-height: 1.3;}
.programmakenmerk { padding-left: 20px; padding-right: 20px; height: 40px; padding-top: 8px; text-align: center;}
.Id3295 .programmakenmerk {height: 50px; padding-top: 0px;margin-top: -25px;margin-bottom: 20px;font-size: 2.5rem;}

.Id3295 .programmainfo {font-size: 2.5rem;line-height: 1;margin-top: -8px;}

.programmatitel { padding: 0px 20px 0px 20px; text-align: center; }
.slickhouder2 .programmainfo,
.slickhouder .programmainfo { height: 96px; overflow:hidden; }
.Id3295 .slickhouder .programmainfo,
.Id3295 .slickhouder2 .programmainfo,
.Id3296 .slickhouder .programmainfo { height: auto; overflow:auto; }

.slickhouder-nieuws .programmainfo { padding: 8px 20px 20px 20px; text-align: center; color: #fff;font-size: .9em; line-height: 1; height: 170px; overflow:hidden; }
.slickhouder-nieuws .programmakenmerk a { display: block; font-family: "bebas-kai", sans-serif; color: #fff; text-decoration: none; font-size: 1.1em; }
.slickhouder-nieuws .programmatitel a { font-size: 1.9em; display: block; line-height: 1; font-family: "bebas-kai", sans-serif; color: #fff; text-decoration: underline!important; }
.programmatitel.tiktik { position: relative; }
.programmatitel.tiktik a.ticker { overflow: hidden; position: relative; height: 50px; }
.programmatitel.tiktik a.ticker .ticker_item { white-space: nowrap; transition: .2s; }
.programmatitel.tiktik a.ticker.titeltegroot { text-decoration: underline!important; }
.programmatitel.tiktik a.ticker.titeltegroot .ticker_item { position: absolute; left: 0px; height: 50px; text-decoration: underline!important; }
@media (max-width: 750px) {
/*.programmatitel.tiktik a.ticker { overflow: visible; position: relative; height:inherit; }
.programmatitel.tiktik a.ticker .ticker_item { white-space:inherit; transition: .2s; }*/
.programmatitel.tiktik a.ticker.titeltegroot { text-decoration: underline!important; }
.programmatitel.tiktik a.ticker.titeltegroot .ticker_item { position: relative; left: inherit; height: inherit; text-decoration: underline!important; }
}

/*home*/
.slick-prev:before, .slick-next:before { font-family: 'Glyphicons Halflings'; font-size: 50px; color: #000;transition: all .35s ease;}
.slickhouder-nieuws .slick-prev:before, .slickhouder-nieuws .slick-next:before { color: #fff;}
.slick-prev, .slick-next {width: 50px; height: 60px;}
.slick-prev { left: -55px; }
[dir='rtl'] .slick-prev { right: -55px;}
.slick-next { right: -55px; }
[dir='rtl'] .slick-next { left: -55px; }
@media (max-width: 1320px) {
	.slickhouder-nieuws,
	.slickhouder,
    .slickhouder2 {padding-left: 40px; padding-right: 40px;}
	.slick-prev:before, .slick-next:before { font-size: 30px; }
	.slick-prev, .slick-next {width: 30px; height: 38px;}
	.slick-prev { left: 0px; }
	[dir='rtl'] .slick-prev { right: 0px;}
	.slick-next { right: 0px; }
	[dir='rtl'] .slick-next { left: 0px; }
}



/*tijdschema*/
.grid-container { display: grid; position: relative; grid-template-columns: 100px 100px auto/* 170px*/; grid-gap: 10px; background-color: #dfbcc7; padding: 5px; }
.grid-container > div { background-color: rgba(255, 255, 255, 0.4); padding: 10px; position: relative; }
.programmaschema { margin-left: -5px; margin-right: -5px; }
.grid-container .titelplaatje { position: relative; width: 100px; height: 100px; float: left; padding: 0!important; }
.grid-container .titelplaatje img { border: solid 3px #000; width: 100px; height: 100px; }
.grid-container .tijd { font-weight: bold; line-height: 1em; margin-top: 3px; font-size: .9em; }
.grid-container .kenmerk { height: 30px; font-family: "bebas-kai", sans-serif; line-height: 26px; color: #000; }
.grid-container .media-tekst {cursor: pointer}
.grid-container .media-tekst.WarmingUpAttentie{ background: rgba(255, 255, 255, 0.4) url("/Portals/18/Skins/ZT18/img/bg/warming-up_driehoek_100x100.png") no-repeat top right;}
.grid-container .media-tekst.HeeftVoorprogramma{ background: rgba(255, 255, 255, 0.4) url("/Portals/18/Skins/ZT18/img/bg/voorprogramma_driehoek_100x100.png") no-repeat top right;}
.grid-container .media-tekst.Uitverkocht{ background: rgba(255, 255, 255, 0.4) url("/Portals/18/Skins/ZT18/img/bg/uitverkocht_driehoek_100x100.png") no-repeat top right;}
.grid-container .media-tekst.afgelast{ background: rgba(255, 255, 255, 0.4) url("/Portals/18/Skins/ZT18/img/bg/afgelast_driehoek_100x100.png") no-repeat top right;}
.grid-container .media-tekst .titel{padding-right: 100px;}
.grid-container .media-tekst .titel.nokenmerk{top: 50%; transform: translateX(0) translateY(-50%); position: absolute;}
.grid-container .media-tekst .titel a { font-family: "bebas-kai", sans-serif; font-size: 2em; line-height: 1; color: #000; text-decoration: underline; }
.detailsmobile {display: none}
.grid-container .locatie { right: 20px; text-align: right; top: 50%; transform: translateX(0) translateY(-50%); position: absolute; width: 170px; }

@media (max-width: 850px) {
	.grid-container .datum,
	.grid-container .tijd { font-size: .8em; }
	.grid-container .datum { text-transform: uppercase }
	.grid-container .media-tekst .titel a { font-size: 1.5em;}
	.grid-container .titelplaatje { width: 88px; height: 88px; }
	.grid-container .titelplaatje img { width: 88px; height: 88px; }
	.grid-container .locatie { right: 10px;width: 120px;font-size: 60%; line-height: 1; }
}
@media (max-width: 850px) and (min-width: 651px) {
	.grid-container { grid-template-columns: 88px 88px auto; grid-gap: 5px;}
}
@media (max-width: 650px) {
	.grid-container { 
		grid-template-columns: 88px auto; 
		grid-template-rows: 88px auto; grid-auto-flow: row;grid-gap: 1px;
	}
	.grid-container .media-tijd{display: inline-block;grid-area: 2 / 1 / last-line / 2; padding-top: 0px;}
	.grid-container .media-tijd .datum{ display: inline-block; margin-right: 8px;line-height: 1em;}
	.grid-container .media-tijd .tijd{ display: inline-block;}
	.grid-container .titelplaatje {grid-area: 1 / 1 / last-line / 2;}
	.grid-container .titelplaatje .playerholder,
	.grid-container .titelplaatje img.size-auto {background-color: rgba(51, 51, 51, 0.5);}
	.grid-container .media-tekst {grid-area: 1 / 2 / last-line / 2;}
	.grid-container .media-tekst .titel.nokenmerk{top:inherit; width: 100%; transform:none; position: relative;}
	.detailsmobile {display: block}
    .media-tekst .detailsmobile {margin-bottom: 35px;}
    .grid-container .locatie { position: absolute; text-align: right; right: 10px;top:auto;bottom: 10px; width: auto;font-size: 60%; line-height: 1; }
}
/*@media (max-width: 450px) {
	.grid-container { grid-template-columns: 100% 0px 100% 100%; grid-template-rows: [row1-start] auto [row1-end] auto [last-line]; grid-gap: 1px;}
	.grid-container .titelplaatje{grid-row-start: 1; display: none}
	.grid-container .media-tijd .datum{ display: inline-block; margin-right: 8px;line-height: 1em;}
	.grid-container .media-tijd .tijd{ display: inline-block;}
	.grid-container .media-tijd{grid-row-start: 2;line-height: 1em; padding-top: 0px;}
	.grid-container .media-locatie {grid-row-start: 3;}
	.grid-container .locatie {grid-row-start: 3; position: relative; right: inherit; top:inherit; transform: none; width: 100%;}
	.grid-container .media-tekst {grid-row-start: 4}
}*/


/*details*/
.artikelhouder { max-width: 900px; margin: 0 auto; }
.detailtitel { float: left; width: 100%; }
.detailtitel h2 { font-family: "bebas-kai", sans-serif; font-size: 5.2em; line-height: 1; color: #FFF; text-shadow: 1px 1px #000, 2px 2px #000, 3px 3px #000, 4px 4px #000, 5px 5px #000, 6px 6px #000, 7px 7px #000; }
.detailtijd { font-weight: bold; }
.detailtijd, .detaillocatie { float: right; width: 100%; text-align: right; display: block; }
.imghouder { position: relative; display: block; min-height: 200px; }
.imghouder .WarmingUpAttentie{ position: absolute; top:0; right:0;left:0;bottom: 0; background: url("/Portals/18/Skins/ZT18/img/bg/warming-up_driehoek_200x200.png") no-repeat top right;}
.imghouder .HeeftVoorprogramma{ position: absolute; top:0; right:0;left:0;bottom: 0; background: url("/Portals/18/Skins/ZT18/img/bg/voorprogramma_driehoek_200x200.png") no-repeat top right;}
.imghouder .Uitverkocht{ position: absolute; top:0; right:0;left:0;bottom: 0; background: url("/Portals/18/Skins/ZT18/img/bg/uitverkocht_driehoek_200x200.png") no-repeat top right;}
.imghouder .afgelast{ position: absolute; top:0; right:0;left:0;bottom: 0; background: url("/Portals/18/Skins/ZT18/img/bg/afgelast_driehoek_200x200.png") no-repeat top right;}
.imghouder img:not(.geenborder) { border: solid 8px #000; }
.artikelmedia { margin-top: 15px; margin-left: 0px; margin-bottom: 30px; }
.artikelmedia .mediaknop { display: inline-block; width: 40px; height: 40px; position: relative; float: none; cursor: pointer; border: solid 1px #000; transition: all .35s ease;  }
.artikelmedia .mediaknop .icon { display: block; position: absolute; top: 0px; left: 0px; width: 40px; height: 40px; -webkit-filter: invert(100%); filter: invert(100%); transition: all .35s ease; }
.artikelmedia .mediaknop .icon:hover { -webkit-filter: invert(0); filter: invert(0); }
.artikelmedia .mediaknop:hover { border: solid 1px #000; background: #000; opacity: 1; }
.artikelmedia .mediaknop.youtube .icon { background-image: url("../img/ZT_sprite.png"); background-repeat: no-repeat; background-position: -160px 0px; }
.artikelmedia .mediaknop.soundcloud .icon { background-image: url("../img/ZT_sprite.png"); background-repeat: no-repeat; background-position: -200px 0px; }
.artikelmedia .mediaknop.bandcamp .icon { background-image: url("../img/ZT_sprite.png"); background-repeat: no-repeat; background-position: -240px 0px; }
.artikelmedia .mediaknop.vimeo .icon { background-image: url("../img/ZT_sprite.png"); background-repeat: no-repeat; background-position: -280px 0px; }
.artikelmedia .mediaknop.spotify .icon { background-image: url("../img/ZT_sprite.png"); background-repeat: no-repeat; background-position: -320px 0px; }
h5.hideh5 { visibility: hidden; }
.btn-sm { display: inline-block; width: 33px; height: 33px; margin-right: 30px; position: relative; line-height: 33px; }
.btn-ws { background: url(../img/icon_website.png) no-repeat 50%; }
.btn-tw { background: url(../img/icon_twitter.png) no-repeat 50%; }
.btn-fb { background: url(../img/icon_facebook.png) no-repeat 50%; }
.btn-ig { background: url(../img/icon_instagram.png) no-repeat 50%; }
.btn-tt { background: url(../img/icon_tiktok.png) no-repeat 50%; }
/*/*PROGRAMMA*/

/*TIKKER*/

.scrollerWrapper {
  width: 100%;
  float: left;
  display: inline-block;
  overflow: hidden;
  box-sizing: border-box;
  height: 80px;
  position: relative;
}
.Id3295 .scrollerWrapper,
.Id3296 .scrollerWrapper { height: 80px;}
.scroller,
.scrollerWrapper .marquee-1,
.scrollerWrapper .marquee-2,
.scrollerWrapper .marquee-3,
.scrollerWrapper .marquee-4 {
  display: inline-block;
  white-space: nowrap;
  position: absolute;
 background-color: #fff;
}

.scroller { margin-left: 25%; }

.scrollerWrapper .marquee-content-items {
  display: inline-block;
  padding: 5px;
  margin: 0;
  height: 60px;
  position: relative;
}
.Id3295 .scrollerWrapper .marquee-content-items,
.Id3296 .scrollerWrapper .marquee-content-items { height: 70px; padding: 10px;}
.scrollerWrapper .marquee-content-items li {
  display: inline-block;
  vertical-align: middle;
  line-height: 35px;
}

.scrollerWrapper .marquee-content-items li:after {
  content: " ";
  margin: 0 0 0 1em;
}

.scrollerWrapper ul.marquee-content-items li span.bullie { position: relative; display: inline-block; width: 20px; height: 55px; font-size: 56px; }
.Id3295 .scrollerWrapper ul.marquee-content-items li span.bullie,
.Id3296 .scrollerWrapper ul.marquee-content-items li span.bullie { font-size: 48px;}

.scrollerWrapper ul.marquee-content-items li a { display: inline-block; font-family: "bebas-kai", sans-serif; font-size: 1.8em; line-height: 1; margin-left: 0px; margin-right: 20px; position: relative; color: #000; text-decoration: none; }
.scrollerWrapper ul.marquee-content-items li a:hover:after, 
.scrollerWrapper ul.marquee-content-items li a:focus:after, 
.scrollerWrapper ul.marquee-content-items li a:active:after { width: 100%; }
.scrollerWrapper ul.marquee-content-items li a:after { content: ''; position: absolute; bottom: 0; left: 50%; width: 0%; transform: translateX(-50%); height: 2px; background: #000; transition: .35s; }

.overlayactive .scrollerWrapper {display: none!important;}

.Id3295 .simple-marquee-container .marquee-content-items li,
.Id3296 .simple-marquee-container .marquee-content-items li {font-size: 2.5em;line-height:.8;}
/*/*TIKKER*/

/*KOPPEN*/
h1 { color: #3c5896; text-align: center; display: block; position: relative; font-family: "bebas-kai", sans-serif; font-style: normal; font-weight: 400; text-transform: uppercase; line-height: 1; font-size: 10vw; text-shadow: 1px 1px #f2e518, 2px 2px #f2e518, 3px 3px #f2e518, 4px 4px #f2e518, 5px 5px #f2e518, 6px 6px #f2e518, 7px 7px #f2e518, 8px 8px #f2e518, 9px 9px #f2e518, 10px 10px #f2e518, 11px 11px #f2e518, 12px 12px #f2e518, 13px 13px #f2e518, 14px 14px #f2e518, 15px 15px #f2e518, 16px 16px #f2e518, 17px 17px #f2e518; }

h1.scherm2022 { color: #ffffff; text-align: center; display: block; position: relative; font-family: "bebas-kai", sans-serif; font-style: normal; font-weight: 400; text-transform: uppercase; line-height: 1; font-size: 8vw; text-shadow: 1px 1px #c4017b, 2px 2px #c4017b, 3px 3px #c4017b, 4px 4px #c4017b, 5px 5px #c4017b, 6px 6px #c4017b, 7px 7px #c4017b, 8px 8px #c4017b, 9px 9px #c4017b, 10px 10px #c4017b, 11px 11px #c4017b, 12px 12px #c4017b, 13px 13px #c4017b, 14px 14px #c4017b;max-height: 154px!important;}

.zalm-sh-zwart { font-family: "bebas-kai", sans-serif; text-transform: uppercase; color: #ffbfc0; text-shadow: 1px 1px #000, 2px 2px #000, 3px 3px #000, 4px 4px #000, 5px 5px #000, 6px 6px #000, 7px 7px #000, 8px 8px #000, 9px 9px #000, 10px 10px #000, 11px 11px #000; }

.paarslicht-sh-mint { font-family: "bebas-kai", sans-serif; text-transform: uppercase; color: #d5b4ff; text-shadow: 1px 1px #b1ffe1, 2px 2px #b1ffe1, 3px 3px #b1ffe1, 4px 4px #b1ffe1, 5px 5px #b1ffe1, 6px 6px #b1ffe1, 7px 7px #b1ffe1, 8px 8px #b1ffe1, 9px 9px #b1ffe1, 10px 10px #b1ffe1, 11px 11px #b1ffe1; }

.fuchsia-sh-mint { font-family: "bebas-kai", sans-serif; text-transform: uppercase; color: #FF00AA; text-shadow: 1px 1px #b1ffe1, 2px 2px #b1ffe1, 3px 3px #b1ffe1, 4px 4px #b1ffe1, 5px 5px #b1ffe1, 6px 6px #b1ffe1, 7px 7px #b1ffe1, 8px 8px #b1ffe1, 9px 9px #b1ffe1, 10px 10px #b1ffe1, 11px 11px #b1ffe1; }

.wit-sh-donkermint { font-family: "bebas-kai", sans-serif; text-transform: uppercase; color: #fff; text-shadow: 1px 1px #6eb5b2, 2px 2px #6eb5b2, 3px 3px #6eb5b2, 4px 4px #6eb5b2, 5px 5px #6eb5b2, 6px 6px #6eb5b2, 7px 7px #6eb5b2, 8px 8px #6eb5b2, 9px 9px #6eb5b2, 10px 10px #6eb5b2, 11px 11px #6eb5b2; }

h1.zalm.sh-paars { color: #ffbfc0; text-shadow: 1px 1px #8e43f4, 2px 2px #8e43f4, 3px 3px #8e43f4, 4px 4px #8e43f4, 5px 5px #8e43f4, 6px 6px #8e43f4, 7px 7px #8e43f4, 8px 8px #8e43f4, 9px 9px #8e43f4, 10px 10px #8e43f4, 11px 11px #8e43f4; }

/*mintdonker.sh-bordeaux*/
body.Page-Splash h1, body.L0_Programma h1, h1.mintdonker.sh-bordeaux { color: #87ce97; text-shadow: 1px 1px #85002b, 2px 2px #85002b, 3px 3px #85002b, 4px 4px #85002b, 5px 5px #85002b, 6px 6px #85002b, 7px 7px #85002b, 8px 8px #85002b, 9px 9px #85002b, 10px 10px #85002b, 11px 11px #85002b, 12px 12px #85002b, 13px 13px #85002b, 14px 14px #85002b, 15px 15px #85002b, 16px 16px #85002b, 17px 17px #85002b; }

body.Page-Splash.width-1024-1199 h1, body.L0_Programma.width-1024-1199 h1, .width-1024-1199 h1.mintdonker.sh-bordeaux { text-shadow: 1px 1px #85002b, 2px 2px #85002b, 3px 3px #85002b, 4px 4px #85002b, 5px 5px #85002b, 6px 6px #85002b, 7px 7px #85002b, 8px 8px #85002b, 9px 9px #85002b, 10px 10px #85002b, 11px 11px #85002b; }

body.Page-Splash.width-768-1024 h1, body.L0_Programma.width-768-1024 h1, .width-768-1024 h1.mintdonker.sh-bordeaux { text-shadow: 1px 1px #85002b, 2px 2px #85002b, 3px 3px #85002b, 4px 4px #85002b, 5px 5px #85002b, 6px 6px #85002b, 7px 7px #85002b; }

body.Page-Splash.width-480-767 h1, body.L0_Programma.width-480-767 h1, .width-480-767 h1.mintdonker.sh-bordeaux, body.Page-Splash.width-0-479 h1, body.L0_Programma.width-0-479 h1, .width-0-479 h1.mintdonker.sh-bordeaux { text-shadow: 1px 1px #85002b, 2px 2px #85002b, 3px 3px #85002b, 4px 4px #85002b; }

/*paarslicht.sh-rood*/
body.L0_Informatie h1, h1.paarslicht.sh-rood { color: #d5b4ff; text-shadow: 1px 1px #f00224, 2px 2px #f00224, 3px 3px #f00224, 4px 4px #f00224, 5px 5px #f00224, 6px 6px #f00224, 7px 7px #f00224, 8px 8px #f00224, 9px 9px #f00224, 10px 10px #f00224, 11px 11px #f00224, 12px 12px #f00224, 13px 13px #f00224, 14px 14px #f00224, 15px 15px #f00224, 16px 16px #f00224, 17px 17px #f00224; }

body.L0_Informatie.width-1024-1199 h1, .width-1024-1199 h1.paarslicht.sh-rood { text-shadow: 1px 1px #f00224, 2px 2px #f00224, 3px 3px #f00224, 4px 4px #f00224, 5px 5px #f00224, 6px 6px #f00224, 7px 7px #f00224, 8px 8px #f00224, 9px 9px #f00224, 10px 10px #f00224, 11px 11px #f00224; }

body.L0_Informatie.width-768-1024 h1, .width-768-1024 h1.paarslicht.sh-rood { text-shadow: 1px 1px #f00224, 2px 2px #f00224, 3px 3px #f00224, 4px 4px #f00224, 5px 5px #f00224, 6px 6px #f00224, 7px 7px #f00224; }

body.L0_Informatie.width-480-767 h1, .width-480-767 h1.paarslicht.sh-rood, body.L0_Informatie.width-0-479 h1, .width-0-479 h1.paarslicht.sh-rood { text-shadow: 1px 1px #f00224, 2px 2px #f00224, 3px 3px #f00224, 4px 4px #f00224; }

h1.geel.sh-future { color: #f2cc38; text-shadow: 1px 1px #6eb5b2, 2px 2px #6eb5b2, 3px 3px #6eb5b2, 4px 4px #6eb5b2, 5px 5px #6eb5b2, 6px 6px #6eb5b2, 7px 7px #6eb5b2, 8px 8px #6eb5b2, 9px 9px #6eb5b2, 10px 10px #6eb5b2, 11px 11px #6eb5b2; }

h1.oranje.sh-mint { color: #ff551a; text-shadow: 1px 1px #b1ffe1, 2px 2px #b1ffe1, 3px 3px #b1ffe1, 4px 4px #b1ffe1, 5px 5px #b1ffe1, 6px 6px #b1ffe1, 7px 7px #b1ffe1, 8px 8px #b1ffe1, 9px 9px #b1ffe1, 10px 10px #b1ffe1, 11px 11px #b1ffe1; }

h1.roze.sh-appel { color: #ff787f; text-shadow: 1px 1px #d2d948, 2px 2px #d2d948, 3px 3px #d2d948, 4px 4px #d2d948, 5px 5px #d2d948, 6px 6px #d2d948, 7px 7px #d2d948, 8px 8px #d2d948, 9px 9px #d2d948, 10px 10px #d2d948, 11px 11px #d2d948; }

h1.paars.sh-geel { color: #8e43f4; text-shadow: 1px 1px #f2cc38, 2px 2px #f2cc38, 3px 3px #f2cc38, 4px 4px #f2cc38, 5px 5px #f2cc38, 6px 6px #f2cc38, 7px 7px #f2cc38, 8px 8px #f2cc38, 9px 9px #f2cc38, 10px 10px #f2cc38, 11px 11px #f2cc38, 12px 12px #f2cc38, 13px 13px #f2cc38, 14px 14px #f2cc38, 15px 15px #f2cc38, 16px 16px #f2cc38, 17px 17px #f2cc38; }

h1.zuurstok.sh-geel { color: #c4017b; text-shadow: 1px 1px #f2cc38, 2px 2px #f2cc38, 3px 3px #f2cc38, 4px 4px #f2cc38, 5px 5px #f2cc38, 6px 6px #f2cc38, 7px 7px #f2cc38, 8px 8px #f2cc38, 9px 9px #f2cc38, 10px 10px #f2cc38, 11px 11px #f2cc38, 12px 12px #f2cc38, 13px 13px #f2cc38, 14px 14px #f2cc38, 15px 15px #f2cc38, 16px 16px #f2cc38, 17px 17px #f2cc38; }

/*.width-1200 .overlay h1.paars.sh-geel {
    text-shadow: 1px 1px #f2cc38, 2px 2px #f2cc38, 3px 3px #f2cc38, 4px 4px #f2cc38, 5px 5px #f2cc38, 6px 6px #f2cc38, 7px 7px #f2cc38, 8px 8px #f2cc38, 9px 9px #f2cc38, 10px 10px #f2cc38, 11px 11px #f2cc38,12px 12px #f2cc38, 13px 13px #f2cc38, 14px 14px #f2cc38, 15px 15px #f2cc38, 16px 16px #f2cc38, 17px 17px #f2cc38;
}*/

.width-1024-1199 .overlay h1.paars.sh-geel { text-shadow: 1px 1px #f2cc38, 2px 2px #f2cc38, 3px 3px #f2cc38, 4px 4px #f2cc38, 5px 5px #f2cc38, 6px 6px #f2cc38, 7px 7px #f2cc38, 8px 8px #f2cc38, 9px 9px #f2cc38, 10px 10px #f2cc38, 11px 11px #f2cc38; }

.width-768-1024 .overlay h1.paars.sh-geel { text-shadow: 1px 1px #f2cc38, 2px 2px #f2cc38, 3px 3px #f2cc38, 4px 4px #f2cc38, 5px 5px #f2cc38, 6px 6px #f2cc38, 7px 7px #f2cc38; }

.width-0-479 .overlay h1.paars.sh-geel, .width-480-767 .overlay h1.paars.sh-geel { text-shadow: 1px 1px #f2cc38, 2px 2px #f2cc38, 3px 3px #f2cc38, 4px 4px #f2cc38; }
.zthouder span { font-family: "bebas-kai", sans-serif; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); white-space: nowrap; font-size: 3.5em; line-height: 2.2; position: absolute; color: #FFF; text-shadow: 1px 1px #000, 2px 2px #000, 3px 3px #000, 4px 4px #000, 5px 5px #000; transition: all .35s ease; }

@media (max-width: 650px) {
.zthouder span { font-size: 2em; line-height: 2.2; text-shadow: 1px 1px #000, 2px 2px #000, 3px 3px #000, 4px 4px #000; }
}

@media (max-width: 450px) {
.zthouder span { font-size: 1em; line-height: 2.2; text-shadow: 1px 1px #000, 2px 2px #000, 3px 3px #000; }
}
.width-0-479 h2.headerquote1 { font-family: "bebas-kai", sans-serif; text-align: center; line-height: 1; color: #FFF; text-shadow: 1px 1px #000, 2px 2px #000, 3px 3px #000, 4px 4px #000, 5px 5px #000; }
h2.headerquote1 { font-family: "bebas-kai", sans-serif; text-align: center; line-height: 1; color: #FFF; margin-bottom: 200px; text-shadow: 1px 1px #000, 2px 2px #000, 3px 3px #000, 4px 4px #000, 5px 5px #000, 6px 6px #000, 7px 7px #000, 8px 8px #000, 9px 9px #000, 10px 10px #000, 11px 11px #000; }
.engel-hoofd-glinster { position: relative; height: 200px; background-image: url('../img/animated/poes-hoofd-glinster.gif'); background-repeat: no-repeat; background-size: contain; background-position: center; margin-bottom: -3%; z-index: 2; }

/*.ijscobeesten {position: relative;display: block; height: 150px;}
.ijscobeesten span { width: 120px; height: 322px; position: absolute; left: 50%; bottom: -150px; background: url(../img/animated/ijscodieren_3000X322-25frames-120.png) left center;z-index: -1;}
.ijscobeesten span.zichtbaar { animation: aniIJscobeesten 8s steps(25) infinite alternate;}

.ijscobeesten2 {position: absolute;width: 120px; right: 20px;}
.ijscobeesten2 span { width: 120px; height: 322px; position: absolute; bottom: -100px; background: url(../img/animated/ijscodieren_3000X322-25frames-120.png) left center;z-index: -1; animation: aniIJscobeesten 4s steps(25) 1 normal;animation-delay: 12s;}

.ijscobeesten3 {position: absolute;width: 120px; right: 20px;}
.ijscobeesten3 span { width: 120px; height: 322px; position: absolute; bottom: -100px; background: url(../img/animated/ijscodieren_3000X322-25frames-120.png) left center;z-index: -1; animation: aniIJscobeesten 6s steps(25) 1 normal;animation-delay: 24s;}

@keyframes aniIJscobeesten {
  from {
    background-position: -3000px;
  }
  100% {
    background-position: 0px;
  }
}*/
.dansendeman {position: relative;display: block; height: 250px;}
.dansendeman span { width: 234px; height: 307px; position: absolute; left: 50%; margin-left: -117px; bottom: -10px; background: url(../img/animated/Dansendeman_3276x307-14frames-234.png) left center;z-index: -1;}
.dansendeman span.zichtbaar { animation: aniDansendeman 1.2s steps(14) infinite alternate;}
@keyframes aniDansendeman {
  from {
    background-position: -3276px;
  }
  100% {
    background-position: 0px;
  }
}


/*/*KOPPEN*/

/*TOC*/
.toc { position: relative; margin: 20px auto 0 auto; text-align: center; }
.toc>ul { list-style: none; padding: 0; margin: 0 auto; display: inline-block; position: relative; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; /*-webkit-column-gap: 15px; -moz-column-gap: 15px; column-gap: 15px;*/ }
.toc>ul>li { list-style: none; display: block; position: relative; background: #fff; border: solid 3px #000; padding: 8px 15px 8px; margin-bottom: 15px; line-height: 1.2em; }
.L0_Media .toc>ul>li:nth-child(3n+3) { -webkit-column-span: all;-moz-column-span: all;column-span: all;}
.toc>ul>li:hover { background: #3c5896; }
.toc>ul>li:hover a{ color: #fff; }
.L0_Informatie .toc>ul>li:hover { background: #dccbfa;}
.L0_Informatie .toc>ul>li:hover a { color:#000;}
.toc a { color: #000; text-decoration: underline; font-family: "bebas-kai", sans-serif; font-size: 1.4em; }
@media (max-width: 500px) {
	.toc a { font-size: 1em; }
}
.toc li.toc-active a { }
.toc li.toc-active { }
.toc-content .ModDNNHTMLC{text-align: left;}
.L0_Media .toc-content .ModDNNHTMLC{text-align: center;}

/*/*TOC*/

/*FAQ*/
.accordion{text-align: left;}
.drawer{width:100%;border-top:1px solid #000;}
.accordion-item{}
.accordion-header{ display: block; position: relative; color:#212121;padding: 18px 18px 14px 18px;cursor:pointer;transition:.25s;}
.accordion-header h4{ font-weight: bold;font-size: 1.3em; padding-left: 64px; position: relative;}
.accordion-header h4 span.uitverkocht{position: absolute; top:0;left:0;right:0;bottom:0;background: url("/Portals/18/Skins/ZT18/img/bg/uitverkocht_120x40.png") no-repeat top right;}
.accordion-header h4 span.afgelast{position: absolute; top:0;left:0;right:0;bottom:0;background: url("/Portals/18/Skins/ZT18/img/bg/afgelast_120x40.png") no-repeat top right;}
.accordion-content{display:none;padding: 0px 8px 28px 82px;}
.accordion-content p {margin:0;margin-bottom:10px;}
.accordion-header-icon:after{color:#000; width: 40px; height:40px; font-family: Arial; font-size:66px; position: absolute; content:"\2b"; left: 0px; top: 50%; transform: translateY(-50%);}
.accordion-header-icon.accordion-header-icon-active:after{content:"\2212";}
/*/*FAQ*/

/*FOOTER*/
footer, .pushup { position: relative; min-height: 140px; background-color: #ffffff; z-index: 1; border-top: 2px solid #000; padding-top: 20px; }
#footer-base { padding: 10px 40px; position: relative; margin: 0 auto; }
.footer-menu{ width: 50%; float: left;}
.footer-menu ul li { list-style: none; }
.footer-menu ul { list-style: none; padding: 0; margin: 0 auto; display: inline-block; position: relative; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; }
.footer-menu ul li { display: block; position: relative; }
.footer-menu ul li a { display: inline-block; font-family: "bebas-kai", sans-serif; font-size: 1.8em; line-height: 1.1; margin-bottom: 5px; position: relative; color: #000; text-decoration: none; }
#footersocial{ width: 40%; float: right; height: 164px;}
@media (max-width:1000px) {
.footer-menu ul li a { font-size: 1.6em; }
.footer-menu ul { -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; }
}
@media (max-width: 860px) {
	.footer-menu{ width: 100%;}
	#footersocial{ width: 100%; float: left; height: 200px; margin-top: 20px;}
}
@media (max-width:500px) {
.footer-menu ul li a { font-size: 1.2em; }
.footer-menu ul { -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; }
}
.footer-menu ul li a:hover:after, .footer-menu ul li a:focus:after, .footer-menu ul li a:active:after, .footer-menu ul li a.active:after { width: 100%; }
.footer-menu ul li a:after { content: ''; position: absolute; bottom: 0; left: 50%; width: 0%; transform: translateX(-50%); height: 2px; background: #000; transition: .35s; }
/*/FOOTER*/

/*PLAYER*/
.player { position: fixed; bottom: -300px; z-index: 999999999; height: 300px; background-color: #000; width: 420px; left: 50%; margin-left: -210px; opacity: 0; display: block; transition: all .35s ease; }
.player.actief { opacity: 1; bottom: 0; }
.playertitel a { text-decoration: none; display: block; }
.playertitel a:hover { text-decoration: underline; }
.home .playerholder { position: absolute; top: 20%; left: 50%; }
.programmaschema .playerholder { position: absolute; top: 40%; left: 50%; }
.playerholdergroot.playerholder { position: absolute; top: 50%; left: 50%; }
#playerZelf { width: 97%; height: 370px; overflow: hidden; background: #f2f2f2; position: absolute; border: solid 1px black; }
.youtube .carousel { width: 29%; height: 100%; overflow-x: hidden; position: absolute; right: 0px; /*z-index: 3;*/ text-align: center; }
.youtube .thumbnail { margin: 2px; width: 95%; border: 1px solid black; text-align: center; cursor: pointer; cursor: hand; }
.youtube iframe.player { width: 70%; height: 370px; overflow: auto; border: 0; border-right: solid 1px black; }
.yt-descript { color: #000; font-family: Arial, Helvetica, sans-serif; cursor: pointer; cursor: hand; font-size: 14px; margin-bottom: 5px; overflow-x: hidden; padding: 8px; float: left; }
span.playknop { height: 75px; width: 75px; top: 35%; left: 50%; margin-left: -37px; margin-top: -37px; position: absolute; background: transparent url('/Portals/18/Skins/zt18/img/play_button.png') top right no-repeat; z-index: 2 !important; }
span.playknop:hover { background: transparent url('/Portals/18/Skins/zt18/img/play_button.png') bottom right no-repeat; cursor: pointer; }
.programmaschema span.playknop { height: 50px; width: 50px; top: 5px; left: 50%; margin-left: -25px; margin-top: -25px; position: absolute; background: transparent url('/Portals/18/Skins/zt18/img/play_button_small.png') top right no-repeat; z-index: 2 !important; }
.programmaschema span.playknop:hover { background: transparent url('/Portals/18/Skins/zt18/img/play_button_small.png') bottom right no-repeat; }
.playerholdergroot span.playknop { height: 200px; width: 200px; top: 50%; left: 50%; margin-left: -100px; margin-top: -100px; background: transparent url('/Portals/18/Skins/ZT18/img/play-200.png') top right no-repeat; z-index: 2 !important; }
.playerholdergroot span.playknop:hover { background: transparent url('/Portals/18/Skins/ZT18/img/play-200.png') bottom right no-repeat; }
.player { /*	position:absolute;
	top:0px;
	left:50%;
	margin-left:-210px;
	display:block;*/ height: 100px; width: 420px; /*	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(@opacity2)";
	filter:"alpha(opacity=@opacity2)";
	-moz-opacity:0;
	-khtml-opacity:0;
	opacity:0;
	display:none;*/ }
.player #player { float: left; height: 100%; }
.player #player .thumb { display: block; float: left; position: relative; width: 100px; height: 100px; z-index: 2; background-color: #000; overflow-x: hidden; text-align: center; }
.player #player .thumb .play-btn { width: 100%; height: 100%; margin: 0px; padding: 0px; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; cursor: pointer; }
.player #player .thumb .imgThumb { max-width: none; width: 100px!important; height: 100px!important; }
.player #player .label { float: left; position: relative; z-index: 2; height: 100px; overflow: hidden; width: 270px; background: #fff; }
.player #player .label .inner { display: block; padding: 23px 20px; }
.player #player .label .inner .playertitel { font-size: 24px; line-height: 24px; height: 48px; overflow: hidden; font-family: "bebas-kai", sans-serif; font-weight: normal; font-style: normal; color: #000; }
.player #player .label .inner .playertitel i { font-style: italic; }
.player #player .label .inner .playertitel a { color: #000; font-family: "bebas-kai", sans-serif; }
.player #player .label .inner .playertitel a:hover { color: #000; }
.player #player .buttons { width: 50px; height: 100px; position: relative; z-index: 2; overflow: hidden; float: left; }
.player #player .buttons .btn { display: block; width: 50px; height: 50px; position: relative; float: none; cursor: pointer; background: #87CE97; border-bottom: 1px solid #87CE97; -webkit-transition: background 0.3s linear; -moz-transition: background 0.3s linear; -o-transition: background 0.3s linear; -ms-transition: background 0.3s linear; transition: background 0.3s linear; }
.player #player .buttons .btn .icon { display: block; position: absolute; top: 5px; left: 5px; width: 40px; height: 40px; }
.player #player .buttons .btn.soundcloud { }
.player #player .buttons .btn.soundcloud:hover { background: #87CE97; }
.player #player .buttons .btn.bandcamp:hover { background: #87CE97; }
.player #player .buttons .btn.youtube .icon { background-image: url("../img/ZT_sprite.png"); background-repeat: no-repeat; background-position: -160px 0px; }
.player #player .buttons .btn.soundcloud .icon { background-image: url("../img/ZT_sprite.png"); background-repeat: no-repeat; background-position: -200px 0px; }
.player #player .buttons .btn.bandcamp .icon { background-image: url("../img/ZT_sprite.png"); background-repeat: no-repeat; background-position: -240px 0px; }
.player #player .buttons .btn.vimeo .icon { background-image: url("../img/ZT_sprite.png"); background-repeat: no-repeat; background-position: -280px 0px; }
.player #player .buttons .btn.spotify .icon { background-image: url("../img/ZT_sprite.png"); background-repeat: no-repeat; background-position: -320px 0px; }
.player #player .buttons .btn.close .icon { background-image: url("../img/ZT_sprite.png"); background-repeat: no-repeat; background-position: -160px -40px; }
.player #player .buttons .btn { cursor: default; }
.player #player .buttons .btn.close { background: #87CE97; opacity: 1; cursor: pointer; }
.player #player .buttons .btn.close:hover { opacity: .8; }
.player #player .buttons .btn.active { background: #87CE97; }
.player #player .buttons .btn.inactive { display: none; }
.player #player .youtube-embed { display: block; position: absolute; width: 420px; height: 230px; background: #fff; bottom: 100px; overflow: hidden; z-index: 1; left: 0px; }
.player #player .youtube-embed.spf { height: 80px; background: #000; bottom: 100px; }
.player #player .youtube-embed iframe { width: 420px !important; height: 230px !important; display: block; }
.player #player .youtube-embed.spf iframe { width: 102% !important; height: 80px !important; margin-left: -2%; display: block; }
.artikelexit { clear: both; padding-top: 7px; }

@media only screen and (max-width: 450px) {
.player { height: 50px; width: 100% !important; left: 0; margin-left: 0; }
.player #player { height: 50px; width: 100%; }
.player #player .thumb { display: none; visibility: hidden; }
.player #player .label { float: left; position: relative; z-index: 2; height: 50px; overflow: hidden; width: 100%; background: #fff; display: block; }
.player #player .label .inner { display: block; padding: 10px 60px 10px 10px; }
.player #player .label .inner .playertitel { font-size: 24px; line-height: 24px; height: 24px; }
.player #player .buttons { height: 50px; position: absolute; right: 0; }
.player #player .buttons .btn { display: none; visibility: hidden; }
.player #player .buttons .btn.close { display: inline-block; visibility: visible; }
.player #player .youtube-embed { width: 100%; height: 130px; bottom: 50px; }
.player #player .youtube-embed iframe { width: 100% !important; height: 130px !important; display: block; }
}
/*/* PLAYER */

/*SPLASH*/
.flamingosplash { margin: 0 auto; max-height: 200px; }
.flamingosplash img { max-width: 100%; }

.Page-Ondernemersterras h2, .Page-Splash h2 { font-family: "bebas-kai", sans-serif; font-size: 5.2em; line-height: 2.2; color: #FFF; text-shadow: 1px 1px #000, 2px 2px #000, 3px 3px #000, 4px 4px #000, 5px 5px #000; }
/*/*SPLASH*/

/* FORMULIER */
/*------------------------------------------------*/
.grecaptcha-badge { visibility: hidden; display: none }
.page-break-section .recaptcha {background: url("../img/recaptcha.png") no-repeat left center;padding-left: 60px}

.Contactformulier { line-height: 18px; margin-left: -4px; margin-top: 8px; }
.ContactformulierForm { width: 100%; }
.ContactformulierForm td { padding-bottom: 10px; }
.ContactformulierForm .NormalTextBox { font-family: "Courier New", Courier, monospace; width: 100%; font-size: 1.0em; margin-top: 8px; margin-right: 40px; padding: 5px; background-color: #f8f8f8; border: solid 1px #ccc; font-weight: normal; }
.ContactformulierForm .NormalTextBox:focus { background-color: #f2f2f2; border: solid 1px #666; }
.ContactformulierForm .NormalTextBoxBig { font-family: "Courier New", Courier, monospace; width: 100%; height: 90px; font-size: 1.0em; margin-top: 2px; padding: 5px; background-color: #f8f8f8; border: solid 1px #ccc; }
.ContactformulierForm .NormalTextBoxBig:focus { background-color: #f2f2f2; border: solid 1px #666; }
.ContactformulierForm .NormalTextBoxSelect { width: 52px; height: 35px; font-size: 1.2em; margin-top: 6px; padding: 5px; background-color: #f8f8f8; border: solid 1px #ccc; }
.ContactformulierForm .NormalTextBoxSelect option { line-height: 18px; }
.ContactformulierForm .NormalTextBoxRadio { font-size: 12px; margin-top: 2px; padding-top: 5px; }
.ContactformulierForm .NormalTextBoxRadio input { margin-right: 7px; }
.ContactformulierForm .NormalTextBoxRadio label { margin-right: 17px; }
.ContactformulierForm .SubHead { font-size: 14px; }
.ContactformulierForm .NormalRed { font-family: "Courier New", Courier, monospace; color: #c00; font-style: italic; font-size: 16px; }
.ContactformulierForm label { float: none; }
.ContactformulierForm label.SubHead { font-weight: bold; font-size: 18px; color: #333; }
.ContactformulierForm .tdinput input, .ContactformulierForm .tdinput1 input { height: 30px; font-size: 1.39em; margin-top: 2px; padding: 5px; width: 335px; background-color: #f8f8f8; border: solid 1px #ccc; color: #ccc; }
.ContactformulierForm .tdinput input:focus, .ContactformulierForm .tdinput1 input:focus { background-color: #f2f2f2; border: solid 1px #666; }
.tdinput1 span.Normal { display: none; visibility: hidden; }
.tdinput span.Normal { display: block; }
.tdinput span { }
.ContactformulierForm .severity { float: right; margin-top: 15px; margin-right: 39px; background: #a30505; color: #fff; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; font-weight: bold; font-style: italic; line-height: 1; padding: 5px 20px; text-align: center; text-decoration: none; width: auto; border: none; cursor: pointer; }
.ContactformulierForm .severity:hover { background: #800505; }
.ContactformulierForm div.Normal { margin: -5px; }
.ContactformulierForm div.NormalRed { margin: -5px; margin-bottom: 5px; padding: 5px; height: 22px; width: 385px; font-size: 13px; color: #8a0002; background: #fceeef; border: dashed 1px #8a0002; }
.ContactformulierForm span.NormalRed { margin-left: -5px; }
.C5SCaptchaCell, .c5sllc_captcha { text-align: left!important; }
div.c5sllc_captcha div input { font-family: "Courier New", Courier, monospace; width: 100%; max-width: 185px; font-size: 1.0em; margin-top: 8px; margin-right: 40px; margin-bottom: 40px; padding: 5px; background-color: #f8f8f8; border: solid 1px #ccc; font-weight: normal; }
div.c5sllc_captcha div input:focus { background-color: #f2f2f2; border: solid 1px #666; }
div[id$='FormMaster_pnlThankYou'] { text-align: left; }
table[id$='FormMaster_tblThankYou'] { margin: 0 0 0 0!important; }

.ModLiveFormsC {text-align: left}
.ModLiveFormsC li p{line-height: 1.4em;}
.ModLiveFormsC .dnnFormMessage.dnnFormValidationSummary {background-color: crimson!important; color: #fff!important;}
@media screen and (min-width:768px) {
    #LiveForm6175 .causesValidation.bSubmit {margin-bottom: -120px;}
}
.ModLiveFormsC input.btn { display: inline-block; font-family: "bebas-kai", sans-serif; font-size: 1em; line-height: 1.1; margin-bottom: 5px; position: relative; padding: 20px; border: solid 2px #000; }
.ModLiveFormsC input.btn:hover:after,.ModLiveFormsC input.btn:active:after { width: 100%; }
.ModLiveFormsC input.btn:after { content: ''; position: absolute; bottom: 0; left: 50%; width: 0%; transform: translateX(-50%); height: 2px; background: #000; transition: .35s; }

#LiveForm6175 .bounceInRight .Field.PageBreak.FieldSpacing.form-col-12.mobile-under {float: left; width: auto!important;}
#LiveForm6175 .bounceInRight .Field.PageBreak.FieldSpacing.form-col-12.mobile-under:after {display: block;content: "";width: 100%; height: 20px; clear: both;}
#dnn_ctr6175_ModuleContent ol,
#Field_6175_8 ol {padding-left: 20px; list-style-type: decimal}
#Field_6175_8 ol li{list-style-type: decimal}
.LiveForm.Default .thank-you strong p {font-weight: normal!important}
.LiveForm.Default input.form-control[type="text"] {min-height: 48px;}

#LiveForm6390 .page-break-section {padding: 0; background-color: transparent!important;box-shadow: none;}
#LiveForm6390 .page-break-section .Field {
    padding: 10px 15px 10px 0px;
}
.Field ul,
.Field ol {margin-bottom: 1rem;}

.Field-SubLabel-Container{
  font-size: 80%;
  font-weight: 400;
    color: #6c757d !important;
    margin: 0!important;
}
/*#dnn_ctr6390_View_Phone_6390_4:focus::-webkit-input-placeholder,
#dnn_ctr6390_View_Phone_6390_4::-webkit-input-placeholder {color: transparent!important;}
#dnn_ctr6390_View_Phone_6390_4:focus:-moz-placeholder,
#dnn_ctr6390_View_Phone_6390_4:-moz-placeholder {color: transparent!important;}
#dnn_ctr6390_View_Phone_6390_4:focus::-moz-placeholder,
#dnn_ctr6390_View_Phone_6390_4::-moz-placeholder {color: transparent!important;}
#dnn_ctr6390_View_Phone_6390_4:focus:-ms-input-placeholder,
#dnn_ctr6390_View_Phone_6390_4:-ms-input-placeholder {color: transparent!important;}*/
/*.ui-helper-hidden-accessible {display: none}
ul.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {list-style: none!important; background-color: #f2f2f2; padding: 30px 0px; margin: 0; width: auto!important}
ul.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front li{list-style: none!important;cursor: pointer; padding: 0px 30px;}*/

/*/* FORMULIER */

/*Bootstrap overrides*/
.label, .btn { border-radius: 0px; }
/*/*Bootstrap overrides*/

/*DNN overrides*/
#Table1 { width: 100%!important; }
#Table1 td { padding-bottom: 10px; font-size: 18px; }
#Table1 td.SubHead { width: 350px!important; }
#Table1 input[type="text"] { width: 100%!important; font-size: 18px; }
#dnn_ctr6314_NewsArticles_ucSubmitNews_txtPublishHour,
#dnn_ctr6314_NewsArticles_ucSubmitNews_txtPublishMinute,
#dnn_ctr6314_NewsArticles_ucSubmitNews_txtExpiryHour,
#dnn_ctr6314_NewsArticles_ucSubmitNews_txtExpiryMinute {width: 60px!important;}

/*/*DNN overrides*/

.tabelopmaak td { padding: 10px; font-size: 18px; }

/*ANIMATIES*/
#flamingo { width: 230px; height: 260px; position: absolute; left: 50%; top: -130px; margin-left: -700px; background: url(../img/animated/flamingo.png) left center; animation: aniFlamingo 8s steps(48) infinite; animation-delay: 4s; }

.Id3295 #flamingo,
.Id3296 #flamingo { top: -150px; margin-left: -115px;}
@keyframes aniFlamingo {
100% {
background-position: -11040px;
}
}
@media (max-width:1500px) {
	#flamingo { left: 0; margin-left: 0px; }
}

/*#papegaai1 { width: 95px; height: 300px; position: absolute; left: 50%; bottom: -37px; margin-left: -700px; background: url(../img/animated/poes-lopend.png) left center; animation: aniPapegaai1 5s steps(27) 8; animation-delay: 4s; z-index: 4; }
#konijn { width: 170px; height: 141px; position: absolute; left: -170px; bottom: -37px; background: url(../img/animated/konijn-4095x141-24frames-framebreedte170.png) left center; animation: aniKonijn .8s steps(24) infinite reverse; z-index: 4; }*/
#krokodil{ width: 340px; height: 280px; position: absolute; right: 100%; bottom: 47px; background: url(../img/animated/Krokodil-7473x280-20frames-340.png) left center; animation: aniKrokodil 2.5s steps(22) 4 reverse; animation-delay: 1s; z-index: 4; }
/*@keyframes aniPapegaai1 {
  from {
    background-position: -2565px;
  }
  88%, 100% {
    background-position: 0px;
  }
}
@keyframes aniKonijn {
  from {
    background-position: -4095px;
  }
  100% {
    background-position: 0px;
  }
}*/
@keyframes aniKrokodil {
  from {
    background-position: -7473px;
  }
  100% {
    background-position: 0px;
  }
}

/*@media (max-width:1500px) {
	#papegaai1 { left: 0; margin-left: 10px; }
}*/

.Page-Programma #octopus { display: block; visibility: visible; }
#octopus { display: none; visibility: hidden; }
#octopus { width: 311px; height: 320px; position: absolute;left: 70px; top: 1100px; background: url(../img/animated/Octopus_2488X320-8frames-311.png) left center; animation: aniOctopus 1s steps(8) infinite reverse; z-index: 97; }
@keyframes aniOctopus {
	100% {
	background-position: -2488px;
	}
}
@media (max-width:1200px) {
	#octopus { left: 0!important; margin-left: -10px; }
}
/*@media (max-width:400px) {
	.Page-Programma #octopus { display: none; visibility: hidden; }
}
*/

/*/*ANIMATIES*/
.Field-Container-Wide {width:100%!important;}
.LiveForm.Default .Field input[type="text"],
.LiveForm.Default .Field textarea,
.LiveForm.Default .Field select {width:100%!important;font-size:75%;}
.ModDNNHTMLC ol,
.ModDNNHTMLC ul,
.artikeltekst ol,
.artikeltekst ul {padding-left: 30px;margin-bottom: 20px;}

.text-red strong,
.text-red{color: #e22661!important;}
@media (max-width:800px) {
	.eds_SocialMediaStream_Nova .edsgg__itemsListContainer .edsgg__itemContainer { margin-left: 10px!important;}
}

.d-none {display: none}
.modal.modal-wide .modal-dialog {
  width: 98%;
}
.modal-wide .modal-body {
  overflow-y: auto;
}
.modal .modal-content {border-radius: 0;}
.d-none{}

.contentpane1,.contentpane2,.contentpane3,.contentpane4 {width:50%;}
.contentpane1 {position: relative; float: left; height: 40%;}
.contentpane2 {position: relative; float: right; height: 40%;}
.contentpane3 {position: relative; float: left; height: 40%;}
.contentpane4 {position: relative; float: right; height: 40%;}
.contentpane5 {position: relative; float: none; height: 980px;width:100%;}
.geenactievebands {background-color: #fff; border: solid 8px #000; padding: 20px;}

/*.Id3296 .slick-track{display: flex !important;}
.Id3296 .slick-slide{height: inherit !important;}*/
.qrimage {position: absolute;border: solid 8px #000;right:54px; bottom: 54px;}
.margevoorQR {padding-right: 370px!important}
.scherm1imgwrapper {display: block; min-height: 470px;}

.witmetrand {background-color: #fff; border: solid 8px #000; padding: 50px;}
.witmetrand h2 a{text-align: center; display: block; text-transform: uppercase; font-family: "bebas-kai", sans-serif; font-size: 2.2em; line-height: 1em; position: relative; color: #000; text-shadow: 1px 1px #d5b4ff, 2px 2px #d5b4ff, 3px 3px #d5b4ff, 4px 4px #d5b4ff;}

.nav-pills .nav-item .nav-link {border-radius: 0!important; text-decoration: none!important;border-width: 2px!important; border-color: transparent!important}
.nav-pills .nav-item .nav-link:hover {background-color: rgba(194,16,110,0.20)}
.nav-pills .nav-item .nav-link.active {background-color: #c4017b}

