* {
	margin: 0;
	padding: 0;
}

body{
	text-align:center;
	overflow: -moz-scrollbars-vertical;
}

html,body {
	height: 100%; /* HEEL BELANGRIJK! */
	font-family: Verdana;
	color:#000;
	font-size:12px;
	line-height:18px;
	background-image:url(../images/bg.gif);
	background-repeat:repeat-y;
	background-attachment:fixed;
	background-position:center;
	background-position:top;
	behavior:url(fileadmin/template/main/css/csshover.htc);
}
td,th {
	font-family: Verdana;
	color:#000;
	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: 850px;
	_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: 220px;
	width:830px;
	margin-left:10px;
	padding-top:5px;
	z-index:1;
}
.header_logo{
	position:absolute;
	top:50px;
	left:0px; 
	height: 104px;
	width:268px;
	background: url(../images/logo.gif) top left no-repeat;
	z-index:100;
}

.navbar {
	background-color:#6B7EBA;
	width:830px;
	margin-left:10px;
	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: 500px;
	float: left;
	height: auto;
	padding-top:25px;
	margin-bottom: 130px; /* dezelfde hoogte als de hoogte van #footer */
}
	.left h1, .left p {
		padding-left: 30px;
		padding-right: 25px;
		padding-bottom:10px;
		text-align:justify;
	}
	.left h1 {
		font-size: 13px;
		color:#6B7EBA;
	}
	.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;
	}
.right {
	width: 330px;
	float: left;
	height: auto;
	padding-top:83px;
	margin-bottom: 130px; /* dezelfde hoogte als de hoogte van #footer */
}
	
	.right h1{
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom:5x;
		text-align:left;
		font-size:13px;
		color:#6B7EBA;
	}
	.right p {
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom:20px;
		text-align:left;
	}
	.right a{
		color:#6B7EBA;
		text-decoration:underline;
	}
	.right a:hover{
		color:#6B7EBA;
		text-decoration:none;
	}
	.right ul {
		text-align:left;
		margin-left:59px;
		padding-bottom:30px;
	}
	.right li{
		background: url(../images/bullet_blue.gif) top left no-repeat;
		list-style-type:none;
		padding-left:15px;
		margin-left:4px;
	}
	


.footer {
	position: absolute;
	bottom:0px;
	left:10px;
	width:830px;
	height:97px;
	background: url(../images/footer.gif);
	color:#969696;
	text-decoration:none;
	font-size:10px;
	text-align:center;
}
.footer p {
	padding-top:72px;
}
.footer a{
	color:#969696;
	text-decoration:none;
}
.footer a:hover{
	color:#969696;
	text-decoration:underline;
}

.faux {
	background: #FFF;
	height: 1%;
	margin: 0 auto;
	width: 850px;
}

.csc-firstHeader {
	padding-top:0px;
}