@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: 998;
}

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

#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;
}

#rand{
  position: absolute;
  z-index: 995;
}

#logo{
  position: absolute;
  top: 15px;
  left: 6px;
  z-index: 997;
}


#txt{
  position: absolute;
  top: 190px;
  left:19px;
  z-index: 996;
}


#lierbeneden{
  position: absolute;
  bottom: -44px;
  left: 227px;
  z-index: 996;
      -ms-transform: rotate(270deg); /* IE 9 */
  -webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */
  transform: rotate(270deg);
}

#lierboven{
  position: absolute;
  top: 5px;
  right: 132px;
  z-index: 996;
    -ms-transform: rotate(90deg); /* IE 9 */
  -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
  transform: rotate(90deg);
}


#cta{
  position: absolute;
  bottom: 9px;
  right:24px;
  z-index: 997;
  cursor: pointer;
}

#pijl{
  position: absolute;
  bottom: 8px;
  right:11px;
  z-index: 997;
  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: -115px;
  left:-198px;
  width: 600px;
  height: 479px;
  z-index: 992;
    -ms-transform: rotate(0.01deg); /* IE 9 */
  -webkit-transform: rotate(0.01deg); /* Chrome, Safari, Opera */
  transform: rotate(0.01deg);
}

#vrouw_meisje{
  position: absolute;
  bottom: -84px;
  left: -169px;
  width: 576px;
  height: 399px;
  z-index: 993;
    -ms-transform: rotate(0.01deg); /* IE 9 */
  -webkit-transform: rotate(0.01deg); /* Chrome, Safari, Opera */
  transform: rotate(0.01deg);
}

#blur{
  position: absolute;
  bottom: 0px;
  left:0px;
  width: 340px;
  height: 250px;
  z-index: 994;
}