/* lay-out */
/* lay-out */
html {
	height : 100%;
}
#header {
				height : 169px;
				overflow : hidden;
		}
				#logo {}
					#logo img {
						float: right;
						margin: 30px 36px 0px 0px;
					}
			#content {
				padding : 28px 0px 78px 0px;
			}
				/* central column */
				#document {
					float : left;
					width : 696px;
					overflow : hidden;
					margin: -21px 0px 0px 0px;
					margin-left : 290px;
					font-size : 110%;
					line-height : 140%;
				}
/* linkerkolom */
					#document .leftcolumn {
						float : left;
						width : 470px;
						overflow : hidden;
						margin: 0px 20px 0px 10px;
					}
						#document .leftcolumn a {
							line-height : 170%;
						}
							#document .leftcolumn a:link,
							#document .leftcolumn a:visited {
								color : #929d02;
								text-decoration : none;
								background-image: url(../images/icon_arrow_transp.gif);
								background-repeat: no-repeat;
								background-position: left 4px;
								padding: 0px 0px 0px 16px;
							}
							#document .leftcolumn a:hover,
							#document .leftcolumn a:active {
								color : #474c01;
								text-decoration : none;
								background-image: url(../images/icon_arrow_transp_hover.gif);
								background-repeat: no-repeat;
								background-position: left 4px;
								padding: 0px 0px 0px 16px;
							}
						#document .leftcolumn a.btn {}
							#document .leftcolumn a.btn:link,
							#document .leftcolumn a.btn:visited {
								color : #929d02;
								text-decoration : none;
								background-image: none;
								padding: 0px 0px 0px 16px;
							}
							#document .leftcolumn a.btn:hover,
							#document .leftcolumn a.btn:active {
								color : #929d02;
								text-decoration : none;
								background-image: none;
								padding: 0px 0px 0px 16px;
							}
						#document .leftcolumn .offerteBlok {
							overflow : hidden;
							padding: 10px 0px 0px 0px;
							margin: 0px 0px 1em 0px;
							border: solid 1px #c0c0c0;
							background-image: url(../images/bg_vlak.gif);
							background-position: 0px 100%;
							background-repeat: repeat-x;
						}
							#document .leftcolumn .offerteBlok div {
								overflow : hidden;
								float: left;
								width: 210px;
								margin: 0px 0px 0px 14px;
							}
								#document .leftcolumn .offerteBlok div a.btn {
									float : right;
								}
						/* CONTENT TYPES */
						/* tabular form */
						table.form {}
							table.form tbody {}
								table.form tbody tr {}
									table.form tbody tr th {
										width : 230px;
										font-weight : normal;
									}
										table.form tbody tr th label {}
											table.form tbody tr th label strong {
												color : #929d02;
												font-weight : bold;
											}
									table.form tbody tr td {}
										table.form tbody tr td input.text {
											width : 180px;
										}
										table.form tbody tr td select {
											width : 180px;
										}
										table.form tbody tr td img {
											margin-top : 3px;
										}
									table.form tbody tr td.inputs {
										width : 188px;
									}
									table.form tbody tr td.currency {
										width : 1.5em;
									}
						/* tabular form */
						/* form help function */
						table.form tbody tr td.help {
							position : absolute;
						}
							table.form tbody tr td.help img.helpIcon {
								cursor : pointer;
							}
							table.form tbody tr td.help div.helpText {
								position : absolute;
								right : 1px;
								top : 4px;
								width : 192px;
								padding : 2px 4px 4px 4px;
								border : solid 1px #929d02;
								background-color : #ffffff;
								background-image : url(../images/icon_tooltip.gif);
								background-repeat : no-repeat;
								background-position : 100% 0px;
								cursor : pointer;
							}
								table.form tbody tr th label strong {}
							table.form tbody tr th span.green {}
						table.form tbody tr td.onLineTwo {
							padding-top : 19px;
						}
							table.form tbody tr td.onLineTwo div.helpText {
								top : 22px;
							}
						/* /form help function */
						/* form subdivision */
						div.formPanel {
							background-color : #ececec;
							padding : 4px 4px 8px 4px;
							margin : 0px 0px 1em 0px;
						}
						/* /form subdivision */
						/* form slider control */
						#sliderForm {
							position : relative;
							width : 455px;
							background-image : url(../images/bg_slider.gif);
							background-position : left top;
							height: 72px;
							margin : -10px 0px 0px 3px;
						}
							#sliderForm fieldset {
							}
								div.sliderTrack {
									position : relative;
									margin : 0px 0px 0px 6px;
									width : 434px;
									height : 1.3em;
									cursor : pointer;
								}
									div.sliderInput {
										position : absolute;
										width : 1em;
										height : 29px;
										cursor : pointer;
										margin-top : 18px;
										background-image : url(../images/btn_sliderpointer.png);
										background-position : left top;
									}
								#sliderForm .text {
									position: absolute;
									bottom: 5px;
									left: 10px;
								}
								#sliderForm .text1 {
									position: absolute;
									bottom: 5px;
									right: 10px;
								}
						/* /form slider control */
						/* next  step interface */
						#document .leftcolumn .volgendestap {
							overflow : hidden;
							padding: 0px 0px 0px 0px;
							margin: 0px 0px 1em 0px;
							background-image: url(../images/bg_volgendestap.gif);
							background-position: top left;
							background-repeat: repeat-x;	
							height: 38px;
							line-height : 38px;
							overflow : hidden;
							font-size : 90%;
						}
							#document .leftcolumn .volgendestap div {
								overflow : hidden;
								float: right;
								margin: 0px 5px 0px 0px;
								vertical-align: middle;
							}
								#document .leftcolumn .volgendestap a {}
									#document .leftcolumn .volgendestap a:link,
									#document .leftcolumn .volgendestap a:visited {
										text-decoration : none;
										background-image: none;
										padding: 0px 0px 0px 0px;
									}
									#document .leftcolumn .volgendestap a:hover,
									#document .leftcolumn .volgendestap a:active {
										text-decoration : none;
										background-image: none;
										padding: 0px 0px 0px 0px;
									}
										#document .leftcolumn .volgendestap a img {
											vertical-align : middle;
										}
						/* /next  step interface */
						/* CONTENT TYPES */
/* rechterkolom */
					#document .rightcolumn {
						float : left;
						width : 180px;
						overflow : hidden;
						padding: 0px 0px 0px 10px;
						background-image: url(../images/bg_rightcolumn.gif);
						background-position: right bottom;
						background-repeat: no-repeat;						
					}
						#document .rightcolumn a.btn {
							font-size : 90%;
						}
							#document .rightcolumn a.btn:link,
							#document .rightcolumn a.btn:visited {
								color : #929d02;
								text-decoration : none;
								background-image: url(../images/icon_arrow_transp.gif);
								background-repeat: no-repeat;
								background-position: left 2px;
								padding: 0px 0px 0px 16px;
							}
							#document .rightcolumn a.btn:hover,
							#document .rightcolumn a.btn:active {
								color : #474c01;
								text-decoration : none;
								background-image: url(../images/icon_arrow_transp_hover.gif);
								background-repeat: no-repeat;
								background-position: left 2px;
								padding: 0px 0px 0px 16px;
							}
						#document .rightcolumn a.buttonLink {
							font-weight : bold;
							display : block;
							height : 18px;
							background-image: url(../images/rightcolumn_bullet_link.gif);
							background-repeat: no-repeat;
							background-position: left 2px;
							padding: 0px 0px 0px 22px;
						}
							#document .rightcolumn a.buttonLink:link,
							#document .rightcolumn a.buttonLink:visited {
								color : #747474;
								text-decoration : none;
							}
							#document .rightcolumn a.buttonLink:hover,
							#document .rightcolumn a.buttonLink:active {
								color : #929d02;
								text-decoration : none;
							}
							
						#document div.rightcolumn h3 {
							color : #929d02;
							font-size : 90%;
							margin : 0px 0px 0px 0px;
						}
						#document div.rightcolumn p {}
						#document div.rightcolumn a {}
							#document div.rightcolumn a:link,
							#document div.rightcolumn a:visited {}
							#document div.rightcolumn a:hover,
							#document div.rightcolumn a:active {}
						#document div.rightcolumn div.hr {}
									#document div.rightcolumn div.hr hr {}
				/* navigation column */
				#related {
					float : left;
					margin: -21px 0px 0px -988px;
					text-align: right;
					width: 270px;
				}
					#related #counter {
						height: 40px;
						margin: 0px 0px 0px 142px;	
					}
						#related #counter .block {
							background-color: #d2de27;
							height: 12px;
							width: 11px;
							height: 18px;
							float: left;
							margin: -2px 0px 0px 2px;
						}
						#related #counter .percentage {
							color: #ffffff;	
							display: block;
							margin: 10px 0px 0px 0px;
						}
					/* related navigation */
					#related ul.relatedNavigation {
						display: none;
					}
						#related ul.relatedNavigation li {
							list-style-type : none;
							padding: 0px 0px 0px 0px;
							margin: 0px 0px 0px 0px;
							width: 270px;
						}
									#related ul.relatedNavigation li ul {
										list-style-type : none;
										padding: 0px 0px 0px 0px;
										margin: 0px 0px 0px 0px;
										width: 270px;
										text-align: left;
									}
										#related ul.relatedNavigation li ul li {
											list-style-type : none;
											border-bottom: solid 1px #4d4d4d;
											padding: 4px 26px 4px 10px;
											margin: 0px 0px 0px 0px;
											width: 234px;
											color: #ffffff;
										}
											#related ul.relatedNavigation li ul li span {
												float: right;
												font-weight: bold;
												}
										#related ul.relatedNavigation li ul li.active {
											list-style-type : none;
											border-bottom: solid 1px #4d4d4d;
											padding: 4px 26px 4px 10px;
											margin: 0px 0px 0px 0px;
											width: 234px;
											color: #929d02;
										}
											#related ul.relatedNavigation li ul li a {
											}
												#related ul.relatedNavigation li ul li a:link,
												#related ul.relatedNavigation li ul li a:visited {
													color : #ffffff;
													text-decoration : none;
												}
												#related ul.relatedNavigation li ul li a:hover,
												#related ul.relatedNavigation li ul li a:active {
													color : #929d02;
													text-decoration : none;
												}
										#related ul.relatedNavigation li ul.documenten {
											background-image: url(../images/bg_documentlayer.gif);
											background-position: right bottom;
											background-repeat: no-repeat;
											padding: 0px 0px 0px 0px;
										}
											#related ul.relatedNavigation li ul.documenten li {
												list-style-type : none;
												padding: 0px 0px 0px 10px;
												margin: 0px 0px 0px 0px;
												width: 260px;
												height: 27px;
												color: #ffffff;
												text-align: right;
												background-image: url(../images/bg_documenu.gif);
												background-position: left top;
												background-repeat: no-repeat;
												border:none;
											}
												#related ul.relatedNavigation li ul.documenten li span {
													float: right;
													font-weight: normal;
													padding: 6px 0px 0px 0px;
													margin: 0px 10px 0px 0px;
												}	
												#related ul.relatedNavigation li ul.documenten li img {
													float: right;
													margin: 1px 0px 0px 1px;
												}											
					/* /related navigation */
			/* /main navigation */	
			#mainNavigation {
				display: none;
			}
				#mainNavigation li {
					float: left;
					list-style-type : none;
				}
					#mainNavigation li a {}
						#mainNavigation li a:link,
						#mainNavigation li a:visited {}
						#mainNavigation li a:hover,
						#mainNavigation li a:active {}
							#mainNavigation li a img {}
					#mainNavigation li ul {
						position : absolute;
						display : none;
						left : 0px;
						top : 25px;
						width : 244px;
						height : 500px;
						overflow : hidden;
						margin : 0px;
						padding : 0px;
					}
						#mainNavigation li ul li {
							position : relative;
							margin-top : -1px;
						}
							#mainNavigation li ul li a {
								display : block;
								width : 204px;
								padding : 5px 30px 5px 10px;
								background-repeat : no-repeat;
								background-position : 0px 0px;
								background-color : #94be9c;
							}
								#mainNavigation li ul li a:link,
								#mainNavigation li ul li a:visited {
									background-image : url(../images/main_foldOut_link.png);
									color : #00703c;
									font-weight : normal;
									text-decoration : none;
								}
								#mainNavigation li ul li a:hover,
								#mainNavigation li ul li a:active {
									background-image : url(../images/main_foldOut_hover.png);
									color : #ffffff;
									font-weight : bold;
									text-decoration : none;
								}
		#footer {
			height : 50px;
			line-height : 50px;
			overflow : hidden;
			position: relative;
			width : 988px;
			margin: 0px auto 0px auto;
			display: none;
		}
			#legalNavigation {
				margin: 0px 0px 0px 20px;
				padding: 0px;
				color: #fff;
			}
				#legalNavigation li {
					list-style-type : none;
					float: left;
					padding : 0px 0px 0px 4px;
				}
					#legalNavigation li a {
						font-size : 90%;
					}
						#legalNavigation li a:link,
						#legalNavigation li a:visited {
							color : #ffffff;
							text-decoration : none;
						}
						#legalNavigation li a:hover,
						#legalNavigation li a:active {
							color : #ffffff;
							text-decoration : underline;
						}
				#legalNavigation li.last {
					float: right;
					margin-right: 36px;
				}
		/* slider styles */
/* loginprocedure */
#headerlogin {
		background-image: url(../images/header_login.gif);
		background-position: left top;
		background-repeat: no-repeat;
		width: 694px;
		height: 381px;
		position: relative;
}
	#headerlogin div {
		width: 360px;
		float: right;
		margin: 190px 30px 0px 0px;
		color: #929d02;
		font-size: 110%;	
	}
	#headerlogin div.logo {
		position: absolute;
		top: -160px;
		left: 460px;	
	}
#footerlogin {
		background-image: url(../images/footer_login.gif);
		background-position: left top;
		background-repeat: no-repeat;
		width: 694px;
		height: 50px;
}
#contentlogin {
	width: 360px;
	float: right;
	margin: -40px 30px 0px 0px;
	color: #fff;
	font-size: 110%;
	position: relative;
}
#contentloginelse {
	width: 360px;
	float: right;
	margin: -180px 30px 0px 0px;
	color: #fff;
	font-size: 110%;
	position: relative;
}
	#contentloginelse a:link,
	#contentloginelse a:visited {
		color : #ffffff;
		text-decoration : none;
		background-image: url(../images/bullet_pijl.gif);
		background-position: left top;
		background-repeat: no-repeat;
		padding: 0px 0px 0px 16px;
	}
	#contentloginelse a:hover,
	#contentloginelse a:active {
		color : #ffffff;
		text-decoration : underline;
		background-image: url(../images/bullet_pijl.gif);
		background-position: left top;
		background-repeat: no-repeat;
		padding: 0px 0px 0px 16px;
	}
#contentlogin table {
	width: 360px;
	position: relative;
}
#contentlogin table td {
	padding: 4px 0px 4px 0px;
	width: 360px;
	position: relative;
}
#contentlogin table td div.validatie {
	border: solid 1px #ffffff;
	padding: 2px 4px 2px 4px;
	float: right;
	width: 188px;
}
#contentlogin table td img {
	margin: 0px 0px 0px -10px;
	padding: 0px 0px 0px 0px;
}
#contentlogin table td input {
	width: 194px;
	float: right;
}
#contentlogin table td input.btn {
	float: right;
	width: auto; 
	height: 16px;
}
	#contentlogin h1 {
		color: #fff;
	}
	#contentlogin .green {
		font-weight: normal;
	}
	#contentlogin label {
		color: #fff;
	}
	#contentlogin a:link,
	#contentlogin a:visited {
		color : #ffffff;
		text-decoration : none;
		background-image: url(../images/bullet_pijl.gif);
		background-position: left top;
		background-repeat: no-repeat;
		padding: 0px 0px 0px 16px;
	}
	#contentlogin a.active:hover,
	#contentlogin a.active:active {
		color : #ffffff;
		text-decoration : underline;
		background-image: url(../images/bullet_pijl.gif);
		background-position: left top;
		background-repeat: no-repeat;
		padding: 0px 0px 0px 16px;
	}
	#contentlogin a.active:link,
	#contentlogin a.active:visited,	
	#contentlogin a.active:hover,
	#contentlogin a.active:active {
		color : #ffffff;
		text-decoration : none;
		background-image: url(../images/bullet_wachtwoord.gif);
		background-position: left top;
		background-repeat: no-repeat;
		padding: 0px 0px 0px 16px;
	}
#vragenform {
	width: 170px;
	margin: 0px 0px 0px 40px;
	color: #fff;
	font-size: 110%;
	line-height: 18px;
}
	#vragenform h2 {
		font-size: 110%;
		font-weight: bold;
		color: #929d02;
	}