#digicontainer{ }
#media-container{display: none;}
#image-container{overflow:initial; padding-top:2em;}
#niveau-buttons-container{width:80%; display:block; margin-left:auto; margin-right:auto; margin-top:10%;}
.niveau-button{width:33%; padding:1em; padding-left:30px; float:left; color:#c4104d; font-weight:bold; background-image: url("/energieles/energieles/images/icoon-niveau.png"); background-repeat: no-repeat; background-position:left; background-position-x:8%; background-size:24px; 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-weight:bold; 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 #eb7412;}
.naam{padding:1em; margin-top:0em; margin-bottom:1em; margin-left:auto; margin-right:auto; color:#6d6e71; border: solid 0.5px #eb7412;}
.datum{padding:1em; margin-left:auto; margin-right:auto; color:#6d6e71; border: solid 0.5px #eb7412;}
#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;
    margin-left: 26px; text-align: left;
    margin-bottom: 0em;}
#form-checkbox input{width:26px; display: inline-block;}
#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/titel-home.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:100%;
}
.voetnoot{font-size:0.75em; margin-top:1em; display:inline-block; margin-right: 0.2em; margin-bottom: 1em;}
.overslaan {margin-right:20px;}
.versturen{}
#checkboxcontainer{padding-top: 0.5em; margin-bottom: 0em; max-width: 100%; height: 100%; text-align: right; display: inline-block; float: right; width: 80%;}

.checkbox-stijl{-webkit-appearance: none; border: solid 0.5px #eb7412; height:26px;}
.checkbox-stijl:checked:after {
		font-size: 18px;
    left: 3px;
    position: relative;
    content: '\2714';
	color: #99a1a7;
}
#overslaan-container{display:inline-block; float:right;}
#verstuur1 {float: right; width: auto; width: fit-content; margin-right: 4px;}
#buttons {
    display: inline-block;
    width: 80%;
    text-align: right;
}
input#verstuur {width: 100%;}
@media (max-width: 980px) {
#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;}
}

#content-container{max-width:72%;}
#thema-content{width:100%; max-width:600px; margin-top:2em;}
p a {text-decoration: underline;}
#media-container{width:28%;}
.image-blok{display:block; height:100%;}
#thema-icoon{display:none;}
#image-container img{height:initial;}
#footer{box-shadow: 0 -5px 25px -5px #333;}
@media (max-width: 640px) {	
	#content-container{max-width:100%;}
	#thema-content{width:96%;} 
	#media-container{display:none;}
}