/* Generic Selectors */

body {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 16px;
color: #333333;
background-color: #F9F9F9;
}

p {
width: 99%;
line-height: 100%;
margin-top: 0em;
margin-bottom: 0.2em;
}

li {
list-style-type: none;
line-height: 130%;
list-style-image: url(../images/arrowSmall.gif);
}

h1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 22px;
font-weight: bold;
color: #000000;
}

h2 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
font-weight: bold;
color: #000000;
border-bottom: 1px solid #C6EC8C;
}

 

/**************** Pseudo classes ****************/

a:link {
color: #00CC00;
text-decoration: underline;
font-weight: bold;
list-style-type: disc;
line-height: 100%; 
}

li :link {
color: #00CC00;
text-decoration: none;
font-weight: bold;
list-style-type: disc;
line-height: 100%; 
}

a:visited {
color: #00CC00;
padding-bottom: 4px;
text-decoration: underline;
font-weight: bold;
}

li a:visited {
color: #00CC00;
padding-bottom: 4px;
text-decoration: none;
font-weight: bold;
}

a:hover {
color: rgb(0, 96, 255);
font-weight: bold;
text-decoration: underline;
}

li a:hover {
color: rgb(0, 96, 255);
font-weight: bold;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #C6EC8C;
}

a:active {
color: rgb(255, 0, 102);
font-weight: bold;
}


/****** opmerking: "display: block;" in "li a:hover {" maakte dat de link versprong... ******
/************************* ID's *************************/

#titel {
position: absolute;
height: 85px;
margin: 0;
margin-top: 0;
margin-left: 120px;
border-bottom: 3px solid #C6EC8C;
font-weight: normal;
}

#navigation {
position: fixed;
width: 210px;
height: 600px;
margin: 0;
margin-top: 90px;
border-right: 3px solid #C6EC8C;
font-weight: normal;
}

#centerDoc {
position: absolute;
float:right;
padding: 0 0 10px 0; /*top right bottom left*/
margin-top: 90px;
margin-left: 220px;
}