@charset "UTF-8";
/* CSS Document */

body {
	background-color:#fcf1cc;
}

#main {		/* deze 'container' (zegt t al), bevat alle andere divs om alles te uitlijnen */
	position:absolute;
	left:50%; 
	margin-left:-400px;

	/* Dit truucje is om de pagina in 't midden uit te lijnen. 
	Basically staat hier de negatieve waarde van de helft van de 
	breedte.. 600px breed is dus -300px. */
}

#header {
	width:800px;
	height:220px;
	background-image:url(picture_library/bf.jpg);
	
}

#menu {
	width:800px; /*overige 20px zitten in de padding hieronder*/
	height:35px;
	background-image:url(picture_library/Barsm.jpg);
	/*padding-left:10px;
	padding-right:10px;*/
}

#content {
	background-color:#c6d8f0;
	width:780px;
	padding-left:10px;
	padding-right:10px;
	float:left;
	color:#ce7156;

}

#footer {
	width:780px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	height:50px;
	background-image:url(picture_library/bar2.jpg);
	background-color:#000;
	float:left;
	
	color:#FFFFFF;
}
a:link {
	font-family: "Black Chancery";
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
    font-family: "Black Chancery";
	text-decoration: none;
	color: #FFFFFF;
}

a:hover {
	font-family: "Black Chancery";
	color: #FFFF99;
}