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

.txt{
    image-rendering: optimizeSpeed;             /*                     */
    image-rendering: -moz-crisp-edges;          /* Firefox             */
    image-rendering: -o-crisp-edges;            /* Opera               */
    image-rendering: -webkit-optimize-contrast; /* Chrome (and Safari) */
    image-rendering: optimize-contrast;         /* CSS3 Proposed       */
    -ms-interpolation-mode: nearest-neighbor;   /* IE8+                */
}

#container{
  position: absolute;
  width: 336px;
  height: 280px;
  top: 0px;
  left: 0px;
  margin: auto;
  overflow: hidden;
  background-color: #df0000;
  cursor: pointer;
}

#border {
  position: absolute;
  width: 334px;
  height: 278px;
  top: 0px;
  left: 0px;
  border:1px solid #c6c6c6;
  z-index: 21;
}

#klik1{
  position: absolute;
  width: 336px;
  height: 280px;
  top: 0px;
  left: 0px;
  margin: auto;
  cursor: pointer;
  z-index: 48;
}

#bullet1, #bullet2, #bullet3, #bullet4{
  position: absolute;
  z-index: 50;
}

#bullet1{
  top: 215px;
  left: 125px;
  width:16px;
  height:16px;
  border: solid 2px #fff;
  border-radius:50%;

}

#bullet2{
  top: 215px;
  left: 152px;
  width:16px;
  height:16px;
  border: solid 2px #fff;
  border-radius:50%;
}

#bullet3{
  top: 215px;
  left: 179px;
  width:16px;
  height:16px;
  border: solid 2px #fff;
  border-radius:50%;
}

#bullet4{
  top: 215px;
  left: 206px;
  width:16px;
  height:16px;
  border: solid 2px #fff;
  border-radius:50%;
}

#logobalk{
  z-index: 20;
  position: absolute;
}

/*////////////////////////////////////////Regen///////////////////////////////////////////////////////*/

#container2{
  position: absolute;
  width: 336px;
  height: 280px;
  top: 0px;
  left: 0px;
  margin: auto;
  overflow: hidden;
/*  background-color: #df0000;*/
  cursor: pointer;
  z-index: 20;
}

.drup{
  z-index: 20;
  content: "";
  display: block;
  position: absolute;
  background-image: url("drup.png");
  width: 7px;
  height: 13px;
}

/*////////////////////////////////////////// Intro//////////////////////////////////////////////////////////*/

.intro{
  left: 0px;
  top: 0px;
  position: absolute;
  z-index: 45;
}

#intro1{
  z-index: 50;
  position: absolute;
}

#intro3, #intro2{
  z-index: 30;
  position: absolute;
}

#paraplu{
  position: absolute;
  left: 20px;
  top: 25px;
}

#vlak{
  position: absolute;
  width: 336px;
  height: 280px;
  top: 0px;
  left: 0px;
  margin: auto;
  overflow: hidden;
  background-color: #df0000;
  z-index: 19;
}

#alleAanbiedingenCta{
  position: absolute;
  width: 336px;
  height: 280px;
  top: -22px;
  left: 0px;
  margin: auto;
  overflow: hidden;
  z-index: 47;
/*  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
 -moz-opacity: 0;
 -khtml-opacity: 0;
 opacity: 0;*/
}

/*////////////////////////////////////////// overig //////////////////////////////////////////////////////////*/

#packshot1, #packshot2, #packshot3{
  top: -20px;
  z-index: 45;
  position: absolute;
}

#btn, #txt1, #prijs1, #txt2, #prijs2, #txt3, #prijs3{
  top: -20px;
  z-index: 0;
  position: absolute;
}

#btn{
      image-rendering: optimizeSpeed;             /*                     */
    image-rendering: -moz-crisp-edges;          /* Firefox             */
    image-rendering: -o-crisp-edges;            /* Opera               */
    image-rendering: -webkit-optimize-contrast; /* Chrome (and Safari) */
    image-rendering: optimize-contrast;         /* CSS3 Proposed       */
    -ms-interpolation-mode: nearest-neighbor;   /* IE8+                */
  left: 183px;
  top: 163px;
}



/*//////////////////////////////////////////  laatste frame CTA Intro//////////////////////////////////////////////////////////*/