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

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

body {
  margin: 0px;
}

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

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

}

#clickArea {
  position: absolute;
  border:1px solid #c2c2c2; 
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  cursor: pointer;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  z-index: 997;
}

.images{
  position: absolute;
  width: 160px;
  height: 600px;
}

#imageEen, #imageTwee{
  position: absolute;
  top: -28px;
  left: -32px;
  border:10px solid #000; 
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

#imageDrie{
  position: absolute;
  left: 0px;
}

#imageVier{
  position: absolute;
  top: -1px;
  left: -1px;
}

#flexEen, #flexTwee, #flexDrie, #flexVier, #flexVijf{
  visibility: hidden;
  left: 0px;
}

#panel{
  position: absolute;
  top: -270px;
  left: -80px;
}