* {
margin: 0;
padding: 0;
}

body {
text-align: center;
font-size: 10px;
background-color: #5A5E62;
}

a:hover, a:active, a:visited, a:link {
color: blue;
font-weight: bold;
text-decoration: none;
}

h1 {
font: 14pt tahoma, verdana, arial;
font-weight: bold;
text-decoration: underline;
margin-left: 150px;
margin-top: 8px;
margin-bottom: 8px;
}

h2 {
font: 10pt tahoma, verdana, arial;
font-weight: bold;
text-decoration: none;
margin-bottom: 8px;
}

h3 {
font: 10pt tahoma, verdana, arial;
text-decoration: underline;
margin-top: 5px;
}

hr {
width: 80%;
height: 1px;
}

img {
border: solid 1px;
margin: 10px;
}

/* uitlijning */

#container {
font: 8pt tahoma, verdana, arial;
border: solid 1px black;
text-align: left;
margin: 0 auto;
width: 700px;
overflow: hidden;
background-color: white;
}

#contact {
font: 8pt tahoma, verdana, arial;
text-align: right;
margin: 0;
padding: 0;
margin-top: 5px;
margin-right: 20px;
}

#header {
background: url(pictures/header.jpg) no-repeat top;
width: 700px;
height: 200px;
margin-top: 5px;
}

#inhoud {
background-color: white;
float: left;
width: 520px;
padding-left: 15px;
}

#lijst {
background-color: white;
width: 140px;
height: 200px;
float: right;
text-align: right;
padding-top: 50px;
padding-right: 15px;
}

#footer {
width: 700px;
height: 30px;
background: url(pictures/footer.jpg) no-repeat bottom;
}

/* Menu */

#navigatie {
font-size: 12px;
font-weight: bold;
background-color: white;
width: 140px;
height: 200px;
float: right;
text-align: right;
margin-top: 10px;
margin-right: 10px;
padding: 0;
color: black;
}

#navigatie ul {
list-style: none;
margin: 0;
padding: 0;
}

#navigatie ul li {
margin: 0;
border: 1px solid black;
}

#navigatie ul li a {
display: block;
padding: 2px 2px 2px 4px;

border: 1px solid black;
background-color: black;
color: white;
text-decoration: none;
width: 100%;
}

html>body #navigatie ul li a {
width: auto;
}

#navigatie ul li a:hover {
border: 1px solid black;
background-color: red;
color: white;
}