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

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

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

.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: 83px;
    left: 142px;
    width: 80px;
    height: 7px;
    z-index: 4000;
}

#videoPlayer{
  position: absolute;
  top: 27px;
  left: 117px;
  width: 84px;
  height: 49px;
  overflow: hidden;
}

.sprite{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 2378px;
  height: 49px;
}

#play{
  position: absolute;
  top: 67px;
  left: 87px;
  z-index: 3000;
  width: 14px;
  height: 20px;
}

#scherm2{
  position: absolute;
  top: 27px;
  left: 117px;
  width: 84px;
  height: 49px;
}

#scherm1{
  position: absolute;
  top: 54px;
  left: 62px;
  width: 59px;
  height: 45px;
}

.tabletBg{
    position: absolute;
    top: 22px;
    left: 120px;
    width: 81px;
    height: 63px;
    background-color: #000;
}

.tabletBgHorizontaal{
  position: absolute;
  top: 42px;
  left: 61px;
  width: 62px;
  height: 126px;
  background-color: #000;
}

#tablet, #tabletback{
  height: 150px;
}