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

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

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

.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: 180px;
  left: 161px;
  width: 136px;
  height: 11px;
  z-index: 4000;
}

#videoPlayer{
    position: absolute;
    top: 77px;
    left: 88px;
    width: 134px;
    height: 77px;
    overflow: hidden;
}

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

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

#scherm2{
  position: absolute;
  top: 77px;
  left: 88px;
  width: 134px;
  height: 77px;
}

#scherm1{
  position: absolute;
  top: 101px;
  left: 142px;
  width: 96px;
  height: 58px;
}

.tabletBg{
    position: absolute;
    top: 65px;
    left: 87px;
    width: 150px;
    height: 115px;
    background-color: #000;
}

.tabletBgHorizontaal{
  position: absolute;
  top: 65px;
  left: 144px;
  width: 95px;
  height: 126px;
  background-color: #000;
}