html, body { margin: 0px; padding: 0px; height: 100% }
html { margin-bottom: 1px }
	/* 'margin-bottom: 1px' is nodig om in ff ook een verticale scrollbar te krijgen als deze niet nodig is; in ie staat er standaard een niet-actieve verticale scrollbar. */
body, td, input, select, option, textarea { font: normal 12pt sans-serif }

h1 { font-weight: bold; font-size: 16pt }
h2 { font-weight: bold; font-size: 12pt }
h1, h2, h3, p, ul { margin: 0px; padding: 0px 0px 10px 0px }

form { margin: 0px }
input { border: 1px solid gray }

.block { display: inline-block }

a img { border: 0px }

div.kop { color: gray }
div.kop a { font-style: italic; text-decoration: none; color: gray }
div.kop a:hover { color: silver }

div.menu { border-bottom: 10px solid #E10020; font-size: 12pt; text-align: center }
div.menu a { display: inline-block; padding: 4px 20px 0px 20px; height: 26px; text-decoration: none; color: white }
div.menu a:hover { color: black }
div.menu a.active { background: #E10020 }
div.menu a.active:hover { color: white }

div.sub-menu a { text-decoration: none; color: gray }
div.sub-menu a:hover { text-decoration: underline; color: black }
div.sub-menu a:active { text-decoration: underline; color: #E10020 }
div.sub-menu a.active { text-decoration: underline; color: #E10020 }

div.inhoud_container { display: inline-block; background: white }
	/* 'display: inline-block' is nodig om in ff3 het gedeelte voor inhoud over de volledige hoogte wit te krijgen. */
/*div.inhoud_hoogte { display: inline-block; float: left; width: 1px; height: 400px }*/
div.inhoud { padding-top: 10px }
	/* extra 'float: left' is nodig voor ie6 */

div.marge_links { margin-left: 10px }
	/* ie6 verdubbelt de margin-left bij een 'float: left'; work-around is een 2 aparte div-tags: 1 voor 'float: left' en 1 voor margin-left */

div.kolom { display: inline-block; float: left }

div.info_brochure {}
div.info_brochure ul { margin-left: 0px; padding-left: 20px }
div.info_brochure div.balk_links { display: inline-block; margin-bottom: 10px }
div.info_brochure div.fotos { clear: both; float: left }
div.info_brochure div.fotos img { display: block; margin-top: 40px }
div.info_brochure div.breed { clear: both }
div.info_brochure div.intro { font-style: italic; font-weight: bold }

div.locatie_route {}
div.locatie_route div.regel { clear: both }
div.locatie_route div.link { float: right; margin-bottom: 5px }
div.locatie_route div.marker { float: left; margin-bottom: 5px; width: 20px }
div.locatie_route div.tekst { float: left; margin: 0px 0px 5px 5px }

div.contact_mail {}
div.contact_mail div.sub-menu { margin: 10px 0px 10px 0px; padding-bottom: 10px; border-bottom: 1px solid silver; text-align: center }

div.voet { clear: both; border-top: 1px solid silver; background: #E0E0E0; text-align: center }
div.voet img { float: left }

div.pimgee { margin: 10px 0px 10px 0px; font-size: 10px; color: gray; text-align: center }
div.pimgee a { color: gray }
div.pimgee a:hover { color: silver }