@charset "UTF-8";
/* MAIN BANNER*/

a {outline : none;}
a img {outline : none;}
img {border : 0;}

body {
  margin: 0px;
}

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

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

#wit{
  position: absolute;
  background-color: #fff;
  width: 100%;
  height: 100%;
 
 
}

#circle{
  position: absolute;
  top:-600px;
  left:-600px;
  background-color: #df0000;
  width: 1000px;
  height: 1000px;
  border-radius: 50%;
 
 
}

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

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

.bulletWrapper{
  position: absolute;
  width:72px;
  height:12px;

  left:50%;
  margin-left:-36px;
  bottom:50px;
  z-index: 9999;
}


.bulletInactive {
  position: relative;
  width:14px;
  height: 14px;
  margin-left:2px;
  margin-right:2px;
  border-radius: 50%;
  float:left;
  border: 1px solid #c0c0c0;
  -webkit-box-shadow: inset 1px 3px 8px 1px rgba(0,0,0,0.32);
  -moz-box-shadow: inset 1px 3px 8px 1px rgba(0,0,0,0.32);
  box-shadow: inset 1px 3px 8px 1px rgba(0,0,0,0.32);
  cursor: pointer;
  background-color: #fff;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.bulletActive {
  width:14px;
  height: 14px;
  margin-left:2px;
  margin-right:2px;
  border-radius: 50%;
  float:left;
  border: 2px solid #c0c0c0;
  cursor: pointer;
  background-color: transparent;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.bulletInactive:hover {
   background-color:rgba(255,255,255,0.8);
   border: 2px solid #c0c0c0;
}

.images {
position: absolute;
top:0px;
left:0px;
z-index: 0;
}


#deGekste{
  position: absolute;
  top:-30px;
  left:0px;
}

#btn{
  position: absolute;
  width:134px;
  height:35px;
  top:158px;
  right:17px;
  border-radius: 4px;
  background-color: #000;

}

#btnWrapper{
  position: absolute;
  width:20px;
  height:20px;
  top:6px;
  left:7px;
  overflow: hidden;
  
}

#btnCart{
  position: absolute;
  width:20px;
  height:auto;
  top:0px;
  left:0px;
  
}

#btnText{
  position: absolute;
  width:90px;
  height:auto;
  top:12px;
  left:34px;
  
}

#deGeksteText{
  position: absolute;
  top:12px;
  left:34px;
}

.deGeksteSolden{
}

#de {
 position: absolute;
  top:19px;
  left:14px; 
}

#gekste {
 position: absolute;
  top:8px;
  left:62px; 
}

#solden {
 position: absolute;
  top:56px;
  left:0px; 
}