html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}

html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}
footer {display:block;}


.w4-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}

.w4-bar{width:100%;overflow:hidden}
.w4-bar-item{padding:8px 16px;float:left;width:auto;border:1px solid HotPink;display:block;outline:0}
.w4-border{border:1px solid #ccc}
.w4-hover-black:hover{color:#fff;background-color:#000}

.w4-bar-block .w3-dropdown-hover,.w4-bar-block .w3-dropdown-click{width:100%}
.w4-bar-block .w3-dropdown-hover .w3-dropdown-content,.w4-bar-block .w3-dropdown-click .w3-dropdown-content{min-width:100%}
.w4-bar-block .w3-dropdown-hover .w4-button,.w4-bar-block .w3-dropdown-click .w4-button{width:100%;text-align:left;padding:8px 16px}


/*   Voor test met eerste scherm toegevoegd : */
.w4-display-container{position:relative}
.w4-opacity-min {opacity:0.8}
.w4-hotpink{color:#FF69B4;background-color:#000}
.w4-display-bottomleft{position:absolute;left:0;bottom:0}
.w4-xlarge{font-size:24px}
.w4-wide{letter-spacing:6px}
.w4-padding-small{padding:4px 8px}

.w4-center{display:block;width:auto;text-align:center}


.w4-col{float:left;width:100%}
.w4-col,.w4-half,.w4-third,.w4-twothird,.w4-threequarter,.w4-quarter{float:left;width:100%}

.w4-col.s1{width:8.33333%}.w4-col.s2{width:16.66666%}.w4-col.s3{width:24.99999%}.w4-col.s4{width:33.33333%}
.w4-col.s5{width:41.66666%}.w4-col.s6{width:49.99999%}.w4-col.s7{width:58.33333%}.w4-col.s8{width:66.66666%}
.w4-col.s9{width:74.99999%}.w4-col.s10{width:83.33333%}.w4-col.s11{width:91.66666%}.w4-col.s12{width:99.99999%}

.w4-container::after,.w4-container::before{content:"";display:table;clear:both}
.w4-container{padding:0.01em 16px}




.w4-hover-red:hover{color:#fff;background-color:#f44336}
.w4-hover-text-green:hover{color:#4CAF50}
.w4-input{padding:8px;display:block;border:none;border-bottom:1px solid #ccc;width:100%}
.w4-margin-right{margin-right:16px}
.w4-margin-bottom{margin-bottom:5px}
.w4-modal{z-index:3;display:none;padding-top:10px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}


.w4-opacity-min{opacity:0.75}
.w4-opacity,.w4-hover-opacity:hover{opacity:0.60}.w4-opacity-off,.w4-hover-opacity-off:hover{opacity:1}
.w4-opacity-max{opacity:0.25}.w4-opacity-min{opacity:0.75}




.w4-xxlarge{font-size:36px}
.w4-xlarge{font-size:24px}

.w4-padding-64{padding-top:64px;padding-bottom:64px}
.w4-padding-32{padding-top:32px;padding-bottom:32px}
.w4-padding-large{padding:12px 24px}

.w4-panel::after,.w4-panel::before{content:"";display:table;clear:both}
.w4-right{float:right}
.w4-row-padding::after,.w4-row-padding::before{content:"";display:table;clear:both}
.w4-row-padding,.w4-row-padding>.w4-half,.w4-row-padding>.w4-third,.w4-row-padding>.w4-twothird,.w4-row-padding>.w4-threequarter,.w4-row-padding>.w4-quarter,.w4-row-padding>.w4-col{padding:0 8px}

.w4-round{border-radius:4px}
.w4-row::after,.w4-row::before{content:"";display:table;clear:both}
.w4-section{margin-top:16px;margin-bottom:16px}
.w4-text-white{color:#fff}
.w4-top{position:fixed;width:100%;z-index:1}.w4-top{top:0}

.w4-white{color:#000;background-color:#fff}




/* Colors */
.w4-black,.w4-hover-black:hover{color:#fff;background-color:#000}
.w4-light-grey,.w4-hover-light-grey:hover,.w4-light-gray,.w4-hover-light-gray:hover{color:#000;background-color:#f1f1f1}
.w4-hover-text-black:hover{color:#000}

.w4-button{border:none;display:inline-block;padding:8px 16px;
vertical-align:middle;
overflow:hidden;
text-decoration:none;
font-weight:bold;
color: HotPink;
background-color:inherit;
text-align:center;
cursor:pointer;
white-space:nowrap}

.w4-image{max-width:100%;height:auto}img{vertical-align:middle}a{color:inherit}

/* End extract */
html,body{font-family:Verdana,sans-serif;font-size:15px;line-height:1.5}
html{overflow-x:hidden}
h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}





@media (max-width:992px) and (min-width:601px){
.w4-hide-medium{display:none}
.w4-top{position:fixed;width:100%;z-index:1}
.w4-top{top:0}

}

@media (min-width:993px){.w4-hide-large{display:none}.w4-hide{display:none}
.w4-content,.w4-auto{margin-left:auto;margin-right:auto}.w4-content{max-width:980px}.w4-auto{max-width:1140px}
.w4-show{display:block}.w4-show-inline-block{display:inline-block}
.w4-display-topright{position:absolute;right:0;top:0}

}

@media (max-width:992px){ 
.w4-display-container:hover .w4-display-hover{display:block}.w4-display-container:hover span.w4-display-hover{display:inline-block}.w4-display-hover{display:none}
.w4-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.w4-display-bottomleft{position:absolute;let:0;bottom:0}
.w4-center{text-align:center}
.w4-padding-large{padding:12px 24px}
.w4-padding-small{padding:4px 8px}
.w4-xlarge{font-size:24px}
.w4-wide{letter-spacing:6px}
.w4-display-topright{position:absolute;right:0;top:0}
.w4-large{font-size:18px}
.w4-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.w4-transparent{background-color:transparent}
.w4-row-padding,.w4-row-padding>.w4-half,.w4-row-padding>.w4-third,.w4-row-padding>.w4-twothird,.w4-row-padding>.w4-threequarter,.w4-row-padding>.w4-quarter,.w4-row-padding>.w4-col{padding:0 8px}
.w4-card{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.w4-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.w4-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
}


@media (max-width:600px){
.w4-hide-small{display:none}

}

@media (min-width:601px){
.w4-col.m1{width:8.33333%}.w4-col.m2{width:16.66666%}.w4-col.m3,.w4-quarter{width:24.99999%}.w4-col.m4,.w4-third{width:33.33333%}
.w4-col.m5{width:41.66666%}.w4-col.m6,.w4-half{width:49.99999%}.w4-col.m7{width:58.33333%}.w4-col.m8,.w4-twothird{width:66.66666%}
.w4-col.m9,.w4-threequarter{width:74.99999%}.w4-col.m10{width:83.33333%}.w4-col.m11{width:91.66666%}.w4-col.m12{width:99.99999%}
}