@media (orientation:landscape) {
    html.ipad.ios7 > body {
        position: fixed;
        bottom: 0;
        width:100%;
        height: 672px !important;
    }
}

html, body{width:100%; height:100%; overflow:hidden; -webkit-user-select: none;}
body{margin:0; padding:0; background:#000; font-family: 'droid'; tap-highlight-color: rgba(0,0,0,0);}

#rain{position:absolute; width:100%; height:100%; background-image:url(../img/rain/rain_01.png); background-size:auto 100%;}

.scene * {transform: translate3d(0, 0, 0);}

#currentscene{width:100%; height:100%; overflow:hidden; position:relative}
.scene{width:100%; height:100%; overflow:hidden; position:relative}
#console{position:absolute; left:10px; top:10px; color:#0f0}
#fullvideo{position:absolute; width:100%; height:100%; left:0px; top:0px; display:none}
#blackness{position:absolute; width:100%; height:100%; left:0px; top:0px; background:rgba(0,0,0,1);}
#vid{position:absolute; width:100%; height:100%; left:0px; top:50%; opacity:1}
.jaja{position:absolute; left:20px; top:20px; background:#fff; font-size:35px;}
.skip{position:absolute; left:150px; top:20px; background:#fff; font-size:35px;}
.knop{background:rgba(0,0,0,1); padding:10px; color:white; border:1px solid #f00; margin:10px; min-width:150px; display:inline-block; line-height:50px; text-align:center; cursor:url(../img/hand_searching.png) 38 3, pointer; white-space:no-wrap}
.knop:hover{background:rgba(30,0,0,1)}
.buttonwrap{position:absolute; width:100%; bottom:0px; left:0px; text-align:center; background:#000; border:2px #000 solid;}

.pointer{cursor:url(../img/hand_searching.png) 38 3, pointer;}

#logos{position:absolute; z-index:200; right:10px; top:10px}

#black_left{height:100%; width:200px; left:-180px}
#black_right{height:100%; width:200px; right:-180px}

.black{position:absolute; background-color:#000000; z-index:100}
#blackscreen{width:100%; height:100%; left:0px; top:0px; display:none}

.wrap{position:absolute; overflow:hidden; left:50%; top:50%;}

@media (min-width: 1601px){
.wrap{width:2000px; height:1414px; margin-left:-1000px; margin-top:-707px;}

}
@media (min-width: 1101px) and (max-width: 1600px){
.wrap{width:1400px; height:990px; margin-left:-700px; margin-top:-495px;}
}
@media (max-width: 1100px){
.wrap{width:1100px; height:778px; margin-left:-550px; margin-top:-389px;}
}