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


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

}

#border {
  position: absolute;
  width: 158px;
  height: 598px;
  top: 0px;
  left: 0px;
  border:1px solid #c6c6c6;
  z-index: 31;
}

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


#bg{
  position: absolute; 
  top: 0px;
  left: 0px;
}

#bg2{
  position: absolute; 
  top: 0px;
  left: 0px;
}



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

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

#rodebalk{
  position:absolute;
  top:24px;
  left:0px;
  width:9px;
  height:189px;
  background:#df2626;
  z-index:30;
}

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

}

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

}

.txt3{
  position:absolute;
  top:0px;
  left:0px;

}

.txt4{
  position:absolute;
  top:0px;
  left:0px;

}

.txt5{
  position:absolute;
  top:0px;
  left:0px;

}

.txt6{
  position:absolute;
  top:0px;
  left:0px;

}

.txt7{
  position:absolute;
  top:0px;
  left:0px;

}

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

.btn {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 9000;

}


.btn2{ 
  visibility:hidden;
  opacity:0;
  transition:visibility 0s linear 0.3s,opacity 0.3s linear;
  
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 9000;

}

#btnwrapper{
  width:100%;
  height:100%;
  position:absolute;

}


#btnwrapper:hover .btn2 {
  visibility:visible;
  opacity:1;
  transition-delay:0s;
}