#nav, #nav ul {
padding: 1px 0 0 0;
margin: 0;
list-style: none;
z-index: 500;
}

#nav ul {
position: absolute;
width: 120px;
left: -1000px;
}

#nav li {
float: left;
width: 120px;
background-image: url(https://www.den-uijl.nl/images/menuitem.png);
background-repeat: no-repeat;
}

#nav li:hover ul {
left: auto;
background-position: 0 0;
}

#nav a {
color: #E5E5FF;
display: block;
outline: none;
text-align: center;
vertical-align: middle;
margin: 4px 5px 4px 5px;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11pt;
font-weight: normal;
cursor: default;
}

#nav>li>a {
font-weight: bold;
}

#nav li ul li a:hover, #nav li:first-child a:hover {
font-weight: bold;
color: yellow;
text-shadow: yellow 0.1em 0.1em 0.5em;
}

#nav li ul li a, #nav li:first-child a  {
cursor: pointer;
}

body {
background-color: #E5E5FF;
color: #330066;
font-family: Times New Roman, serif;
font-size: 12pt;
}

address {
font-size: 10pt;
}

h1, h2, h3, h4, h5, h6 {
font-family: Verdana, Arial, Helvetica, sans-serif;
}

img {
border: 0px;
outline: none;
border-style: none;
}

a {
outline: none;
}

a:hover {
font-weight: bold;
}

div.code {
font-size: 8pt;
background-color: white;
color: black;
border:2px ridge;
padding: 5px;
margin-top: 8px;
margin-bottom: 8px;
}