html, body {
	height: 100%;
}
body {
	margin: 0px;
	font-family: Verdana, Helvetica;
	font-size: small;
	line-height: 18px;
	color: #444;
}
	.top {
		width: 1000px;
		margin: 0px auto;
		position: relative;
		min-height: 100%;
	}
		.header {
			height: 275px;
			background: url(/images/header-bg.jpg);
		}
			.logo {
				float: left;
				position: relative;
			}
				.logo h1 {
					margin-left: 20px;
					margin-right: 4px;
				}
				.logo p {
					position: absolute;
					top: 118px;
					right: 10px;
					font-size: large;
					color: #fff;
					text-align: right;
				}
			.provincies {
				float: left;
				margin-top: 10px;
			}
				.provincies ul {
					list-style: none;
					margin: 0px;
					padding: 0px;
					line-height: 16px;
					color: #fff;
				}
					.provincies ul li{
					
					}
						.provincies ul li a {
							color: #fff;
							text-decoration: none;
						}
						.provincies ul li a:hover {
							color: #ab1081;
							text-decoration: underline;
						}						
			.zonnetje {
				float: right;
				background: url(/images/zonnetje.png) no-repeat;
			}
				.nederland {
					height: 200px;
					width: 200px;
					background: url(/images/nederland.png) no-repeat;
					margin-top: 30px;
				}
			.content {
				padding-bottom: 210px;
				overflow: auto;
			}
				.content-left {
					width: 650px;
					float: left;
				}
				.content-right {
					width: 300px;
					float: right;
				}
	.bottom {
		position: relative;
		height: 215px;
		width: 1000px;
		margin: 0px auto;		
		margin-top: -215px;
		background: url(/images/footer-bg.jpg);
		color: #fff;
	}		
		.footer-left {
			float: left; 
			width: 480px;
			padding: 10px;
		}
		.footer-right {
			float: right;
			width: 480px;
			padding: 10px;
		}
/* STYLES */
h1 {
	font-weight: normal;
	font-size: large;
	color: #ab1081;
}
h2 {
	font-weight: bold;
	font-size: small;
	color: #ab1081;
}
.bottom h2 {
	font-weight: bold;
	font-size: medium;
	color: #fff;
}
a {
	color: #000000;
}
.clear {
	clear: both;
	height: 10px;
}
.links {
	font-size:xx-small;
}