/* begrenst hoofdvak, rechts hiervan is loze ruimte met grijze bgcolor */
#wrapper {
width: 650px;
margin-left: 130px;
border-left-width: 1px;
border-right-width: 1px;
border-color: #960000;
}

#tekst {
width: 410px;
padding: 20px;
margin-bottom: 30px;
}

#fotobalk {				/* bevat themafoto */
position: absolute; top: 185px; left: 582px;
width: 190px;
}

.olifant 				{ margin-left: 10px; } /* hack voor optisch uitlijnen vd menukop "over de olifant" */
.teksten				{ margin-left: 30px; } /* hack voor optisch uitlijnen vd menukop "teksten" */

#navigatie {			/* "top" "vorige pagina" "volgende pagina" */
width: 370px;
padding: 20px;
margin-left: 20px;
text-align: center;
border-top-width: 1px;
border-color: #960000;
}

h3 {					/* hoofdkop onderwerp op pagina */
font-size: 17px;
font-weight: normal;
letter-spacing: 0.100cm;
color: #960000;
background-color: #ffffff;
padding-top: 20px;
padding-bottom: 10px;
margin: 0;
}

h4 {					/* subkopjes op pagina */
font-size: 0.9em;
font-weight: normal;
letter-spacing: 0.050cm;
color: #960000;
background-color: #ffffff;
padding-top: 30px;
padding-bottom: 10px;
margin: 0;
}

h5 {					/* subkopjes op pagina voorbeeldtekstdownloaden*/
font-size: 0.9em;
font-weight: normal;
letter-spacing: 0.050cm;
padding-top: 20px;
margin-left: 15px;
}

p {						/* lopende tekst */
font-family: verdana, arial, helvetica, geneva, sans-serif;
font-size: 0.75em;
line-height: 1.4em;
margin: 0;
}

#blue						{ background-color: #e1eaf7; padding-top: 5px; padding-bottom: 5px; margin-top: 10px; margin-bottom: 10px; line-height: 1.1em; }
#blue ul					{ margin: 0px; padding: 10px; }
#blue ul li					{ padding-top: 5px; margin: 0; display: list-item; list-style: none; font-size: 13px; }

#blue ol					{ margin-left: 30px; margin-right: 10px; padding: 0px; }
#blue ol li					{ font-size: 0.75em; padding-bottom: 5px; margin: 0px; display: list-item; list-style-type: decimal; line-height: 1.4em; }

#fotoblauw					{ background-color: #e1eaf7; margin-top: 20px; padding-bottom: 20px; }
#fotobalk ul li 			{ font-size: 0.75em; line-height: 1.7em; margin-left: -15px; padding: 3px; }
#fotoblauw ul li a:link		{ background-color: #e1eaf7; color: #000000; text-decoration: underline; }
#fotoblauw ul li a:visited	{ background-color: #e1eaf7; color: #000000; text-decoration: underline; }
#fotoblauw ul li a:hover		{ background-color: #e1eaf7; color: #000000; text-decoration: none; }
#fotoblauw ul li a:active		{ background-color: #e1eaf7; color: #b4b4b4; text-decoration: underline; }

#aflevering 				{ color: #960000; background-color: #ffffff; margin: 0; padding: 0; }
#aflevering ul				{ margin: 0; padding-top: 15px; padding-bottom: 15px; padding-left: 20px; }
#aflevering ul li {
display: list-item;
list-style: none;
font-size: 13px;
margin: 0;
padding-top: 2px;
padding-bottom: 3px;
}

#aflevering ul li a:link		{ background-color: #ffffff; color: #960000; text-decoration: underline; padding-left: 20px; }
#aflevering ul li a:visited		{ background-color: #ffffff; color: #960000; text-decoration: underline; padding-left: 20px; }
#aflevering ul li a:hover		{ background-color: #ffffff; color: #000000; text-decoration: none; }
#aflevering ul li a:active		{ background-color: #6e6e6e; color: #000000; text-decoration: none; }

/* links en e-maillinks in lopende tekst */
p a:link				{ background-color: #ffffff; color: #960000; text-decoration: underline; }
p a:visited				{ background-color: #ffffff; color: #960000; text-decoration: underline; }
p a:hover				{ background-color: #ffffff; color: #000000; text-decoration: none; }
p a:active				{ background-color: #6e6e6e; color: #000000; text-decoration: none; }

/* zorgt voor kleine "<" en ">" en lettergrootte links in navigatiemenu onderaan pagina*/
.letterklein			{ font-size: 0.70em; }

/* marges tussen top - vorige pagina - volgende pagina in bottommenu*/
.rr						{ margin-left: 40px; }

/* links in menupad bovenaan pagina en navigatie onderaan pagina */
.routelink:link			{ background-color: #ffffff; color: #000000; text-decoration: none; }
.routelink:visited		{ background-color: #ffffff; color: #000000; text-decoration: none; }
.routelink:hover		{ background-color: #ffffff; color: #000000; text-decoration: underline; }
.routelink:active		{ color: #000000; background-color: #b4b4b4; text-decoration: none; }