body {
	background-image: url('moon.png');
	background-repeat: repeat;	
}

h1, h2, h3 {
	font-family:    Verdana;
	color:			green;	
}

label {
	font-weight: 600;
}

#menulijst li {
	
	/* Geef alle menu items een kader ... */
	border: green solid 10px; 	
	
	/* ... met afgeronde hoeken. */
	background-color: green;
	border-radius: 20%;
	
	/* Zorg voor voldoende ruimte tussen de links in het hoofdmenu. */
	margin-right:  3em;
}

#menulijst li a {
	color: white;
}

main {
	/* Wij het main element horizontaal centreren op de pagina. */
	margin-left: auto;
	margin-right: auto;
	
	width: 800px;
	background-image: url('linedpaper.png');
	
	/* Zorg ervoor dat het main element een padding krijgt, zodat de elementen erbinnen niet te dicht tegen de rand aan zitten.*/
	padding: 1em;
}


nav {
	/* Pas de vorige opgave ook toe op het menu en de header met het logo. */
	margin-left: auto;
	margin-right: auto;
	width:	800px;
}

header img {
	/* Om het plaatje horizontaal in het midden uit te lijnen, moeten wij er eerst een block element van maken (middels display: block;). */
	display: block; 
	margin-left: auto;
	margin-right: auto;
}

#menulijst {
	margin-left: auto;
	margin-right: auto;
	width: 800px;
}

input, textarea, select {
	font-size:   9pt;
	
	/* Haal de kaders van alle invoervelden (dus inputs, textarea's, select velden, enzovoorts) weg. */
	border: 	 none;
}

input:hover, textarea:hover, select:hover {
	background-color: lightblue;
}

a {
	text-decoration: none;	
}

a:hover {
	text-decoration: underline;
}

/* Stel op de fieldsets énkel een kader in aan de linkerzijde van 1px breed, met een stijl naar keuze. */
fieldset {
	border: none;
	border-left: dashed 1px gray;
}