/*************************** HEAD ***************************/
body {
	background: #fff;
	margin: 0;padding: 0;
}

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

#banner {
	position:absolute;
	width:336px;
	height:280px;
  background-color: white;
  border:1px solid #cecece;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
  overflow: hidden;
}

#banner:hover{
	cursor:pointer
}

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

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

/*************************** EINDE STANDAARD ***************************/

/*************************** btn ***************************/

#btn{
    position: absolute;
    width: 121px;
    height: 31px;
    top: 218px;
    right: 104px;
    border-radius: 1px;
    background-color: #ffa62f;
    clip: rect(0px,121px,31px,121px); /*top, right, bottom, left*/
    cursor: pointer;
    z-index: 10000;
}

#btnWrapper{
    position: absolute;
    width: 121px;
    height: 31px;
    top: 0px;
    left: 0px;
    overflow: hidden;

}

#btnSchuin{
    position: absolute;
    width: 205px;
    height: auto;
    top: 0px;
    left: 120px;

}

#btnText{
    position: absolute;
    top: 8px;
    left: 18px;
    clip: rect(0px,0px,31px,0px); /*top, right, bottom, left*/
}

/*************************** backgrounds ***************************/

#bg1{
  position:absolute;
}
#bg2{
  position:absolute;
}

#bg3{
  position:absolute;
}

/*************************** linkerhoek en balken ***************************/

#linkerhoek{
  position:absolute;
  top:0;
  left:0;
  z-index:2;
}

#balken{
    transform-origin: top center;
    -ms-transform: rotate(-27deg);
    -webkit-transform: rotate(-27deg);
    transform: rotate(-27deg);
    position: absolute;
    top: 0;
    top: 72px;
    left: -110px;
    z-index:3;
}

#balk1{
  position: absolute;
  top:0;
  left:-71px;
  z-index: 0;
}
#balk2{
  position: absolute;
  top:21px;
  z-index: 0;
}
#balk3{
  position: absolute;
  top:43px;
  z-index: 0;
  left:-14px;
}
#balk4{
  position: absolute;
  top:65px;
  z-index: 0;
  left:-35px;
}

/*************************** balken outro ***************************/
#balken2{
    transform-origin: top center;
    -ms-transform: rotate(-27deg);
    -webkit-transform: rotate(-27deg);
    transform: rotate(-27deg);
    position: absolute;
    top: 0;
    top: -144px;
    left: 450px;
    z-index: 300;
}

#balk5{
    position: absolute;
    top: 0;
    left: -21px;
    z-index: 0;
}

#balk6{
    position: absolute;
    top: 40px;
    left: -60px;
    z-index: 0;
}

#balk7{
    position: absolute;
    top: 80px;
    z-index: 0;
    left: -84px;
}

#balk8{
    position: absolute;
    top: 120px;
    z-index: 0;
    left: -55px;
}

#balk9{
    position: absolute;
    top: 160px;
    z-index: 0;
    left: -95px;
}

#balk10{
    position: absolute;
    top: 200px;
    z-index: 0;
    left: -145px;
}

/*************************** einde linkerhoek en balken ***************************/
/*************************** Outro svg's ***************************/
#driehoek1{
    position: absolute;
    top: -103px;
    right: 0px;
    z-index: 200;
    transform-origin: top center;
    -ms-transform: rotate(-27deg);
    -webkit-transform: rotate(-27deg);
    transform: rotate(-27deg);

}


#driehoek2{
    position: absolute;
    top: 156px;
    right: -40px;
    z-index: 200;
    transform-origin: top center;
    -ms-transform: rotate(-27deg);
    -webkit-transform: rotate(-27deg);
    transform: rotate(-27deg);

}

/*************************** einde Outro svg's ***************************/
#logohoek{
  position: absolute;
  top: 245px;
  right: -275px;
  transform-origin: top center;
  -ms-transform: rotate(-27deg);
  -webkit-transform: rotate(-27deg);
  transform: rotate(-27deg);
  opacity: 0.7;
  z-index: 10;
}

#logo{
  position:absolute;
  top:0;
  left:0;
  z-index:40;
}

#logo2{
  position:absolute;
  top:0;
  left:0;
  z-index:250;
}

#cirkel1{
    position: absolute;
    top: 241px;
    left: 251px;
    width: 11px;
    height: 11px;
    transform-origin: center center;
    -ms-transform: rotate(-27deg);
    -webkit-transform: rotate(-27deg);
    transform: rotate(-27deg);
    z-index: 40;
}

#cirkel2{
    position: absolute;
    top: 241px;
    left: 295px;
    width: 11px;
    height: 11px;
    transform-origin: center center;
    -ms-transform: rotate(-27deg);
    -webkit-transform: rotate(-27deg);
    transform: rotate(-27deg);
    z-index: 40;
}

#cirkel3{
position: absolute;
    top: 133px;
    left: 147px;
    width: 16px;
    height: 16px;
    transform-origin: center center;
    -ms-transform: rotate(-27deg);
    -webkit-transform: rotate(-27deg);
    transform: rotate(-27deg);
    z-index: 250;
}

#cirkel4{
    position: absolute;
    top: 133px;
    left: 213px;
    width: 16px;
    height: 16px;
    transform-origin: center center;
    -ms-transform: rotate(-27deg);
    -webkit-transform: rotate(-27deg);
    transform: rotate(-27deg);
    z-index: 250;
}



/*************************** txt ***************************/

#txt1a{
  position:absolute;
  top:0;
  left:0;
  z-index:8;
}

#txt1b-wrapper{
  position: absolute;
  height: 17px;
  width: 87px;
  overflow: hidden;
  top: 25px;
   left: 166px;
  z-index:100;
}

#txt1b{
  height: 17px;
  width: 78px;
  top: 23px;
    z-index:100;
}

#txt1c-wrapper{
  position: absolute;
  height: 17px;
  width: 77px;
  overflow: hidden;
  top: 25px;
   left: 166px;
  z-index:100;
}

#txt1c{
  height: 17px;
  width: 77px;
  top: 23px;
    z-index:100;
}

#txt1d-wrapper{
  position: absolute;
  height: 17px;
  width: 82px;
  overflow: hidden;
  top: 25px;
   left: 166px;
  z-index:100;
}

#txt1d{
  height: 17px;
  width: 82px;
  top: 23px;
    z-index:100;
}


#txt2a{
  position:absolute;
  top:0;
  left:0;
  z-index:100;
}

#txt2b-wrapper{
  position: absolute;
  height: 16px;
  width: 83px;
  overflow: hidden;
  top: 29px;
  left: 123px;
  z-index:100;
}

#txt2b{
  height: 16px;
  width: 83px;
  top: 23px;
  z-index:100;
}


#txt3a-wrapper{
  position: absolute;
  height: 20px;
  width: 137px;
  overflow: hidden;
  top: 190px;
  left: 100px;
  z-index:300;
}

#txt3a{
  height: 20px;
  width: 137px;
  top: 23px;
}

#txt3b-wrapper{
  position: absolute;
  height: 20px;
  width: 186px;
  overflow: hidden;
  top: 216px;
  left: 76px;
  z-index:300;
}

#txt3b{
  height: 20px;
  width: 186px;
  top: 23px;
}
 

/*
 ************************** [1] IE9 and [2] IE10+ (Let's target IE to respect aspect ratios and sizes for img tags containing SVG files)
 */

/* 1 */
.ie9 img[src$=".svg"] {
  width: 100%;
}
/* 2 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  img[src$=".svg"] {
    width: 100%;
  }
}