/* CSS Document */
	body {
	position: relative;
	width:924px;
	margin: 16px auto 0 auto;
	background: #82a4b4;
	text-align: left;
	}
	
	#container {
	width: 924px; 
	float: left;
	margin: 0 0 0 0;
	min-height: 500px;
	max-height: auto;
	_height: 500px;
	color: #0f506f;
	font-family: tahoma, arial, verdana;
	font-size: 12px;	
	}
	
	#container_top {
	clear: both;
	float: left;
	width: 924px;
	height: 226px;
	background: url(../images/header.jpg) no-repeat;
	}
		
	#container_body {
	clear: both;
	float: left;
	width: 924px;
	min-height: 370px;
	max-height: auto;
	_height: 370px;	
	}

				
		.teaserline {
		float: left;
		width: 349px;
		text-align: center;
		font-weight: bold;
		margin-top: 10px;
		}
			
		#hypotheekveiling {
		float: left;
		width: 349px;
		height: 259px;
		background: url(../images/hypotheekveiling.gif) no-repeat;
		padding-right: 15px;
		padding-bottom: 13px;
		}
		
			.but_startveiling {
			float: left;
			margin-top: 168px;	
			margin-left: 35px;
			width: 271px;
			height: 49px;
			background: url(../images/but_startveiling.gif);
			cursor: pointer;
			background-position: 0 0;
			}
			
				.but_startveiling:hover {
				background-position: 0 49px;
				}		
	
		#hypotheekcheck {
		float: left;
		width: 349px;
		height: 259px;
		background: url(../images/hypotheekcheck.gif) no-repeat;
		padding-right: 15px;
		padding-bottom: 13px;
		}		

			.but_vergelijknu {
			float: left;
			margin-top: 168px;	
			margin-left: 35px;
			width: 271px;
			height: 49px;
			background: url(../images/but_vergelijknu.gif);
			cursor: pointer;
			background-position: 0 0;
			}
			
				.but_vergelijknu:hover {
				background-position: 0 49px;
				}		

		#overlijdensrisico {
		clear: both;
		float: left;
		width: 349px;
		height: 171px;
		background: url(../images/overlijdensrisico.gif) no-repeat;
		padding-right: 15px;
		}


			.but_berekennu {
			float: left;
			margin-top: 75px;	
			margin-left: 35px;
			width: 271px;
			height: 49px;
			background: url(../images/but_berekennu.gif);
			cursor: pointer;
			background-position: 0 0;
			}
			
				.but_berekennu:hover {
				background-position: 0 49px;
				}
				
				.rates {
				float: left;
				color: #fff;
				font-weight: bold;
				margin-top: 62px;
				text-align: center;
				padding-left: 32px;
				padding-right: 33px;
				padding-bottom: 13px;
				font-size: 14px;
				}
						
		#rentestanden {
		float: left;
		width: 349px;
		height: 171px;
		background: url(../images/rentestanden.gif) no-repeat;
		padding-right: 15px;
		}		
		
		#logo {
		position: absolute;
		top: 8px;
		left: 28px;			
		cursor: pointer;
		}	
	
		#sysnav {
		float: right;
		width: 400px;
		margin-top: 10px;
		text-align: right;
		color: #0f506f;
		font-family: tahoma, arial, verdana;
		font-size: 12px;
		padding-right: 25px;
		}
		
		#navigatie {
		position: absolute;
		top: 175px;
		left: 11px;
		width: 875px;
		height: 32px;
		text-align: left;
		}
		
			#hoofdmenu {
			float: right;
			width: 875px;
			height: 18px;
			background: url(../images/bg_nav.gif) no-repeat;
			text-align: left;
			padding: 0px;
			z-index: 999;	
			}
					
				ul#nav {
				width: auto;
				float: left;
				height: 18px;
				}

				#hoofdmenu ul {
				font: bold 14px Verdana, Arial, Helvetica, sans-serif; 
				color: White;
				list-style: none;
				margin: 0;
				}
			
				* html #hoofdmenu ul {display: block;}
			
				#hoofdmenu ul a {
				display: block;
				background: transparent;
				color: black;
				text-decoration: none;
				}
			
				#hoofdmenu a:hover {
				background: transparent;
				color: #0f506f;
				}
			
				#hoofdmenu li {
				float: left;
				text-align: left;
				padding: 0;
				}
			
				#hoofdmenu li a.mainnav {
				font-family: Tahoma, Arial, Verdana; 
				font-size: 12px; 
				color: #0f506f;
				text-decoration: none;	
				font-weight: bold;
			    display: block;
				padding: 1px 12px 2px 6px;
				}
			
				#hoofdmenu li a.mainnavActive {
				font-family: Tahoma, Arial, Verdana; 
				font-size: 12px; 
				color: #b3cf01; 
				text-decoration: none;	
				font-weight: bold;
				display: block;	
				padding: 1px 12px 2px 6px;	
				}
			
				#hoofdmenu li a.mainnav:hover {
				color: #b3cf01;
				}
			
				#hoofdmenu li ul {  /*second-level lists */
				position: absolute;
				/*border: 1px solid #000000;*/
				border: 1px solid #b3cf01;
				width: 165px;
				margin: 0 0 0 0;
				list-style: none;
				z-index: 100;
				font-weight: normal;
				left: -999em;  /*using left instead of display to hide menus because display: none isn't read by screen readers */
				}
			
				#hoofdmenu li ul li {
				padding: 0px;
				margin-left: 0;
				display: block;
				}
			
				#hoofdmenu li ul li a {  /*second-level lists */
				color: #0f506f;
				font: bold 11px Tahoma, Arial, Verdana; 
				background: #fff;
				margin: 0;
				padding: 2px 0px 2px 5px;
				width: 160px;	
				height: auto;
				}
			
				#hoofdmenu li ul li a:hover {  /*second-level lists*/ 
				color: #fff;
				background: #b3cf01;
				text-decoration: none;
				}
			
				#hoofdmenu li ul ul {  /*third-and-above-level lists */
				margin: -15px 0 0 100px;
				background-color: #FFFFFF;
				}
			
				#hoofdmenu li:hover ul ul, 
			
				#hoofdmenu li:hover ul ul ul, 
			
				#hoofdmenu li.sfhover ul ul, 
			
				#hoofdmenu li.sfhover ul ul ul {
				left: -999em;
				background-color: #FFFFFF;
				}
			
				#hoofdmenu li:hover ul, 
			
				#hoofdmenu li li:hover ul, 
			
				#hoofdmenu li li li:hover ul, 
			
				#hoofdmenu li.sfhover ul, 
			
				#hoofdmenu li li.sfhover ul, 
			
				#hoofdmenu li li li.sfhover ul {  /*lists nested under hovered list items */
				left: auto;
				background-color: #FFFFFF;
				padding: 0;
				}
			
				/*END*/
				
				
		#content {
		width: 728px;
		height: auto;
		float: left;
		}

		#column_right {
		float: left;
		width: 196px;
		height: 443px;
		background: url(../images/column_right.gif) no-repeat;
		}
		
			.but_telefoon {
			float: left;
			margin-top: 15px;
			margin-left: 15px;
			width: 157px;
			height: 29px;
			background: url(../images/but_telefoon.gif);
			cursor: pointer;
			background-position: 0 0;
			}
			
				.but_telefoon:hover {
				background-position: 0 29px;
				}	
		
			.but_mail {
			float: left;
			margin-top: 15px;	
			margin-left: 15px;
			width: 157px;
			height: 29px;
			background: url(../images/but_mail.gif);
			cursor: pointer;
			background-position: 0 0;
			}
			
				.but_mail:hover {
				background-position: 0 29px;
				}	
		
			.but_taxatie {
			float: left;
			margin-top: 15px;	
			margin-left: 15px;
			width: 157px;
			height: 29px;
			background: url(../images/but_taxatie.gif);
			cursor: pointer;
			background-position: 0 0;
			}
			
				.but_taxatie:hover {
				background-position: 0 29px;
				}		

			.but_onlineverzekeren {
			float: left;
			margin-top: 15px;	
			margin-left: 15px;
			width: 157px;
			height: 29px;
			background: url(../images/but_onlineverzekeren.gif);
			cursor: pointer;
			background-position: 0 0;
			}
			
				.but_onlineverzekeren:hover {
				background-position: 0 29px;
				}						

			.but_afspraak {
			float: left;
			margin-top: 15px;	
			margin-left: 15px;
			width: 157px;
			height: 29px;
			background: url(../images/but_afspraak.gif);
			cursor: pointer;
			background-position: 0 0;
			}
			
				.but_afspraak:hover {
				background-position: 0 29px;
				}						
				
		a.sysnav {color: #0f506f;font-weight: bold;text-decoration: none;}
		a.sysnav:link {color: #0f506f;font-weight: bold;text-decoration: none;}
		a.sysnav:visited {color: #0f506f;font-weight: bold;text-decoration: none;}
		a.sysnav:hover {color: #0f506f;font-weight: bold;text-decoration: underline;}
		
		a {color: #b3cf01;font-weight: normal;text-decoration: none;}
		a:link {color: #b3cf01;font-weight: normal;text-decoration: none;}
		a:visited {color: #b3cf01;font-weight: normal;text-decoration: none;}
		a:hover {color: #b3cf01;font-weight: normal;text-decoration: underline;}		
	
	#container_bottom {
	clear: both;
	float: left;
	width: 828px;
	height: 8px;
	background: url(../images/bg_bottom.gif) no-repeat;
	}	
	
	#footer {
	clear: both;
	width: 828px;
	height: 8px;
	text-align: left;
	color: #0f506f;
	font-family: tahoma, arial, verdana;
	font-size: 11px;
	padding-left: 25px;
	padding-bottom: 10px;
	}
	
	p {
	margin-top: 0;
	margin-bottom: 5px;
	}
	
	h1 {
	font-family: Tahoma; color: #0f506f; text-decoration: none; font-weight: bold; font-size: 24px;
	margin-top: 2pt;
	margin-bottom: 6pt;		
	}
	
	h2 {
	text-align: left;
	font-family: Tahoma; color: #0f506f; text-decoration: none; font-weight: bold; font-size: 20px;
	margin-bottom: 4pt;	
	}	
	
	hr {
	color: #007fbe;
	height: 1px;
	}

	/*form attributes*/
	form {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}
	
	.lbl {
	clear: both;
	float: left;
	}
	
	.fld {
	float: left;
	width: 650px;
	font-size: 11px;
	}
	
	.button {
	font-size: 11px;
	border: 1px solid #000000;
	background-color: #cccccc;
	margin-top: 10px;
	padding: 2px;
	}	
	
	select{
	font-family: tahoma, arial, verdana;
	font-size: 11px;	
	float: left;
	width: 220px;
	font-size: 11px;
	}
	
	ul {
	margin-top: 0px;
	padding: 0px;
	margin: 0px 0px 0px 16px;
	}		
	
	fieldset {
	padding: 0px;
	border: 0px;
	}
	
	label {
	width: 240px;
	line-height: 15pt;
	}	

	.inputbox {
	font-family: tahoma, arial, verdana;
	font-size: 11px;
	font-weight: normal;
	color: #343030;
	background: #FFFFFF;
	border: 1px solid #0568b2;
	width: 215px;
	}
	
	.inputboxshort {
	font-family: tahoma, arial, verdana;
	font-size: 11px;
	font-weight: normal;
	color: #343030;
	background: #FFFFFF;
	border: 1px solid #0568b2;
	width: 68px;
	}	
		
	.inputboxmedium {
	font-family: tahoma, arial, verdana;
	font-size: 11px;
	font-weight: normal;
	color: #343030;
	background: #FFFFFF;
	border: 1px solid #0568b2;
	width: 140px;
	}	
			
	.datebox {
	font-family: tahoma, arial, verdana;
	font-size: 11px;
	font-weight: normal;
	color: #343030;
	background: #FFFFFF;
	border: 1px solid #0568b2;
	width: 100px;
	}
		
	.button {
	font-family: tahoma, arial, verdana;
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	color: #0568b2;
	border: 1px solid #0568b2;
	border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;
	background-color: #FFFFFF;
	margin-top: 10px;
	}
	
	
	/* hypotheekveiling */
	#content_top {
	float: left;
	width: 713px;
	height: 12px;
	background: url(../images/content_top.gif) no-repeat;
	overflow: hidden;
	}
	
	#content_body {
	float: left;
	width: 713px;
	min-height: 414px;
	max-height: auto;
	_height: 414px;
	background: url(../images/content_body.gif) repeat-y;
	}
	
		.cbody {
		padding-left: 18px;
		width: 680px;
		}
		
	#content_bottom {
	float: left;
	width: 713px;
	height: 18px;
	background: url(../images/content_bottom.gif) no-repeat;
	}

	.frmbuttons {
	float: left;
	margin-top: 10px;
	}
	
	.but_terug {
	position: absolute;
	left: 15px;
	width: 157px;
	height: 29px;
	background: url(../images/but_terug.gif);
	cursor: pointer;
	background-position: 0 0;
	}
	
		.but_terug:hover {
		background-position: 0 29px;
		}	
			
	.but_afspraak_hypo {
	position: absolute;
	left: 183px;
	width: 157px;
	height: 29px;
	background: url(../images/but_afspraak.gif);
	cursor: pointer;
	background-position: 0 0;
	}
	
		.but_afspraak_hypo:hover {
		background-position: 0 29px;
		}				
			
	.but_startveiling_small {
	position: absolute;
	left: 350px;
	width: 157px;
	height: 29px;
	background: url(../images/but_startveiling_small.gif);
	cursor: pointer;
	background-position: 0 0;
	}
	
		.but_startveiling_small:hover {
		background-position: 0 29px;
		}	
					
	.but_verder {
	position: absolute;
	left: 320px;
	width: 157px;
	height: 29px;
	background: url(../images/but_verder.gif);
	cursor: pointer;
	background-position: 0 0;
	}
	
		.but_verder:hover {
		background-position: 0 29px;
		}
	.but_verder a {
		text-indent: -9999px;
		overflow: hidden;
		width: 157px;
		height: 29px;
		display: block;
	}	
	#content_column_left {
	float: left;
	width: 525px;
	height: auto;
	}
	
	#content_column_left_wide	{
	float: left;
	width: 600px;
	height: auto;
	}
	
	#content_column_right {
	float: left;
	width: 130px;
	height: auto;
	}	
	
	#aantallopendeleningen {
	display: none;
	}
	
	#deelnemers {
	display: inline;
	float: left;
	margin-left: 15px;
	margin-top: 20px;
	line-height: 18px;
	}
		
	.lnkLogo {
	float: left;
	width: 400px;
	height: 60px;
	}
	
	#nieuweofferte {
	float: left;
	margin-left: 105px;
	margin-top: 50px;
	width: 183px;
	height: 280px;
	display: inline;
	}
	
		.veilingbuttonnieuw {
		width: 183px;
		height: 190px;
		background: url('../images/nieuweofferte.gif') no-repeat;
		margin-bottom: 10px;
		cursor: pointer;
		background-position: 0 0;
		}
		
		.veilingbuttonnieuw:hover {
		background-position: 0 -190px;
		}
	
	#bestaandeofferte {
	float: left;
	margin-left: 95px;
	margin-top: 50px;
	width: 183px;
	height: 280px;
	display: inline;
	}	
	
		.veilingbuttonbestaand {
		width: 183px;
		height: 190px;
		background: url('../images/bestaandeofferte.gif') no-repeat;
		margin-bottom: 10px;
		cursor: pointer;
		background-position: 0 0;
		}	

		.veilingbuttonbestaand:hover {
		background-position: 0 -190px;
		}		
		
	.txtblock{
	padding: 10px;
	}