@charset "utf-8";
/* CSS Document */

body {
	line-height: 21px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #B2BCC7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #002244;
}

table, tr, td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #002244;
}

h1 {
	font-size: 17px;
	font-weight: normal;
	color: #002244;
}

h2 {
	font-size: 15px;
	font-weight: normal;
	color: #002244;
}

h3 {
	font-size: 13px;
	font-weight: normal;
	color: #002244;
}

a {
	text-decoration: underline;
	color: #002244;
}

	a:hover {
		text-decoration: none;
	}


p {
  Margin: 0px;
  padding: 0px;  
    }

img.img_left {
	margin: 0px 20px 10px 0px;
	border: 4px solid #ccd3da;
	float: left;
}

img.img_right {
	margin: 0px 0px 10px 20px;
	border: 4px solid #ccd3da;
	float: right;
}

img.img_right_zonder_border {
	margin: 0px 0px 10px 20px;
	float: right;
}


.images_right {
	width: 90px;
	float: right;
}

.text {
	width: 245px;
	float: left;
}

.clear_both {
	height: 0px;
	clear: both;
	content: "";
}

.page {
	width: 998px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	background-color: #FFFFFF;
}

.header {
	width: 998px;
	height: 200px;
	background-color: #143453;
}

	.logo_combi_dakkapel {
		margin: 39px 0px 0px 805px;
		position: absolute;
		z-index: 3;
	}

	.header_shape_large {
		margin: 0px 0px 0px 698px;
		position: absolute;
		z-index: 2;
	}
	
	.header_bar {
		margin: 180px 0px 0px 0px;
		position: absolute;
		z-index: 1;
	}

.h3_submenu {
	color: #FFFFFF;
	text-decoration:none;
}


.navigation {
	width: 998px;
	height: 27px;
	background-color: #143453;
}

	.header_shape_small {
		margin: 0px 0px 0px 845px;
		position: absolute;
	}

	.menu {
		width: 718px;
		height: 27px;
		background-color: #E5E8EC;
	}
	
		.menu_item a {
			line-height: 27px;
			padding: 0px 20px 0px 20px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 13px;
			font-weight: bold;
			text-decoration: none;
			color: #728598;
			float: left;
		}
		
		.menu_item a:hover {
			text-decoration: none;
			color: #002244;
		}




		.menu_item_hover a {
			line-height: 27px;
			padding: 0px 20px 0px 20px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 13px;
			font-weight: bold;
			text-decoration: none;
			color: #002244;
			float: left;
		}
		
		.menu_item_hover a:hover {
			text-decoration: none;
			color: #002244;
		}


		
		.menu_seperator {
			float: left;
		}

.content {
	width: 998px;
	background-image: url(../images/bg_columns.jpg);
	background-position: top left;
	background-repeat: repeat-y;
}

.column_left {
	width: 678px;
	margin: 0px 20px 40px 20px;
	padding: 0px 0px 0px 0px;
	background-image: url(../images/bg_content.jpg);
	background-position: 0px 60px;
	background-repeat: repeat-x;
	float: left;
}

	.column_left_top {
		width: 678px;
		height: 40px;
		line-height: 60px;
		color: #7F90A1;
	}
	
		.column_left_top a {
			text-decoration: underline;
			color: #7F90A1;
		}

			.column_left_top a:hover {
				text-decoration: none;
			}

	.column_left_left {
		width: 220px;
		margin: 20px 0px 0px 0px;
		padding: 10px 0px 0px 10px;
		float: left;
	}
	
		.sidemenu_left {
			width: 220px;
			margin: 0px 0px 10px 0px;
			padding: 0px 0px 0px 0px;
		}
		
			.sidemenu_left h3 {
				width: 180px;
				margin: 0px 0px 0px 0px;
				padding: 21px 20px 21px 20px;
				background-color: #667A8F;
				font-size: 13px;
				font-weight: normal;
				color: #FFFFFF;
			}

			.sidemenu_left h2 {
				width: 180px;
				margin: 0px 0px 0px 0px;
				padding: 21px 20px 21px 20px;
				background-color: #667A8F;
				font-size: 13px;
				font-weight: normal;
				color: #FFFFFF;
			}
						
			.menuitem a {
				line-height: 28px;
				padding: 0px 20px 0px 34px;
				background-image: url(../images/img_ico_arrow_2.gif);
				background-position: 20px 11px;
				background-repeat: no-repeat;
				background-color: #B2BCC7;
				border-bottom: 1px solid transparent;
				font-size: 11px;
				font-weight: normal;
				color: #002244;
				text-decoration: none;
				display: block;
			}
			

			.menuitem_hover a {
				line-height: 28px;
				padding: 0px 20px 0px 34px;
				background-image: url(../images/img_ico_arrow_3.gif);
				background-position: 20px 11px;
				background-repeat: no-repeat;
					background-color: transparent;
					border-bottom: 1px solid #667A8F;
				font-size: 11px;
				font-weight: normal;
				color: #002244;
				text-decoration: none;
				display: block;
			}


			
				.menuitem a:hover {
					background-image: url(../images/img_ico_arrow_3.gif);
					background-position: 20px 11px;
					background-repeat: no-repeat;
					background-color: transparent;
					border-bottom: 1px solid #667A8F;
					font-weight: normal;
					text-decoration: none;
				}


			.menuitem_selected a {
				line-height: 28px;
				padding: 0px 20px 0px 34px;
				background-image: url(../images/img_ico_arrow_3.gif);
				background-position: 20px 11px;
				background-repeat: no-repeat;
				background-color: transparent;
				border-bottom: 1px solid #667A8F;
				font-size: 11px;
				font-weight: bold;
				color: #002244;
				text-decoration: none;
				display: block;
			}
			
				.menuitem_selected a:hover {
					background-image: url(../images/img_ico_arrow_3.gif);
					background-position: 20px 11px;
					background-repeat: no-repeat;
					background-color: transparent;
					font-weight: bold;
					text-decoration: none;
				}
				
			.menuitem_sub a {
				line-height: 28px;
				padding: 0px 20px 0px 34px;
				background-image: url(../images/img_ico_arrow_2.gif);
				background-position: 20px 11px;
				background-repeat: no-repeat;
				background-color: #e5e8ec;
				border-bottom: 1px solid #728598;
				font-size: 11px;
				font-weight: normal;
				color: #728598;
				text-decoration: none;
				display: block;
			}
			
				.menuitem_sub a:hover {
					background-image: url(../images/img_ico_arrow_3.gif);
					background-position: 20px 11px;
					background-repeat: no-repeat;
					background-color: #FFFFFF;
					border-bottom: 1px solid #002244;
					font-weight: normal;
					text-decoration: none;
					color: #002244;
				}

		.contact {
			width: 220px;
			margin: 0px 0px 10px 0px;
			padding: 21px 20px 21px 20px;
		}
	
	.column_left_right {
		width: 408px;
		margin: 20px 0px 0px 0px;
		padding: 31px 20px 0px 20px;
		text-align: justify;
		float: left;
	}

.column_right {
	width: 280px;
	margin: 0px 0px 0px 0px;
	padding: 40px 0px 0px 0px;
	background-image: url(../images/bg_column_right.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #667A8F;
	float: left;
}

	.sidemenu_right {
		width: 280px;
		margin: 0px 0px 40px 0px;
		padding: 20px 0px 10px 0px;
		background-color: #FFFFFF;
	}

		.banner_offerte {
			width: 170px;
			margin: 0px 0px 10px 0px;
			padding: 31px 20px 31px 68px;
			background-image: url(../images/img_icon_document.png);
			background-position: 20px 38px;
			background-repeat: no-repeat;
			border: 1px solid #E5E8EC;
			cursor: pointer;
		}
		
			.banner_offerte:hover {
				background-color: #E5E8EC;
			}

			.banner_offerte h2 {
				margin: 0px 0px 0px 0px;
			}
			
		.banner_fotoalbum {
			width: 170px;
			margin: 0px 0px 10px 0px;
			padding: 31px 20px 31px 68px;
			background-image: url(../images/img_icon_camera.png);
			background-position: 20px 38px;
			background-repeat: no-repeat;
			border: 1px solid #E5E8EC;
			cursor: pointer;
		}
		
			.banner_fotoalbum:hover {
				background-color: #E5E8EC;
			}

			.banner_fotoalbum h2 {
				margin: 0px 0px 0px 0px;
			}
			
		.banner_bel_mij_terug {
			width: 170px;
			margin: 0px 0px 10px 0px;
			padding: 31px 20px 31px 68px;
			background-image: url(../images/img_icon_phone.png);
			background-position: 20px 38px;
			background-repeat: no-repeat;
			border: 1px solid #E5E8EC;
			cursor: pointer;
		}
		
			.banner_bel_mij_terug:hover {
				background-color: #E5E8EC;
			}

			.banner_bel_mij_terug h2 {
				margin: 0px 0px 0px 0px;
			}

.footer {
	width: 998px;
	line-height: 27px;
	background-color: #002244;
	color: #FFFFFF;
}
	.footer a {
		text-decoration: underline;
		color: #FFFFFF;
	}
		.footer a:hover {
			text-decoration: none;
		}
	.footer_left {
		margin: 0px 0px 0px 20px;
		float: left;
	}
	
	.footer_right {
		margin: 0px 20px 0px 0px;
		float: right;
	}

.lpm {
	width: 958px;
	line-height: 27px;
	padding: 0px 20px 0px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: right;
	color: #002244;
}

	.lpm a {
		text-decoration: none;
		color: #002244;
	}

		.lpm a:hover {
			text-decoration: underline;		
		}
		
		
		
.td_uitleg_stappen_boven {
	border-top: 1px solid #55526C;
	border-bottom: 1px solid #55526C;
	height: 21px;
}

.td_uitleg_stappen_onder {
	border-bottom: 1px solid #55526C;
	padding-top: 3px;
	color: #55526C;
	height: 22px;
}

.img_stappenplan {
	margin-right: 3px;
	margin-top: 3px;
	margin-bottom: 3px;		
}

.margin_left_16 {
	margin-left: -1px;
	text-align:right
}


.img_border_klein {
	border: 4px solid #ccd3da;
	margin-bottom: 16px;
	cursor: pointer;
	text-align:right
}


.inputtekst {
	height: 18px;
	border: 1px solid #55526C;
	width: 280px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background: #FFFFFF;
}

.inputdropdown {
	height: 18px;
	border: 1px solid #55526C;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background: #FFFFFF;
}

.inputtekst2 {
	height: 18px;
	border: 1px solid #55526C;
	width: 70%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background: #FFFFFF;
}

.inputbutton {
	background: #e5e8ec;
	border: 1px solid #55526C;
	width: 90px;
	height: 18px;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #55526C;
	cursor: pointer;
	font-weight: bold;
}
.inputbutton:hover {
	background: #55526C;
	border: 1px solid #55526C;
	width: 90px;
	height: 18px;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	cursor: pointer;
	font-weight: bold;
}

.inputtekstopmerking {
	height: 80px;
	border: 1px solid #55526C;
	width: 280px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background: #FFFFFF;	
}


.opsomming_nummer {
	width: 14px;
	margin: 3px 10px 0px 10px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
	border: 1px solid #002244;
	float: left;
	background-color: #e5e8ec;
	color: #002244;

}


.opsomming_nummer_groot {
	width: 28px;
	margin: 0px 3px 0px 0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight: bold;
	line-height: 27px;
	border: 1px solid #002244;
	float: left;
	background-color: #e5e8ec;
	color: #002244;
	text-decoration: none;
	cursor: pointer;
}


.opsomming_nummer_groot:hover {
	color:#FFFFFF;
	background-color: #5e728a;
}

.opsomming_nummer_groot a:hover {
	text-decoration: none;
	color:#FFFFFF;

}

.opsomming_nummer_groot a {
	text-decoration: none;
}

.opsomming_nummer_groot_active {
	width: 28px;
	margin: 0px 3px 0px 0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight: bold;
	line-height: 27px;
	border: 1px solid #002244;
	float: left;
	color: #002244;
	text-decoration: none;
	cursor: pointer;
}


.opsomming_nummer_groot_active a {
	text-decoration: none;
}



.opsomming_nummer_inhoud {
	border-top: 1px solid #002244;
	padding-bottom: 0px;
	padding-top: 5px;

}


.td_text_popup {

	line-height: 21px;
	margin: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #002244;


	vertical-align: top;
	padding-top: 10px; 
	padding-left: 10px;
	background: #FFFFFF;
}

/* Popup */

.popup {
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(../images/bg_content.jpg);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}
.popup h1 {
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 21px 20px 21px 20px;
	background-color: #667A8F;
	font-size: 13px;
	font-weight: normal;
	color: #FFFFFF;
}
.popup_text {
	padding: 20px 20px 20px 20px;
	background-color: #FFFFFF;
}
.popup_discription {
	padding: 0px 0px 0px 14px;
	background-image: url(../images/img_ico_arrow_3.gif);
	background-position: 0px 8px;
	background-repeat: no-repeat;
	font-size: 11px;
	font-weight: normal;
	color: #002244;
	text-decoration: none;
	display: block;
}
.popup_footer {
	width: 100%;
	line-height: 27px;
	padding: 0px 20px 0px 20px;
	background-color: #002244;
	color: #FFFFFF;
	text-align: right;
}
	.popup_footer a {
		text-decoration: underline;
		color: #FFFFFF;
	}
		.popup_footer a:hover {
			text-decoration: none;
			color: #FFFFFF;
		}
.banner_1 {
	margin: 0px 10px 0px 0px;
	float: left;
}
.banner_1 a { text-decoration: none; }
.banner_1 a:hover { text-decoration: none; }
.banner_1 ul {
	width: 197px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #FFFFFF;
	border: 1px solid #e5e8ec;
	list-style: none;
}
.banner_1 ul:hover {
	background-color: #e5e8ec;
}
.banner_1 ul li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.banner_1 ul li img {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.banner_1 ul li span {
	line-height: 20px;
	padding: 0px 0px 6px 24px;
	background-image: url(../images/img_ico_arrow_3.gif);
	background-position: 10px 7px;
	background-repeat: no-repeat;
	text-decoration: none;
	display: block;
}
.banner_2 {
	margin: 0px 0px 0px 0px;
	float: left;
}
.banner_2 a { text-decoration: none; }
.banner_2 a:hover { text-decoration: none; }
.banner_2 ul {
	width: 197px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #FFFFFF;
	border: 1px solid #e5e8ec;
	list-style: none;
}
.banner_2 ul:hover {
	background-color: #e5e8ec;
}
.banner_2 ul li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.banner_2 ul li img {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.banner_2 ul li span {
	line-height: 20px;
	padding: 0px 0px 6px 24px;
	background-image: url(../images/img_ico_arrow_3.gif);
	background-position: 10px 7px;
	background-repeat: no-repeat;
	text-decoration: none;
	display: block;
}
.referentie_1 {
	margin: 0px 10px 0px 0px;
	float: left;
}
.referentie_1 a { text-decoration: none; }
.referentie_1 a:hover { text-decoration: none; }
.referentie_1 ul {
	width: 197px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #b2bcc7;
	border: 1px solid #667a8f;
	list-style: none;
}
.referentie_1 ul:hover {
	background-color: #667a8f;
	border: 1px solid #667a8f;
}
.referentie_1 ul li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.referentie_1 ul li img {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.referentie_1 ul li span {
	line-height: 20px;
	padding: 0px 0px 6px 24px;
	background-image: url(../images/img_ico_arrow_4.gif);
	background-position: 10px 7px;
	background-repeat: no-repeat;
	text-decoration: none;
	display: block;
	color: #FFFFFF;
}
.referentie_2 {
	margin: 0px 0px 0px 0px;
	float: left;
}
.referentie_2 a { text-decoration: none; }
.referentie_2 a:hover { text-decoration: none; }
.referentie_2 ul {
	width: 197px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #b2bcc7;
	border: 1px solid #667a8f;
	list-style: none;
}
.referentie_2 ul:hover {
	background-color: #667a8f;
	border: 1px solid #667a8f;
}
.referentie_2 ul li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.referentie_2 ul li img {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.referentie_2 ul li span {
	line-height: 20px;
	padding: 0px 0px 6px 24px;
	background-image: url(../images/img_ico_arrow_4.gif);
	background-position: 10px 7px;
	background-repeat: no-repeat;
	text-decoration: none;
	display: block;
	color: #FFFFFF;
}