{ 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: 728px;
  height: 90px;
  top: 0px;
  left: 0px;
  margin: auto;
  overflow: hidden;
  background-color: #df0000;
  cursor: pointer;
}

#overlay{
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #df0000;
  z-index: 50;
}

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

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

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

#bullet1{
  top: 6px;
  left: 10px;
  width:14px;
  height:14px;
/*  border: solid 2px #fff;
  border-radius:50%;*/
 
}

#bullet2{
  top: 26px;
  left: 10px;
  width:14px;
  height:14px;
/*  border: solid 2px #fff;
  border-radius:50%;*/
}

#bullet3{
  top: 46px;
  left: 10px;
  width:14px;
  height:14px;
/*  border: solid 2px #fff;
  border-radius:50%;*/
}

#bullet4{
  top: 66px;
  left: 10px;
  width:14px;
  height:14px;
/*  border: solid 2px #fff;
  border-radius:50%;*/
}

#logobalk{
  z-index: 20;
  position: absolute;
  top:0px;
  left:0px;
}


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

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

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

#meerBeeld, #meerTv, #meervoordeel, #meerIpad, #perinch{
  left: 0px;
  top: 0px;
  width:336px;
  height:280px;
  position: absolute;
}


#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: 0px;
  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: 0px;
  left: -50px;
  z-index: 45;
  position: absolute;
}

#btn{
  top: 0px;
  z-index: 0;
  position: absolute;
}

#txt1, #txt2, #txt3{
  top: 0px;
  left: -50px;
  z-index: 0;
  position: absolute;
}

#prijs1, #prijs2, #prijs3{
  top: 0px;
  left: -50px;
  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: 578px;
  top: 16px;
  position: absolute;
}

.ambiance {
    top: 0px;
    background: url('spritesheet.png') left top;
    width: 336px;
    height: 280px;
    position: absolute;

}

#bal{
    left: 127px;
    top: 32px;
  position: absolute;
  z-index: 45;
}

#backgroundImg, #backgroundImg2, #backgroundImg3{
  position: absolute;
  top: 0px;
  left:0px;
  
}



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