html
{
 	background-color: #83daee;   
}

body 
{
	margin: 0px;
	padding: 0px;
	background-color: #83daee;
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
	color: #000;
	height: 100%;
}

h1, h2, h3, h4, h5, h6 {
	color: #000;
}
h1 {
	font-size: 16px;
	color: #a10000;
}
h2 {

}
h3 {

}
a {
	color: #83132b;
	text-decoration: underline;
	outline: none;
	}
	a:hover {
		text-decoration: none;
	}
a img {
	border: 0px;
}
.clr {
	clear: both;
}
form {
	margin: 0px;
	padding: 0px;
}
.italic {
	font-style: italic;
}
.bold {
	font-weight: bold;
}

.wrapper {
	margin: 0px auto;
	width: 970px;
	padding: 0px;
	position: relative;
	height: 100%;
	}
	.top {
		width: 940px;
		background-color: #fff;
		padding: 0px 15px 15px 15px;
	}
	.header {
		width: 940px;
		height: 58px;
		}
		h1#logo {
			float: left;
			margin: 0px;
			height: 0px;
		}
		h1#logo a {
			width: 233px;
			height: 58px;
			text-indent: -9999px;
			background-image:url(../images/logo.jpg);
			display: block;
		}
		.loginknop {
			position: absolute;
			right: 2px;
			top: 0px;
			width: 264px;
			height: 35px;
			margin: 12px 0px 0px 0px;
			padding: 0px 23px 0px 0px;
			background-color: #83daee;
			cursor: pointer;
			font-family: "Franklin Gothic Book", Verdana, Geneva, sans-serif;
			background-image: url(../images/loginknop_closed.jpg);
			background-position: left;
			background-repeat: no-repeat;
			color: #83132b;
			line-height: 35px;
			text-align: right;
			}
			.loginknop_active {
				background-image: url(../images/loginknop_opened.jpg);
			}
		.loginbox {
			position: absolute;
			right: 2px;
			top: 47px;
			height: 170px;
			width: 291px;
			background-image: url(../images/loginbox.png);
			z-index: 1000;
			font-family: "Franklin Gothic Book", Verdana, Geneva, sans-serif;
			padding: 5px 0px 0px 0px;
			}
			.loginbox .type {
				float: left;
				width: 75px;
				height: 33px;
				padding: 0px 0px 0px 15px;
				line-height: 33px;
				font-size: 13px;
				color: #000;
			}
			.loginbox .inputtext {
				float: left;
				width: 171px;
				height: 31px;
				line-height: 31px;
				margin: 0px 0px 9px 0px; 
				padding: 0px 0px 0px 4px;
				border: 1px solid #83132b;
			}
			.onthoud_gegevens {
				float: left;
				margin: 0px 0px 0px 86px;
				font-size: 13px;
				width: 235px;
				line-height: 18px;
				height: 18px;
				color: #000;
				}
				.onthoud_gegevens .checkbox {
					float: left;
				}
			.loginbox .opties {
				float: left;
				width: 110px;
				height: 30px;
				font-size: 9px;
				margin: 10px 0px 0px 15px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				}
				.loginbox .opties a {
					color: #83132b;
				}
			.loginbox .login a {
				float: right;
				width: 68px;
				height: 32px;
				background-image: url(../images/login_submit.jpg);
				background-position: 0px 0px;
				background-repeat: no-repeat;
				display: block;
				margin: 10px 22px 0px 0px;
				font-size: 14px;
				color: #fff;
				text-align: center;
				text-transform: uppercase;
				line-height: 32px;
				text-decoration: none;
				}
				.loginbox .login a:hover {
					background-position: 0px -32px;
				}
			.loginbox .login {
				float: right;
				width: 68px;
				height: 32px;
				background-image: url(../images/login_submit.jpg);
				background-position: 0px 0px;
				background-repeat: no-repeat;
				display: block;
				margin: 10px 22px 0px 0px;
				font-size: 14px;
				color: #fff;
				text-align: center;
				text-transform: uppercase;
				line-height: 32px;
				text-decoration: none;
				border: 0px;
				cursor: pointer;
				}
				.loginbox .login:hover {
					background-position: 0px -32px;
				}
	.begin_nu {
		width: 940px;
		height: 260px;
		background-color: #83132b;
		position: relative;
		}
		.begin_nu .grote_text {
			position: absolute;
			top: 21px;
			left: 27px;
			font-size: 23px;
			height: 23px;
			line-height: 23px;
			color: #fff;
			text-transform: uppercase;
			width: 740px;
		}
		.begin_nu .kleine_text {
			position: absolute;
			top: 55px;
			left: 29px;
			font-size: 10px;
			color: #fff;
			text-transform: uppercase;
		}
		.aanmeldbox {
			position: absolute;
			width: 371px;
			left: 29px;
			top: 73px;
			height: 171px;
			z-index: 1;
			padding: 10px 6px 0px 0px;
			font-family: "Franklin Gothic Book", Verdana, Geneva, sans-serif;
			}
			.aanmeldbox .type {
				float: left;
				width: 98px;
				margin: 0px 36px 6px 0px;
				height: 27px;
				line-height: 27px;
				font-size: 14px;
				color: #fff;
				text-align: right;
			}
			.aanmeldbox a {
				color: #fff;
			}
			.aanmeldbox .inputtext {
				float: left;
				width: 235px;
				height: 27px;
				margin: 0px 0px 9px 0px;
				padding: 0px;
				border: 1px solid #fff;
			}
			.aanmeldbox .last {
				margin: 0px 0px 6px 0px;
			}
			.aanmeldbox .alg_vwd {
				float: left;
				margin: 0px 0px 0px 130px;
				font-size: 9px;
				width: 235px;
				line-height: 18px;
				height: 18px;
				color: #fff;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				}
				.aanmeldbox .alg_vwd .checkbox {
					float: left;
				}
			.aanmeldbox .aanmelden a {
				float: left;
				width: 185px;
				height: 38px;
				background-image: url(../images/aanmelden_bg.jpg);
				background-position: 0px 0px;
				background-repeat: no-repeat;
				display: block;
				margin: 3px 0px 0px 188px;
				text-align: center;
				font-size: 16px;
				line-height: 38px;
				text-transform: uppercase;
				font-weight: 700;
				color: #fff;
				text-decoration: none;
				}
				.aanmeldbox .aanmelden a:hover {
					background-position: 0px -39px;
				}
		.begin_nu .bekijk_demo {
			position: absolute;
			width: 424px;
			height: 275px;
			top: 43px;
			right: 0px;
			background-image: url(../images/bekijk_demo.png);
			z-index: 1;
			}
			.begin_nu .bekijk_demo a {
				display: block;
				width: 200px;
				height: 155px;
				margin: 61px 0px 0px 105px;
				text-indent: -9999px;
			}
		.content {
			width: 970px;
			margin: 0px 0px 0px 0px;
			min-height: 200px;
			}
			.left {
				float: left;
				width: 192px;
				}
				.left .menu {
					width: 177px;
					height: 200px;
					background-color: #e4e4e4;
					border-left: 15px solid #fff;
					border-bottom: 15px solid #fff;
					}
					.left .menu .menu_header {
						width: 178px;
						height: 37px;
						line-height: 37px;
						text-transform: uppercase;
						color: #fff;
						background-image: url(../images/menu_bg.jpg);
						background-repeat: repeat-x;
						padding: 0px 0px 0px 14px;
					}
					.left .menu ul {
						margin: 5px 0px 0px 0px;
						padding: 0px;
						list-style: none;
						}
						.left .menu ul li {
							margin: 0px 0px 0px 15px;
							}
							.left .menu ul li a{
								font-size: 11px;
								display: block;
								padding: 2px 0px 2px 0px;
							}
				.left .footer {
					margin: 0px auto;
					height: 50px;
					}
					.left .footer ul {
						list-style: none;
						padding: 0px;
						margin: 0px;
						color: #83132b;
						}
						.left .footer ul li {
							margin: 0px 0px 0px 10px;
							font-size: 11px;
							padding: 2px 0px 2px 0px;
						}
			.content .inhoud {
				float: left;
				width: 738px;
				padding: 0px 15px 15px 25px;
				min-height: 200px;
				z-index: 10;
				background-color: #fff;
				}
				.inhoud h1 {
					font-weight: normal;
					color: #83132b;
					font-size: 20px;
				}
				.inhoud .zoeken_text {
					float: left;
					width: 549px;
					height: 27px;
					margin: 0px 0px 5px 0px;
					padding: 0px 0px 0px 4px;
					border: 1px solid #83132B;
					color: #909090;
				}
				.inhoud .zoeken a {
					float: left;
					width: 173px;
					height: 35px;
					background-image: url(../images/zoeken_button.jpg);
					background-position: 0px 0px;
					background-repeat: no-repeat;
					display: block;
					margin: 0px;
					text-align: center;
					font-size: 14px;
					line-height: 32px;
					font-weight: 700;
					color: #fff;
					text-decoration: none;
					margin: -1px 0px 0px 10px;
				}
				.inhoud .zoeken a:hover {
					background-position: 0px -35px;
				}
				.help_map_box, .help_map_box_last {
					float: left;
					margin: 15px 20px 0px 0px;
					clear: right;
				}
				.help_map_box_last{
					margin: 15px 0px 0px 0px;
					}
					.help_map_box .kop_box, .help_map_box_last .kop_box {
						text-align: left;
						width: 347px;
						padding: 0px 0px 0px 12px;
						height: 33px;
						background-image: url(../images/kop_box_bg.jpg);
						background-repeat: repeat-x;
						line-height: 33px;
						font-size: 14px;
						color: #fff;
						}
						.help_map_box ul, .help_map_box_last ul{
							margin: 0px;
							padding: 0px;
							list-style: none;
							}
							.help_map_box ul li a, .help_map_box_last ul li a {
								border-bottom:4px solid #83132b;
								color: #000000;
								float: left;
								padding: 10px 20px 10px 10px;
								text-decoration: none;
								width: 329px;
								text-align: left;
							}
							.help_map_box ul li a:hover, .help_map_box_last ul li a:hover {
								color: #fff;
								background-color: #83132b;
							}
							.help_map_box ul li a.selected, .help_map_box_last ul li a.selected {
								color: #fff;
								background-color: #83132b;
							}
							.geen_result {
								float: left;
							}

			.content .testimonials {
				float: right;
				width: 707px;
				padding: 15px;
				background-color: #e4e4e4;
				}
				ul.home {
					font-size: 15px;
					font-family: "Franklin Gothic Book", Verdana, Geneva, sans-serif;
					list-style: none;
					padding: 0px;
					margin: 0px;

					}
					ul.home li {
						float: left;
						padding: 5px 0px 5px 18px;
						margin: 0px 20px 0px 0px;
						background-image: url(../images/dot.jpg);
						background-repeat: no-repeat;
						background-position: 3px 12px;
					}
				.testimonials .testimonial, .testimonials .testimonial_right{
					float: left;
					width: 346px;
					height: 89px;
					background-color: #fff;
					margin: 0px 15px 0px 0px; 
					}
					.testimonials .testimonial_right {
						margin: 0px;
					}
				.testimonial .bedrijfs_logo, .testimonial_right .bedrijfs_logo {
					float: left;
					width: 96px;
					height: 89px;
				} 
				.testimonial .quote, .testimonial_right .quote  {
					display: table-cell;
					float: left;
					width: 234px;
					height: 69px;
					font-size: 10px;
					font-style: italic;
					color: #3e3e3e;
					padding: 20px 10px 0px 0px;
					}
					.quote .naam {
						font-style:normal;
						color: #000;
						font-weight: bold;
					}
#aanmeldForm
{
	position:			relative;
}

.aanmeldbox .stretch
{
	position:			absolute;
	top:				0px;
	bottom:				0px;
	left:				0px;
	right:				0px;		
}

.aanmeldbox #overlay_background
{
	background-color:	#83132B;
	opacity:			0.6;
	filter:				alpha(opacity=60);

}

.aanmeldbox #overlay_text
{
	position:			absolute;
	top:				40px;
	left:				30px;
	width:				300px;
	padding: 			10px;
	background-color:	#E4E4E4;
	border:				1px solid black;
	text-align: 		center;
	color:				red;
	font-weight:		bold;
	font-size: 			13px;
}