body { 
background : #FDFFD5;
font-variant : normal; 
font-size : 15px; 
font-family : Verdana; } 

a { 
color : #000000; } 
a:hover { 
color : #000000; }

.vierkantgrijs {
display: block;
width: 7px;
height: 7px;
background: #CCCCCC;
border-style: solid;
border-width: 1px;
Float: left;
margin-top:5px;
margin-right:5px;
margin-left:2px;
}
	
.vierkantrood {
display: block;
width: 7px;
height: 7px;
background: #FF0000;
border-style: solid;
border-width: 1px;
Float: left;
margin-top:5px;
margin-right:5px;
margin-left:2px;
}

.vierkantgroen {
display: block;
width: 7px;
height: 7px;
background: #00FF00;
border-style: solid;
border-width: 1px;
Float: left;
margin-top:5px;
margin-right:5px;
margin-left:2px;
}

.vierkantblauw {
display: block;
width: 7px;
height: 7px;
background: #0000FF;
border-style: solid;
border-width: 1px;
Float: left;
margin-top:5px;
margin-right:5px;
margin-left:2px;
}

.vierkantpaars {
display: block;
width: 7px;
height: 7px;
background: #8000FF;
border-style: solid;
border-width: 1px;
Float: left;
margin-top:5px;
margin-right:5px;
margin-left:2px;
}

.vierkantroze{
display: block;
width: 7px;
height: 7px;
background: #FF00FF;
border-style: solid;
border-width: 1px;
Float: left;
margin-top:5px;
margin-right:5px;
margin-left:2px;
}

.footer
{
    top: 0px;
    left: 0;
    position: fixed;
    width: 100%;

    height: 15px;
    background: white;
    font-size: 11px;
}