@charset "UTF-8";
/* CSS Document */
/* Div layer for the entire banner. */
{ padding:0, margin:0, list-style-type:none;}

body { 

}

.pixelated {
  image-rendering:optimizeSpeed;             /* Legal fallback */
  image-rendering:-moz-crisp-edges;          /* Firefox        */
  image-rendering:-o-crisp-edges;            /* Opera          */
  image-rendering:-webkit-optimize-contrast; /* Safari         */
  image-rendering:optimize-contrast;         /* CSS3 Proposed  */
  image-rendering:crisp-edges;               /* CSS4 Proposed  */
  image-rendering:pixelated;                 /* CSS4 Proposed  */
  -ms-interpolation-mode:nearest-neighbor;   /* IE8+           */
}


#container {
  position: absolute;
  width: 300px;
  height: 250px;
  top: 0px;
  left: 0px;
  margin: auto;
  overflow: hidden;
  background-color: #ffffff;
}

#border {
  position: absolute;
  width: 298px;
  height: 248px;
  top: 0px;
  left: 0px;
  border:1px solid #000000; 
  z-index: 1000;
}

#clicktag {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  cursor: pointer;
  opacity: 0;
  z-index: 1001;
}

#fade{
  position: absolute;
  height:100%;
  width: 100%;
  background-color:#ffffff;
  z-index: 998;
}

#fadetwee{
  position: absolute;
  height:100%;
  width: 100%;
  background-color:#ffffff;
  opacity:0;
  z-index: 950;
}

#kader{
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 996;
}

#simone{
  position: absolute;
  top: 77px;
  left: -24px;
  z-index: 996;
}

#logo{
  position: absolute;
  top: 14px;
  left: 7px;
  z-index: 999;
}

#avro{
  position: absolute;
  top: 223px;
  left: 9px;
  z-index: 996;
}

#menzis{
  position: absolute;
  top: 9px;
  left: 243px;
  z-index: 996;
}


#het{
  position: absolute;
  top: 98px;
  left:83px;
  z-index: 996;
}

#zondag{
  position: absolute;
  top: 124px;
  left: 81px;
  z-index: 996;
}

#gevoel{
  position: absolute;
  top: 150px;
  left: 81px;
  z-index: 996;
}

#txt_simone{
  position: absolute;
  top: 168px;
  left: 82px;
  z-index: 996;
}

#lierbeneden{
  position: absolute;
  bottom: -14px;
  left: -282px;
  z-index: 998;
    -ms-transform: rotate(0.01deg); /* IE 9 */
  -webkit-transform: rotate(0.01deg); /* Chrome, Safari, Opera */
  transform: rotate(0.01deg);
}


#lierboven{
  position: absolute;
  top: -22px;
  right: -325px;
  z-index: 998;
  -ms-transform: rotate(180deg); /* IE 9 */
  -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
  transform: rotate(180deg);
}


#cta{
  position: absolute;
  bottom: 8px;
  right: 20px;
  z-index: 999;
  cursor: pointer;
}

#arrow{
  position: absolute;
  bottom: 7px;
  right: 9px;
  z-index: 999;
  cursor: pointer;
}

#btn:hover {
    -ms-transform: scale(1,1) !important; /* IE 9 */
    -webkit-transform: scale(1,1) !important; /* Safari */
    transform: scale(1,1) !important;
}


#bg{
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 996;
}