body{
  background-color: white;
  margin:0;
}

#btn-white, #logo-white { z-index:10; }

#container{
  position: absolute;
  width: 300px;
  height: 600px;
  overflow: hidden;
  border: 1px solid #000;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#wrapper{
  display: none;
}

.images{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 300px;
  height: 600px;
}

.clickArea{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
   cursor: none;
   z-index:100;
}

#zwart{
  position: absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  background-color: #000;
}


#pen{
  position: absolute;
  top: 476px;
  left: 64px;
  width: 164px;
  height: 13px;
  z-index: 4000;
}

#videoPlayer{
 position: absolute;
  top: 225px;
  left: 59px;
  width: 184px;
  height: 139px;
}

#play{
  position: absolute;
  top: 285px;
  left: 190px;
  z-index: 3000;
  width: 18px;
  height: 23px;
  cursor:none;
}

#scherm2{
  position: absolute;
  top: 242px;
  left: 59px;
  width: 184px;
  height: 105px;
}

#scherm1{
  position: absolute;
  top: 259px;
  left: 127px;
  width: 139px;
  height: auto;
}



.tabletBg{
  position: absolute;
  top: 225px;
  left: 59px;
  width: 184px;
  height: 139px;
  background-color: #000;
}

.tabletBgHorizontaal{
position: absolute;
    top: 207px;
    left: 127px;
    width: 139px;
    height: 184px;
    background-color: #000;
}