body {background: #120081}
p {font-family: Verdana, Times; color: white; font-size: 10pt}
h1 {font-family: Verdana, Times; color: white; font-size: 12pt}
h2 {font-family: Verdana, Times; color: white; font-size: 11pt}
a.nav:link {color: #120081; font-weight: bold; font-size: 10pt; text-decoration: none}
a.nav:visited {color: #120081; font-weight: bold; font-size: 10pt; text-decoration: none}
a.nav:hover {color: #FFFFFF; font-weight: bold; font-size: 10pt; tect-decoration: none}
a:link {color: #FFFFFF; font-size: 10pt; text-decoration: none}
a:visited {color: #FFFFFF; font-size: 10pt; text-decoration: none}
a:hover {color: white; font-size: 10pt; tect-decoration: none}
table {font-family: Verdana, Times; color: white; font-size: 10pt}

#container{
float: left;
border: 1px solid #000;
width: 417px;
margin: 50px 0 20px 100px;
padding: 3px;
}

/* ie begrijpt de combinatie van margins en floating elements niet dus bij deze de hack: */
* html #container{
margin: 25px 0 5px 50px;
}

#container a:link, #container a:visited{
display: block;
float: left;
width: 100px;
height: 100px;
margin: 1px;
border: 1px solid #FFFFFF;
}

#container a:hover, #container a:active{
display: block;
float: left;
width: 100px;
height: 100px;
margin: 1px;
border: 1px solid #E20000;
}

/* dit heeft ie nodig anders geeft hij een bottom-pading (??!!??) aan het omsluitende a element */
#container img{
float: left;
} 

dl{
width: 523px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
margin: 50px 0 0 100px;
padding: 0;
clear: left;
}

dt{
border: solid #FCC8C8;
border-width: 1px 1px 0 1px;
padding: 10px 10px 0 10px;
background: ##120081;
}

dd{
margin: 0 0 20px 0;
padding: 0 10px 10px 10px;
border: solid #FCC8C8;
border-width: 0 1px 1px 1px;
background: ##120081;
}

dt span{
position: relative;
left: 10px;
bottom: 120px;
font-family: Georgia, "Times New Roman", serif;
font-size: 160%;
font-weight: bold;
color: #FFFFFF;
}

dt img{
border: 1px solid #FCC8C8;
}