

* {
	margin: 0;
	padding: 0;
}

body{
	text-align:center;
	overflow: -moz-scrollbars-vertical;
}

html,body {
	height: 100%; /* HEEL BELANGRIJK! */
	font-family: Verdana;
	color:#0C1E5C;
	font-size:12px;
	line-height:18px;
	background-color:#9D9D9D;
	background-image:url(../images/bg.jpg);
	background-repeat:repeat-y;
	background-position:center;
}
td,th {
	font-family: Verdana;
	color:#0C1E5C;
	font-size:12px;
	line-height:18px;
}
.clear {
	clear: both; /* deze class wordt gebruikt om de twee floats #left en #right te clearen. */
}

.container {
	min-height: 100%;
	width: 780px;
	background-color:#FFFFEC;
	_height: 100%;
	text-align:left;
	margin: 0 auto; /* deze div links zetten (gebruik 'auto' om te centreren */
	position: relative; /* De footer wordt absoluut gepositioneerd, relatief aan #container. */
}

* html > .container {
	height: 100%;
}

.header {
	height: 116px;
	width:780px;
	background: url(../images/logo.jpg) top left no-repeat;
}

.navbar {
	background-color:#84021C;
	width:780px;
	height:26px; /* height en vertical-align: middle zorgen ervoor dat de inhoud altijd verticaal gecentreerd wordt. */
	vertical-align: middle;
}

.navbar li{
	float:left;
}

.left {
	width: 750px;
	float: left;
	height: auto;
	padding-top:25px;
	margin-bottom: 30px; /* dezelfde hoogte als de hoogte van #footer */
}
	.left h1 {
		padding-left: 25px;
		padding-right: 35px;
		padding-bottom: 10px;
		font-size: 18px;
		color:#0C1E5C;
	}
	.left p {
		padding-left: 170px;
		padding-right: 35px;
		padding-bottom:10px;
		color:#0C1E5C;
		text-align:justify;
	}
	.left ul {
		margin-left:60px;
		_margin-left:40px;
	}
	.left li{
		background: url(../images/bullet_blue.gif) top left no-repeat;
		list-style-type:none;
		padding-left:15;
		_margin-left:19px;
	}
	

	.left a{
		color:#6B7EBA;
		text-decoration:underline;
	}
	.left a:hover{
		color:#6B7EBA;
		text-decoration:none;
	}
	.left img {
		margin-left: 170px;
	}
	


.footer {
	position: absolute;
	bottom:0px;
	width:780px;
	height:30px;
	background-color:#84021C;
	color:#FFF;
	text-decoration:none;
	font-size:10px;
	text-align:center;
}
.footer p {
	padding-top:5px;
}
.footer a{
	color:#FFF;
	text-decoration:none;
}
.footer a:hover{
	color:#FFF;
	text-decoration:underline;
}
