/*demonstratie van CSS-eigenschappen met betrekking tot lettertypen; ze beginnen allemaal met font- */
body {/* donkere tekst op lichte achtergrond */
     color: maroon;
     background: #ddf; /* lichtroze */
     } 
h1, h2  {color: #fdf;
         background: maroon;
    }
a   {
    font-style: italic;
    font-weight: bold;
    }
#menu{
	float: left;
}
ul{
	padding: 0;
	margin: 0;
	list-style: none;
	border: 1px solid #000;
}
#menu ul {
 	display: none;
	position: absolute;
	top: 100%;
	left: 0;
}
#menu ul ul {
	position: absolute;
	top: -1px;
	left: 100%;
}
#menu  > li {
	float: left;
}
#menu li {
        position: relative;
        width: 250px; /*ie6, origineel op 120*/
        margin: 0;
        padding: 0;
        line-height: 18px; /*ie*/
        background-color: #EEE;
}
#menu a {
	display: block;
	height: 100%; /*ie*/
	color: #000;
	padding: 2px 10px;
	white-space: nowrap;
	text-decoration: none;
}
#menu a:hover {
	background-color: #CCC;
}
#menu li:hover > ul {
	display: block;
}