@charset "UTF-8";
/* CSS Document */
/* Div layer for the entire banner. */



body { 
  margin:0px;
  padding: 0px;
    color:#fff;
  font-family: 'rijksoverheidsanstextbold';
  font-size: 50px;

}

img {
    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+                */
    transform: rotate( .0001deg );
}

#container {
  position: absolute;
  width: 160px;
  height: 600px;
  top: 0px;
  left: 0px;
  margin: auto;
  overflow: hidden;
  background-color: #000;
}

#border {
  position: absolute;
  width: 158px;
  height: 598px;
  top: 0px;
  left: 0px;
  border:1px solid #cccccc; 
  z-index: 999;
}

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

#overlay{
  position: absolute;
  top:0px;
  background-color: #fff;
  width: 100%;
  height: 100%;
  z-index: 998;
}

#bodySpiral{
  position: relative;
  top:0px;
  left:0px;
}

#top_left, #top_right, #top_middle, #bodySpiral, #top_curve, #leftSpiral, #rightSpiral,#leftShadow, #nose, #noseShadow, #noseDropshadow, #spiral{
top:0px;
left:0px;
position: absolute;
}

#text{
top:0px;
left:0px;
position: absolute;
background-color: #09001a;
width: 100%;
height: 100%;
}

#button{
  position: absolute;
  width: 144px;
  height:35px;
  bottom: 63px;
  left: 26px;
  z-index: 1000;
  cursor: pointer;
background:#ff9900 url(buttonTxt.png) 0 0 no-repeat;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;

}

#button:hover{
  background-color: #f7b60f;
}