body {
	margin:0px;
	padding:0px;
	height:100%;
}
html {
	margin:0px;
	padding:0px;
	height:100%;
	font-family: 'Titillium Web', sans-serif;
}
h1 {
	font-family: 'Titillium Web', sans-serif;
	font-size:70px;
	line-height:0px;
	font-weight:700;
	color:#4d4d4f;	
	text-align:center;
}
h2 {
	font-family: 'Titillium Web', sans-serif;
	font-size:30px;
	line-height:55px;
	font-weight:300;
	color:#fecf00;	
	text-align:center;
}
p {
	font-family: 'Titillium Web', sans-serif;
	font-size:19px;
	line-height:33px;
	font-weight:400;
	color:#808285;	
	text-align:center;
}
.content_subhead {
	font-weight:700;
}

#success, #error{
	display: none;
}
/* placeholder styling !:) */
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #999;
	font-family: 'Titillium Web', sans-serif;
	font-size:12px;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #999;
	font-family: 'Titillium Web', sans-serif;
	font-size:12px;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #999;
	font-family: 'Titillium Web', sans-serif;
	font-size:12px;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #999;
	font-family: 'Titillium Web', sans-serif;
	font-size:12px;
}
.failed::-webkit-input-placeholder {
    color: red;
}
.failed::-moz-placeholder {
    color: red;
}
.failed::-ms-input-placeholder     {
    color: red;
}
.clearboth {
	clear:both;
}
/* start main styling here !*/

#menu_wrapper {
	width:100%;
	height:100px;
	margin:0 auto;
	background-color:#ffffff;
	position:fixed;
	z-index:9999;
	margin-bottom:100px;
}
	#menu_wrapper #menu_inner_wrapper {
		width:1038px;
		height:100%;
		margin:0 auto;
	}
		#menu_wrapper #menu_inner_wrapper #logo_wrapper {
			width:307px;
			height:44px;
			background-image: url("../../images/frontend/logo.png");
			background-size:cover;
			background-repeat:no-repeat;
			margin-top:24px;
			float:left;
		}
		#menu_wrapper #menu_inner_wrapper #menu_items_wrapper {
			width:auto;
			height:auto;
			float:right;
		}
			#menu_wrapper #menu_inner_wrapper #menu_items_wrapper ul {
				list-style:none;
				flaot:right;
				margin-top:40px;
			}
				#menu_wrapper #menu_inner_wrapper #menu_items_wrapper ul li {
					float:right;
					margin-left:30px;
				}
					#menu_wrapper #menu_inner_wrapper #menu_items_wrapper ul a {
						display:block;
						text-decoration:none;
						color:#808285;
						font-size:14px;
						color:#808285;
						float:right;
						font-family: 'Titillium Web', sans-serif;
					}
					#menu_wrapper #menu_inner_wrapper #menu_items_wrapper ul a:hover {
						cursor:pointer;
						color:#fecf00;
					}
	#top_shadow_wrapper {
		margin:0 auto;
		position:fixed;
		width:100%;
		height:37px;
		background-image: url("../../images/frontend/menu_shadow.png");
		background-size:100%;
		background-repeat:no-repeat;
		z-index:9999;
		margin-top:100px;
	}
	#slider_overlay_wrapper {
		positon:relative;
		height:100%;
		width:100%;
		z-index:998;
		margin:0 auto;
		position:absolute;
	}
		#slider_overlay_wrapper #slider_overlay_innerwrapper {
			width:1038px;
			height:100%;
			margin:0 auto;
		}
			#slider_overlay_widthfix {
				width:33%;
			}
			#slider_overlay_wrapper #slider_overlay_innerwrapper img {
				float:right;
				background-repeat:repeat-y;
			}
	#flexslider_info_wrapper {
		width:1038px;
		left:0;
        right:0;
		top:100px;
        margin-left:auto;
        margin-right:auto;
		position:absolute;
		height:484px;
		z-index:998;
	}
		#flexslider_info_wrapper #flexslider_info_text {
			width:303px;
			height:200px;
			float:Left;
			text-align:right;
			color:#ffffff;
			font-weight:700;
			font-family: 'Titillium Web', sans-serif;
			text-transform:uppercase;
			font-size:70px;
			line-height:70px;
			margin-top:5%;
		}
		#flexslider_info_wrapper #flexslider_buttons_wrapper {
			width:1048px;
			height:188px;
			margin-top:50px;
			color:#ffffff;
		}
			#flexslider_info_wrapper #slider_arrow_down {
				width:78px;
				height:77px;
				background-image:url("/images/frontend/arrow_down_normal.png");
				margin:0 auto;
				position:relative;
				margin-left:264px;
				margin-top:62px;
			}
			#flexslider_info_wrapper #flexslider_buttons_wrapper .flexslider_button {
				width:250px;
				margin-left:10px;
				height:120px;
				float:left;
				background-image: url("../../images/frontend/slider_button_normal.png");
				font-size:28px;
				text-transform:uppercase;
				line-height:16px;
				text-align:center;
				padding-top:68px;
				display:block;
			}
			#flexslider_info_wrapper #flexslider_buttons_wrapper .flexslider_button_active {
				width:250px;
				margin-left:10px;
				height:120px;
				float:left;
				background-image: url("../../images/frontend/slider_button_active.png");
				font-size:28px;
				text-transform:uppercase;
				line-height:16px;
				text-align:center;
				padding-top:68px;
				display:block;
			}
				#flexslider_info_wrapper #flexslider_buttons_wrapper .flexslider_button:hover {
					background-image: url("../../images/frontend/slider_button_hover.png");
					background-size:cover;
					cursor:pointer;
				}
				#flexslider_info_wrapper #flexslider_buttons_wrapper .flexslider_button:last-child {
					margin-right:0px;
				}
				#flexslider_info_wrapper #flexslider_buttons_wrapper .flexslider_button .big_title {
					color:#ffffff;
					position:relative;
					z-index:8888;
				}
				#flexslider_info_wrapper #flexslider_buttons_wrapper .flexslider_button span {
					font-size:14px;
					line-height:16px;
					text-transform:uppercase;
					position:relative;
					z-index:9999;
					height:40px;
					color:#ffffff;
					display:block;
					text-decoration:None;
					padding-top:24px;
				}
	#content_home_wrapper, #productie, #components {
		width:96%;
		height:auto;
		margin:0 auto;
		top:100%;
		padding-top:100px;
		padding-bottom:100px;
	}
		.link_content {
			font-weight:700;
			color:#fecf00;
			cursor:pointer;
			text-decoration:none;
		}
	.current{
		color: #fecf00 !important;
	}
	#product_slider {
		width:96%;
		height:600px;
		margin:0 auto;
		background-image: url("../../images/frontend/products/product_slider_background.png");
		background-size:cover;
		background-repeat:No-repeat;
	}
		.header_products {
			font-size:24px;
			line-height:33px;
			font-weight:700;
			text-transform:uppercase;
			color:#ffffff;
			font-family: 'Titillium Web', sans-serif;
		}
		.product_text {
			font-size:19px;
			line-height:33px;
			font-weight:300;
			color:#ffffff;	
			font-family: 'Titillium Web', sans-serif;			
		}
	#slider_product_overlay_wrapper {
		positon:relative;
		height:100%;
		width:100%;
		z-index:998;
		margin:0 auto;
		overflow:hidden;
	}
		#slider_product_overlay_wrapper #slider_overlay_product_innerwrapper {
			width:1038px;
			height:100%;
			margin:0 auto;
		}
			#slider_overlay_product_widthfix {
				width:33%;
			}
			#slider_product_overlay_wrapper #slider_overlay_product_innerwrapper img {
				float:right;
			}
	#what_products_wrapper {
		width:1038px;
		margin:0 auto;
		height:540px;
	}
		#what_products_wrapper .product_content_item {
			width:237px;
			float:left;
			height:100%;
			margin-right:30px;
		}
			#what_products_wrapper .product_content_item h1 {
				font-size:28px;
				line-height:24px;
				font-weight:400;
				color:#494948;
				text-transform:uppercase;
				text-align:left;
			}
			#what_products_wrapper .product_content_item p {
				font-size:14px;
				line-height:24px;
				font-weight:400;
				color:#808285;
				text-align:left;
			}
			#what_products_wrapper .product_content_item:last-child {
				margin-right:0px;
			}
	#footer_wrapper {
		width:96%;
		height:495px;
		overflow:hidden;
		margin:0 auto;
		position: relative;
		z-index: 1;
	}
		#footer_wrapper #footer_inner_wrapper {
			width:1038px;
			height:100%;
			margin:0 auto;
		}
			#footer_wrapper #footer_inner_wrapper #footer_image_left {
				width:338px;
				height:100%;
				float:left;
				position:relative;
			}
				#footer_wrapper #footer_inner_wrapper #footer_image_left #footer_left_text_wrapper {
					width:100%;
					height:100%;
					position:absolute;
				}
					#footer_wrapper #footer_inner_wrapper #footer_image_left #footer_left_text_wrapper h1 {
						text-align:left;
						color:#ffffff;
						font-weight:700;
						text-transform:uppercase;
						font-size:40px;
						line-height:69px;
					}
					#footer_wrapper #footer_inner_wrapper #footer_image_left #footer_left_text_wrapper h2 {
						text-align:left;
						color:#ffffff;
						font-weight:400;
						text-transform:uppercase;
						font-size:19px;
						line-height:33px;
					}
					#footer_wrapper #footer_inner_wrapper #footer_image_left #footer_left_text_wrapper p {
						text-align:left;
						color:#ffffff;
						font-weight:400;
						font-size:14px;
						line-height:22px;
					}
					#footer_wrapper #footer_inner_wrapper #footer_image_left #footer_left_text_wrapper a {
						color:#ffffff;
						text-decoration:none;
						cursor:pointer;
					}
			#footer_wrapper #footer_inner_wrapper #footer_image_right {
				width:700px;
				height:100%;
				float:left;
				position:relative;
			}
				#footer_wrapper #footer_inner_wrapper #footer_image_right #footer_right_text_wrapper {
					position:absolute;
					bottom:0;
					left:0;
					width:101%;
					height:75%;
				}
					#footer_wrapper #footer_inner_wrapper #footer_image_right #footer_right_text_wrapper h2 {
						text-align:left;
						color:#ffffff;
						font-weight:400;
						text-transform:uppercase;
						font-size:19px;
						line-height:33px;
					}
					#footer_wrapper #footer_inner_wrapper #footer_image_right #footer_right_text_wrapper p {
						text-align:left;
						color:#ffffff;
						font-weight:400;
						font-size:14px;
						line-height:22px;
					}
					#footer_wrapper #footer_inner_wrapper #footer_image_right #footer_right_text_wrapper .footer_form_field {
						border:0px none;
						-webkit-appearance:none;
						-moz-appearance:none;
						border-radius:0px none;
						width:296px;
						height:40px;
						padding-top:0px;
						padding-bottom:0px;
						paddnig-right:0px;
						padding-left:10px;
						background-color:#6b6b6a;
						color:#ffffff;
						margin-bottom:10px;						
					}
					#footer_wrapper #footer_inner_wrapper #footer_image_right #footer_right_text_wrapper .footer_form_button {
						border:0px none;
						-webkit-appearance:none;
						-moz-appearance:none;
						border-radius:0px none;
						background-image: url("/images/frontend/footer_button_image.png");
						color:#ffffff;
						width:102px;
						height:40px;
					}
					#footer_wrapper #footer_inner_wrapper #footer_image_right #footer_right_text_wrapper .footer_form_button:hover {
						cursor:pointer;
						background-image: url("/images/frontend/footer_button_image_hover.png");
					}
					#footer_right_colom_left {
						width:auto;
						padding-left:36px;
						float:left;
					}
					#footer_right_colom_right {
						width:auto;
						float:left;
						padding-left:20px;
					}
						#footer_right_colom_right .footer_people_wrapper {
							width:161px;
							height:auto;
							float:left;
						}
							#footer_right_colom_right .footer_people_wrapper a {
								color:#ffffff;
								cursor:pointer;
								text-decoration:none;
								font-size:12px;
							}
							#footer_right_colom_right .footer_people_wrapper .footer_image {
								float:Left;
								margin-bottom:15px;
							}
							#footer_right_colom_right .footer_people_wrapper .header_people {
								color:#eec409;
							}
	#website_wrapper {
		position:relative;
		z-index:999;
		background-color:#ffffff;
	}
	.map-canvas {
		width:100%;
		height:500px;
		margin:0 auto;
		margin-top:36px;
		margin-bottom:36px;
		bottom: 0;
		overflow:hidden;
		position: fixed;
		z-index: 0;
	}
		#map-canvas {
			width:96%;
			height:100%;
			margin:0 auto;
		}
	.product_slider {
		width:1038px;
		margin:0 auto;
		margin-top: -500px;
		height:550px;
		position:relative;
	}
		.product_slider_content {
			width:300px;
			height:100%;
			float:left;

		}
		.product_slider_image {
			float:right;
			width:600px;
			height:100%;
			position:relative;
		}	
			.product_slider_image img {
				position:absolute;
				z-index:999;
			}

	.contact_label{
		color:#FFFFFF;
		font-weight:400;
		font-size:14px;
		
		}
		#contact_form{
			margin-top:-10px;
			}
		#contact_form_verzonden{
			display:none;
			width:280px;
			background-color:#FECF00;
			padding:10px;
			}
			
	@media only screen and (max-width: 1280px){
		.map-canvas {
			position:relative;
			width:1038px;
		}
	}
	@media only screen and (max-width : 1024px) {
		#map-canvas {
			width:1038px;
		}
		#footer_right_colom_right {
			width:auto;
			float:left;
			padding-left:10px;
		}
		#menu_wrapper #menu_inner_wrapper #logo_wrapper {
			margin-left:36px;
		}
		#footer_wrapper {
			width:1038px;
			height:496px;
			overflow:Hidden;
			margin:0 auto;
		}
			#product_slider {
				width:1038px;
				height:600px;
				margin:0 auto;
				background-image: url("../../images/frontend/products/product_slider_background.png");
				background-size:cover;
				background-repeat:No-repeat;
			}
			#content_home_wrapper, #productie, #components {
				width:1038px;
				height:auto;
				margin:0 auto;
				top:100%;
				padding-top:100px;
				padding-bottom:100px;
			}
	#top_shadow_wrapper {
		margin:0 auto;
		position:fixed;
		width:1038px;
		height:37px;
		background-image: url("../../images/frontend/menu_shadow.png");
		background-size:100%;
		background-repeat:no-repeat;
		z-index:999;
		margin-top:100px;
	}
	#slider_overlay_wrapper {
		positon:relative;
		height:100%;
		width:1038px;
		z-index:998;
		margin:0 auto;
		overflow:hidden;
		position:absolute;
	}
	#menu_wrapper {
		width:1038px;
		height:100px;
		margin:0 auto;
		background-color:#ffffff;
		position:fixed;
		z-index:999;
		margin-bottom:100px;
	}
	.tv {
		position: relative;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		height: 100%;
		width: 1038px;
		margin:0 auto;
		overflow:hidden;
	}
}