/*!* pdh.scss YPOS8 - podiumheemstede *!*/
/*body { margin: 0; padding: 0; background: #e3231d; background-position: center top; font: 18px "Montserrat", "futura-pt", Arial, sans-serif; }*/

/*div.wrapper { position: relative; min-height: 800px; margin: 40px 80px 24px; }*/

/*@media screen and (max-width: 998px) { div.wrapper { margin: 40px 40px 24px; } }*/

/*@media screen and (max-width: 700px) { div.wrapper { margin: 0; } }*/

/*div.header { padding: 20px; background: white; box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }*/

/*div.header img { display: block; margin: 0; }*/

/*div.header img.mobiel { display: none; }*/

/*div.header address { float: right; font-style: normal; font-weight: bold; text-align: right; line-height: 1.3em; }*/

/*@media screen and (max-width: 1098px) { div.header { padding-bottom: 30px; }*/
/*    div.header img { width: calc(100% - 180px); } }*/

/*@media screen and (max-width: 700px) { div.header { padding: 15px; }*/
/*    div.header img { width: 100%; }*/
/*    div.header img.mobiel { display: block; }*/
/*    div.header img.tdl { display: none; }*/
/*    div.header address { display: none; } }*/

/*article { background: white; box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); position: relative; padding: 20px; }*/

/*@media screen and (max-width: 700px) { article { padding: 0; box-shadow: none; } }*/

/*h1 { margin: 0 0 1em; padding: 0; text-transform: uppercase; color: #e3231d; font-size: 150%; }*/

/*h2 { margin: 0 0 0.5em; padding: 0; color: black; font-size: 115%; }*/

/*h1 strong { font-weight: normal; text-transform: none; }*/

/*p { margin: 0 0 1.5em; line-height: 1.5em; }*/

/*ul { margin: 0 0 1em 22px; padding: 0; }*/

/*li { line-height: 1.5em; }*/

/*a { outline: 0; color: #e3231d; }*/

/*a:hover, a.selected { color: black; }*/

/*img { border: 0; }*/

/*img.left { float: left; margin-right: 10px; }*/

/*img.right { float: right; margin-left: 10px; }*/

/*div.clear { clear: both; color: white; }*/

/*div.clear.left { clear: left; }*/

/*div.clear.right { clear: right; }*/

/*!* ======== *!*/
/*!* = page = *!*/
/*!* ======== *!*/
/*div.page { background: white; margin: 0 0 0 224px; !* background:#FFEEEE*! }*/

/*@media screen and (max-width: 700px) { div.page { margin: 0; } }*/

/*div.page.foto { background: #e3e3e3; }*/

/*div.page.foto div.text { background-image: url(/assets/img/bg-text); }*/

/*@media screen and (max-width: 998px) { div.page.foto { background: white; }*/
/*    div.page.foto div.text { margin-right: 0px; } }*/

/*div.page div.balk2 { color: white; background: #e3231d; text-transform: uppercase; padding: 6px 16px; }*/

/*div.page div.balk2 p { margin: 0; }*/

/*div.page div.balk2 div.genre { float: right; }*/

/*div.page div.foto { width: 100%; height: 450px; margin: 0; background: #e3e3e3; background-size: cover; background-position: center center; }*/

/*div.page div.foto p { margin: 0; }*/

/*@media screen and (max-width: 700px) { div.page div.foto { height: 300px; } }*/

/*div.page div.foto.top { background-position: top center; }*/

/*div.page div.text { min-height: 700px; margin: 0 0 40px; position: relative; background: white; }*/

/*@media screen and (max-width: 800px) { div.page div.text { padding: 15px; }*/
/*    body.voorstellingen div.page div.text, body.home div.page div.text, body.index div.page div.text { padding: 0; } }*/

/*div.page div.text li img, div.page div.text p img { display: block; max-width: 100%; }*/

/*div.page div.text div.datumlabel { position: absolute; color: white; text-align: center; right: 0px; top: 0; width: 53px; height: 66px; padding: 0 4px 0 0; background-image: url(/assets/img/bg-datum.png); line-height: 10px; }*/

/*div.page div.text div.datumlabel strong { display: block; height: 24px; overflow: hidden; font-weight: normal; line-height: 30px; }*/

/*div.page div.text div.letop { border: 1px solid #e3e3e3; padding: 10px 16px; line-height: 1.5em; font-size: 16px; }*/

/*div.page div.text div.border { border: 1px solid black; border-top: 0; padding: 20px; }*/

/*@media screen and (max-width: 700px) { div.page div.text div.border { border: 0; padding: 10px; } }*/

/*div.page div.text span.prijs em { font-style: normal; display: inline-block; width: 170px; }*/

/*div.page div.text a.button { text-transform: uppercase; display: inline-block; margin: 20px 0 0 0; text-decoration: none; color: white; background: #e3231d; padding: 6px 12px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }*/

/*div.page div.text a.button:hover { background: black; }*/

/*div.page div.text div.bgslideshow { position: relative; width: 100%; height: 466px; margin: 0 0 1.5em; }*/

/*div.page div.text div.bgslideshow div.slide { position: absolute; left: 0; top: 0; z-index: 8; width: 100%; height: 100%; background-size: cover; background-position: center center; display: none; }*/

/*div.page div.text div.bgslideshow div.slide.bovenop { z-index: 10; }*/

/*div.page div.text div.bgslideshow div.slide.erachter { z-index: 9; }*/

/*@media screen and (max-width: 800px) { div.page div.text div.bgslideshow { margin: 0; height: 300px; } }*/

/*div.page div.text div.home { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); grid-gap: 20px; }*/

div.page div.text div.home div.webetui_extfunc { grid-column: 1 / -2; }

/*@media screen and (max-width: 800px) { div.page div.text div.home { padding: 10px; grid-gap: 10px; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); } }*/

/*div.page div.balk { color: white; background: #9999FF; text-transform: uppercase; padding: 0 0 0 16px; min-height: 29px; position: relative; top: 1px; }*/

/*div.page div.balk p { margin: 0; line-height: 29px; }*/

/*div.page div.balk p a { display: block; position: absolute; left: 15px; top: -80px; font-weight: bold; color: white; text-transform: uppercase; text-decoration: none; background: #e3231d; padding: 0 16px 0 16px; border-radius: 4px; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); }*/

/*div.page div.balk p a:hover { background: #9999FF; }*/

/*div.page div.balk p strong { display: block; font-weight: normal; float: right; padding: 0 16px; }*/

/*div.page div.genre { background-repeat: no-repeat; text-transform: uppercase; color: white; background-color: #e3231d; position: relative; padding-left: 24px; font-size: 15px; }*/

/*div.page div.genre i { display: inline-block; width: 20px; height: 20px; position: absolute; left: 0; top: 0; background-repeat: no-repeat; }*/

/*div.page div.genre.theater i { background-image: url(/assets/img/genres_theater.svg); }*/

/*div.page div.genre.toneel i { background-image: url(/assets/img/genres_toneel.svg); }*/

/*div.page div.genre.klassiek i { background-image: url(/assets/img/genres_klassiek.svg); }*/

/*div.page div.genre.kamermuziek i { background-image: url(/assets/img/genres_klassiek.svg); }*/

/*div.page div.genre.muziek i { background-image: url(/assets/img/genres_muziek.svg); }*/

/*div.page div.genre.jazz i { background-image: url(/assets/img/genres_jazz.svg); }*/

/*div.page div.genre.cabaret i { background-image: url(/assets/img/genres_cabaret.svg); !*width:17px; height:17px; top:7px; left:7px;*! }*/

/*div.page div.genre.leeftijd2p i { background-image: url(/assets/img/genres_jeugd.svg); }*/

/*div.page div.genre.leeftijd4p i { background-image: url(/assets/img/genres_jeugd.svg); }*/

/*div.page div.genre.jeugd i { background-image: url(/assets/img/genres_jeugd.svg); }*/

/*div.page iframe { display: block; margin: 15px 0; }*/

/*@media screen and (max-width: 1239px) { div.page iframe { width: 324px; } }*/

/*@media screen and (max-width: 998px) { div.page iframe { width: 436px; } }*/

/*@media screen and (max-width: 700px) { div.page iframe { width: 100%; } }*/

/*div.page form.formulier label { display: block; float: left; width: 150px; }*/

/*div.page form.formulier input.text { width: 230px; display: block; margin: 0 0 10px 150px; padding: 2px; }*/

/*div.page form.formulier div.captcha input.captcha { width: 90px; float: left; margin: 0 4px 0 0; }*/

/*div.page form.formulier img.captcha { height: 20px; margin: 2px 0; }*/

/*div.page form.formulier input.submit { color: white; background: #e3231d; border: 0; padding: 2px 12px; border-radius: 4px; cursor: pointer; margin: 20px 0 0 150px; }*/

/*div.footer { clear: both; text-transform: uppercase; font-size: 12px; }*/

/*div.footer p { float: left; margin: 0 70px 0 0; }*/

/*div.footer ul.menu3 { margin: 0 0 0 40px; padding: 0 0 0 20px; list-style-type: none; }*/

/*div.footer ul.menu3 li { display: inline; padding: 0 4px; }*/

/*div.footer ul.menu3 li a { color: #e3231d; text-decoration: none; }*/

/*div.footer ul.menu3 li a:hover { color: black; }*/

/*@media screen and (max-width: 700px) { div.footer p { float: none; margin: 10px; }*/
/*    div.footer ul.menu3 { margin: 0 10px; padding: 0 0 70px; }*/
/*    div.footer ul.menu3 li { display: block; padding: 0; } }*/

/*!* ======== *!*/
/*!* = find = *!*/
/*!* ======== *!*/
/*div.items { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); grid-gap: 20px; grid-auto-flow: dense; }*/

/*@media screen and (max-width: 800px) { div.items { padding: 10px; grid-gap: 10px; } }*/

/*div.item { !* width:225px; margin:0 20px 20px 0; float:left;*! }*/

/*div.item a.foto { display: block; !*width:225px;*! height: 200px; background-color: #e3e3e3; background-size: cover; background-position: center center; background-repeat: no-repeat; }*/

/*div.item a.foto.top { background-position: center top; }*/

/*div.item a.foto img { width: 100%; }*/

/*div.item div.genre { padding: 6px 0 6px 28px; position: relative; }*/

/*div.item div.genre i { position: absolute; left: 6px; top: 5px; }*/

/*div.item h2 { color: black; margin: 0; height: 50px; overflow: hidden; padding: 0; text-transform: uppercase; font-size: 15px; }*/

/*div.item h2 h2 span.small { font-weight: normal; text-transform: none; }*/

/*div.item div.kader { border: 1px solid black; border-top: 0; padding: 8px 8px 4px 8px; min-height: 70px; }*/

/*div.item div.kader a { text-decoration: none; }*/

/*div.item div.kader a.meer { text-decoration: none; color: black; display: block; height: 12px; padding: 8px 0 0 0; }*/

/*div.item div.datum { color: #e3231d; float: right; font-size: 18px; font-weight: 700; text-transform: uppercase; }*/

/*div.item div.tijd { color: #e3231d; padding-top: 4px; }*/

/*@media screen and (max-width: 700px) { div.item { width: auto; margin: 0; float: none; }*/
/*    div.item a.foto { width: auto; } }*/

/*div.uitgelicht { width: 466px; height: 466px; margin: 0 16px 16px 0; float: left; position: relative; }*/

/*div.uitgelicht a { text-decoration: none; width: 100%; position: absolute; bottom: 0; }*/

/*div.uitgelicht a h2 { color: white; background: #9999FF; margin: 0; padding: 12px 8px 12px 12px; height: auto; overflow: hidden; text-transform: uppercase; }*/

/*div.uitgelicht a.foto { display: block; position: static; height: 466px; background-color: #e3e3e3; background-size: cover; background-position: center center; background-repeat: no-repeat; }*/

/*div.uitgelicht a.foto.top { background-position: center top; }*/

/*@media screen and (max-width: 1982px) { div.uitgelicht { width: 1189px; } }*/

/*@media screen and (max-width: 1741px) { div.uitgelicht { width: 948px; } }*/

/*@media screen and (max-width: 1480px) { div.uitgelicht { width: 707px; } }*/

/*@media screen and (max-width: 1239px) { div.uitgelicht { width: 466px; } }*/

/*@media screen and (max-width: 998px) { div.uitgelicht { width: 466px; } }*/

/*@media screen and (max-width: 700px) { div.uitgelicht { display: none; } }*/

/*div.vrienden { width: 466px; height: 466px; margin: 0 16px 16px 0; float: left; position: relative; background-color: black; background-image: url(/foto/vrienden-deken-2017.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; }*/

/*div.vrienden img { display: block; position: absolute; }*/

/*div.vrienden a { display: block; margin: 90px auto; position: relative; text-align: center; text-transform: uppercase; line-height: 1.6em; width: 360px; padding: 15px 12px; color: white; text-decoration: none; background: #9999FF; opacity: 0.85; }*/

/*div.vrienden a em { font-style: normal; text-decoration: underline; }*/

/*div.vrienden a strong { line-height: 2.4; }*/

/*@media screen and (max-width: 1982px) { div.vrienden { width: 1189px; } }*/

/*@media screen and (max-width: 1741px) { div.vrienden { width: 948px; } }*/

/*@media screen and (max-width: 1480px) { div.vrienden { width: 707px; } }*/

/*@media screen and (max-width: 1239px) { div.vrienden { width: 466px; } }*/

/*@media screen and (max-width: 998px) { div.vrienden { width: 466px; } }*/

/*@media screen and (max-width: 700px) { div.vrienden { width: auto; }*/
/*    div.vrienden img { width: auto; } }*/

/*@media screen and (max-width: 700px) { div.vrienden { float: none; width: 100%; overflow: hidden; }*/
/*    div.vrienden img { width: 100%; }*/
/*    div.vrienden a { width: 80%; margin: 20px auto; } }*/

/*div.nieuws h2 { color: white; background: #e3231d; text-transform: uppercase; font-weight: normal; font-size: 15px; margin: 0; height: 18px; padding: 6px 0 6px 16px; }*/

/*div.nieuws div.nieuwstext { padding: 16px; border: 1px solid black; border-top: 0; height: 403px; }*/

/*div.nieuws p { margin: 0 0 16px 0; font-weight: bold; }*/

/*div.nieuws ul { margin: 0 0 1em 32px; padding: 0 8px 8px 0; }*/

/*@media screen and (max-width: 800px) { div.nieuws { width: auto; height: auto; margin: 0; float: none; }*/
/*    div.nieuws div.nieuwstext { height: auto; } }*/

/*div.jaaroverzicht { clear: both; padding: 10px 0; }*/

/*div.jaaroverzicht a { color: white; background: #007aa4; padding: 5px 10px; text-decoration: none; text-transform: uppercase; }*/

/*!* ========= *!*/
/*!* = menu2 = *!*/
/*!* ========= *!*/
/*div.menu2 { text-align: right; margin: 12px 0; }*/

/*div.menu2 a { color: white; text-transform: uppercase; margin: 0 12px; text-decoration: none; font-size: 13px; }*/

/*div.menu2 a:hover { color: black; }*/

/*div.menu2 ul.menu2 { margin: 0; padding: 0; list-style-type: none; }*/

/*div.menu2 ul.menu2 li { display: inline; line-height: 1em; }*/

/*@media screen and (max-width: 700px) { div.menu2 { position: absolute; z-index: 90; left: 0; bottom: 15px; text-align: left; margin: 0; }*/
/*    div.menu2 ul.menu2 li { display: block; }*/
/*    div.menu2 a { color: #e3231d; margin: 10px; } }*/

/*!* ========= *!*/
/*!* = menu1 = *!*/
/*!* ========= *!*/
/*div.menu1 { position: absolute; left: 20px; top: 20px; width: 204px; }*/

/*div.menu1 ul { margin: 0; padding: 0; list-style-type: none; }*/

/*div.menu1 ul.menu1 a { display: block; text-transform: uppercase; text-decoration: none; margin: 0 0 0px; }*/

/*div.menu1 ul.menu1 > li { line-height: 1.2em; }*/

/*div.menu1 ul.menu1 > li > a { color: white; background: #e3231d; height: 20px; padding: 6px 10px; margin: 0 0 7px; font-size: 14px; }*/

/*div.menu1 ul.menu1 > li > a.selected { color: #000; background-image: url(/assets/img/menu-arrow.gif); background-repeat: no-repeat; background-position: 184px 14px; }*/

/*div.menu1 ul.menu1 > li > ul { display: none; margin: 8px 0 8px 8px; font-size: 13px; }*/

/*div.menu1 ul.menu1 > li.selected > ul { display: block; }*/

/*div.menu1 ul.menu1 > li.selected > ul li { line-height: 1.6em; }*/

/*div.menu1 ul.menu1 > li.selected > ul > li > ul { display: block; margin: 0px 0 0px 16px; }*/

/*div.menu1 div.volg { margin: 0 0 20px; }*/

/*div.menu1 div.volg a { display: inline-block; font-size: 12px; width: 36px; height: 36px; border-radius: 32px; border: 2px solid #e3231d; background-repeat: no-repeat; background-position: center center; background-size: 60%; margin: 0 -6px 0 0; }*/

/*div.menu1 div.volg a.facebook { background-image: url(/assets/img/facebook-rood.svg); background-size: 35%; }*/

/*div.menu1 div.volg a.instagram { background-image: url(/assets/img/instagram-rood.svg); }*/

/*div.menu1 div.volg a.twitter { background-image: url(/assets/img/twitter-rood.svg); }*/

/*div.menu1 div.volg a:hover { color: black; border-color: black; }*/

/*div.menu1 div.volg a:hover.facebook { background-image: url(/assets/img/facebook.svg); background-size: 35%; }*/

/*div.menu1 div.volg a:hover.instagram { background-image: url(/assets/img/instagram.svg); }*/

/*div.menu1 div.volg a:hover.twitter { background-image: url(/assets/img/twitter.svg); }*/

/*div.menu1 div.twitter iframe { margin: 0 0 0 -10px; }*/

/*@media screen and (max-width: 700px) { div.menu1 { position: static; margin: 8px; width: auto; }*/
/*    div.menu1 ul.menu1 a { height: auto; line-height: 1.5em; } }*/

/*body.informatie div.menu1 ul.menu1 > li > ul > li > a.selected { background-position: 134px -32px; }*/

/*div.menu1 h4 { margin: 30px 0 10px; font-size: 18px; font-weight: bold; }*/

/*div.extra { color: #007aa4; }*/

/*!*# sourceMappingURL=pdh2.css.map *!*/





/* pdh.scss YPOS8 - podiumheemstede */
body {
    margin: 0;
    padding: 0;
    background: #e3231d;
    background-position: center top;
    font: 18px "Montserrat", "futura-pt", Arial, sans-serif;
}
div.wrapper {
    position: relative;
    min-height: 800px;
    margin: 40px 80px 24px;
}
@media screen and (max-width: 998px) {
    div.wrapper {
        margin: 40px 40px 24px;
    }
}
@media screen and (max-width: 700px) {
    div.wrapper {
        margin: 0;
    }
}
div.header {
    padding: 20px;
    background: white;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}
div.header img {
    display: block;
    margin: 0;
}
div.header .mobiel {
    display: none;
}
div.header address {
    float: right;
    font-style: normal;
    font-weight: bold;
    text-align: right;
    line-height: 1.3em;
}
@media screen and (max-width: 1098px) {
    div.header {
        padding-bottom: 30px;
    }
    div.header img {
        width: calc(100% - 180px);
    }
}
@media screen and (max-width: 700px) {
    div.header {
        padding: 15px;
        padding-bottom: 0px;
    }
    div.header img {
        width: calc(100% - 48px);
    }
    div.header div.mobiel {
        display: block;
    }
    div.header a.tdl {
        display: none;
    }
    div.header address {
        display: none;
    }
    div.volg {
        margin-bottom: 0 !important;
    }
    article .menu1 {
        display: none;
    }
    .menu2 {
        display: none;
    }
}
article {
    background: white;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    position: relative;
    padding: 20px;
}
@media screen and (max-width: 700px) {
    article {
        padding: 0;
        box-shadow: none;
    }
}
h1 {
    margin: 0 0 1em;
    padding: 0;
    text-transform: uppercase;
    color: #e3231d;
    font-size: 150%;
}
h2 {
    margin: 0 0 0.5em;
    padding: 0;
    color: black;
    font-size: 115%;
}
h1 strong {
    font-weight: normal;
    text-transform: none;
}
p {
    margin: 0 0 1.5em;
    line-height: 1.5em;
}
ul {
    margin: 0 0 1em 22px;
    padding: 0;
}
li {
    line-height: 1.5em;
}
a {
    outline: 0;
    color: #e3231d;
}
a:hover, a.selected, li.selected>a {
    color: black !important;
}
img {
    border: 0;
}
img.left {
    float: left;
    margin-right: 10px;
}
img.right {
    float: right;
    margin-left: 10px;
}
div.clear {
    clear: both;
    color: white;
}
div.clear.left {
    clear: left;
}
div.clear.right {
    clear: right;
}
/* ======== */
/* = page = */
/* ======== */
div.page {
    background: white;
    margin: 0 0 0 224px;
}
@media screen and (max-width: 700px) {
    div.page {
        /* background:#FFEEEE*/
        margin: 0;
    }
}
div.page.foto {
    background: #e3e3e3;
}
div.page.foto div.text {
    background-image: url(../gfx/bg-text);
}
@media screen and (max-width: 998px) {
    div.page.foto {
        background: white;
    }
    div.page.foto div.text {
        margin-right: 0px;
    }
}
div.page div.balk2 {
    color: white;
    background: #e3231d;
    text-transform: uppercase;
    padding: 6px 16px;
}
div.page div.balk2 p {
    margin: 0;
}
div.page div.balk2 div.genre {
    float: right;
}
div.page div.foto {
    width: 100%;
    height: 450px;
    margin: 0;
    background: #e3e3e3;
    background-size: cover;
    background-position: center center;
}
div.page div.foto p {
    margin: 0;
}
@media screen and (max-width: 700px) {
    div.page div.foto {
        height: 300px;
    }
}
div.page div.foto.top {
    background-position: top center;
}
div.page div.text {
    min-height: 700px;
    margin: 0 0 40px;
    position: relative;
    background: white;
}
@media screen and (max-width: 800px) {
    div.page div.text {
        padding: 15px;
    }
    body.voorstellingen div.page div.text, body.home div.page div.text, body.index div.page div.text {
        /*padding: 0;*/
    }
}
div.page div.text li img, div.page div.text p img {
    display: block;
    max-width: 100%;
    height: auto;
}
div.page div.text div.datumlabel {
    position: absolute;
    color: white;
    text-align: center;
    right: 0px;
    top: 0;
    width: 53px;
    height: 66px;
    padding: 0 4px 0 0;
    background-image: url(/assets/img/bg-datum.png);
    line-height: 10px;
}
div.page div.text div.datumlabel strong {
    display: block;
    height: 24px;
    overflow: hidden;
    font-weight: normal;
    line-height: 30px;
}
div.page div.text div.letop {
    border: 1px solid #e3e3e3;
    padding: 10px 16px;
    line-height: 1.5em;
    font-size: 16px;
}
div.page div.text div.border {
    border: 1px solid black;
    border-top: 0;
    padding: 20px;
}
@media screen and (max-width: 700px) {
    div.page div.text div.border {
        border: 0;
        padding: 10px;
    }
}
div.page div.text span.prijs em {
    font-style: normal;
    display: inline-block;
    width: 170px;
}
div.page div.text a.button {
    text-transform: uppercase;
    display: inline-block;
    margin: 20px 0 0 0;
    text-decoration: none;
    color: white;
    background: #e3231d;
    padding: 6px 12px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}
div.page div.text a.button:hover {
    background: black;
}
div.page div.text div.bgslideshow, div.page div.text div.oneslide {
    position: relative;
    width: 100%;
    height: 466px;
    margin: 0 0 1.5em;
}
div.page div.text div.bgslideshow div.slide, div.page div.text div.oneslide div.slide {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 8;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    display: none;
}
div.page div.text div.bgslideshow div.slide.bovenop, div.page div.text div.oneslide div.slide.bovenop {
    z-index: 10;
}
div.page div.text div.bgslideshow div.slide.erachter, div.page div.text div.oneslide div.slide.erachter {
    z-index: 9;
}
@media screen and (max-width: 800px) {
    div.page div.text div.bgslideshow, div.page div.text div.oneslide {
        margin: 0;
        height: 300px;
    }
}
div.page div.text div.oneslide div.slide {
    display: flex;

}
div.page div.text div.home {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
    grid-gap: 20px;
}
div.page div.text div.home div.webetui_extfunc {
    grid-column: -0.5;
}
@media screen and (max-width: 800px) {
    div.page div.text div.home {
        padding: 10px;
        grid-gap: 10px;
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    }
}
div.page div.balk {
    color: white;
    background: #99f;
    text-transform: uppercase;
    padding: 0 0 0 16px;
    min-height: 29px;
    position: relative;
    top: 1px;
}
div.page div.balk p {
    margin: 0;
    line-height: 29px;
}
div.page div.balk p a {
    display: block;
    position: absolute;
    left: 15px;
    top: -80px;
    font-weight: bold;
    color: white;
    text-transform: uppercase;
    text-decoration: none;
    background: #e3231d;
    padding: 0 16px 0 16px;
    border-radius: 4px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}
div.page div.balk p a:hover {
    background: #99f;
}
div.page div.balk p strong {
    display: block;
    font-weight: normal;
    float: right;
    padding: 0 16px;
}
div.page div.genre {
    background-repeat: no-repeat;
    text-transform: uppercase;
    color: white;
    background-color: #e3231d;
    position: relative;
    padding-left: 24px;
    font-size: 15px;
    /*width:17px;
     height:17px;
     top:7px;
     left:7px;
    */
}
div.page div.genre i {
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
}
div.page div.genre.theater i,
div.page div.genre.theater-muziek i {
    background-image: url(/assets/img/genres_theater.svg);
}
div.page div.genre.toneel i {
    background-image: url(/assets/img/genres_toneel.svg);
}
div.page div.genre.klassiek i {
    background-image: url(/assets/img/genres_klassiek.svg);
}
div.page div.genre.kamermuziek i {
    background-image: url(/assets/img/genres_klassiek.svg);
}
div.page div.genre.muziek i {
    background-image: url(/assets/img/genres_muziek.svg);
}
div.page div.genre.jazz i {
    background-image: url(/assets/img/genres_jazz.svg);
}
div.page div.genre.cabaret i {
    background-image: url(/assets/img/genres_cabaret.svg);
}
div.page div.genre.leeftijd2p i {
    background-image: url(/assets/img/genres_jeugd.svg);
}
div.page div.genre.leeftijd4p i {
    background-image: url(/assets/img/genres_jeugd.svg);
}
div.page div.genre.jeugd i {
    background-image: url(/assets/img/genres_jeugd.svg);
}
div.page div.genre.lezing i {
    background-image: url(/assets/img/genres_lezing.svg);
}
div.page iframe {
    display: block;
    margin: 15px 0;
}
@media screen and (max-width: 1239px) {
    div.page iframe {
        width: 324px;
    }
}
@media screen and (max-width: 998px) {
    div.page iframe {
        width: 436px;
    }
}
@media screen and (max-width: 700px) {
    div.page iframe {
        width: 100%;
    }
}
div.page form.formulier label {
    display: block;
    float: left;
    width: 150px;
}
div.page form.formulier input.text {
    width: 230px;
    display: block;
    margin: 0 0 10px 150px;
    padding: 2px;
}
div.page form.formulier div.captcha input.captcha {
    width: 90px;
    float: left;
    margin: 0 4px 0 0;
}
div.page form.formulier img.captcha {
    height: 20px;
    margin: 2px 0;
}
div.page form.formulier input.submit {
    color: white;
    background: #e3231d;
    border: 0;
    padding: 2px 12px;
    border-radius: 4px;
    cursor: pointer;
    margin: 20px 0 0 150px;
}
div.footer {
    clear: both;
    text-transform: uppercase;
    font-size: 12px;
}
div.footer p {
    float: left;
    margin: 0 70px 0 0;
}
div.footer ul.menu3 {
    margin: 0 0 0 40px;
    padding: 0 0 0 20px;
    list-style-type: none;
}
div.footer ul.menu3 li {
    display: inline;
    padding: 0 4px;
}
div.footer ul.menu3 li a {
    color: #e3231d;
    text-decoration: none;
}
div.footer ul.menu3 li a:hover {
    color: black;
}
@media screen and (max-width: 700px) {
    div.footer p {
        float: none;
        margin: 10px;
    }
    div.footer ul.menu3 {
        margin: 0 10px;
        padding: 0 0 70px;
    }
    div.footer ul.menu3 li {
        display: block;
        padding: 0;
    }
}
/* ======== */
/* = find = */
/* ======== */
div.items {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
    grid-gap: 20px;
    grid-auto-flow: dense;
}
@media screen and (max-width: 800px) {
    div.items {
        padding: 10px;
        grid-gap: 10px;
    }
}
div.item {
    /* width:225px;
     margin:0 20px 20px 0;
     float:left;
    */
}
div.item a.foto {
    display: block;
    height: 200px;
    /*width:225px;
    */
    background-color: #e3e3e3;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
div.item a.foto.top {
    background-position: center top;
}
div.item a.foto img {
    width: 100%;
}
div.item div.genre {
    padding: 6px 0 6px 28px;
    position: relative;
}
div.item div.genre i {
    position: absolute;
    left: 6px;
    top: 5px;
}
div.item h2 {
    color: black;
    margin: 0;
    height: 50px;
    overflow: hidden;
    padding: 0;
    text-transform: uppercase;
    font-size: 15px;
}
div.item h2 h2 span.small {
    font-weight: normal;
    text-transform: none;
}
div.item div.kader {
    border: 1px solid black;
    border-top: 0;
    padding: 8px 8px 4px 8px;
    min-height: 70px;
}
div.item div.kader a {
    text-decoration: none;
}
div.item div.kader a.meer {
    text-decoration: none;
    color: black;
    display: block;
    height: 12px;
    padding: 8px 0 0 0;
}
div.item div.datum {
    color: #e3231d;
    float: right;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
}
div.item div.tijd {
    color: #e3231d;
    padding-top: 4px;
}
@media screen and (max-width: 700px) {
    div.item {
        width: auto;
        margin: 0;
        float: none;
    }
    div.item a.foto {
        width: auto;
    }
}
div.uitgelicht {
    width: 466px;
    height: 466px;
    margin: 0 16px 16px 0;
    float: left;
    position: relative;
}
div.uitgelicht a {
    text-decoration: none;
    width: 100%;
    position: absolute;
    bottom: 0;
}
div.uitgelicht a h2 {
    color: white;
    background: #99f;
    margin: 0;
    padding: 12px 8px 12px 12px;
    height: auto;
    overflow: hidden;
    text-transform: uppercase;
}
div.uitgelicht a.foto {
    display: block;
    position: static;
    height: 466px;
    background-color: #e3e3e3;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
div.uitgelicht a.foto.top {
    background-position: center top;
}
@media screen and (max-width: 1982px) {
    div.uitgelicht {
        width: 1189px;
    }
}
@media screen and (max-width: 1741px) {
    div.uitgelicht {
        width: 948px;
    }
}
@media screen and (max-width: 1480px) {
    div.uitgelicht {
        width: 707px;
    }
}
@media screen and (max-width: 1239px) {
    div.uitgelicht {
        width: 466px;
    }
}
@media screen and (max-width: 998px) {
    div.uitgelicht {
        width: 466px;
    }
}
@media screen and (max-width: 700px) {
    div.uitgelicht {
        display: none;
    }
}
div.vrienden {
    width: 466px;
    height: 466px;
    margin: 0 16px 16px 0;
    float: left;
    position: relative;
    background-color: black;
    background-image: url(/assets/foto/vrienden-deken-2017.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
div.vrienden img {
    display: block;
    position: absolute;
}
div.vrienden a {
    display: block;
    margin: 90px auto;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    line-height: 1.6em;
    width: 360px;
    padding: 15px 12px;
    color: white;
    text-decoration: none;
    background: #99f;
    opacity: 0.85;
}
div.vrienden a em {
    font-style: normal;
    text-decoration: underline;
}
div.vrienden a strong {
    line-height: 2.4;
}
@media screen and (max-width: 1982px) {
    div.vrienden {
        width: 1189px;
    }
}
@media screen and (max-width: 1741px) {
    div.vrienden {
        width: 948px;
    }
}
@media screen and (max-width: 1480px) {
    div.vrienden {
        width: 707px;
    }
}
@media screen and (max-width: 1239px) {
    div.vrienden {
        width: 466px;
    }
}
@media screen and (max-width: 998px) {
    div.vrienden {
        width: 466px;
    }
}
@media screen and (max-width: 700px) {
    div.vrienden {
        width: auto;
    }
    div.vrienden img {
        width: auto;
    }
}
@media screen and (max-width: 700px) {
    div.vrienden {
        float: none;
        width: 100%;
        overflow: hidden;
    }
    div.vrienden img {
        width: 100%;
    }
    div.vrienden a {
        width: 80%;
        margin: 20px auto;
    }
}
div.nieuws h2 {
    color: white;
    background: #e3231d;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 15px;
    margin: 0;
    height: 18px;
    padding: 6px 0 6px 16px;
}
div.nieuws div.nieuwstext {
    padding: 16px;
    border: 1px solid black;
    border-top: 0;
    height: 403px;
}
div.nieuws p {
    margin: 0 0 16px 0;
    font-weight: bold;
}
div.nieuws ul {
    margin: 0 0 1em 32px;
    padding: 0 8px 8px 0;
}
@media screen and (max-width: 800px) {
    div.nieuws {
        width: auto;
        height: auto;
        margin: 0;
        float: none;
    }
    div.nieuws div.nieuwstext {
        height: auto;
    }
}
div.jaaroverzicht {
    clear: both;
    padding: 10px 0;
}
div.jaaroverzicht a {
    color: white;
    background: #007aa4;
    padding: 5px 10px;
    text-decoration: none;
    text-transform: uppercase;
}
/* ========= */
/* = menu2 = */
/* ========= */
div.menu2 {
    text-align: right;
    margin: 12px 0;
}
div.menu2 a {
    color: white;
    text-transform: uppercase;
    margin: 0 12px;
    text-decoration: none;
    font-size: 13px;
}
div.menu2 a:hover {
    color: black;
}
div.menu2 ul.menu2 {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
div.menu2 ul.menu2 li {
    display: inline;
    line-height: 1em;
}
@media screen and (max-width: 700px) {
    div.menu2 {
        position: absolute;
        z-index: 90;
        left: 0;
        bottom: 15px;
        text-align: left;
        margin: 0;
    }
    div.menu2 ul.menu2 li {
        display: block;
    }
    div.menu2 a {
        color: #e3231d;
        margin: 10px;
    }
}
/* ========= */
/* = menu1 = */
/* ========= */
div.menu1 {
    position: absolute;
    left: 20px;
    top: 20px;
    width: 204px;
}
div.menu1 ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
div.menu1 ul.menu1 a {
    display: block;
    text-transform: uppercase;
    text-decoration: none;
    margin: 0 0 0px;
}
div.menu1 ul.menu1 > li {
    line-height: 1.2em;
}
div.menu1 ul.menu1 > li > a {
    color: white;
    background: #e3231d;
    height: 20px;
    padding: 6px 10px;
    margin: 0 0 7px;
    font-size: 14px;
}
div.menu1 ul.menu1 > li > a.selected {
    color: #000;
    background-image: url(/assets/img/menu-arrow.gif);
    background-repeat: no-repeat;
    background-position: 184px 14px;
}
div.menu1 ul.menu1 > li > ul {
    display: none;
    margin: 8px 0 8px 8px;
    font-size: 13px;
}
div.menu1 ul.menu1 > li.selected > ul {
    display: block;
}
div.menu1 ul.menu1 > li.selected > ul li {
    line-height: 1.6em;
}
div.menu1 ul.menu1 > li.selected > ul > li > ul {
    display: block;
    margin: 0px 0 0px 16px;
}
div.menu1 div.volg {
    margin: 0 0 20px;
}
div.menu1 div.volg a {
    display: inline-block;
    font-size: 12px;
    width: 36px;
    height: 36px;
    border-radius: 32px;
    border: 2px solid #e3231d;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60%;
    margin: 0 -6px 0 0;
    padding: 0;
}
div.menu1 div.volg a.facebook {
    background-image: url(/assets/img/facebook-rood.svg);
    background-size: 35%;
}
div.menu1 div.volg a.instagram {
    background-image: url(/assets/img/instagram-rood.svg);
}
div.menu1 div.volg a.twitter {
    background-image: url(/assets/img/twitter-rood.svg);
}
div.menu1 div.volg a.linkedin {
    background-image: url(/assets/img/linkedin-rood.svg);
    background-size: 50%;
    background-position-x: 10px;
}
div.menu1 div.volg a:hover {
    color: black;
    border-color: black;
}
div.menu1 div.volg a:hover.facebook {
    background-image: url(/assets/img/facebook.svg);
    background-size: 35%;
}
div.menu1 div.volg a:hover.instagram {
    background-image: url(/assets/img/instagram.svg);
}
div.menu1 div.volg a:hover.twitter {
    background-image: url(/assets/img/twitter.svg);
}
div.menu1 div.volg a:hover.linkedin {
    background-image: url(/assets/img/linkedin.svg);
}
div.menu1 div.twitter iframe {
    margin: 0 0 0 -10px;
}
div.canceled {
    color: #fff;
    font-size: 32px;
    font-weight: bold;
    margin: auto;
    max-width: 50%;
    text-align: center;
}

@media screen and (max-width: 700px) {
    div.menu1 {
        position: static;
        margin: 8px;
        width: auto;
    }
    div.menu1 ul.menu1 a {
        height: auto;
        line-height: 1.5em;
    }
    div.canceled {
        font-size: 24px;
    }
}
@media screen and (max-width: 953px) {
    div.canceled {
        font-size: 24px;
    }
}

body.informatie div.menu1 ul.menu1 > li > ul > li > a.selected {
    background-position: 134px -32px;
}
div.menu1 h4 {
    margin: 30px 0 10px;
    font-size: 18px;
    font-weight: bold;
}
div.extra {
    color: #007aa4;
}

div.page iframe {
    position: relative;
    display: block;
    margin: 0;
    left: -16px;
    top: -13px;
    width: 195px;
    height: 168px;
}
