#digicontainer{color:#FFFFFF; background-color:rgba(0,0,0,0.55); min-height:768px; max-width:100%;}
#media-container{float:none; margin-right:auto; margin-left:auto; background-color:#FFFFFF; border-right:#414042 solid 1px; margin-top:5%; display:block;}
#image-container{overflow:initial; padding-top:2em;}
#niveau-buttons-container{width:80%; display:block; margin-left:auto; margin-right:auto; margin-top:5%;}
.niveau-button{font-family: EtelkaMediumPro, Verdana, Helvetica, Arial, sans-serif; width: 30%;
    padding: 0px; padding-top: 1rem; border-radius: 6px; padding-bottom: 1rem; padding-left: 0px; margin-left: 3%; float: left;  color: #ffffff; margin-bottom: 1rem;
    background-image: url(/energieles/images/knop-back.png); background-repeat: no-repeat; background-position:left; background-position-x:8%; background-size:cover; font-size:1.25em; text-align:center; cursor:pointer;}
#downloads-container{width:80%; display:block; margin-left:auto; margin-right:auto;}
.download{width:100%; padding:1em; float:left; color:#c4104d; font-size:1em; text-align:left; cursor:pointer;}
#intro-afbeelding{display:block; width:80%; min-height:160px; background-image: url("/energieles/energieles/images/drawing-splash-menu.png"); background-repeat: no-repeat; background-position:right; background-position-y:bottom; margin-left:auto; margin-right:auto;}
input{width:80%; display:block; border: solid 0.5px #85bab0;}
.naam{padding:1em; margin-top:0em; margin-bottom:1em; margin-left:auto; margin-right:auto; color:#6d6e71; border: solid 0.5px #85bab0;}
.datum{padding:1em; margin-left:auto; margin-right:auto; color:#6d6e71; border: solid 0.5px #85bab0;}
#spacer{width:2%; display:none; color:#c4104d; float:left; line-height:4.25em;}
.container{width:100%;}
#formulier{margin-left:20px; color: #1d1d1b; margin-top:1em; font-family: EtelkaTextPro, Verdana, Helvetica, Arial, sans-serif; }
#form-rechts{float:right;  max-width: 80%; margin-bottom: 2px;}
.form-rechts{float:right;  max-width: 80%; margin-bottom: 2px;}
#form-links{float:left; min-width: 20px; min-height: 20px; margin-right: 0.2em;}
.form-links{float:left; min-width: 20px; min-height: 20px; margin-right: 0.2em;}
#form-checkbox{min-width: 20px; min-height: 20px; margin-top: 0em;  text-align: left;
    margin-bottom: 0em;}
#form-checkbox input{width:26px; max-width:1rem; max-height:1rem; display: inline-block; margin-right: 10px;}
#form-rechts-opmerkingen{float:right;}
#form-links-opmerkingen{float:left;}
#form-rechts-opmerkingen textarea{padding:0; width:80%;}
#landing-afbeelding{background-image: url(/energieles/images/logo-wve.png); background-position: left; background-position-y: 0; background-repeat: no-repeat; margin-left: 20px; margin-top: 0px; max-width: 80%; height: 82px; background-size:contain;}

#splash-afbeelding{background-image: url(/energieles/images/logo-wve.png); background-position: left;
    background-position-y: 0; background-repeat: no-repeat;
    margin-left: auto; margin-right: auto;
    margin-top: 0px; max-width: 80%;
    height: 82px; background-size:contain;
}
.voetnoot{font-size:0.75em; margin-top:1em; display:inline-block; margin-right: 0.2em; margin-bottom: 1em;}
.voetnoot a {color: #c4104d;}
.versturen{}
#checkboxcontainer{padding-top: 0.5em; margin-bottom: 1em; max-width: 100%; height: 100%; text-align: right; display: inline-block; width: 96%;}

.checkbox-stijl{-webkit-appearance: none; border: solid 0.5px #85bab0; height:26px;}
.checkbox-stijl:checked:after {
font-size: 0.8rem;
    left: 3px;
    position: relative;
    content: '\2714';
    color: #99a1a7;
    max-width: 1rem;
    max-height: 1rem;
    bottom: 0.1rem;
}
#overslaan-container{display:inline-block; float:right;}
#verstuur1 {float: left; width: auto; width: fit-content; margin-right: 4px;}
#buttons {display: inline-block;  width: 92%; text-align: right;}

#leraar-button{display:none;}
input#verstuur {width: 100%; color: #ffffff;
    border: solid 0px;     font-family: EtelkaMediumPro, Verdana, Helvetica, Arial, sans-serif;
    padding-left: 1rem; padding-top: 1rem; padding-bottom: 1rem; padding-right: 1rem;
    margin-left: 0px; margin-bottom:0.5rem;
    float: left; background-image: url(/energieles/images/knop-back.png);
    background-repeat: no-repeat;
    background-position: left;
    background-position-x: 8%;
    background-size: cover;
    font-size: 1.25em;
    text-align: center;
    cursor: pointer;}
input.overslaan {width: 100%; background-color: #ffffff; color: #808285; text-decoration: underline; margin-top: 2rem; border: solid 0px;}

#button-spreekbeurt {position: absolute; max-width: 20%; right: -0.5rem; top: -0.5rem; width: 8rem;}
#button-spreekbeurt img {width: 100%;}

@media (max-width: 980px) {
	#button-spreekbeurt {right: 0.5rem; top: 0.5rem;}
	#form-rechts {width: 72%;}
#media-container {max-width: 600px; height: 100%;  overflow: hidden;}
}
@media (max-width: 640px) {
#digicontainer{min-height: initial;}
#form-rechts {width: 60%;}
}
@media (max-width: 400px) {
	.versturen{width:88%;}
#intro-afbeelding{background-size: 100%;}
.overslaan{float:left; margin-top:0px; margin-bottom:10px;}
}

@media (max-height: 767px){
#media-container {min-height: 70vh;}
}

@media (max-height: 540px){
#media-container {min-height: 400px;}
}