@charset "UTF-8";

body { margin:0; padding:0; }

#stage { 
	position:relative; 
	display:block; 
	width:300px; 
	height:250px; 
	background:#009286; 
	overflow:hidden; 
}

#clicktag {
	position:absolute; 
	z-index:500; 
	width:300px; 
	height:250px; 
	top:0; 
	left:0; 
	cursor: pointer;
}

#border {
	position:absolute; 
	z-index:100; 
	border:1px solid #cccccc; 
	width:298px; 
	height:248px; 
	top:0; 
	left:0; 
	cursor: pointer;
}

#logo {
	position:absolute; 
	bottom:-4px; 
	right:0px; 
}

#overlay { 
	position:absolute; 
	display:block; 
	width:100%; 
	height:100%; 
	background:#fff; 
	z-index: 99;
}

#groenvlak{
	position: absolute;
	left: 0px;
	top: 0px;
}

#donkergroen{
	position: absolute;
	left: 0px;
	top: 0px;
}

#txt1{
	position: absolute;
	left: 28px;
	top: 28px;
}

#txt2{
	position: absolute;
	left: 28px;
	top: 105px;
}

#button_txt {
	position:relative; 
	top:-24px; 
	left: 1px; 
	color: #005e5d; 
}

#cta_button { 
	position:absolute; 
	visibility:hidden;  
	z-index:500; 
	width: 112px; 
	height:28px; 
	left:28px; 
	top:160px; 
	background:#f3c000; 
	-webkit-border-radius:3px; 
	-moz-border-radius:3px; 
	border-radius:3px; 
	cursor: pointer; 
    background-image: url("button_arrow.png");
    background-repeat: no-repeat;
    background-position: 96px 10px;
}

#glare_top_wrapper, #glare_bottom_wrapper {
	position:relative; 
	height:50%; 
	width:100%; 
	overflow:hidden; 
	top:0; 
}

#glare_top, #glare_bottom {
	position:absolute; 
	visibility:hidden;  
	z-index:50; 
	display:block; 
	width:100%; 
	height:200%; 
}