<style type="text/css">

Body {font-family: sans-serif,arial ;background:"ffbbff"; color: #000066;}

p{font-family: sans-serif ; font-weight:600; color#0000cc}


h1{font-family:sans-serif ;color:white; font-weight: bold	;text-align:center;}

h2,h3,h4 {font-family: sans-serif ; font-style:italic; color: #0000aa;}

a{color: "0000aa"; font-weight:-1; }

ul {list-style:bullet;font-family:sans-serif ;color:red;}

li {color: #bbbbbb; text-align:left;}

a:link { color: black; text-decoration: none }
a:visited { color: black; text-decoration: none }
a:hover { color: grey; text-decoration: none }
a:active { color: green; text-decoration: none }

.blauw {color: #0000aa;background = #bbbbbb}

<!-- Dit gedeelte komt in je stijlblad of in je stijl in de header te staan -->
#navigatie {
 font-family: sans-serif,Helvetica, Arial;
 font-size: 14px;
 font-weight: bold;
 width: 12em;
 border-right: 1px solid #666;
 padding: 0;
 margin-bottom: 1em;
 background-color: #fff;
 color: #333;
}

#navigatie ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

#navigatie ul li {
 margin: 0;
 border-top: 1px solid #003;
}

#navigatie ul li a {
 display: block;
 padding: 2px 2px 2px 4px;
 border-left: 10px solid #bbb;
 border-right: 1px solid #69c;
 border-bottom: 1px solid #369;
 background-color: #bbbbbb;
 color: #fff;
 text-decoration: none;
 width: 100%;
}

html>body #navigatie ul li a {
 width: auto;
}

#navigatie ul li a:hover {
 border-left: 10px solid #036;
 border-right: 1px solid #69c;
 border-bottom: 1px solid #369;
 background-color: #69f;
 color: #fff;
}


</style>