body { margin: 0px; font-family: Arial, sans-serif; background: #ffffff url(../menu/navbg2.gif) repeat-x; }

a { font-weight: bold; color: white; text-decoration: none; }
a:hover { color: red; }

a img { border: none; }

img.menb { width: 114px; height: 40px; margin: 0px; }

img.menc { width: 115px; height: 6px; }


div#taalmenu { position: absolute; left: 0px; top: 62px; z-index: 200 ; width: 99%; text-align: right; font-size: 12px; display: none;}

div#taalmenu a { text-decoration: none; color: #006699; font-weight: normal; }
div#taalmenu a:hover { color: red; }
div#taalmenu a.select { color: silver; cursor: default; text-decoration: underline; }
div#taalmenu a.select:hover { color: silver; }

div.act { position: absolute; left: 2px; top: 2px; width: 117px; height: 120px; font-size: 11px; font-weight: bold; text-align: justify; color: red; }

div.alg { position: absolute; left: 123px; top: 0px; background: #6699cc url(../menu/algover.gif) no-repeat; width: 114px; height: 59px; color: red; z-index: 10; font-size: 13px; line-height: 100%; }
a.vgalg { display: block; background: url(../menu/alg.gif) no-repeat; }
div.alg span { display: block; padding-left: 8px; padding-top: 0px; font-weight: bold; }
a.vgalg:hover { background: none; }
a.vgalg:hover span { color: red;}


div.pub { position: absolute; left: 237px; top: 0px; background: #6699cc url(../menu/pubover.gif) no-repeat; width: 114px; height: 59px; color: red; z-index: 10; font-size: 13px; line-height: 100%; }
a.vgpub { display: block; background: url(../menu/pub.gif) no-repeat; }
div.pub span { display: block; padding-left: 8px; padding-top: 0px;  font-weight: bold; }
a.vgpub:hover { background: none; }

div.lid { position: absolute; left: 351px; top: 0px; background: #6699cc url(../menu/lidover.gif) no-repeat; width: 114px; height: 59px; color: red; z-index: 10; font-size: 13px; line-height: 100%; }
a.vglid { display: block; background: url(../menu/lid.gif) no-repeat; }
div.lid span { display: block; padding-left: 8px; padding-top: 0px;  font-weight: bold; }
a.vglid:hover { background: none; }

div.links { position: absolute; left: 465px; top: 0px; background: #6699cc url(../menu/linksover.gif) no-repeat; width: 114px; height: 59px; color: red; z-index: 10; font-size: 13px; line-height: 100%; }
a.vglinks { display: block; background: url(../menu/links.gif) no-repeat; }
div.links span { display: block; padding-left: 8px; padding-top: 0px;  font-weight: bold; }
a.vglinks:hover { background: none; }


div.sidenav { 
position: absolute; 
top: 0px;
left: 0px;
width: 123px;
height: 100%;
background: #99ccff url(../menu/log2a.gif) no-repeat;
z-index: 120;
}

div.act { color:#ffffff; }

div.subnav { position: absolute; left: 0px; top: 120px; width: 123px; }

div.knopa { display: block; color: red; font-size: 13px; padding-left: 10px; padding-bottom: 5px; font-weight: bold; }
div.knopin { display: block; color: red; font-size: 11px; padding-left: 19px; padding-bottom: 5px; font-weight: 800; }


div.knop { float: right; padding: 10px }
div.knop a { text-decoration: none; color: white; background-color: gray; font-size: 14px; font-weight: bold; padding-top: 2px; padding-left: 3px; padding-right: 3px; padding-bottom: 0px; border: solid; border-color: silver; border-width: 2px }
div.knop a:hover { text-decoration: none; color: black; background-color: silver; font-size: 14px; font-weight: bold; padding-top: 2px; padding-left: 3px; padding-right: 3px; padding-bottom: 0px; border: solid; border-color: gray; border-width: 2px }


h1 { font-size: normal; color: #5588bb; color: #2f4f4f; font-family: "times new roman", times, serif; }

h2 { font-size: normal; color: #555555; color: #2f4f4f; font-family: "times new roman", times, serif; }

h3 { font-size: normal; color: #555555; color: #2f4f4f; font-family: "times new roman", times, serif; }

h1 { font-size: 1.85em; font-style: italic; margin-bottom: 1em;}

h2 { font-size: 1.5em; font-style: italic; }

h3 { font-size: 1.3em; font-style: italic; }


p, li, td, dd, dt, h3, div, blockquote { font-size: normal; }

li ul { margin-top: 0px; }

dt { font-weight: bold; }

a { font-weight: bold; color: white; text-decoration: none; }

a:hover { color: red; }

a img { border: none; }


div.kader b { color: #555555;}

abbr, acronym { border-bottom: none }
/* Om te voorkomen dat Mozilla een streepje onder de afkorting weergeeft */

.klein { font-size: 0.75em }

.centrum { color: black; font-weight: bold; text-align: center }
/* Voor tussenkopjes, bestaande uit nummers, die in de originele tekst gecentreerd weergegeven worden. Zoals in ottema.htm */

.hidden { display: none;}

.divider { width: 80%; height: 5px; border-top: none; border-left: none; border-right: none; border-bottom: solid; border-color: black; border-width: 1px; }
/* Scheidingsstreep */


.divider hr { display: none; }

.rechts { text-align: right }
/* Om rechts uit te lijnen */


.noot { vertical-align: text-top; font-size: 8pt; padding-left: 0.2em }
/* Voor de weergave van het nootteken in de lopende tekst. */

.superscript { vertical-align: text-top; font-size: 75%; margin-top: 0px; }

.pnr { color: silver; font-weight: bold }
/* Voor de weergave van de originele paginanummers in de lopende tekst */

.sub { font-size: 75% }
/* Voor de weergave van de ondertitel binnen een en dezelfde heading. Zie h1 in ingel.htm. Dit is gedaan omdat de ondertitel samen met de hoofdtitel 1 structureel element is. */

.onderschrift { color: gray; font-family: Arial, sans-serif; font-size: 8pt; line-height: 115% }
/* Voor onderschriften bij plaatjes, tabbellen en grafieken. */

.ins { padding-left: 2em }
/* Tab om alinea in te laten springen */



div.superkader { 
	min-height: 100%; 
	color: black;
  	border-left: 123px solid #99ccff;
 	border-right: 0px solid #ffffff;
 	border-top: 0px solid #ffffff;
 	border-bottom: 0px solid #fffff; 
	margin-right: 37px; 
}

div.kader { margin-left: 37px; margin-top: 85px; max-width: 40em; padding-bottom: 50px; }

div.superkader a { color: #007070; font-weight: normal; }

div.superkader a:hover { color: red;  font-weight: normal; }

div.kader p {line-height: 135%;}


div.balk { width: 100%; background-color: #6699cc; z-index: 10; height: 34px; 
border-top-width: 5px; border-top-style: solid; border-top-color: #6699cc;  }

div.balka { background: #6699cc url(../menu/balk_bkg.gif) repeat-x; height: 30px; margin-left:123px; }