*{box-sizing:border-box;border:0px solid;margin:0;padding:0}body{margin:0;padding:0;font-family:Sans-Serif;line-height:1.5em;background-color:#f1f1f1}.webgl{position:fixed;top:0;left:0;outline:none}#header{background:#ccc;height:80px;top:30%}#header h1{margin:0;padding-top:20px;text-align:center}main{padding-bottom:10011px;margin-bottom:-10000px;float:left;width:100%}#nav{width:20%;background:#eee;overflow-y:scroll;height:calc(100vh - 188px);display:block;position:absolute;border:1px solid}#footer{clear:left;width:100%;background:#ccc;text-align:center;padding:4px 0;display:inline-block}.footertext{position:absolute;text-align:center;left:50%;float:left}#wrapper{overflow:hidden;height:calc(100vh - 188px)}#pagecookie{padding-top:20px;padding-bottom:20px;width:100%;bottom:0px;text-align:center;background-color:#555;color:#fff;position:fixed;z-index:1100;visibility:hidden;bottom:0}.hint{width:300px;text-align:center;border-radius:5px;display:inline-block;background:white;position:fixed;left:calc(50% - 15px);top:45%;transform:translate(-45%,-45%);z-index:1100;visibility:hidden;padding:20px}.hint img{width:200px;padding:10px 0}.hintText{padding-bottom:5px}.begrepen{padding:10px 0}.btn{border:none;border-radius:5px;color:#fff!important;cursor:pointer;display:inline-block;font-family:inherit;font-weight:600;height:39px;line-height:39px;margin:0;outline:none;padding:0 1.2em;text-align:center;text-decoration:none}.btn.blue{background-color:#009ee3;text-shadow:1px 1px #07a}.btn.navy{background-color:#005e9e;text-shadow:1px 1px #004777}#content{display:block;width:100%;float:left}.innertube{margin:20px 0 0}.pageheader{padding:10px;margin-top:0;height:60px}p{color:#555}ul{list-style-type:none;margin:0;padding:0}ul a{color:#006400;text-decoration:none}.center{display:block;margin-left:auto;margin-right:auto;float:left}.info{float:right;position:absolute;right:0;width:20%;margin-right:0;background:#eee;height:calc(100vh - 188px)}#licenses{text-align:center;padding-top:0}#map{position:relative;width:100%;z-index:62}#resultaten_container{display:none;border:1px solid grey;height:auto;max-height:200px;width:100%;margin-top:20px;overflow-y:scroll;border-radius:3px}ul#proList{list-style-position:inside}li.item{list-style:none;padding:5px;font-size:small}#sponsor_container{border:0px solid grey;height:70px;width:100%;display:inline-block;margin-top:20px;border-radius:3px;display:flex;align-items:center;justify-content:center;text-align:center}#id_adres{width:100%;border:1px solid grey;border-radius:5px;height:20px}#zoek_container{text-align:center;width:100%;height:30px;padding-top:15px}#id_zoek{height:30px;width:30%}#schaduw_container{text-align:left;width:100%;height:30px;padding-top:15px;margin-top:10px}.logo-text-tudelft{font-family:Barlow,sans-serif;font-weight:700;font-size:1.1rem}#parentTimelineContainer{position:relative;display:block;width:100%;height:140px;float:left;margin-top:10px}.slidecontainer{width:70%;z-index:100;position:absolute;display:inline-block;margin-left:15%;margin-right:15%;height:fit-content}.slider{-webkit-appearance:none;appearance:none;display:block;margin:5px auto 0;width:100%;height:15px;border-radius:5px;background:#d3d3d3;outline:none;opacity:.7;-webkit-transition:.2s;transition:opacity .2s}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:25px;height:25px;border-radius:50%;background:#005e9e;cursor:pointer}.slider::-moz-range-thumb{width:25px;height:25px;border-radius:50%;background:#005e9e;cursor:pointer}.sliderLabel{float:right}.period{width:100%;height:25px;margin-top:30px;padding:-4px;display:inline-block}.zpText{font-size:1rem}.tooltip{z-index:1;position:absolute;display:inline;width:260px;height:25px}.month{top:0rem;left:30px}.date{top:3.6rem;left:30px}.tooltip span{position:absolute;text-align:center;display:block;line-height:1;padding:.125rem .25rem;color:#fff;border-radius:.125rem;background:#005e9e;font-size:1.1rem;left:-6%;transform:translate(-50%)}.tooltip span:before{position:absolute;content:"";left:50%;bottom:-8px;transform:translate(-50%);height:0;border:4px solid transparent;border-top-color:#6ba132}#mydiv{position:absolute;z-index:1001;background-color:#f1f1f1;border:1px solid #d3d3d3;text-align:center}#mydivheader{padding:10px;cursor:move;z-index:10;background-color:#2196f3;color:#fff}.orientation{background-color:#ccc;border:1px solid darkgray;border-radius:3px;margin:10px;padding:0;position:absolute;z-index:100;display:inline;text-align:center;font-size:1.1rem;zoom:.8}.orientation label{display:block;color:#000}.calculation{background-color:#ccc;border:1px solid darkgray;border-radius:3px;margin:10px;right:10px;position:absolute;z-index:100;display:inline;text-align:center}#currentLocationContainer{cursor:pointer;margin:auto;padding-top:1px;padding-bottom:5px}#currentLocationContainer img{width:25px;margin-left:10px}.collapsible{background-color:#ccc;margin-top:10px;color:#000;cursor:pointer;padding:18px;width:100%;border:none;border-radius:4px;text-align:left;outline:none;font-size:15px;text-align:center}.active,.collapsible:hover{background-color:#555}.content{padding:0;max-height:0px;overflow-y:auto;overflow:hidden;transition:max-height .2s ease-out;background-color:#f1f1f1}.contentOverZonpotentie,.contentSimulaties{padding:0;max-height:0px;overflow-y:auto;overflow:hidden;transition:max-height .2s ease-out;background-color:#f1f1f1;font-size:.9rem}#simulatieZonnepaneel,#objectTable{width:100%}.tdObjectHeader{height:30px;width:100px;text-align:center}.tdObject{height:90px;width:100px;text-align:center}.objectContainer{display:inline-block;padding:0;height:130px;margin-top:25px;margin-bottom:auto}.objectImage{height:80%;margin-left:10px;margin-right:10px}#example,.sliderLabel{user-select:none}.sliderControl{margin:5px 5px 0;height:25px;user-select:none;background-color:#cdebb0;padding:5px;border-radius:3px;border:1px solid grey}#rgnSchaduw{display:visible}#rgnWatt,#rgnVermogensopbrengst,#rgnHeading,#rgnPitch,#rgnRoll,#rgnScale,#rgnHeight{display:none}#rgnCalculation{display:none;padding:10px;user-select:none}.calculationComponent{text-align:left}label{user-select:none}#objectViewer{background-color:#f1f1f1}#objectInfo{font-size:.8em}#threeObject{border-radius:5px}.left{background-color:#f1f1f1;padding-right:10px;padding-left:10px;float:left;width:15%}.main{background-color:#f1f1f1;padding-top:20px;float:left;width:70%}.right{background-color:#f1f1f1;padding-left:10px;padding-right:10px;float:left;width:15%}.footer{padding:10px}#myImg{border-radius:5px;cursor:pointer;transition:.3s}#myImg:hover{opacity:.7}.modal{display:none;position:fixed;z-index:1000;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#000000e6}.modal-content{margin:auto;display:block;width:60%;max-width:70%}#caption{margin:auto;display:block;width:80%;max-width:700px;text-align:center;color:#ccc;padding:10px 0;height:150px}.modal-content,#caption{animation-name:zoom;animation-duration:.6s}@keyframes zoom{0%{transform:scale(0)}to{transform:scale(1)}}.close{position:absolute;top:15px;right:35px;color:#f1f1f1;font-size:40px;font-weight:700;transition:.3s}.close:hover,.close:focus{color:#bbb;text-decoration:none;cursor:pointer}@media only screen and (max-width: 700px){.modal-content{width:100%}}.loader{border:16px solid #009ee3;border-radius:50%;border-top:16px solid #07a;width:120px;height:120px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;position:fixed;top:50%;left:50%;margin-top:-60px;margin-left:-60px;z-index:1000;visibility:hidden}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (max-width: 800px){.left,.main,.right{width:100%}#map{height:450px}#threeObject{width:100%}}