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

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

#border {
  position: absolute;
  width: 298px;
  height: 248px;
  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;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 998;
  background-color: #f8b000;
}

#txt1, #txt2 {
  position: absolute;
  left: 0px;
  top: 98px;
}

#y1, #y2, #y3, #y4, #y5, #y6, #y7, #y8 {
  position: absolute;
  left: 89px;
  top: 65px;
}

#b1, #b2, #b3, #b4, #b5, #b6, #b7, #b8 {
  position: absolute;
  left: 89px;
  top: 65px;
}

#spinner {
  position: absolute;
  left: -157px;
  top: -300px;
}

#websitevanhetjaar {
  position: absolute;
  left: 69px;
  top: 156px;
}

#jaar {
  position: absolute;
  left: 124px;
  top: 113px;
}


#circle {
  position: absolute;
  border-radius: 50%;
  width: 145px;
  height: 145px;
  left: 77px;
  top: 39px;
  background-color: #fff;
}

.dot{
  width:7px;
  height:12px;
  position:absolute;
  background-color:#00FF00;
  z-index:2;
}

#confetti {
  position: absolute;
  width: 300px;
  height: 250px;
}