@charset "utf-8";

/*	=RESETS / BASICS
	----------------------------------------------------*/
	* { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; outline: 0; }
	img { border: 0; }
	
/*	=FIXES
	----------------------------------------------------*/
	.clr { overflow: hidden; height: 100%; }
	
/*	=WRAPPERS
	----------------------------------------------------*/
	body { background: #eaeae3; }
	
	#page-wrapper { position: relative; width: 1000px;  margin: 0 auto; background: url(images/page-wrapper_bg.gif) no-repeat top left; }
	#page-wrapper.home { padding-top: 500px; }
	
	#content { position: relative; z-index: 200; padding: 160px 0 0 80px; }
	#content .col-a { float: left; display: inline; width: 590px; }
	#content .col-a .content { padding: 0 0 19px 0;  background: url(images/content_col-a_inner_bg.png) no-repeat bottom left; } 
	#content .col-a .content .top { padding: 30px 30px 0 30px; height: 67px; background: url(images/content_col-a_bg.png) no-repeat top left; }
	#content .col-a .content .inner { padding: 0 30px; background: #fff; border-bottom: 1px solid #fff; }
	#content .col-a h1 { font-family: Dax-BoldItalic; font-weight: bold; font-style: italic; font-size: 23px; color: #286b90; text-transform: uppercase; }
	#content .col-b { float: right; display: inline; margin: 240px 15px 0 0; width: 293px; }
	
/*	=HEADER
	----------------------------------------------------*/
	#header { position: absolute; top: 0; left: 0; z-index: 100; width: 1000px; height: 500px; background: url(images/header_bg.jpg) no-repeat 0 0; }
	#header .inner { position: relative; }
	
	#logo { position: absolute; top: -10px; left: 35px; z-index: 200; }
	#pigeon { position: absolute; top: 0; left: 290px; z-index: 100; }
	
/*	=NAVIGATION
	----------------------------------------------------*/
	#nav-main { position: absolute; top: 12px; left: 340px; z-index: 300; width: 580px; list-style: none; }
	#nav-main li { float: left; height: 26px; padding: 0 0 0 10px; font-size: 15px; font-weight: bold; color: #fff; text-transform: uppercase; }
	#nav-main li a { cursor: pointer; font-family: Dax-BoldItalic; font-weight: bold; font-style: italic; float: left; display: block; height: 100%; line-height: 25px; color: #fff; text-decoration: none; }
	#nav-main li b { float: left; width: 10px; height: 26px; }
	
	#nav-main li:hover, #nav-main li.active { background: url(images/nav-main_bg_left.png) no-repeat top left; }
	#nav-main li:hover a, #nav-main li.active a { background: url(images/nav-main_bg_mid.png) repeat-x; }
	#nav-main li:hover b, #nav-main li.active b { background: url(images/nav-main_bg_right.png) no-repeat top left; }
	
/*	=HOMEPAGE
	----------------------------------------------------*/
	#homepage-intro { position: absolute; top: 110px; left: 290px; z-index: 200; width: 335px; }
	#homepage-intro h1 { line-height:26px; font-family: Dax-BoldItalic; font-weight: bold; font-style: italic;  margin: 0 0 15px 0; font-size: 23px; color: #fff; text-transform: uppercase; }
	#homepage-intro p { font-size: 12px; color: #fff; line-height: 18px; }
	
	#homepage-flash { position: absolute; top: 160px; left: 0px; width: 230px; height: 120px;  }
	
	#mogelijkheden { position: absolute; top: 348px; left: 275px; z-index: 200; width: 287px; height: 25px; background: url(images/btn_mogelijkheden.png) no-repeat top left; }
	#mogelijkheden h3 { padding: 0 0 0 25px; font-size: 15px; color: #fff; line-height: 24px; text-transform: uppercase; }
	#mogelijkheden h3 a { font-family: Dax-BoldItalic; font-weight: bold; font-style: italic;  color: #fff; text-decoration: none; }
	
	#homepage-options { float: left; width: 397px;  background: url(images/homepage-options_bg.png) no-repeat top left; position: absolute; }
	#homepage-options .option { padding: 10px 10px 0 5px;position: relative; }
	#homepage-options .option .text { width: 250px; position: absolute;   top: 12px; left: 110px; }
	#homepage-options .option .text h2 { line-height:16px; font-family: Dax-BoldItalic; font-weight: bold; font-style: italic;  width: 200px; margin: 0 0 5px 0; font-size: 14px; font-weight: bold; color: #2f84b2; text-transform: uppercase; }
	#homepage-options .option .text a { color: #000; width: 200px; font-size: 12px;	text-decoration: none; }

	#homepage-options .option img {position: absolute; }
	#homepage-options .option img.overlay { position: relative; top: 0px; left: 0px;}
	
	#homepage-video { position: relative; float: right; width: 591px; height: 206px; background: url(images/homepage-video_bg.png) no-repeat top left; }
	#homepage-video h3 { font-family: Dax-BoldItalic; font-weight: bold; font-style: italic;  margin: 20px 0 0 40px; font-size: 18px; color: #fff; text-transform: uppercase; }
	#homepage-video ul { margin: 10px 0 0 40px; list-style: none; }
	#homepage-video ul li { padding: 0 0 0 10px; font-size: 12px; color: #fff; line-height: 24px; background: url(images/homepage-video_ico_arrow.gif) no-repeat 0 8px; }
	#homepage-video .btn_video { position: absolute; top: 18px; right: 25px; }
	
/*	=SUBPAGE
	----------------------------------------------------*/
	#subpage-options { width: 293px; background: url(images/subpage-options_bg.png) no-repeat top left; }
	#subpage-options .option { padding: 15px 10px 0 10px; }
	#subpage-options .option h2 { font-family: Dax-BoldItalic; font-weight: bold; font-style: italic;  float: right; width: 270px; margin: 10px 0 5px 0; font-size: 15px; font-weight: bold; color: #2f84b2; line-height:18px; text-transform: uppercase; }
	#subpage-options .option a { float: right; width: 270px; font-size: 12px; line-height: 18px; text-decoration: none; color:  #000; }
	#subpage-options img {position: absolute;}
	#subpage-options img.overlay {position: relative; top: 0px; left: 0px;}
	
	#subpage-contact { margin: 25px 0 0 0; padding: 15px 10px 0 15px; background: url(images/subpage-contact_bg.png) no-repeat top left; } 
	#subpage-contact h3 { font-family: Dax-BoldItalic; font-weight: bold; font-style: italic;  margin: 0 0 10px 0; font-size: 15px; font-weight: bold; color: #2f84b2; text-transform: uppercase; } 
	#subpage-contact ul { list-style: none; } 
	#subpage-contact ul li { float: left; width: 100px; padding: 0 10px; border-left: 1px solid #b8b8b5; font-size: 12px; color: #000; line-height: 18px; } 
	#subpage-contact ul li.first { padding-left: 0; border: 0; } 
	#subpage-contact a{ color: #000; text-decoration: none;}
	#subpage-contact a:hover{text-decoration: underline;}

/*	=FOOTER
	----------------------------------------------------*/
	#footer { margin: 20px 0 0 0; padding: 10px 0 0 0; background: url(images/footer_bg.png) no-repeat center top; }
	#footer p { font-size: 12px; color: #a4a4a4; }
	#footer p a { color: #a4a4a4; text-decoration: none; }
	#footer p a:hover { text-decoration: underline; }
	#footer p.a { float: left; }
	#footer p.b { float: right; }
	
	#footer.sub { margin-bottom: 20px; background: url(images/footer_subpage_bg.png) no-repeat center top; }
	#footer.sub p { float: none; text-align: center; line-height: 18px; }
	
/*	=DYNAMIC INPUT
	----------------------------------------------------*/
	.dynamic-input { font-size: 12px; line-height: 18px; color: #252525; }
	.dynamic-input p { padding: 0 0 22px 0; }
	.dynamic-input h1 { margin: 0 0 15px 0; font-family: Dax-BoldItalic; font-weight: bold; font-style: italic; font-size: 30px; font-weight: normal; color: #000; line-height: 35px; }
	.dynamic-input h2, 
	.dynamic-input h3, 
	.dynamic-input h4, 
	.dynamic-input h5 { margin: 0 0 5px 0; padding: 10px 0 5px 0; }
	.dynamic-input h2 { font-size: 18px; font-family: Dax-BoldItalic; font-weight: bold; font-style: italic;}
	.dynamic-input h3 { font-size: 16px; }
	.dynamic-input h4, .dynamic-input h5 { font-size: 12px; }
	.dynamic-input a, .dynamic-input a:active, .dynamic-input a:visited { color: #000; text-decoration: underline; }
	.dynamic-input a:hover { text-decoration: none; }
	.dynamic-input ul, .dynamic-input ol { margin: 0 0 10px 0;  }
	.dynamic-input ul li { padding: 0 0 0 10px; list-style: square inside; }
	.dynamic-input ol li { padding: 0 0 0 10px; list-style-position: inside; }
	
	
#contact-left{
	float:left;

}
#contact-right{
	float:right;

}

	
	#form {
	width:480px;
	
}
#form div.element {
	padding-top:5px;
	padding-bottom:5px;
}
#form div.element ul{
	list-style:none;
	margin:0px;
	padding:0px;
	margin-left:155px;
}
#form div.element ul li input{
	margin-top:5px;
}
label.label {
	display:block;
	padding-top:15px;
	clear:both;
	font-weight:bold;
	color:#81817c;
}
div.element {
	clear:both;
}
div.form-elements {
	float:left;
}
div.input-error {
	float:left;
}
.input-error {
	font-weight:bold;
	color:red;
	clear:both;
	margin-left:155px;
}
.error-panel {
	margin-left:130px;
	margin-top:-30px;
	z-index:10;
	position:relative;
	float:left;
}
.formelement {
	padding:4px;
	border:1px solid #c8c8c0;
	width:208px;
	height:14px;
}
.formelementbutton{
	padding-top:15px;
	float: none;
}
.formelementtextarea{
	width:472px;
	height:100px;
}
.error{
	border:1px solid #22B4FF;
}
.input-error{
	color:#ffffff;
	font-weight:bold;
}
#error{
	z-index:1100;
	left:0px;
	top:0px;
	position:absolute;
}
#error-text{
	z-index:1100;
	background-color:#22B4FF;
	padding:4px;
	color:  #fff; 
	font-weight: bold;
	font-size: 12px;
	
}
#error-corner{
	z-index:1100;
	width:46px;
	height:15px;
	background-image:url(images/corner.png);
	background-position-x:2px;
	background-repeat:no-repeat;
}