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

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

#play{
   position: absolute;
top: 235px;
    left: 191px;
  z-index: 999;
      width: 25px;
    height: 25px;
    cursor:none;
}

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

#dragArea{
  position: absolute;
  width: 640px;
  top:0px;
  left:-320px;
  height:480px;
  cursor: pointer;

}


#pen{
  position: absolute;
  top: 394px;
  left: 88px;
  width: 139px;
  height: 11px;
  z-index: 1000;

}

#scherm1, #scherm2, #scherm3, #videoPlayer  {
	position: absolute;
	top: 171px;
    left: 144px;
    width: 117px;
    height: 154px;
}

#videoPlayer{
    overflow: hidden;
}

.sprite{
   position: absolute;
    top: 0px;
    left: 0px;
    width: 2900px;
    height: 154px;
}