@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+           */
}
img{
  border-style: none;
}

.retina{
  position: absolute;
  top: 0px;
  left:0px;
  width: 970px;
  height: 250px;
}

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

#border {
  position: absolute;
  width: 970px;
  height: 250px;
  top: 0px;
  left: 0px;
  border:1px solid #cccccc;
  z-index: 1000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#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:#fff;
  z-index: 1000;
}

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

#kader{
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 997;
  width:970px;
  height:250px;
}

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

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


.txt1 {
  position: absolute;
  top: 0px;
  left:0px;
  width: 970px;
  height: 250px;
  z-index: 996;
}

.txt2 {
  position: absolute;
  top: 0px;
  left:0px;
  width: 970px;
  height: 250px;
  z-index: 996;
}


.bg {
  position: absolute;
  top: 0px;
  left:0px;
  width: 970px;
  height: 250px;
  z-index: 997;
}



#lierboven{
  position: absolute;
    top: 0px;
    left: 0px;
  z-index: 998;
      -ms-transform: rotate(0.01deg); /* IE 9 */
  -webkit-transform: rotate(0.01deg); /* Chrome, Safari, Opera */
  transform: rotate(0.01deg);

}

#lierbeneden{
  position: absolute;
  top: 250px;
  left:970px;
  z-index: 998;

  -ms-transform: rotate(180deg); /* IE 9 */
  -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
  transform: rotate(180deg);
}



#cta{
  position: absolute;
  bottom: 0px;
  right: 0px;
  z-index: 999;
  cursor: pointer;
      width: 970px;
    height: 250px;
}

#arrow{
  position: absolute;
  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;
  width: 970px;
  height: 250px;
}