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

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

#container{
  position: absolute;
  width: 300px;
  height: 250px;
  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: 250px;
}

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

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

#pen{
  position: absolute;
  top: 187px;
  left: 150px;
  width: 126px;
  height: 11px;
  z-index: 4000;
}

#videoPlayer{
  position: absolute;
  top: 83px;
  left: 82px;
  width: 138px;
  height: 79px;
  overflow: hidden;
}

.sprite{
   position: absolute;
    top: 0px;
    left: 0px;
    width: 4408px;
    height: 86px;
}

#play{
  position: absolute;
  top: 121px;
  left: 179px;
  z-index: 3000;
  width: 18px;
  height: 23px;
}

#scherm2{
  position: absolute;
  top: 83px;
  left: 82px;
  width: 138px;
  height: 79px;
}

#scherm1{
  position: absolute;
  top: 105px;
  left: 133px;
  width: 104px;
  height: 59px;
}

.tabletBg{
  position: absolute;
  top: 72px;
  left: 82px;
  width: 138px;
  height: 104px;
  background-color: #000;
}

.tabletBgHorizontaal{
  position: absolute;
  top: 63px;
  left: 133px;
  width: 105px;
  height: 139px;
  background-color: #000;
}