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

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

#container {
  position: absolute;
  width: 336px;
  height: 280px;
  top: 0px;
  left: 0px;
  margin: auto;
  overflow: hidden;
  background-color: #fff;
}

#border {
  position: absolute;
  width: 334px;
  height: 278px;
  top: 0px;
  left: 0px;
  border:1px solid #c2c2c2; 
  z-index: 999;
}

#img1, #img2, #knopslide2, #vlakblauw, #vlakwit, #txt1, #txt2, #txt2a, #txt2b, #txt2c ,#logo, #btn, #btntext, #btn1, #btn2, #btn3 ,#btn4{
  position: absolute;
}


#vlakwit{
  right: 0px;
  bottom: 0px;
}

#btn{
  top:92px;
  left:23px;
}

#btn1{
  clip: rect(95px,291px,95px,0px);
}

#btn2{
  clip: rect(0px,0px,95px,0px);
}

#btn3{
  clip: rect(0px,291px,0px,0px);
}

#btn4{
  clip: rect(0px,291px,95px,291px);
}


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

#button {
position: absolute;
left: 18px;
top: 235px;
background-image: url('button.png');
background-position: 0 0;
width: 123px;
height: 26px;
cursor: pointer;
z-index: 1000;
}

#button:hover{
background-image: url('button.png');
background-position: 0 -30px;
}

#btneind, #btneind2{
  position: absolute;
}

#logo{
  z-index: 800;
}

#txt2a{
  left:0px;
}