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

/*///////////////////////// CODE VOOR SCHERP MAKEN TIJDENS ZOOMEN ///////////////////////////
    image-rendering: optimizeSpeed;             
    image-rendering: -moz-crisp-edges;          
    image-rendering: -o-crisp-edges;           
    image-rendering: -webkit-optimize-contrast; 
    image-rendering: optimize-contrast;         
    -ms-interpolation-mode: nearest-neighbor;   
*/

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

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

#bg {
  position: absolute;
  height: 600px;
}

#border {
  position: absolute;
  width: 118px;
  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;
}



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

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

#txtvlak{
  position:absolute;
    top: 5px;
    left: 5px;
  width:220px;
  height:145px;
  background:#fff;
  opacity:0.7;
}

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

}

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

}

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

.arrow {
    position: absolute;
}

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

#btn {
  position: absolute;
bottom: 288px;
    left: 10px;
    width: 99px;
    height: 29px;
  -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border-radius: 3px;
  background: #001f67;
}

#btn:hover {
  background: #002b8e;
}