#banner{
  position: absolute;
  width: 300px;
  height: 250px;
  top: 0px;
  left: 0px;
  overflow: hidden;
  cursor: pointer;
  opacity: 0;
  background-color: #e5e7e8;  


}

.retina{
  position: absolute;
  width: 300px;
  height: 250px;
  top:0px;
  left:0px;
}

#border {
  position: absolute;
  width: 300px;
  height: 250px;
  top: 0px;
  left: 0px;
  border:1px solid #cccccc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 9999999;
}


.ctaActive{
display: none;
}

.bg{
  background: rgb(217,15,5);
  background: radial-gradient(circle, rgba(217,15,5,1) 0%, rgba(178,11,2,1) 100%);
}

.mail{
  position: absolute;
  height: auto;
  width: 230px;
  top:50%;
  left:50%; 
  filter: drop-shadow(0px 0px 6px rgba(0,0,0,.25));
}


.echt{
  position: absolute;
  height: 50%;
  width: 46%;
  bottom:144px;
  left:27%;
  overflow: hidden;
}



.ofnep{
  position: absolute;
  height:auto;
  width: 68%;
  top:160px;
  left:16%;
  overflow: hidden;
}

.of{
  position: absolute;
  height:78px;
  width: 100%;
  top:332px;
  left:29px;
  overflow: hidden;
}

.letter{
  position: absolute;
  width: 100%;
  height: auto;
  bottom:0px;
  left:0px;
}






.laatje{
  position: absolute;
  width: 76%;
  height: auto;
  bottom:23%;
  left:9%;
  filter: drop-shadow(0px 0px 6px rgba(0,0,0,.25));
}

.wetenhoe{
  position: absolute;
  width: 56%;
  height: auto;
  top:68%;
  right:15%;
  filter: drop-shadow(0px 0px 6px rgba(0,0,0,.25));
}