<style type="text/css">
<!-- 
/* CSS tutorial voor horizontale dynamische menu www.alsacreations.com/articles */
-->
body {
margin: 0;
padding: 0;
background: white;
font: 80% verdana, arial, sans-serif;
}

#lijst td {
}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
.menu {
display: block;
text-decoration: none;

color: white;
width: 155px;
height: 23px;
float: left;
display: inline;

text-align:center;


}
.menu dl {
float: left;
width: 100px;
margin: 0px 1px;
display:inline;
}


.menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #800000;
border: 1px solid red;
width: 150px;
}
.menu dd {
border: 1px solid red;
background: #ffa500;
}


.menu li {
text-align: center;
background: #ffa500;
width: 150px;
color: white;
}
.menu ul {
	text-align: center;
background: #ffa500;
width: 150px;
color: white;
}

.menu li a, .menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
background: #ffa500;
color: white;
}
.menu li a:hover, .menu dt a:hover {
background: #ffa500;
color: #800000;
}

#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #000;
background-color: #ddd;
padding: 5px;
border: 1px solid gray; 
}

a {text-decoration: none;
color: black;
color: #222;
}

.horizontalcssmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}


