@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: 200px;
  height: 200px;
  top: 0px;
  left: 0px;
  margin: auto;
  overflow: hidden;
  background-color: #ffffff;
}

#border {
  position: absolute;
  width: 198px;
  height: 198px;
  top: 0px;
  left: 0px;
  border:1px solid #ccc; 
  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: 5px;
  left: 5px;
  z-index: 997;
}


#txt{
  top: 4px;
  left: -2px;
  position: absolute;
  z-index: 996;
}


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

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


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

#pijl{
  position: absolute;
  bottom: 7px;
  right:6px;
  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, #gebouw{
  position: absolute;
  z-index: 992;
    -ms-transform: rotate(0.01deg); /* IE 9 */
  -webkit-transform: rotate(0.01deg); /* Chrome, Safari, Opera */
  transform: rotate(0.01deg);
}