body {
font-family     : verdana,arial,sans-serif;
font-size       : 70%; 
line-height     : 150%;
color           : #000;
background      : #EEF; 
width           : 100%;
margin          : 0px;
padding         : 0px;
/* scrollbar-base-color: #CCC;
scrollbar-track-color: #DDD;
scrollbar-face-color: #EEF;
scrollbar-highlight-color: #EEF;
scrollbar-3dlight-color: #CCC;
scrollbar-darkshadow-color: #CCC;
scrollbar-shadow-color: #EEF;
scrollbar-arrow-color: #CCC; */
}

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

p.geenmarge {
margin          : 0;
padding         : 0;
}

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

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

p.table {
font-size        : 90%;
margin           : -1.5em 0 2em 2em;
color            : #AAA;
}

span {
font-weight      : bold;
}

h1 {
font-family      : 'trebuchet MS',tahoma,verdana,arial,sans-serif; /* helvetica bold? */
font-size        : 150%; 
font-weight      : normal;
color            : #FFF; 
background       : #338;
margin           : 0 0 0.8em 0;
padding          : 0.8em 0 0.2em 5px;
border-style     : solid;
border-width     : 2px 2px 3px 1.2em; 
border-color     : #AAF;
}

h2 {
font-size        : 100%;
font-weight      : bold;
margin           : 2em 0 2px 0; /* 2em was 2.5em */
padding          : 0 0 0 3px;
color            : #000;
background       : #FFF;
border-style     : solid;
border-width     : 0 0 1px 2em;
border-color     : #AAF;  
}

h3 {
font-size        : 100%;
font-weight      : bold;
margin           : 2em 0 2px 0; /* 2em was 2.5em */
padding          : 0 0 0 5px;
background       : #EEE;
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%;
font-weight      : bold;
margin           : 2.5em 0 0 0;
padding          : 0 0 0 5px;
background       : #EEE;
border-style     : solid;
border-width     : 1px 1px 1px 2em;
border-color     : #AAF;
}

h6 {
font-size        : 100%;
font-weight      : normal;
margin           : 1.5em 0 0 0;
padding          : 0 0 0 2px;
background       : #FFF;
}
      
a:link    {color:#00B;text-decoration:none;}
a:visited {color:#00B;text-decoration:none;}
a:hover   {color:#00B;text-decoration:underline;}
a:active  {color:#00B;text-decoration:none;}

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

img.foto {
margin           : 0;
padding          : 6px;
border-style     : solid;
border-width     : 1px;
border-color     : #AAF;

}

/* lijsten */

ol {
list-style       : outside decimal none;
margin           : 0 0 1em 2.3em;
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;
}

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

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

li {
line-height      : 150%; /* of 170%? */
}

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

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

ul.kadergevuld {
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     : #CCC;
background       : #EEE;
}

.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 {
border           : solid #AAF 2px;
margin           : 1.5em 0 1.5em 2em;
padding          : 0px;
border-collapse  : collapse;
}

th {
border           : solid #AAF 1px;
background       : #EEE;
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           : 33em; /* was 28em */
background      : #FFF;
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;
}

label.rekenmodule {
float           : left;
width           : 20em;
margin          : 0.3em 0 0.3em 0.1em;
padding         : 0;
}

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

input.rekenmodule {
font-family     : verdana,arial,sans-serif;
font-size       : 100%;
color           : #000;
width           : 5em;
border          : #BBB 1px solid;
background      : #FFD;
margin          : 0.3em 2em 0.3em 0;
padding         : 1px 0px 1px 2px;
}

input.readonly {
font-family     : verdana,arial,sans-serif;
font-size       : 100%;
color           : #000;
width           : 5em;
border          : none;
background      : #FFF;
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;
}

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

select {
font-size       : 100%;
width           : 14em;
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.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       : #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;
}

#kader {
width            : 87em; /* was 88em */
margin           : 1em auto 0 auto;
padding          : 0;
background       : #FFF;
border-style     : solid;
border-width     : 1px;
border-color     : #BBB;
}

#logo {
clear            : both;
margin           : 0;
padding          : 0;
border-style     : solid;
border-width     : 0.2em 0.2em 0.3em 0.8em;
border-color     : #AAF;
}

#logo a {
color            : #FFF;
text-decoration  : none;
}

#logo p {
font-family      : 'trebuchet MS',tahoma,verdana,arial,sans-serif;
font-size        : 1.5em;
font-weight      : normal;
color            : #FFF;
background       : #338;
height           : 1.5em;
text-align       : left;
margin           : 0;
padding          : 0.5em 0 0 0.7em;
}

#balk {
clear            : both;
height           : 2em;
margin           : 0;
padding          : 0;
background       : #FFF;
}

#balk p {
color            : #AAA;
background       : #FFF;
margin           : 0 1em 0 0;
text-align       : right;
line-height      : 2em;
}

#path {
clear            : both;
background       : #EEE;
width            : 100%;
margin           : 0 0 1em 0;
padding          : 0px;
}

#path p {
font-size        : 90%;
line-height      : 1.2em;
color            : #AAA;
margin           : 0px 0px 1px 0px;
padding          : 1px 0px 1px 2em;
border-top       : solid 1px #CCC;
border-bottom    : solid 1px #CCC;
}

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

#nav {
width            : 13em;
float            : left;
padding          : 0px 0px 1px 0px;
margin           : 0px 8em 2em 1.5em; /* 8em was 9em */
background       : #FFF;
color            : #333;
border           : none;
}

#nav ul {
background       : none;
width            : 100%;
list-style       : outside none none;
margin           : 0px;
padding          : 0px;
border           : none;
background       : #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; /* test AAF */
border-bottom    : 1px solid #CCC; /* test AAF */
background       : #EEE; /* test EEF */
color            : #00A;
text-decoration  : none;
font-weight      : normal;
}

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

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

#inhoud {
float            : left;
background       : #FFF;
margin           : 0 1em 1em 0; /* was 0 8em 1em 0 */
padding          : 0 2px 0 0;
width            : 40em;
height           : 58em;
overflow         : auto;
}

#kantlijn {
float            : right;
margin           : 0 1em 0 0;
padding          : 0;
width            : 15em;
background       : #FFF;
}

#kantlijn h5 {
font-size        : 100%;
font-weight      : normal;
margin           : 0;
padding          : 0 0 0 5px;
color            : #000;
background       : #EEE;
border-style     : solid;
border-width     : 1px 1px 1px 5px;
border-color     : #AAF; /* was AAF */
}

#kantlijn p {
font-size        : 100%;
color            : #555;
background       : #FFF;
margin           : 0 0 1em 0;
padding          : 0 1em 2px 0.5em;
line-height      : 140%;
border-style     : solid;
border-width     : 0px 1px 1px 1px;
border-color     : #AAF; /* was AAF */
}

#kantlijn p.logo {
font-size        : 100%;
color            : #555;
background       : #FFF;
margin           : 2em 0 1em 0;
padding          : 0 1em 2px 0.5em;
text-align       : center;
line-height      : 140%;
border-style     : none;
}


#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     : #AAF;
}

#header {
display          : none;
}

#footer {
clear            : both;
margin           : 1em 0 0 0;
padding          : 0px;
}

#footer p {
font-size        : 90%;
line-height      : 1.4em;
color            : #777;
background       : #DDD;
border-top       : 1px solid #CCC;
border-bottom    : 0px solid #CCC;
text-align       : center;
margin           : 0;
padding          : 0 0 0.2em 0;
}