@font-face {
	font-family: 'YanoneKaffeesatzRegular';
	src: url('/yanonekaffeesatz-regular-webfont.eot');
	src: url('/yanonekaffeesatz-regular-webfont.eot?#iefix') format('embedded-opentype'),
	url('/yanonekaffeesatz-regular-webfont.woff') format('woff'),
	url('/yanonekaffeesatz-regular-webfont.ttf') format('truetype'),
	url('/yanonekaffeesatz-regular-webfont.svg#YanoneKaffeesatzRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
html,
body{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}
body{
	font-family:Tahoma, Arial, 'Open Sans';
	background-color:#2F3031;
}
canvas#spiders{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	overflow:hidden;
	z-index:-1;
}
div#container{
	z-index:2;
	margin:0 auto;
	padding:0;
	width:1200px;
	height:320px;
}
div#company{
	z-index:2;
	position:relative;
	width:800px;
	height:290px;
	float:left;
	border-radius:20px;
	background-color:rgba(10,10,10,0.75);
}
div.sidebar{
	z-index:2;
	width:200px;
	height:320px;
	float:left;
	text-align:center;
	color:#A9A9A9;/*darkgrey*/
}
a#sbb,
a#reurpop,
a#ribbers{
	width:200px;
	height:150px;
	z-index:2;
	display:block;
	background-repeat:no-repeat;
	background-position:center;
	background-size:125px 125px;
	position:absolute;
}
a#reurpop{
	background-image:url("../img/reurpop.png");
}
a#ribbers{
	background-image:url("../img/ribbers.png");
	top:265px;
}
a#sbb{
	width:125px;
	height:125px;
	background-image:url("../img/sbb-beeldmerk.png");
}
div#logo{
	background-image:url("../img/logo.png");
	background-size:500px 252px;
	width:500px;
	height:252px;
	margin:20px;
	float:left;
}
div#logoHome{
	background-image:url("../img/logo.png");
	background-size:50px 25px;
	width:50px;
	height:25px;
	margin:20px;
	float:left;
}
table{
	color:#A9A9A9;/*darkgrey*/
}
table tr td#certificate{
	padding:0;
	display:block;
	height:130px;
	float:right;
}
table tr td.col1{
	width:100px;
}
.tooltip {
	display:none;
	position:absolute;
	border:1px solid #333;
	background-color:rgba(10,10,10,0.75);
	border-radius:5px;
	padding:10px;
	color:#A9A9A9;/*darkgrey*/
	z-index:3;
	font-size:16px;
	text-shadow:none;
}
p{
	text-shadow:0 1px 0 #fff;
	font-size:24px;
}
#wrap{
	width:530px;
	margin:20px auto 0;
	height:1000px;
}
h1{
	margin-bottom:20px;
	text-align:center;
	font-size:48px;
	text-shadow:0 1px 0 #ede8d9;
}
#form_wrap{
	overflow:hidden;
	height:446px;
	position:relative;
	top:0px;
	-webkit-transition: all 1s ease-in-out .3s;
	-moz-transition: all 1s ease-in-out .3s;
	-o-transition: all 1s ease-in-out .3s;
	transition: all 1s ease-in-out .3s;
}
#form_wrap:before{
	content:"";
	position:absolute;
	bottom:128px;
	left:0px;
	background:url('../img/_before.png');
	width:530px;
	height:316px;
}
#form_wrap:after{
	content:"";
	position:absolute;
	bottom:0px;
	left:0;
	background:url('../img/_after.png');
	width:530px;
	height: 260px;
}
#form_wrap.hide:after,
#form_wrap.hide:before{
	display:none;
}
#form_wrap:hover{
	height:776px;
	top:-200px;
}
/*form{
	background:#f7f2ec url('../img/letter_bg.png'); 
	position:relative;
	top:200px;
	overflow:hidden;
	height:200px;
	width:400px;
	margin:0px auto;
	padding:20px; 
	border: 1px solid #fff;
	border-radius: 3px; 
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 0px 0px 3px #9d9d9d, inset 0px 0px 27px #fff;
	-moz-box-shadow: 0px 0px 3px #9d9d9d, inset 0px 0px 14px #fff;
	-webkit-box-shadow: 0px 0px 3px #9d9d9d, inset 0px 0px 27px #fff;
	-webkit-transition: all 1s ease-in-out .3s;
	-moz-transition: all 1s ease-in-out .3s;
	-o-transition: all 1s ease-in-out .3s;
	transition: all 1s ease-in-out .3s;
}*/
#form_wrap:hover form{
	height:530px;
}
label{
	margin: 11px 20px 0 0; 
	font-size: 16px;
	color: #b3aba1;
	text-transform: uppercase; 
	text-shadow: 0px 1px 0px #fff;
}
input[type=text],
textarea{
	font: 14px normal normal uppercase helvetica, arial, serif;
	color: #7c7873;
	background:none;
	width: 380px;
	height: 36px;
	padding: 0px 10px;
	margin: 0 0 10px 0;
	border:1px solid #f8f5f1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: inset 0px 0px 1px #726959;
	-webkit-box-shadow:  inset 0px 0px 1px #b3a895; 
	box-shadow:  inset 0px 0px 1px #b3a895;
}	
textarea{
	height:80px;
	padding-top:14px;
}
textarea:focus,
input[type=text]:focus{
	background:rgba(255,255,255,.35);
}
#form_wrap input[type=submit]{
	position:relative;
	font-family: 'YanoneKaffeesatzRegular'; 
	font-size:24px;
	color: #7c7873;
	text-shadow:0 1px 0 #fff;
	width:100%;
	text-align:center;
	opacity:0;
	background:none;
	cursor: pointer;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; 
	-webkit-transition: opacity .6s ease-in-out 0s;
	-moz-transition: opacity .6s ease-in-out 0s;
	-o-transition: opacity .6s ease-in-out 0s;
	transition: opacity .6s ease-in-out 0s;
}

#form_wrap:hover input[type=submit]{
	z-index:1;
	opacity:1;
	-webkit-transition: opacity .5s ease-in-out 1.3s;
	-moz-transition: opacity .5s ease-in-out 1.3s;
	-o-transition: opacity .5s ease-in-out 1.3s;
	transition: opacity .5s ease-in-out 1.3s;
}
#form_wrap:hover input:hover[type=submit]{
	color:#435c70;
}