body.vch.level1 div.header { height: 626px; }

h1 { color: #e40375; }

div.page div.find a.nieuws div.padding h2, div.page div.search_results a.nieuws div.padding h2 { color: #e40375; }

div.page div.column { background: #fbd9ea; }

div.page div.column:after { border-color: #fbd9ea transparent transparent transparent; }

body.vch div.menu ul.menu1 { width: 762px; column-count: 4; }

body.vch div.menu ul.menu1 > li > a { color: rgba(255, 255, 255, 0.5); display: block; margin: 0 0 5px; text-transform: uppercase; }

body.vch div.menu ul.menu1 > li { display: inline-grid; page-break-inside: avoid; }

body.vch div.menu ul.menu1 li ul li a:hover, body.vch div.menu ul.menu1 li ul li a.selected { color: #ffcccc; }

@supports (break-inside: avoid-column) { body.vch div.menu ul.menu1 > li { display: block; } }

body.vch div.header { background-image: url(../gfx/vch/MW_headers5.jpg); background-position: center center; }

body.vch div.header div.pulldown { display: none; background: rgba(132, 73, 137, 0.7); }

body.vch div.header div.pulldown div.field:after { background: #844989; }

body.vch div.header div.pulldown ul.menu1 li a:hover { background: #844989; }

body.vch div.menu { background: #844989; }

body.vch div.menu ul.menu1 { min-height: 220px; }

body.vch div.foot { background: #844989; padding: 60px 0; }

body.vch div.foot div.wrapper { display: flex; }

body.vch div.foot div.mwlogo { flex: 0 0 300px; }

body.vch div.foot div.vragen { flex: 0 0 330px; }

body.vch div.foot div.telefoon, body.vch div.foot div.mail, body.vch div.foot div.adres { float: none; margin: 0 0 10px; }

body.vch div.foot div.vchlogo img { display: block; }

body.vch div.foot div.vchlogo div.socialmedia { float: none; padding: 0; margin: 45px 0 0 0; width: auto; }

body.vch div.foot div.vchlogo div.socialmedia a.micon { float: none; display: inline-block; margin-right: 4px; }

body.vch div.foot div.vchlogo div.socialmedia em { font-style: normal; display: inline-block; position: relative; top: -8px; }

body.vch div.wrapper div.page div.text div.find > a div.padding h2 { font-size: 90%; }

body.vch div.wrapper div.page div.kaders { top: -400px; }

body.vch div.wrapper div.page div.kaders div.aaa { height: 190px; border-radius: 20px; background-color: rgba(255, 255, 255, 0.8); }

body.vch div.wrapper div.page div.kaders div.aaa h1, body.vch div.wrapper div.page div.kaders div.aaa p { color: #444; }

body.vch div.wrapper div.page div.text div.werkers { max-width: 582px; }

body.vch.vouchers div.header img.logo { margin-left: 20px; }

body.vch.vouchers div.menu a.menu img { left: 108px; }

body.vch.vouchers div.footheight div.wrapper { max-width: none; margin: 0; }

body.vch.vouchers div.footheight div.wrapper div.page div.find { text-align: left; }

body.vch.vouchers div.footheight div.wrapper div.page div.text { margin-right: 63px; }

body.vch.vouchers div.menu div.wrapper { max-width: none; margin: 0; }

body.vch.vouchers div.column { display: none; }

body.vch.nieuws div.header { background-image: url(../gfx/vch/MW_headers3.jpg); }

body.vch.agenda div.header { background-image: url(../gfx/vch/MW_headers1.jpg); }

body.vch.vrijwilligers div.header { background-image: url(../gfx/vch/MW_headers2.jpg); }

body.vch.organisaties div.header { background-image: url(../gfx/vch/MW_headers4.jpg); }

body.vch.over-ons div.header { background-image: url(../gfx/vch/MW_headers5.jpg); }

body.leren-werken div.header { background-image: url(../gfx/MW-lerenenwerken.jpg); }

body.wonen-leefbaarheid div.header { background-image: url(../gfx/MW-wonenleefbaarheid.jpg); }

body.sociale-contacten-vrije-tijd div.header { background-image: url(../gfx/MW-socialecontacten.jpg); }

body.beter-in-je-vel div.header { background-image: url(../gfx/MW-beterinjevel.jpg); }

div.toolbox { position: relative; width: 512px; height: 840px; /*background:#eee;*/ }

div.toolbox div.box { position: relative; z-index: 100; background-image: url(../gfx/vch/toolbox/box.svg); background-size: contain; width: 188px; height: 166px; margin: 0 auto 30px auto; }

div.toolbox div.tools p { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 20px; }

div.toolbox div.tools p br { display: none; }

div.toolbox div.tools p a { display: block; position: absolute; background-image: url(../gfx/vch/toolbox/i01-werving-vrijwilligers.svg); background-size: contain; width: 150px; height: 188px; transition: all 1s cubic-bezier(0.3, 0.3, 0.5, 1.3); }

div.toolbox div.tools p a.i01 { background-image: url(../gfx/vch/toolbox/i01-werving-vrijwilligers.svg); }

div.toolbox div.tools p a.i02 { background-image: url(../gfx/vch/toolbox/i02-begeleiden-vrijwilligers.svg); }

div.toolbox div.tools p a.i03 { background-image: url(../gfx/vch/toolbox/i03-vrijwilligersbeleid.svg); }

div.toolbox div.tools p a.i04 { background-image: url(../gfx/vch/toolbox/i04-wetten-regels-veiligheid.svg); }

div.toolbox div.tools p a.i05 { background-image: url(../gfx/vch/toolbox/i05-maatschappelijk-betrokken-ondernemen.svg); }

div.toolbox div.tools p a.i06 { background-image: url(../gfx/vch/toolbox/i06-zichtbaarheid.svg); }

div.toolbox div.tools p a.i07 { background-image: url(../gfx/vch/toolbox/i07-elearning.svg); }

div.toolbox div.tools p a.i08 { background-image: url(../gfx/vch/toolbox/i08-vrijwilligerswerk-in-coronatijd.svg); }

div.toolbox div.tools p a.i09 { background-image: url(../gfx/vch/toolbox/i09-advies-op-maat.svg); }

div.toolbox div.tools p a:hover.i01 { background-image: url(../gfx/vch/toolbox/i01-werving-vrijwilligers-hover.svg); }

div.toolbox div.tools p a:hover.i02 { background-image: url(../gfx/vch/toolbox/i02-begeleiden-vrijwilligers-hover.svg); }

div.toolbox div.tools p a:hover.i03 { background-image: url(../gfx/vch/toolbox/i03-vrijwilligersbeleid-hover.svg); }

div.toolbox div.tools p a:hover.i04 { background-image: url(../gfx/vch/toolbox/i04-wetten-regels-veiligheid-hover.svg); }

div.toolbox div.tools p a:hover.i05 { background-image: url(../gfx/vch/toolbox/i05-maatschappelijk-betrokken-ondernemen-hover.svg); }

div.toolbox div.tools p a:hover.i06 { background-image: url(../gfx/vch/toolbox/i06-zichtbaarheid-hover.svg); }

div.toolbox div.tools p a:hover.i07 { background-image: url(../gfx/vch/toolbox/i07-elearning-hover.svg); }

div.toolbox div.tools p a:hover.i08 { background-image: url(../gfx/vch/toolbox/i08-vrijwilligerswerk-in-coronatijd-hover.svg); }

div.toolbox div.tools p a:hover.i09 { background-image: url(../gfx/vch/toolbox/i09-advies-op-maat-hover.svg); }

div.toolbox.transdelay div.tools p a.i01 { transition-delay: 1.8s; }

div.toolbox.transdelay div.tools p a.i02 { transition-delay: 1.6s; }

div.toolbox.transdelay div.tools p a.i03 { transition-delay: 1.4s; }

div.toolbox.transdelay div.tools p a.i04 { transition-delay: 1.2s; }

div.toolbox.transdelay div.tools p a.i05 { transition-delay: 1.0s; }

div.toolbox.transdelay div.tools p a.i06 { transition-delay: 0.8s; }

div.toolbox.transdelay div.tools p a.i07 { transition-delay: 0.6s; }

div.toolbox.transdelay div.tools p a.i08 { transition-delay: 0.4s; }

div.toolbox.transdelay div.tools p a.i09 { transition-delay: 0.2s; }

div.toolbox.inthebox div.tools p a { left: 181px; top: 27px; opacity: 0; }

div.toolbox.onthestack div.tools p a { opacity: 1; }

div.toolbox.onthestack div.tools p a.i01 { left: 181px; top: 414px; }

div.toolbox.onthestack div.tools p a.i02 { left: 185px; top: 418px; }

div.toolbox.onthestack div.tools p a.i03 { left: 181px; top: 422px; }

div.toolbox.onthestack div.tools p a.i04 { left: 185px; top: 426px; }

div.toolbox.onthestack div.tools p a.i05 { left: 181px; top: 430px; }

div.toolbox.onthestack div.tools p a.i06 { left: 185px; top: 434px; }

div.toolbox.onthestack div.tools p a.i07 { left: 181px; top: 438px; }

div.toolbox.onthestack div.tools p a.i08 { left: 185px; top: 442px; }

div.toolbox.onthestack div.tools p a.i09 { left: 181px; top: 446px; }

div.toolbox.inthegrid div.tools p a { display: block; }

div.toolbox.inthegrid div.tools p a.i01 { left: 0; top: 196px; }

div.toolbox.inthegrid div.tools p a.i02 { left: 181px; top: 196px; }

div.toolbox.inthegrid div.tools p a.i03 { left: 363px; top: 196px; }

div.toolbox.inthegrid div.tools p a.i04 { left: 0; top: 414px; }

div.toolbox.inthegrid div.tools p a.i05 { left: 181px; top: 414px; }

div.toolbox.inthegrid div.tools p a.i06 { left: 363px; top: 414px; }

div.toolbox.inthegrid div.tools p a.i07 { left: 0; top: 632px; }

div.toolbox.inthegrid div.tools p a.i08 { left: 181px; top: 632px; }

div.toolbox.inthegrid div.tools p a.i09 { left: 363px; top: 632px; }

@media screen and (max-width: 820px) { body.vch div.menu ul.menu1 { width: auto; column-count: 1; }
  body.vch.level1 div.wrapper div.page div.kaders { top: -470px; }
  body.vch.level1 div.wrapper div.page div.kaders div.aaa, body.vch.level1 div.wrapper div.page div.kaders div.bbb { padding: 17px 17px 34px; width: auto; height: auto; margin: 15px; }
  body.vch div.foot div.wrapper { display: block; margin: 15px; } }

/*# sourceMappingURL=vch.css.map */