@import url('reset.css');

*{border:0px solid #eee;margin:0;padding:0;list-style:none}
html,body,#bg,#bg table,#bg td,#cont{width:100%;height:100%;overflow:hidden}
body{
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
	cursor:default;
	color:#000;
	background-color: #000;
	background-image: url(loading.gif);
}
h1{font-size:50px; margin-bottom:15x;}
h2{font-size:40px}
h3{font-size:22px}
h4{font-size:20px}
h5 { font-size:1em; }
h6 { font-size:1em; }

a { text-decoration:none;color:#000;outline:0}
a:hover { color:#BF8701; text-decoration:none; }

#bg div{position:absolute;width:200%;height:200%;top:-50%;left:-50%}
#bg td{vertical-align:middle;text-align:center}
#bg img{min-height:50%;min-width:50%;margin:0 auto}
#cont{position:absolute;top:0;left:0;z-index:70;overflow:auto}



#logo {
	width:315px;
	height:410px;
	position:absolute;
	top:3%;
	left:0;
	opacity:0.95;
	z-index:100;
	text-align:center.
}

#nav{
	position:absolute;
	top:230px;
	z-index:110;
	width:260px;
}


a.bttn1, a.bttn2, a.bttn3, a.bttn4, a.bttn5, a.actbttn1, a.actbttn2, a.actbttn3, a.actbttn4, a.actbttn5 {
	width:260px;
	height: 48px;
	display:block;
	overflow:hidden;
	background-image: url(../images/navigation.png);
	background-repeat: no-repeat;
	}	
	
a.bttn1 {background-position: 0px 0px; }
a.bttn2 {background-position: 0px -55px; }
a.bttn3 {background-position: 0px -110px; }
a.bttn4 {background-position: 0px -260px; }
a.bttn5 {background-position: 0px -200px; }
a.bttn1:hover {	background-image: url(../images/navigation_active.png); background-position: 0px -0px; }
a.bttn2:hover {background-image: url(../images/navigation_active.png);  background-position: 0px -55px; }
a.bttn3:hover {background-image: url(../images/navigation_active.png);  background-position: 0px -110px; }
a.bttn4:hover {background-image: url(../images/navigation_active.png);  background-position: 0px -260px; }
a.bttn5:hover {background-image: url(../images/navigation_active.png);  background-position: 0px -200px; }

a.actbttn1  {	background-image: url(../images/navigation_active.png); background-position: 0px -0px; }
a.actbttn2  {	background-image: url(../images/navigation_active.png); background-position: 0px -55px; }
a.actbttn3  {	background-image: url(../images/navigation_active.png); background-position: 0px -110px; }
a.actbttn4  {	background-image: url(../images/navigation_active.png); background-position: 0px -260px; }
a.actbttn5  {	background-image: url(../images/navigation_active.png); background-position: 0px -200px; }



a.bttn10, a.bttn11, a.bttn12, a.bttn13 {
	width:60px;
	height: 60px;
	display:block;
	overflow:hidden;
	background-image: url(../images/social.png);
	background-repeat: no-repeat;
	}	
	
a.bttn10 {background-position: 0px 0px; }
a.bttn11 {background-position: 0px -60px; }
a.bttn12 {background-position: 0px -120px; }
a.bttn13 {background-position: 0px -180px; }
a.bttn10:hover {	background-image: url(../images/social_active.png); background-position: 0px -0px; }
a.bttn11:hover {background-image: url(../images/social_active.png);  background-position: 0px -60px; }
a.bttn12:hover {background-image: url(../images/social_active.png);  background-position: 0px -120px; }
a.bttn13:hover {background-image: url(../images/social_active.png);  background-position: 0px -180px; }



.box{position:absolute;top:5%;left:430px;width:500px;padding-bottom:100px;}
.box div{line-height:1.5em;background:#fff;padding:20px 30px}
.box div a{text-decoration:underline}

.box_kaart{position:absolute;top:5%;left:500px;width:650px; background:#FFF; padding-bottom:100px;}



.large{text-align:right;top:20%;right:120px;font-size:13px}
.left{text-align:left;right:auto;left:180px;font-size:13px}
.large h2{font-size:60px}
.white{color:#fff}
.davel a { color:#333;; text-decoration:none; padding-top:10px; text-transform:none; }
.davel a:hover { color:#FFF; }

h4{position:relative;border-bottom-width:1px;padding:0px 30px 10px 30px;margin:0 -30px 10px -30px;line-height:20px;font-weight:bold}






/*--------------FOOTER / HIDE ------------------------*/

#footer{position:absolute;bottom:0px;left:0px;z-index:80;width:100%;line-height:12px; color:#EEE; text-transform:uppercase; font-weight:bold; height:70px;background:#000;opacity:0.6;filter:alpha(opacity=60);padding:0;}

.section1 {
	margin-left:15px;
	width:80px;
	float:left;
	padding:7px 20px 0px 20px;
}
.section2 {
	width:80px;
	float:left;
	padding:7px 10px 0px 20px;
}

.section3 {
	width:280px;
	float:left;
	padding:7px 10px 0px 20px;
}

/*------------- NIEUWSBRIEF FORMULIER -------------------*/


.alignright {text-align:right;}
#ContactForm { font-weight:bold;}
#ContactForm label {display:block; text-transform:uppercase; font-size:1.1em; color:#000; }
#OfferteForm label {display:block; }
#ContactForm .link {margin:25px 0 0 30px; font-weight:normal;}
.column1 {float:left; width:220px;}
.column2 {float:left; width:232px;}
.input {width:350px;  border:1px solid #a09b96; background:#fff; padding:5px 0 5px 5px; font-size:1.4em; color:#F60; margin-bottom:10px;}
textarea {width:350px; height:250px; border:1px solid #a09b96; background:#fff; padding:5px 0 0 5px; overflow:auto; font-size:1.4em; font-family:Arial, Helvetica, sans-serif; margin-bottom:10px; color:#F60;}
.selectlabel  {display:block; text-transform:uppercase; font-size:1.1em; color:#000; }
select {width:350px;  border:1px solid #a09b96; background:#fff; padding:0px; font-size:1.4em; color:#F60;margin-bottom:10px;}

.contactbutton {
	margin:0px 0px 40px 0px;
	width: 300px;
	height: 52px;
	background: transparent url(../images/contactbutton.png) no-repeat;
	outline: none;
	border: none;
	cursor : pointer;
	}
	
.contactbutton:hover {
	background: transparent url(../images/contactbutton.png) no-repeat 0 -53px;
	}


.message_green {
	color:#060;
	font-size:1.5em;
	font-weight:bold;
	float:left;
}
/*----------------SHOW / HIDE -----------------------*/

.trigger,.trigger a {
	width: 5px;
	height: 5px;
	text-decoration:none;
	float:right;
}
.trigger {

}


.cl {
	clear: both;
	line-height: 0px;
	font-size: 0px;
}