body {
	/*background-color: Aqua;*/
	background-color: rgb(228, 220, 207);
	font-family: Arial, Helvetica, sans-serif;
}

table {
  border: 1px solid black; 
  border-collapse: collapse;
  text-align: left;
}

th { /* table header: zwart met witte tekst*/
  color: white;
  background-color: black;
}


tr:hover { /*rij wordt grijs als je met muis erover gaat*/
  background-color: gray;
}

.breed { /*class die de tabel 80% van de breedte geeft*/
  width: 80%;
}


/* -------------vanaf hier de layout van de website---- */
#container
{
	width: 800px;
	margin: 5px auto;
	/*background-color: Yellow;*/
}
	
header
{
	height: 100px;
    /*background-color: Red;*/
	
	/* header, één keer plaatsen en centreren */
	background-image: url("images/header.jpg");
	background-repeat: no-repeat;
	background-position: center;
	
	
}
	
nav
{
	height: 60px;
	/*background-color: Green;*/
}

#menu
{
	float: left;
	width: 140px;
	height: 200px;
	background-color: #A19075;
	border-radius: 10px 10px 10px 10px; /*ronde hoeken*/
	padding-left: 15px; /*marge binnen een vlak: top, right, bottom en left*/
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;	
}

article	
{
	margin-left: 180px; /*deze margin zorgt ervoor dat er ruimte is voor een menu */
	height: 600px;
	background-color: #C0B4A0; /*Fuchsia;*/
	padding-left: 15px; /*marge binnen een vlak: top, right, bottom en left*/
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 10px 10px 10px 10px; /*ronde hoeken*/
	
}
	
footer	
{
	height: 30px;
	/*background-color: Purple;*/
	border-radius: 10px 10px 10px 10px; /*ronde hoeken*/
}