#navigatie {
width: 200px;
border-right: 1px solid #D9D3D5;
padding: 0 0 1em 0;
margin-bottom: 1em;
font-family: 'Comic Sans MS', 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
font-size: 14px;
font-weight: bold;
background-color: #E4BBF7;
color: #A600FF;
}

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

#navigatie li {
border-bottom: 1px solid #ffffff;
margin: 0;
}

#navigatie li a {
display: block;
padding: 5px 5px 5px 0.5em;
border-left: 10px solid #A600FF;
border-right: 10px solid #A600FF;
background-color: #E4BBF7;
color: #A600FF;
text-decoration: none;
width: 100%;
}
html>body #navigatie li a {
width: auto;
}

#navigatie li a:hover {
border-left: 10px solid #E4BBF7;
border-right: 10px solid #E4BBF7;
background-color: #A600FF;
color:#E4BBF7;
}