#header 	{ 
		border: 5px solid #b0e0e6;/*rand om de box heen*/
		background-color: #66CC00;/*achtergrondkleur*/
		width:100%;/*breedte box*/
		height:200px;
		padding: 20;
		margin-left: 200px;
		margin-right:200px
		}

#up 		{
		background-color: #66CC00;/*achtergrondkleur*/
		top: 200px;
		width: 100%; /*breedte box*/
		padding: 0;
		margin-left: 200px;
		margin-right:200px
		}


#content 	{ 
		background-color:white;/*achtergrondkleur*/
		width:100%;/*breedte box*/
		height:500px;
		padding:20;
		border: 5px solid #b0e0e6;/*rand om de box heen*/
		margin-left: 200px;
		margin-right:200px;
		margin-right:200px
		}

#footer	{ 
		border: 5px solid #FFFFFF;/*rand om de box heen*/
		background-color: #66CC00;/*achtergrondkleur*/
		width:100%;/*breedte box*/
		height:100px;
		padding:20;
		margin-left: 200px ;
		margin-right:200px
		}

h1 {color: #ffffff;}
.rood {color:red;
		font-weight:bold}
body { font-family: Arial, sans-serif }
body {background-image:url('roderuiten.jpg');} /*achtergrondkleur*/
.tussenkop {color:#66CC00;/*de kleur*/
			font-family:Arial, sans-serif;/*lettertype*/
			font-size: 1.15 em;/*de maat is 1.15em*/
			font-weight:bold}/*tekst word dikgedrukt.*/
.border { border: 10px solid white
		}

#menu ul{
		list-style-type: none; /* Haal markeringstekens weg. */
		margin: 0; /* Geen margin. */
		padding: 0; /* Geen padding. */
		text-align: left; /*set to left, center, or right to align the menu as desired*/
		}
#menu a{
		color: #FFFFFF; /* Kleur verwijzing wordt wit. */
		text-decoration: none; /* Tekst niet onderstreept. */
		background-color: #charteuse; /*achtergrondkleur*/
		font-family: Arial, sans-serif; /* Ander lettertype. */
		font-weight: bold;
		font-size: 1.25 em;
		border: 2px solid #66CC00;/*rand om de menu heen*/
		width: auto; /*breedte menu*/
		padding: 3px 5px; /* Wat padding. */
		}
#menu li 	{
		display: inline; /* Als inline behandelen. */;
		}
#menu a:hover{
		background-color:greenyellow; /* Kleur als muis er overheen. */
		}

.thumbnail img{
		border: 1px solid white;/*rand om de thumbnail heen*/
		margin: 0 5px 5px 0;
		}

.thumbnail:hover{
		background-color: transparent;/*achtergrond thumbnail doorzichtig*/
		}

.thumbnail:hover img{
		border: 1px solid black;/*rand om de thumbnail heen*/
		}

.thumbnail span{ /*voor vergroting*/
		position: absolute;
		background-color: lightyellow;/*achtergrondkleur*/
		padding: 5px;
		right: -1000px;
		border: 1px stroke black;/*rand om de thumbnail heen*/
		visibility: hidden;
		color: black;
		text-decoration: none;
		}

.thumbnail span img{ /*CSS voor vergroting*/
		border-width: 0;/*rand om de thumbnail heen*/
		padding: 5px;
		}

.thumbnail:hover span{ /*CSS voor vergroting*/
		visibility:visible;
		top: 135px;
		right: 350px; /*plaats van de vergroting*/
		z-index: 50;
		}