body {
font-family     : verdana,arial,sans-serif;
font-size       : 9pt; 
line-height     : 120%;
color           : #000;
background      : #FFF; 
width           : auto;
margin          : 0px;
padding         : 0px;
}

p {
font-size       : 100%;
text-align      : left;
margin          : 0 0 0.8em 0;
padding         : 0 5px 0 3px;
}

p.tip {
font-size        : 100%;
width            : 90%;  
margin           : 1.5em 0 2em 0;
padding          : 0.2em 0.5em 0.3em 35px;
background       : url(../images/tip.gif) no-repeat 2px 2px; /* = positie links + boven */
background-color : #FFB;
border-style     : solid;
border-width     : 1px 1px 1px 1px;
border-color     : #8888FF;
}

p.letop {
font-size        : 100%;
width            : 90%;
margin           : 1.5em 0 2em 0;
padding          : 0.2em 0.5em 0.3em 25px;
background       : url(../images/letop.gif) no-repeat 2px 2px; /* = positie links + boven */
background-color : #FFB;
border-style     : solid;
border-width     : 1px 1px 1px 1px;
border-color     : #88F;
}

span {
background-color : #FFC;
font-weight      : normal;
font-style       : normal;
}

h1 {
font-family      : verdana,arial,sans-serif;
font-size        : 14pt; 
font-weight      : normal;
width            : 100%;
color            : #000;
background-color : #FFF;
margin           : 10px 0 10px 0;
padding          : 10px 0 3px 5px;
border-style     : solid;
border-width     : 0px 0 3px 1.2em;
border-color     : #AAF;
}

h2 {
font-size        : 100%;
font-weight      : bold;
/* width            : 95%; */
margin           : 2.5em 0 2px 0;
padding          : 0 0 0 3px;
color            : #000;
border-style     : solid;
border-width     : 0 0 1px 2em;
border-color     : #AAF; /* was #88F controleren of browserveilige kleur is; zou 99F moeten zijn? */ 
}

h3 {
font-size        : 100%;
font-weight      : bold;
margin           : 2.5em 0 2px 0;
padding          : 0 0 0 5px;
background-color : #FFF;
border-style     : solid;
border-width     : 0 0 1px 2em;
border-color     : #CCC;
}

h4 {
font-size        : 100%;
font-weight      : bold;
margin           : 1.5em 0 0 0;
padding          : 0 0 0 2px;
}

h5 {
font-size        : 100%;
width            : 90%;
font-weight      : bold;
margin           : 2.5em 0 2px 0;
padding          : 0 0 0 5px;
background-color : #FFF;
border-style     : solid;
border-width     : 1px 1px 1px 2em;
border-color     : #AAF;
}

h6 {
font-size        : 100%;
font-weight      : normal;
margin           : 0;
padding          : 0 5px 0 3px;
}
      
a:link    {color:#00B;text-decoration:underline;}
a:visited {color:#00B;text-decoration:underline;}
a:hover   {color:#00B;text-decoration:underline;}
a:active  {color:#00B;text-decoration:underline;}

img {
margin            : 0px;
padding           : 0px;
border            : none;
}

/* lijsten */

ol {
list-style       : outside decimal none;
margin           : 0 0 1em 2.5em;
padding          : 1px 0 3px 5px;
}

ol.abc {
list-style       : outside lower-alpha;
}

ul {
list-style       : outside disc none;
margin           : 0 0 1em 1.8em;
padding          : 1px 0 3px 5px;
}

li {
line-height      : 120%;
}

ul ul {
margin           : 0 0 0 1.5em;
padding          : 0;
}

ul.tabel {
list-style       : outside disc none;
margin           : 0 0 0.1em 1em;
padding          : 1px;
}

ul.popup {
list-style       : outside disc none;
margin           : 0 0 0.1em 1.5em;
padding          : 0px 1px 1px 1px;
}

ul.kadergevuld {
width            : 90%;
list-style       : outside disc none;
margin           : 0 0 2em 0px;
padding          : 1px 0 3px 20px;
border-style     : solid;
border-width     : 0 1px 1px 2em;
border-color     : #DDD;
background-color : #FFF;
}

.kadergevuld li {
line-height      : 150%;
}

ul.kaderleeg {
list-style       : inside disc none;
width            : 60%;
margin           : 0 0 0.8em 0px;
padding          : 1px 0 3px 4px;
border-style     : solid;
border-width     : 0 1px 1px 2em;
border-color     : #AAA;
}

/* tabellen */ 

table {             /* center heb ik weggehaald en padding toegevoegd */
border           : solid #AAF;
border-width     : 2px 2px 2px 3px;
margin           : 1.5em 0 1.5em 3em;
padding          : 0px;
border-collapse  : collapse;
}

th {
border           : solid #AAF 1px;
padding          : 0.3em 1em 0.1em 1em;
text-align       : left;
}

td {
border           : solid #DDD 1px;
padding          : 0.3em 1em 0.1em 1em;
}

table.woordenboek {
width            : 15em;
border           : solid #AAF 1px;
margin           : 1px 0 1.5em 0;
padding          : 0px;
border-collapse  : collapse;
}

.woordenboek td {
border           : solid #DDD 1px;
padding          : 0.3em 0 0.1em 0;
text-align       : center;
}


/* woordenboek */ 

dt {
font-size        : 100%;
font-weight      : bold;
margin           : 1.5em 0 0 0;
padding          : 0 0 0 2px;
}

dd {
font-size       : 100%;
margin          : 0;
padding         : 0 5px 0 3px;
}

/* formulieren */

form {
margin          : 0;
padding         : 0;
}

fieldset {
width           : 28em;
border          : none;
margin          : 0 0 0 0em;
padding         : 0.2em 0 0.2em 2em;
}

fieldset.lijn {
border-top      : #AAF 1px solid;
}

legend {
display         : none;
}

br {
clear           : left;
}

label {
float           : left;
width           : 15em;
margin          : 0.3em 0 0.3em 0.1em;
padding         : 0;
}

input {
font-size       : 100%;
color           : #000;
width           : 10em;
border          : #BBB 1px solid;
background      : #FFD;
margin          : 0.3em 2em 0.3em 0;
padding         : 1px 0px 1px 2px;
}

input.button {
font-size       : 100%;
font-weight     : normal;
color           : #338;
width           : 8em;
height          : 2.5em;
border          : #AAA 1px solid;
background      : #DDD;
margin          : 2em 0 1em 0em;
padding         : 0;
}

select {
font-size       : 100%;
width           : 12em;
border          : #BBB 1px solid;
background      : #FFD;
margin          : 0.3em 0 0.3em 0;
}

textarea {
font-family     : verdana,arial,sans-serif;
font-size       : 100%;
margin          : 1em 0 0 0em;
padding         : 2px;
border          : #BBB 1px solid;
background      : #FFD;
}

div.lijn {
border-style     : solid;
border-width     : 1px 0px 1px 0;
border-color     : #AAF;
margin           : 0.7em 0 0 2em;
padding          : 0;
width            : 26em;
align            : left;
}

div.formpopup {
position        : absolute;
z-index         : 1;
visibility      : hidden;
width           : 13em;
margin          : 0;
padding         : 2px 2px 2px 5px;
border-style    : solid;
border-width    : 1px 1px 1px 3px;
border-color    : #AAF;
background      : #FFB;
}

div.voorbeeld {
width            : 90%;
margin           : 1.8em 0 1.8em 10px;
background-color : #FFB;
border-style     : solid;
border-width     : 1px 1px 1px 1px;
border-color     : #88F;
}

div.voorbeeld h4 {
color            : #000;
margin           : 0 0 0 0;
padding          : 0.3em 0.5em 0 0.5em;
}

div.voorbeeld p {
margin           : 0;
padding          : 0 0.5em 0.5em 0.5em;
}

#balk {
display          : none;
width            : 100%;
margin           : 0;
padding          : 0;
background       : #FFF url(../images/banner2.gif) no-repeat top right;
}

#balk p {
margin           : 0;
padding          : 0;
}

#balk p.logo {
float            : left;
margin           : 0;
padding          : 0;
}

#balk p.balk {
color            : #AAA;
margin           : 0px;
padding          : 80px 20px 0px 0px;
text-align       : right;
line-height      : 2em;
}

#path {
clear            : both;
width            : 100%;
margin           : 0px;
padding          : 0px;
}

#path p {
font-size        : 8pt;
line-height      : 120%;
color            : #000;
margin           : 0;
padding          : 1px 0px 1px 1px;
background-color : #FFF;
border-top       : solid 1px #000;
border-bottom    : solid 1px #000;
}

#path a {
color            : #00A;
text-decoration  : none;
}

#nav {
display          : none;
width            : 13em;
float            : left;
padding          : 0px 0px 1px 0px;
margin           : 0px 7% 2em 5px;
background-color : #FFF;
color            : #333;
border           : none;
}

#nav ul {
background       : none;
width            : 100%;
list-style       : outside none none;
margin           : 0px;
padding          : 0px;
border           : none;
background-color : #FFF;
}
		
#nav li {
display          : block;
background       : none;
width            : 100%;
line-height      : 1em;
margin           : 0px 0px 1px 0px;
padding          : 0px;
}

#nav li.kop {
background       : none;
width            : 100%;
margin           : 0px 0 1px 0;
padding          : 10px 0px 5px 10px;
border-left      : 1px solid #FFF;
border-bottom    : 1px solid #CCC;
color            : #444;
font-weight      : bold;
}

#nav a {
display          : block;
width            : 100%;
margin           : 0px;
padding          : 5px 1px 5px 7px;
border-left      : 4px solid #CCC;
border-bottom    : 1px solid #CCC;
background-color : #EEE;
color            : #00A;
text-decoration  : none;
font-weight      : normal;
}

#nav li a.actief {
padding          : 5px 1px 5px 7px;
width            : 100%;
border-left      : 4px solid #88F;
border-bottom    : 1px solid #88F;
background-color : #338;
color            : #FFF;
text-decoration  : none;
}

#nav li a:hover {
border-left      : 4px solid #00A;
border-bottom    : 1px solid #99F;
background-color : #99F;
color            : #FFF;
text-decoration  : none;
}

#inhoud {
margin           : 0;
width            : auto;
}

#kantlijn {
display          : none;
float            : right;
margin           : 1.5em 5px 1em 0;
padding          : 0;
width            : 15em;
background-color : #FFF;
}

#kantlijn h5 {
font-size        : 100%;
margin           : 0;
padding          : 0 0 0 5px;
color            : #444;
background-color : #EEE;
border-style     : solid;
border-width     : 1px 1px 1px 5px;
border-color     : #88F;
}

#kantlijn p {
font-size        : 100%;
background-color : #FFF;
margin           : 0px 0px 1.5em 0px;
padding          : 0 5px 2px 3px;
line-height      : 140%;
border-style     : solid;
border-width     : 0px 1px 1px 1px;
border-color     : #88F;
}

#kantlijn ul {
list-style       : inside disc;
margin           : 0 0 1.5em 0px;
padding          : 1px 0 3px 5px;
border-style     : solid;
border-width     : 0 1px 1px 1px;
border-color     : #88F;
}

#header {
clear            : both;
margin           : 0;
padding          : 0;
}

#header {
font-size        : 10pt;
line-height      : 2em;
background-color : #FFF;
border           : 1px solid #000;
text-align       : center;
margin           : 0;
padding          : 0;
}

#footer {
clear            : both;
margin           : 0;
padding          : 0;
}

#footer p {
font-size        : 10pt;
font-weight      : normal;
line-height      : 120%;
background-color : #FFF;
border           : 1px solid #F00;
text-align       : center;
margin           : 30px 0 0 0;
padding          : 3px;
}