* {	/* Reset marges en padding overal naar 0, zet global font op tahoma */
	font-family:	Century Gothic, Arial;
	font-size: 		11px;
}

.clear { /* wanneer "floats" worden gebruikt, deze toepassen om te "clearen"*/
	clear: both;
}


html, body {
	margin: 0 auto; /* centreert alles */
}

body {
	background: url('../images/backdrop.jpg') 50% 0% fixed #000000 no-repeat;
}


#container {
	width:		990px;
	margin: 	0 auto; /* centreert de site */
}

#header {
	background: url('../images/headerbg.png') 0% 100%;
	width:		990px;
	height: 	277px;
	margin-top: 0px;
	position: 	absolute;
	z-index: 	10;
}

#visual {
	background: url('../visuals/visuals.php') no-repeat 50% 100%;
	width:		990px;
	height: 	217px;
	margin-top: 18px;
	position: 	absolute;
	z-index: 	20;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
}

#logo {
	background: url('../images/logo.png') no-repeat;
	width:		400px;
	height: 	170px;
	margin-top: 55px;
	margin-left: 55px;
	position: 	absolute;
	z-index: 	30;
	margin-bottom: 0;
}


#menu {
/*	background: url('../images/menubg.jpg') repeat-x; */
	width:		960px;
	margin-left:0px;
	margin-top: 240px;
	position: 	absolute;
	z-index: 	500;
}


#content {
	width:		990px;
	padding-top: 320px;
	min-height: 400px;
	height: auto !important;
	height: 400px;
	background: url('../images/container.png') ;
	z-index: 	5;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 2px;
}

#footer {
	width: 		990px;
	height:		40px;
	text-align: center;
	color: 		#5b5b5b;
	background: url('../images/footer.png') ;
	padding-top: 50px;
}