@charset "UTF-8";
/* CSS Document */
/* Div layer for the entire banner. */



#container {
  position: absolute;
  width: 320px;
  height: 240px;
  top: 0px;
  left: 0px;
  margin: auto;
  overflow: hidden;
  background-color: #fff;
}

#border {
  position: absolute;
  width: 318px;
  height: 238px;
  top: 0px;
  left: 0px;
  border:1px solid #666666; 
  z-index: 999;
}



#clicktag {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  cursor: pointer;
  opacity: 0;
  z-index: 1000;
}

#overlay{
  position: absolute;
  top:0px;
  background-color: #fff;
  width: 100%;
  height: 100%;
  z-index: 998;
}

#background {
  position: absolute;
  width: 320px;
  height: 240px;
  top: 0px;
  left: 0px;
}

#backgroundTop {
  position: absolute;
  width: 320px;
  height: 240px;
  top: 0px;
  left: 0px;
}

#spacestar {
  position: absolute;
  width: 320px;
  height: 240px;
  top: 4px;
  left: -2px;
}



#glow {
  position: absolute;
  width: 324px;
  height: 321px;
  top: -94px;
  left: -159px;
}

#txt1, #txt2, #txt3 {
  position: absolute;
  top: 16px;
  left: 20px;
}

#prijs {
  position: absolute;
  top: 66px;
  left: 21px;
}

#voorwaarden {
  position: absolute;
  top: 66px;
  left: 21px;
}

#logo {
  position: absolute;
  top: -10px;
  left: 20px;
}

#flares {
  position: relative;
    top: 15px;
  left: -20px;

}

#flare1 {
  position: absolute;
  top: 73px;
  left: 17px;
  opacity: .6;
}

#flare2 {
  position: absolute;
  top: 50px;
  left: 50px;
}

#flare3 {
  position: absolute;
  top: 100px;
  left: 100px;
  opacity: .4;
}

#flare4 {
  position: absolute;
  top: 135px;
  left: 135px;
  opacity: .4;
}

#flaretxt1 {
  position: absolute;
  top: 9px;
  left: -200px;
}

#flaretxt2 {
  position: absolute;
  top: 60px;
  left: -200px;

}

#plus1 {
  position: relative;
  top: 115px;
  left: 86px;
    width:30px;
  height:30px;
}

#plus2 {
  position: relative;
  top: 144px;
  left: 144px;
    width:30px;
  height:30px;
}

#plus3 {
  position: relative;
  top: 45px;
  left: 236px;
  width:30px;
  height:30px;
}

#plusCircle1, #plusCircle2, #plusCircle3,
#plusCirclePulse1, #plusCirclePulse2, #plusCirclePulse3,
#plusPlus1, #plusPlus2, #plusPlus3,
#plusGlow1, #plusGlow2, #plusGlow3 {
position:absolute;
  top: 0px;
  left: 0px;
    width:30px;
  height:30px;
}


#button {
position: absolute;
left: 12px;
top: 205px;
background-image: url('button.png');
background-position: 0 0;
width: 123px;
height: 27px;
cursor: pointer;
z-index: 1000;
}
#button:hover{
background-image: url('button.png');
background-position: 0 -30px;
}




