{ padding:0, margin:0, list-style-type:none;}

#container{
  position: absolute;
  width: 300px;
  height: 600px;
  top: 0px;
  left: 0px;
  margin: auto;
  overflow: hidden;
  cursor: pointer;
}

#sunshine {
  position: absolute;
  width: 577px;
  height: 452px;
    top: 0px;
    left: -90px;
}

.retina{
  position: absolute;
  width: 300px;
  height: 600px;
}

#bg {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 890px;
  height: 600px;
}

#border {
  position: absolute;
  width: 298px;
  height: 598px;
  top: 0px;
  left: 0px;
  border:1px solid #c6c6c6;
}

#overlay{
  position: absolute;
  background-color: #fff;
  width: 100%;
  height: 100%;
  z-index: 9999;
  cursor: pointer;
  top:0;
  left:0;
}

.frontWrapper {
  position: absolute;
    bottom: 0px;
    left: -303px;
}

#cellen {
  position: absolute;
  width: 637px;
  height: 245px;
}

#front {
  position: absolute;
  width: 637px;
  height: 245px;
}

/* ///////////////////// TXTVLAKKEN /////////////////////////////// */

#logo{
  position:absolute;
  top:0px;
  right:0px;
}

#txtvlak{
  position:absolute;
  top:12px;
  left:15px;
  width:220px;
  height:98px;
  background:#fff;
  opacity:0.7;
}

#txt1{
  position:absolute;
  top:0px;
  left:0px;

}

#txt2{
  position:absolute;
  top:0px;
  left:0px;

}

/* ///////////////////// CTA /////////////////////////////// */

.btn {
    position: absolute;
    left: 0px;
    bottom: 0px;
}

#btn {
    position: absolute;
    bottom: 261px;
    left: 26px;
    width: 135px;
    height: 27px;
  -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border-radius: 3px;
  background: #ed6b01;
}