body {
	background: #6699cc url('/images/bg.jpg') repeat-x;
	font-size: 75%;
	font-family: Arial, Helvetica, sans-serif;
}

#container {
	margin: 0 auto;
	background: #FFFFFF;
	padding: 20px;
	
	margin-top: 20px;
	
	width: 963px; /* 923 + 20 + 20 voor IE 5.5 */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 923px;
}

#header {
	height: 132px;
	line-height: 132px;

	padding: 0;
	margin: 0;
}

	#header h1 {
		font-size: 50px;
		line-height: 60px;
		
		font-weight: bold;
		color: #FFFFFF;
		
		padding: 0;
		margin: 0;

		padding-top: 34px;

		margin-left: 46px;
		
		height: 132px;
	}

#menu {
	background: url('/images/menu_bg.jpg') repeat-x;
	height: 35px;
	line-height: 35px;
	
	color: #5a98c7;
	font-weight: bold;
}

#menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#menu li {
	width: 230px;
	text-align: center;
	float: left;
}

#menu a {
	color: #5a98c7;
	text-decoration: none;
}

#menu a:hover {
	text-decoration: underline;
}

#banner {
	height: 276px;
}

	#button {
		padding-left: 260px;
		padding-top: 170px;
	}
	
#spacer {
	background: url('/images/spacer_bg.jpg') no-repeat;
	height: 20px;
}

#content {
	float: left;
	width: 630px;
}

	#home_left {
		float: left;
		width: 283px;
	}
	
	#home_left .blok {
		margin-bottom: 10px;
		
	}
	
	.blok_1_header, .blok_3_header {
		background: url('/images/blok/blok_1_header.jpg');
		height: 36px;
		width: 283px;
	}
	
	#content .blok .blok_1_header h2, #content .blok .blok_2_header h2, #content .blok .blok_3_header h2 {
		color: #FFFFFF;
		padding: 0;
		margin: 0;

		font-weight: bold;
		font-style: normal;
		font-size: 1.3em;
		
		line-height: 36px;

		padding-left: 10px;
		padding-right: 15px;
	
		text-transform: uppercase;
	}

	.blok_1_header h2 a, .blok_2_header h2 a, .blok_3_header h2 a {
		color: #FFFFFF;
		text-decoration: none;
	}
	
	.blok_1_content, .blok_3_content {
		background-color: #5a98c7;
		color: #FFFFFF;
		padding-left: 10px;
		padding-right: 15px;
		
		padding-top: 10px;
		padding-bottom: 10px;
		
		text-align: justify;
		
		width: 283px; /* 258 + 10 + 15 voor IE 5.5 */
		voice-family: "\"}\"";
		voice-family: inherit;
		width: 258px;	
	}

	.blok_1_form {
		background: #71A6CE url('/images/blok/blok_1_form.jpg');
		padding-left: 10px;
		padding-right: 15px;

		padding-top: 10px;
		padding-bottom: 10px;
		
		width: 283px; /* 258 + 10 + 15 voor IE 5.5 */
		voice-family: "\"}\"";
		voice-family: inherit;
		width: 258px;			
	}
	
	.blok_1_form td {
		color: #FFFFFF;	
		font-size: 0.95em;
		padding-bottom: 1px;
		height: 18px;
	}

	.blok_1_form .right {
		text-align: right;
		padding-right: 10px;
	}

	.blok_1_form .input {
		border: 0px;
		width: 100px;
	}

	.blok_1_form .button {
		margin-top: 10px;
		text-align: right;
	}

	.blok_1_footer {
		background: url('/images/blok/blok_1_footer.jpg') no-repeat;;
		height: 7px;
		line-height: 7px;
	}	
	
	.blok_2_header {
		background: url('/images/blok/blok_2_header.jpg') no-repeat;
		height: 36px;
	}
	
	.blok_2_content {
		background: url('/images/blok/blok_2_content.jpg');
		color: #FFFFFF;
		padding-left: 10px;
		padding-right: 15px;
		padding-top: 10px;
		text-align: justify;

		height: 97px; /* 97 + 10 voor IE 5.5 */
		voice-family: "\"}\"";
		voice-family: inherit;
		height: 87px;	
	}

	.blok_2_content .button, .blok_3_content .button {
		margin-top: 15px;
	}
	
	.blok_3_footer {
		background: url('/images/blok/blok_3_footer.jpg') no-repeat;
		height: 11px;
		line-height: 11px;
	}		
	
	#home_right {
		float: right;
		width: 320px;
	}

#sidebar {
	float: right;
	width: 260px;
}

	.blok {
		margin-bottom: 10px;
	}

		.nieuwsitem {
			margin-bottom: 10px;
			text-align: justify;
			font-size: 0.97em;	
		}

		.titel_nieuws {
			font-weight: bold;
			color: #cc6600;
		}
	
		.titel_nieuws a {
			color: #cc6600;
			text-decoration: none;
		}
		
		#rentes {
			float: left;
			width: 130px;
		}
		
		#voordeligste {
			float: right;
			font-size: 1.8em;
			margin-top: 10px;
			font-weight: bold;
			color: #cc6600;
			text-align: right;
		}

		#voordeligste a {
			color: #cc6600;
			text-decoration: none;
		}

		.note {
			font-size: 0.8em;
		}

#sidebar .blok .titel, #content h1, #home_right .titel {
	color: #5a98c7;
	font-size: 1.2em;
	text-transform: uppercase;
	font-weight: bold;
	
	border-bottom: 1px solid #5a98c7;
	line-height: 100%;
	letter-spacing: 1px;
	
	padding-bottom: 5px;
	margin-bottom: 10px;
}

#content h2 {
	font-size: 1.0em;
	font-style: italic;

	padding: 0;
	margin: 0;
	
	margin-bottom: 10px;
	
	text-align: justify;
}

#content h3 {
	color: #5a98c7;
	font-size: 1.0em;
	text-transform: uppercase;
	font-weight: bold;
	
	border-bottom: 1px solid #000000;
	line-height: 100%;
	letter-spacing: 1px;
	
	padding-bottom: 5px;
	margin-bottom: 10px;
	margin-top: 30px;
}

#content h3 a {
	color: #5a98c7;
	text-decoration: none;
}

#sidebar .blok .titel a, #content h1, #home_right .titel a {
	color: #5a98c7;
	text-decoration: none;
}

#footer {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 0.9em;
	text-align: center;
	color: #FFFFFF;
}

#footer a {
	color: #FFFFFF;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

/* tabellen */
table .icon {
	width: 35px;
	vertical-align: top;
}

table .content {
	width: 300px;
	vertical-align: top;
}

/* elementen op de website */
a {
	color: #000000;
	text-decoration: underline;
}

a:hover {
	color: #000000;
	text-decoration: none;
}

.clear {
	clear: both;
}