body
{
	background-color: #f9f9f9;
}

	div.loader
	{
		position: fixed;
		top: 0px;
		right: 0px;
		bottom: 0px;
		left: 0px;
		z-index: 999;
		
		display: flex;
		align-items: center;
		justify-content: center;
		
		background-color: #fff;
	}
	
	div.button
	{
		padding: 17px 20px 13px 20px;
		display: table;
		
		background-color: #fff;
		
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		
		font-family: 'Bebas Neue';
		font-size: 20px;
		letter-spacing: 1px;
		font-weight: bold;
		text-transform: uppercase;
		text-align: center;
		
		transition: .15s ease;
		
		cursor: pointer;
	}
	div.button.inactive
	{
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter: alpha(opacity=50);
		-moz-opacity: 0.5;
		-khtml-opacity: 0.5;
		opacity: 0.5;
	}
	div.button:not(.inactive):hover
	{
		background-color: #3f8fb6;
		color: #fff;
	}

	div.intro-container
	{
		width: 100%;
		
		position: relative;
		
		display: flex;
		align-items: center;
		justify-content: center;
		
		background-image: url('/lib/img/intro.jpg');
		background-size: cover;
		background-position: center;
	}
	
		div.intro-container div.center
		{
			display: table;
		}
		
			div.intro-container div.center h1
			{
				width: 100%;
				
				margin: 0px 0px 0px 0px;
				padding: 0px;
				
				font-family: 'Raleway';
				font-size: 60px;
				font-weight: bold;
				color: #fff;
				text-align: center;
			}
		
			div.intro-container div.center h2
			{
				width: 100%;
				
				margin: 0px;
				padding: 0px;
				
				font-family: 'Raleway';
				font-size: 35px;
				color: #fff;
				text-align: center;
			}
			
			div.intro-container div.center span
			{
				width: 100%;
				
				margin: 10px 0px 40px 0px;
				padding: 0px;
				display: block;
				
				font-family: 'Raleway';
				font-size: 18px;
				line-height: 22px;
				color: #fff;
				text-align: center;
			}
			
			div.intro-container div.center div.button
			{
				margin: 0px auto;
			}
			
	div.counter-container
	{
		width: 100%;
		
		position: relative;
		
		display: table;
	}
	
		div.counter-container div.counter
		{
			position: absolute;
			top: 0px;
			left: 50%;
			transform: translate(-50%, -50%);
			
			padding: 23px 20px 17px 20px;
			display: table;
			
			background-color: #3f8fb6;
		}
			
			div.counter-container div.counter span
			{
				padding: 0px 20px;
				float: left;
				
				border-left: 1px dashed #fff;
				
				white-space: nowrap;
				
				font-family: 'Bebas Neue';
				font-size: 40px;
				color: #fff;
			}
			div.counter-container div.counter span:first-child
			{
				border: none;
			}
			
	div.content
	{
		width: 100%;
		
		display: table;
	}
	div.content.purple
	{
		background-color: #3f8fb6;
	}
	
		div.content div.container
		{
			width: 1100px;
			
			margin: 0px auto;
			padding: 150px 0px;
			display: table;
		}
		div.content div.container.extra-padding
		{
			padding: 150px 0px;
		}
		div.content div.container.no-padding
		{
			padding: 50px 0px;
		}
		
			div.content div.container ul.footer
			{
				width: 100%;
				
				margin: 0px;
				padding: 0px;
				display: table;
			}
			
				div.content div.container ul.footer li
				{
					width: 25%;
					height: 100%;
					
					float: left;
					display: flex;
					
					list-style-type: none;
					
					font-size: 16px;
					color: #fff;
				}
				
					div.content div.container ul.footer li a
					{
						color: #fff !important;
					}
				
					div.content div.container ul.footer li img
					{
						width: 80%;
					}
					
					div.content div.container ul.footer li span
					{
						display: table;
					}
					
						div.content div.container ul.footer li span strong
						{
							font-size: 22px;
						}
		
			div.content div.container h1
			{
				width: 100%;
				
				margin: 0px 0px 5px 0px;
				padding: 0px;
				
				font-size: 40px;
				text-align: center;
			}
			div.content.purple div.container h1
			{
				color: #fff !important;
			}
			
			div.content div.container h2
			{
				width: 100%;
				
				margin: 0px 0px 40px 0px;
				padding: 0px;
				
				font-size: 20px;
				color: #000;
				text-align: center;
			}
			div.content.purple div.container h2
			{
				color: #f1f1f1 !important;
			}
			
			div.content div.container div.agenda
			{
				width: 80%;
				
				margin: 0px auto;
				display: table;
			}
			
				div.content div.container div.agenda div.item
				{
					width: 100%;
					height: 100px;
					
					padding: 20px 0px;
					display: table;
					float: left;
				}
				
					div.content div.container div.agenda div.item div.image
					{
						width: 100px;
						height: 100px;
						
						float: left;
						
						background-color: black;
						
						border-radius: 100px;
						-moz-border-radius: 100px;
						-webkit-border-radius: 100px;
					}
					
						div.content div.container div.agenda div.item div.image img
						{
							width: 100px;
							height: 100px;
							
							border-radius: 100px;
							-moz-border-radius: 100px;
							-webkit-border-radius: 100px;
						}
					
					div.content div.container div.agenda div.item div.line
					{
						width: 200px;
						height: 100px;
						
						position: relative;
						
						float: left;
					}
					
						div.content div.container div.agenda div.item div.line div.dot
						{
							width: 15px;
							height: 15px;
							
							position: absolute;
							top: 50%;
							left: 50%;
							transform: translate(-50%, -50%);
							
							background-color: #826085;
							
							border-radius: 20px;
							-moz-border-radius: 20px;
							-webkit-border-radius: 20px;
						}
					
						div.content div.container div.agenda div.item div.line div.inside
						{
							width: 1px;
							height: 100px;
							
							margin: 0px auto;
							
							background-color: #ccc;
						}
						
					div.content div.container div.agenda div.item div.text
					{
						width: calc(100% - 300px);
						height: 100px;
						
						float: left;
					}
					
						div.content div.container div.agenda div.item div.text strong
						{
							width: 100%;
							
							margin: 0px 0px 5px 0px;
							float: left;
							
							font-size: 18px;
							font-weight: bold;
						}
						
							div.content div.container div.agenda div.item div.text strong small
							{
								color: #999;
							}
							
						div.content div.container div.agenda div.item div.text span
						{
							width: 100%;
							
							margin: 0px 0px 5px 0px;
							float: left;
							
							font-size: 15px;
						}
			
			div.content div.container div.splitted
			{
				width: 100%;
				
				display: table;
			}
			
				div.content div.container div.splitted div.left
				{
					width: 100%;
					
					position: relative;
					
					padding: 30px;
					display: table;
					float: left;
					
					background-color: #fff;
				}
				
					div.content div.container div.splitted div.left div.email-success
					{
						position: absolute;
						top: 0px;
						right: 0px;
						bottom: 0px;
						left: 0px;
						z-index: 999;
						
						display: none;
						align-items: center;
						justify-content: center;
						
						background-color: #2d2d2d;
					}
					
						div.content div.container div.splitted div.left div.email-success img
						{
							width: 100%;
							
							border: none !important;
						}
				
					div.content div.container div.splitted div.left h3
					{
						width: 100%;
						
						margin: 0px 0px 5px 0px;
						padding: 0px;
						
						font-size: 20px;
					}
					
					div.content div.container div.splitted div.left span
					{
						width: 100%;
						
						margin: 0px;
						padding: 0px;
						
						font-size: 15px;
					}
					
					div.content div.container div.splitted div.left div.form
					{
						width: 100%;
						
						display: table;
					}
					
						div.content div.container div.splitted div.left div.form div.row-2
						{
							width: 100%;
							
							display: table;
						}
						
							div.content div.container div.splitted div.left div.form div.row-2 div.item
							{
								width: calc(50% - 10px);
								
								margin: 0px 0px 15px 0px;
								float: left;
							}
							div.content div.container div.splitted div.left div.form div.row-2 div.item:nth-child(even)
							{
								float: right;
							}
							
							div.content div.container div.splitted div.left div.form div.row-3 div.item
							{
								width: calc(33.33% - 10px);
								
								margin: 0px 0px 15px 0px;
								float: left;
							}
							div.content div.container div.splitted div.left div.form div.row-3 div.item:nth-child(2)
							{
								margin-left: 15px;
							}
							div.content div.container div.splitted div.left div.form div.row-3 div.item:nth-child(3)
							{
								float: right;
							}
							
								div.content div.container div.splitted div.left div.form div.item label
								{
									width: 100%;
									
									margin: 0px 0px 5px 0px;
									float: left;
									
									font-size: 15px;
									color: #666;
								}
								div.content div.container div.splitted div.left div.form div.item.large label
								{
									font-weight: bold;
									color: #000;
								}
								
								div.content div.container div.splitted div.left div.form div.item small
								{
									line-height: 10px;
								}
								
								div.content div.container div.splitted div.left div.form div.item input,
								div.content div.container div.splitted div.left div.form div.item select
								{
									width: calc(100% - 20px);
									
									padding: 10px;
									
									border: 1px solid #ccc;
									border-radius: 5px;
									-moz-border-radius: 5px;
									-webkit-border-radius: 5px;
									
									font-size: 15px;
								}
								div.content div.container div.splitted div.left div.form div.item select
								{
									width: 100%;
								}
								div.content div.container div.splitted div.left div.form div.item input:focus,
								div.content div.container div.splitted div.left div.form div.item select:focus
								{
									border: 1px solid #3f8fb6;
								}
							
						div.content div.container div.splitted div.left div.form div.button
						{
							width: calc(100% - 44px);
							
							margin: 20px 0px 0px 0px;
							float: left;
							
							border: 2px solid #3f8fb6;
							
							font-size: 25px;
						}
				
				div.content div.container div.splitted div.right
				{
					width: calc(50% - 11px);
					height: 500px;
					
					margin: 0px 0px 0px 18px;
					display: table;
					float: left;
				}
				
					div.content div.container div.splitted div.right div.pricelist
					{
						width: 100%;
						height: calc(33% - 11px);
						
						margin: 18px 0px 0px 0px;
						
						background-color: #fff;
					}
					div.content div.container div.splitted div.right div.pricelist:first-child
					{
						margin: 0px;
					}
					
						div.content div.container div.splitted div.right div.pricelist div.price
						{
							width: 150px;
							height: 100%;
							
							display: flex;
							align-items: center;
							justify-content: center;
							float: left;
							
							border-right: 1px solid #ccc;
						}
						
							div.content div.container div.splitted div.right div.pricelist div.price div.inside
							{
								display: table;
								
								font-size: 40px;
								line-height: 15px;
								text-align: center;
							}
						
								div.content div.container div.splitted div.right div.pricelist div.price div.inside small
								{
									font-size: 17px;
								}
								
						div.content div.container div.splitted div.right div.pricelist div.text
						{
							width: calc(100% - 151px);
							height: 100%;
							
							float: left;
							display: flex;
							align-items: center;
							justify-content: center;
						}
						
							div.content div.container div.splitted div.right div.pricelist div.text div.inside
							{
								width: calc(100% - 40px);
								
								display: table;
								
								font-size: 13px;
							}
							
								div.content div.container div.splitted div.right div.pricelist div.text div.inside strong
								{
									width: 100%;
									
									margin: 0px 0px 5px 0px;
									float: left;
									
									font-size: 16px;
								}
			
			div.content div.container div.drieleuk
			{
				width: 100%;
				
				display: table;
			}
			
				div.content div.container div.drieleuk div.item
				{
					width: calc(33.33% - 11px);
					height: 100px;
					
					margin: 0px 0px 0px 12px;
					display: table;
					float: left;
				}
				div.content div.container div.drieleuk div.item:first-child
				{
					margin: 0px;
				}
				div.content div.container div.drieleuk div.item.shadow
				{
					background-color: #fff;
					border: 1px solid #f2f2f2;
					
					-webkit-box-shadow: 0px 15px 20px 0px #ddd;
					-moz-box-shadow: 0px 15px 20px 0px #ddd;
					box-shadow: 0px 15px 20px 0px #ddd;
				}
				
					div.content div.container div.drieleuk div.item img.full-width
					{
						width: 100%;
					}
				
					div.content div.container div.drieleuk div.item div.image
					{
						width: 100%;
						
						display: table;
					}
					
						div.content div.container div.drieleuk div.item div.image img
						{
							width: 100%;
						}
						
					div.content div.container div.drieleuk div.item div.text
					{
						width: calc(100% - 40px);
						height: 100px;
						
						padding: 40px 20px;
						display: table;
					}
					
						div.content div.container div.drieleuk div.item div.text h3
						{
							margin: 0px 0px 10px 0px;
							padding: 0px;
							
							font-weight: bold;
							font-size: 20px;
						}
						
						div.content div.container div.drieleuk div.item div.text a
						{
							font-weight: bold;
							text-decoration: none;
							color: #3f8fb6;
							
							transition: .3s ease;
						}
						div.content div.container div.drieleuk div.item div.text a:hover
						{
							color: #000;
						}
			
			div.content div.container div.drieluik
			{
				width: 100%;
				
				display: table;
			}
			
				div.content div.container div.drieluik div.item
				{
					width: calc(33% - 11px);
					height: 100px;
					
					margin: 0px 0px 0px 18px;
					display: table;
					float: left;
				}
				div.content div.container div.drieluik div.item:first-child
				{
					margin: 0px;
				}
				div.content div.container div.drieluik div.item.shadow
				{
					background-color: #fff;
					border: 1px solid #f2f2f2;
					
					-webkit-box-shadow: 0px 15px 20px 0px #ddd;
					-moz-box-shadow: 0px 15px 20px 0px #ddd;
					box-shadow: 0px 15px 20px 0px #ddd;
				}
				
					div.content div.container div.drieluik div.item img.full-width
					{
						width: 100%;
					}
				
					div.content div.container div.drieluik div.item div.image
					{
						width: 100%;
						
						display: table;
					}
					
						div.content div.container div.drieluik div.item div.image img
						{
							width: 100%;
						}
						
					div.content div.container div.drieluik div.item div.text
					{
						width: calc(100% - 40px);
						height: 100px;
						
						padding: 40px 20px;
						display: table;
					}
					
						div.content div.container div.drieluik div.item div.text h3
						{
							margin: 0px 0px 10px 0px;
							padding: 0px;
							
							font-weight: bold;
							font-size: 20px;
						}
						
						div.content div.container div.drieluik div.item div.text a
						{
							font-weight: bold;
							text-decoration: none;
							color: #3f8fb6;
							
							transition: .3s ease;
						}
						div.content div.container div.drieluik div.item div.text a:hover
						{
							color: #000;
						}
						
			div.content div.container div.tweeluik
			{
				width: 100%;
				
				display: table;
			}
			
				div.content div.container div.tweeluik div.item
				{
					width: calc(50% - 11px);
					height: 100px;
					
					margin: 0px 0px 0px 18px;
					display: table;
					float: left;
				}
				div.content div.container div.tweeluik div.item:first-child
				{
					margin: 0px;
				}
				div.content div.container div.tweeluik div.item.shadow
				{
					background-color: #fff;
					border: 1px solid #f2f2f2;
					
					-webkit-box-shadow: 0px 15px 20px 0px #ddd;
					-moz-box-shadow: 0px 15px 20px 0px #ddd;
					box-shadow: 0px 15px 20px 0px #ddd;
				}
				
					div.content div.container div.tweeluik div.item img.full-width
					{
						width: 100%;
					}
				
					div.content div.container div.tweeluik div.item div.image
					{
						width: 100%;
						
						display: table;
					}
					
						div.content div.container div.tweeluik div.item div.image img
						{
							width: 100%;
						}
						
					div.content div.container div.tweeluik div.item div.text
					{
						width: calc(100% - 40px);
						height: 100px;
						
						padding: 40px 20px;
						display: table;
					}
					
						div.content div.container div.tweeluik div.item div.text h3
						{
							margin: 0px 0px 10px 0px;
							padding: 0px;
							
							font-weight: bold;
							font-size: 20px;
						}
						
						div.content div.container div.tweeluik div.item div.text a
						{
							font-size: 13px;
							font-weight: bold;
							text-decoration: none;
							color: #000;
							
							transition: .3s ease;
						}
						div.content div.container div.tweeluik div.item div.text a:hover
						{
							color: #3f8fb6;
						}
						
			div.content div.container div.vijfluik
			{
				width: 100%;
				
				display: table;
			}
			
				div.content div.container div.vijfluik div.item
				{
					width: calc(20% - 18px);
					
					margin: 0px 0px 18px 18px;
					display: table;
					float: left;
				}
				div.content div.container div.vijfluik div.item:nth-child(0)
				{
					margin: 0px;
				}
				div.content div.container div.vijfluik div.item.shadow
				{
					background-color: #fff;
					border: 1px solid #f2f2f2;
					
					-webkit-box-shadow: 0px 15px 20px 0px #ddd;
					-moz-box-shadow: 0px 15px 20px 0px #ddd;
					box-shadow: 0px 15px 20px 0px #ddd;
				}
				
					div.content div.container div.vijfluik div.item img.full-width
					{
						width: 100%;
					}
				
					div.content div.container div.vijfluik div.item div.image
					{
						width: 100%;
						
						display: table;
					}
					
						div.content div.container div.vijfluik div.item div.image img
						{
							width: 100%;
						}
						
					div.content div.container div.vijfluik div.item div.text
					{
						width: calc(100% - 40px);
						height: 100px;
						
						padding: 40px 20px;
						display: table;
					}
					
						div.content div.container div.vijfluik div.item div.text h3
						{
							margin: 0px 0px 10px 0px;
							padding: 0px;
							
							font-weight: bold;
							font-size: 20px;
						}
						
						div.content div.container div.vijfluik div.item div.text a
						{
							font-size: 13px;
							font-weight: bold;
							text-decoration: none;
							color: #000;
							
							transition: .3s ease;
						}
						div.content div.container div.vijfluik div.item div.text a:hover
						{
							color: #3f8fb6;
						}
						
	div.logo-slider
	{
		width: 100%;
		height: 210px;
		
		border-top: 1px solid #ccc;
		background-color: #ffffff;
		
		overflow-x: scroll;
		overflow-y: hidden;
		white-space: nowrap;
	}
	
		div.logo-slider div.logo
		{
			width: 250px;
			height: 150px;
			
			padding: 30px 0px;
			display: inline-block;
			
			text-align: center;
			
			border-left: 1px solid #ccc;
		}
		div.logo-slider div.logo:first-child
		{
			border: none;
		}
		
			div.logo-slider div.logo img
			{
				height: 150px;
			}
			
hr
{
	width: 100%;
	height: 1px;
	
	margin: 0px;
	padding: 0px;
	float: left;
	
	background-color: #fff;
	border: none;
	color: #fff;
}