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


}

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

#border {
  position: absolute;
  width: 970px;
  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:350px;
  top:50%;
  left:50%; 
  filter: drop-shadow(0px 0px 6px rgba(0,0,0,.25));
}


.echt{
  position: absolute;
  height: 100%;
  width: 250px;
  bottom:57px;
  left:125px;
  overflow: hidden;
}



.ofnep{
  position: absolute;
  height:138px;
  width: auto;
  bottom:57px;
  left:410px;
  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: 33%;
  height: auto;
  bottom: 21%;
  left: 24%;
  filter: drop-shadow(0px 0px 6px rgba(0,0,0,.25));
}

.wetenhoe{
  position: absolute;
  width: 24%;
  height: auto;
  bottom: 19%;
  left: 55%;
  filter: drop-shadow(0px 0px 6px rgba(0,0,0,.25));
}