@charset "utf-8";
/* CSS Document */
body {background-image:url(/energieles/images/background-home.png); background-position:center top; background-position-y:0; background-repeat:no-repeat; background-color:#ffffff;}
#digicontainer{background-color:transparent; color:#FFFFFF;}
#buttons-groepen-container{width:100%; display:block;}
.button-groep{width:25%; float:left;}
@media (max-width: 979px) {.button-groep{width:50%;}}
@media (max-width: 680px) {.button-groep{width:80%;}}
#logo-titel{display:none;}
#content-container{max-width:1024px; padding:0em;}
#titelblok{background-image:url(/energieles/images/logo-wve.png); background-position:left; background-position-y:0; background-repeat:no-repeat; margin-left:13px; margin-top:29px; width:536px; height:100px;}
#media-container{display:none;}
@media (max-height: 640px) {
	body {background-image:url(/energieles/images/background-home.png); }
}
@media (max-width: 1024px) {
body {background-image:url(/energieles/images/background-home-1024.png); background-position:center top; background-position-y:0; background-repeat:no-repeat; background-color:#ffffff; background-size:100%;}
	#titelblok{margin-top:0px;} 
}
@media (max-height: 640px) {
	body {background-position:center center; background-repeat:no-repeat;}
	 #titelblok{ width: 268px; height: 41px; margin-top:0px; margin-left:0px; background-size: 100%;}
}
#home-startquiz-button{background-image:url(/energieles/images/but-startquiz.png); background-position:left; background-position-y:0; background-repeat:no-repeat; width:136px; height:136px; float:right; cursor:pointer;}
#home-quiz-button{background-image:url(/energieles/images/but-eindquiz.png); background-position:left; background-position-y:0; background-repeat:no-repeat; width:136px; height:136px; float:right; cursor:pointer;}
#home-trailer-button{background-image: url(/energieles/images/but-trailer.png);
    background-position: center;
    background-position-y: 0px;
    background-repeat: no-repeat;
    height: 14px !important;
    float: none;
    width: 100% !important;
    margin-top: 30px;
    cursor: pointer;
    margin-right: auto;
    margin-left: auto;
    background-size: contain !important;}
#home-intro-button{background-image:url(/energieles/images/but-intro.png); background-position:center; background-position-y:3px; background-repeat:no-repeat; width:100%; height:36px; float:right; cursor:pointer;}
#footer{box-shadow: 0 -5px 25px -5px #333;}
area{cursor:pointer;}

@media (min-width: 668px) {
#container-big{display:none;}
#container-medium{display:none;}
#container-small{display:none;}
#container-smallest{display:block;}
#container-mobile{display:none;}
#home-quiz-button{width:102px; height:102px; background-size: 100%;}
#home-trailer-button, #home-startquiz-button, #leraar-button{width:102px; height:102px; background-size: 100%;}
#leraar-button{width: 100% !important; background-position: center !important;}	
}
@media (min-width: 720px) {
#container-big{display:none;}
#container-medium{display:none;}
#container-small{display:block;}
#container-smallest{display:none;}
#container-mobile{display:none;}
}
@media (min-width: 800px) {
#container-big{display:none;}
#container-medium{display:block;}
#container-small{display:none;}
#container-smallest{display:none;}
#container-mobile{display:none;}
#home-quiz-button{width:136px; height:136px; background-size:initial;}
#home-trailer-button, #home-startquiz-button, #leraar-button{width:136px; height:136px; background-size: 100%;}
}
@media (min-width: 1024px) {
#container-big{display:block;}
#container-medium{display:none;}
#container-small{display:none;}
#container-smallest{display:none;}
#container-mobile{display:none;}
}
@media (max-width: 667px) {
#container-big{display:none;}
#container-medium{display:none;}
#container-small{display:none;}
#container-smallest{display:none;}
#container-mobile{display:block; text-align: center;}
body{background-image: none; background-color: #FFFFFF;}
#titelblok {width:100%; background-size: contain; height:100px; margin-left:0px;}
#home-quiz-button{width:100%; background-position:center;}
#home-startquiz-button{width:100%; background-position:center;}
#home-trailer-button{width:100% !important; background-position:center; height:60px;}
#home-intro-button{width:100%; background-position:center;}
#leraar-button{width:100% !important; background-position:center; height:60px;}
iframe{max-height: 300px;}
#media-container{height: 100%;  overflow: hidden;}
}