/* main.css */
/* Basis-instellingen */
body
{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	color: black;
	background: #cfd;
}

img {border: 0;}

p
{
	margin-top: 0.35em;
	text-indent: 20px;
}

abbr[title]
{
	border-bottom: dotted 1px;
	cursor: help;
}

.tussenkop, #content h2
{
	font-weight: bold;
	font-size: 1.2em;
	text-indent: 0;
	margin-top: 0.8em;
	margin-bottom: 0;
}

#content h3, #content h2.sub-header, #uitleg-content span.sub-header, #uitleg-content p.sub-header
{
	display: inline;
	margin: 0;
	text-indent: 0;
	font-weight: normal;
	font-size: 1em;
	font-variant: small-caps;
}

#content h2.sub-header + p {margin-top: 0;}

#content h2.sub-header a, #content h3.sub-header a
{
	color: black;
	text-decoration: none;
}

#content h2.sub-header a:visited {color: #551a8b;}

body#uitleg p.ie-gestripte {margin-top: 35px;}

.tab-1, body#uitleg p.tab-1, body#uitleg span.tab-1 {margin-left: 20px;}

.tab-2, body#uitleg p.tab-2 {margin-left: 40px;}

.tab-3, body#uitleg p.tab-3, body#uitleg code.tab-3 {margin-left: 60px;}

.tab-4, body#uitleg p.tab-4, body#uitleg code.tab-4 {margin-left: 80px;}

.tab-5, body#uitleg p.tab-5, body#uitleg code.tab-5 {margin-left: 100px;}

.tab-6, body#uitleg p.tab-6, body#uitleg code.tab-6 {margin-left: 120px;}

.tab-7, body#uitleg code.tab-7 {margin-left: 140px;}

.tab-8, body#uitleg code.tab-8 {margin-left: 160px;}

.tab-9 {margin-left: 180px;}

.tab-10 {margin-left: 200px;}

.tab-11 {margin-left: 220px;}

.tab-12 {margin-left: 240px;}

.tab-13 {margin-left: 260px;}

.tab-14 {margin-left: 280px;}

.tab-15 {margin-left: 300px;}

.tab-16 {margin-left: 320px;}

.tab-17 {margin-left: 340px;}

.tab-18 {margin-left: 360px;}

.tab-19 {margin-left: 380px;}

.tab-20 {margin-left: 400px;}

.groen {color: green;}

.rood {color: red;}

.alleen-printen {display: none;}

/**************** basis-instellingen pagina's met menu's ******************/
body#menu, body#index {padding-top: 4.5em;}

body#index #wrapper, body#menu #wrapper
{
	position: relative;
	max-width: 1280px;
	margin: 0 auto;
}

body#index div#header, body#menu div#header
{
	position: absolute;
	top: -4.5em;
	height: 4.5em;
	padding: 5px 7% 0 7%;
	text-align: center;
}

body#index div#header a, body#menu div#header a
{
	border: red solid 1px;
	padding: 0 10px;
	background: white;
}

.bijschrift {font-style: italic;}

div#links
{
	float: left;
	width: 180px;
	height: 340px;
	margin: -336px 0 0 0;
	padding-left: 10px;
}

div#rechts
{
	position: relative;
	z-index: 20;
	float: right;
	width: 180px;
	height: 340px;
	margin: -336px 0 10px 0;
	padding-right: 10px;
}

div#links-1, div#rechts-1 {background: white;}

div#links-2, div#rechts-2
{
	background: white;
	margin-top: 14px;
}

div#links a, div#rechts a, div#footer a
{
	display: block;
	width: 180px;
	height: 161px;
	text-decoration: none;
	color: black;
}

body#menu div#links a img, body#menu #rechts a img, body#menu #footer a img
{
	display: block;			/* .vinkje en .vraagteken ook zonder plaatjes op goede hoogte */
	width: 180px;
	height: 161px;
}

body#menu div#links-1 a#nr-001, body#index div#links-1 a.home
{
	width: 178px;
	height: 159px;
	border: black solid 1px;
	font-size: 55px;
	text-align: center;
	line-height: 0.8em;
	background: white;
	color: black;
}

div#links a.dubbel, div#links a.dubbel-2, div#links a.dubbel-2-lang
{
	height: 79px;
	line-height: 79px;
	border: black solid 1px;
	text-align: center;
	font-size: 40px;
}

div#links a.dubbel-2-lang {font-size: 30px;}

div#links a:hover, div#rechts a:hover, div#footer a:hover {cursor: pointer;}

body#index .vinkje
{
	display: block;
	padding: 10px 0 0 60px;
	color: white;
	font-size: 40px;
}

body#menu .vinkje
{
	display: block;
	position: relative;
	bottom: 4em;
	left: -9px;
	width: 18px;
	height: 1em;
	margin: 0 auto;
	text-align: left;
	font-size: 25px;
	background: white;
	color: white;
}

body#index a:visited .vinkje, body#menu a:visited .vinkje {color: green;}

body#index .vraagteken
{
	display: block;
	margin-top: -57px;
	padding-left: 85px;
	font-size: 50px;
	color: black;
}

body#menu .vraagteken
{
	display: block;
	position: relative;
	bottom: 5em;
	left: 9px;
	width: 18px;
	height: 1em;
	margin: 0 auto;
	text-align: right;
	font-size: 25px;
	background: white;
	color: black;
}

body#index a:visited .vraagteken, body#menu a:visited .vraagteken {color: white;}

body#index a span.onderdeel, body#index a span.onderdeel-half-lang, body#index a span.onderdeel-lang, body#index a span#onderdeel-artikelen
{
	display: block;
	text-align: center;
	font-size: 25px;
	line-height: 20px;
}

body#index a span.onderdeel span.onderdeel-bij {font-size: 16px;}

body#index a span.onderdeel-half-lang {line-height: 24px;}

body#index a span.onderdeel-lang {font-size: 22px;}

body#index a:hover span.onderdeel, body#index a:hover span.onderdeel-half-lang, body#index a:hover span.onderdeel-lang, body#index a:hover span.vraagteken, body#index a:hover span.vinkje {visibility: hidden;}

a span.pop-up
{
	position: absolute;
	top: -1000px;
	left: -1000px;
	visibility: hidden;
	width: 180px;
	height: 161px;
	z-index: 100;
}

a:hover span.pop-up
{
	visibility: visible;
	display: block;
	position: absolute;
	width: 550px;
	height: 377px;
	border: #fc3 ridge 13px;
	z-index: 100;
	overflow: auto;
}

div#rechts-1, div#rechts-2, div#links-1, div#links-2, div#footer-1, div#footer-2, div#footer-3, div#footer-4 {position: relative;}

div#rechts:hover {z-index: 200;}

div#rechts-1 a:hover span.pop-up
{
	top: -5px;
	left: -487px;
}

div#rechts-2 a:hover span.pop-up
{
	top: -180px;
	left: -487px;
}

div#links-1:hover, div#links-2:hover {z-index: 200;}

div#links-2 a:hover span.pop-up
{
	top: -227px;
	left: 180px;
}

div#footer:hover {z-index: 100;}

div#footer-1 a:hover span.pop-up, div#footer-2 a:hover span.pop-up, div#footer-3 a:hover span.pop-up, div#footer-4 a:hover span.pop-up
{
	top: -402px;
	left: 99px;
}

a span.pop-up-header, a span.pop-up-header-lang
{
	display: block;
	height: 45px;
	background: white;
	color: black;
	text-align: center;
}

body#index span.pop-up-header
{
	font-size: 1.5em;
	font-weight: bold;
}

body#index span.pop-up-header-lang
{
	font-size: 1.2em;
	font-weight: bold;
}

body#index span.pop-up-header-bij
{
	font-size: 0.7em;
	font-weight: normal;
}

span.pop-up-groot-4
{
	display: block;
	height: 443px;
}

span.pop-up-groot-5
{
	display: block;
	height: 555px;
}

span.pop-up-groot-6
{
	display: block;
	height: 666px;
}

div.nog-vrij
{
	display: block;
	width: 180px;
	height: 161px;
	background: white;
}

div.onderste {margin-top: 14px;}

div#footer div.nog-vrij
{
	float: left;
	margin-left: 9px;
}

/******************** pagina's met menu's pop-ups met kleine afbeeldinkjes ********************/
a:hover span.kleintjes
{
	width: 546px;
	height: 377px;
}

div#links-1 a:hover span.kleintjes
{
	top: -52px;
	left: 180px;
}

div#links-2 a:hover span.kleintjes
{
	top: -227px;
	left: 180px;
}

div#rechts-1 a:hover span.kleintjes
{
	top: -52px;
	left: -572px;
}

div#rechts-1 a:hover span.kleintjes.scroll {left: -586px;}

div#rechts-2 a:hover span.kleintjes
{
	top: -227px;
	left: -572px;
}

div#rechts-2 a:hover span.kleintjes.scroll {left: -586px;}

div#footer-1 a:hover span.kleintjes, div#footer-2 a:hover span.kleintjes, div#footer-3 a:hover span.kleintjes, div#footer-4 a:hover span.kleintjes
{
	top: -402px;
	left: 91px;
}

a:hover span.scroll {width: 562px;}				/* pop-up met scrollbalk */

/***************** pagina's met menu's basis-instellingen teksten ******************/
div#content
{
	height: 314px;
 	margin: 0 200px;
	border: black solid 1px;
	padding: 10px 10px 10px 15px;
	background: #ccc;
	color: black;
	overflow: auto;
}

div#content p {margin: 0.4em;}

div#content p#war-pic
{
	padding-bottom: 100px;		/* Bij IE 7 komen knoppen over tekst te staan bij uitzoomen */
	text-indent: 0;
	text-align: center;
}

div#content img {max-width: 100%;}

body#menu ul#linkjes, body#index ul#linkjes
{
	width: 97%;
	margin: 0;
	padding: 0;
	list-style: none;
}

ul#linkjes .screenreader
{
	position: absolute;
	left: -2000px;
}

ul#linkjes .linkjes-l
{
	float: left;
	width: 25%;
	text-align: center;
}

ul#linkjes #linkjes-r-bi
{
	float: left;
	width: 31%;
	text-align: center;
}
ul#linkjes #linkjes-r-bu
{
	float: left;
	width: 18%;
	text-align: center;
}

div#stop-lezen {position: absolute; left: -3000px;}

/*************** Pagina's met menu's basis-instellingen footer *****************/
div#footer
{
	position: relative;
	clear: both;
	width: 768px;
	height: 161px;
	margin: 0 auto;
	z-index: 20;						/* Anders staat de header over de pop-ups in IE 7 */
}

div#footer a
{
	float: left;
	margin-left: 9px;
	background: white;
	color: black;
}


/********************** Pagina's met uitleg *************************/
body#uitleg {background: #bbb;}

body#uitleg h1, body#links h1
{
	position: fixed;
	top: 5px;
	right: 8.5em;
	left: 8.5em;
	z-index: 20;
	margin: 0;
	font-size: 1.3em;
	font-weight: normal;
	text-align: center;
}

body#uitleg h1#artikel
{
	height: 4.8em;
	max-height: 140px;
	overflow: auto;

}

div#uitleg-content
{
	width: 750px;
	margin: 0 auto;
	border: black solid 1px;
	padding: 5.8em 10px 30px;
	background: #eee;
	color: black;
}

body#uitleg p#herzien
{
	text-indent: 0;
	font-size: 0.8em;
}

body#uitleg #aangepast
{
	margin: -10px 0 0;
	font-size: 0.7em;
	text-indent: 0;
}

body#uitleg img#voorbeeld
{
	width: 748px;
	max-width: 100%;
	margin-top: 10px;
	border: black solid 1px;
	text-align: center;
}

body#uitleg .boektitel {font-style: italic;}

.kliertje {clear: both;}

	/* Afwijkingen veroorzaakt door fixed header corrigeren */
body#uitleg div.anker, body#uitleg p.anker, body#uitleg code.anker
{
	margin-top: -4.8em;
	padding-top: 4.8em;
}

body#uitleg div.anker-corr-img			/* anker onder hoge afbeelding */
{
	margin-top: 4.8em;
	padding-top: 4.8em;
}

body#uitleg h3.anker		/* Tussenkopjes die ook anker zijn */
{
	margin-top: -3.8em;
	padding-top: 4.8em;
}

body#uitleg h5.anker
{
	margin-top: -6.2em;
	padding-top: 6.2em;
}

body#uitleg li.anker, body#uitleg code.selector.anker
{
	margin-top: -3.6em;
	padding-top: 4.8em;
}

	/* correctie voor twee ankers gelijk na elkaar e.d. */
body#uitleg h3.anker + code.selector.anker, body#uitleg  h3.anker + div.anker code.selector:first-child
{
	margin-top: -4.8em;
	padding-top: 4.8em;
}

body#uitleg h3.omschrijving, body#uitleg p.omschrijving {margin-left: 20px;}

body#uitleg h2
{
	margin-top: 2em;
	font-size: 1.35em;
}

body#uitleg p.printkop {display: none;}

body#uitleg h2#hoofd-kop {margin: 10px 0;}

body#uitleg h3
{
	margin-bottom: 0;
	font-size: 1.1em;
}

body#index span.sub-h3 {font-style: italic;}

body#uitleg h4, body#uitleg h5
{
	margin: 0;
	text-indent: 40px;
}

body#uitleg h4.onderkop
{
	margin-top: 1.2em;
	text-indent: 0;
}

body#uitleg div.tab-2 h4:first-child {text-indent: 0;}

body#uitleg p.naar-art {text-indent: 40px;}

body#uitleg p.naar-art-2 {text-indent: 80px;}

body#uitleg .kader, body#uitleg #bovenste-kader
{
	width: 736px;
	max-width: 98%;
	border: red solid 2px;
	margin: 40px auto 0;
	padding: 5px;
	text-indent: 0;
}

body#uitleg #bovenste-kader h2 {margin: 0;}

div#bovenste-kader h2 + p {text-indent: 0;}

body#uitleg p
{
	margin: 0;
	margin-bottom: 8px;
	text-indent: 20px;
}

body#uitleg li p:first-child {text-indent: 0;}

body#uitleg h3 + ul {margin-top: 0;}

body#uitleg li {margin-top: 1.2em;}

body#uitleg ul li:first-child {margin-top: 0;}

body#uitleg ul li:first-child.anker {margin-top: -4.6em;}

body#uitleg .html, code
{
	font-family: "Times New Roman", Georgia, "Bitstream Charter", "Century Schoolbook L", "Liberation Serif", Times, serif;
	font-size: 1.2em;
	line-height: 1em;
	color: #8f4700;
}

span.geen-code {
	font-family: Arial, Helvetica, sans-serif;
	color: black;
	font-weight: normal;
}

code span.geen-code {font-size: 0.85em;}

code.html, code.selector, code.eig, code.ie-css, code.css
{
	display: block;
	margin: 5px 0 0 40px;
	text-indent: -40px;
	font-weight: bold;
}

code.selector
{
	margin-top: 35px;
	font-size: 1.6em;
}

code.eig {margin-left: 100px;}

code.ie-css {margin-left: 120px;}

code.css
{
	margin-left: 60px;
	font-weight: normal;
}

pre code.css
{
	margin-left: 0;
	font-size: 22px;		/* px vanwege grote afwijkingen Windows/Linux bij em */
}

code.boven {margin-top: 35px;}

code.onder {margin-bottom: 5px;}

code.serie {margin-top: 0;}

body#uitleg p.kern, body#uitleg .kern, .kern {color: #f33;}

body#uitleg .geen-kern {color: #8f4700;}

body#uitleg p.serie {margin-top: 0;}

body#uitleg span.attribuut
{
	display: block;
	margin-left: 90px;
}

body#uitleg p.eerste {text-indent: 0;}

	/* code links, uitleg rechts */
body#uitleg div.code-plus-uitleg
{
	overflow: hidden;
	margin: 10px 0;
	border: black solid 1px;
	padding: 3px;
}

body#uitleg div.code-code
{
	float: left;
	width: 46%;
	font-size: 0.7em;
}

body#uitleg div.code-uitleg
{
	float: right;
	width: 50%;
}

body#uitleg p#warchild img {margin: 10px 0 0 141px;}

body#uitleg p#warchild-art {margin-top: 30px;}

body#uitleg p#warchild-art img
{
	display: block;
	max-width: 100%;
	margin: 0 auto;
	padding-bottom: 30px;
}

body#uitleg div#header, body#links #header
{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 3;
	width: 100%;
	max-width: 1500px;
	height: 4.8em;
	border-top: black solid 1px;
	border-bottom: black solid 1px;
	color: black;
	background: #bbb;
	text-align: center;
}

body#uitleg div#header .lang {font-size: 0.9em;}

body#uitleg div#header .extra-lang {font-size: 0.85em;}

body#uitleg ul#header-l-2, body#uitleg ul#header-l-3
{
	position: relative;
	z-index: 1001;
	float: left;
	width: 10.5em;
	height: 4.8em;
	margin: 0 3px 0 0;
	border-right: solid black 1px;
	border-left: solid black 1px;
	line-height: 2.4em;
	background: #eee;
	color: black;
}

body#uitleg ul#header-l-2 li
{
	float: left;
	width: 100%;
	margin-top: 0;
	line-height: 2.4em;
}

body#uitleg ul#header-l-3 li
{
	float: left;
	width: 100%;
	margin-top: 0;
	line-height: 1.6em;
}

a#skippy
{
	position: absolute;
	left: -2000px;
	top: 0;
	z-index: 50;
	width: 10.5em;
	height: 4.8em;
	border: red solid 3px;
	background: white;
	line-height: 2.4em;
	text-align: center;
}

a#skippy:focus {left: 10.5em;}

body#uitleg div#header-r, body#uitleg div#header-r-art, body#links #header-r
{
	position: relative;
	z-index: 1000;
	float: right;
	width: 10.5em;
	height: 4.8em;
	margin: 0 0 0 3px;
	border-right: solid black 1px;
	border-left: solid black 1px;
	color: black;
	background: #eee;
	line-height: 1.6em;
}

body#uitleg div#header-r-art {line-height: 4.8em;}

body#uitleg div#header-i span#nep-link
{
	color: #00e;
	text-decoration: underline;
	cursor: pointer;
}

body#uitleg div#header-r-art span#nep-link {font-size: 1.5em;}

body#uitleg ul#inhoud, body#uitleg div#inhoud-art
{
	position: absolute;
	top: -2000px;
	right: 0;
	z-index: 1100;
	width: 29em;
	max-height: 380px;
	overflow: auto;
	border: black solid 2px;
	padding: 0 5px 5px 60px;
	color: black;
	background: white;
	text-align: left;
	font-size: 0.9em;
	line-height: 1.2em;
}

	/* correctie voor padding (links) hierboven */
body#uitleg div#inhoud-art ul#inhoud-code-artikel {text-indent: -55px;}

body#uitleg div#header-i:hover div#inhoud-art, body#uitleg div#header-i:focus div#inhoud-art, body#uitleg div#header-i:hover ul#inhoud, body#uitleg div#header-i:focus ul#inhoud  {top: 5.2em;}

body#uitleg div#header-i div#inhoud-art h2
{
	margin: 0 0 0 -55px;
	font-size: 1em;
}

body#uitleg ul#inhoud h2
{
	margin: 5px 0 0;
	font-size: 1em;
}

body#uitleg div#header ul, body#nieuw div#header ul, body#links #header ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

	/* Correctie voor body#uitleg li {margin-top: 1.2em;} eind hierboven, bovenste voor artikelen, onderste voor uitleg */
body#uitleg div#inhoud-art li {margin-top: 0;}

body#uitleg ul#inhoud li
{
	margin: 0 0 0 40px;
	text-indent: -30px;
}

body#uitleg div#header ul li ul, body#links #header ul li ul {padding-left: 20px;}

body#uitleg ul#inhoud ul li
{
	margin: 0 0 0 10px;
	text-indent: -30px;
}

body#uitleg ul#inhoud li#essentieel
{
	position: relative;
	margin-top: 1.5em;
	padding-bottom: 80px;
}

body#uitleg div#header-r-art ul#inhoud {padding-bottom: 80px;}

body#uitleg span#essent-tekst, body#uitleg span#essent-tekst-lang, body#uitleg span#essent-tekst-heel-lang, body#uitleg span#essent-tekst-heel-heel-lang
{
	position: absolute;
	right: 0;
	top: -1.8em;
	width: 22em;
	border: red solid 1px;
	padding: 3px;
	font-size: 0.8em;
	line-height: 1em;
	text-indent: 0;
}

body#uitleg span#essent-tekst-lang {top: -3em;}

body#uitleg span#essent-tekst-heel-lang {top: -3em;}

body#uitleg span#essent-tekst-heel-heel-lang {top: -4em;}

body#uitleg div#header-i ul#inhoud-code-artikel {padding-bottom: 30px;}

body#uitleg div#header-i h2 {padding-top: 40px;}

body#uitleg ul#inhoud-code a
{
	color: black;
	text-decoration: none;
}

body#uitleg ul#inhoud-code a span
{
	color: #00e;
	text-decoration: underline;
}

body#uitleg ul#inhoud-code a:visited span {color: #551a8b;}

body#uitleg #inhoud a:hover, body#uitleg #inhoud a:focus, body#uitleg #inhoud a:active, body#links #inhoud a:hover, body#links #inhoud a:focus {background: #cfc;}

body#uitleg div#openhouden, body#uitleg ul#inhoud li#openhouden
{
	position: absolute;
	top: 0;
	right: 0;
	width: 15em;
	border: red solid;
	border-width: 0 0 1px 1px;
	padding: 3px 17px 3px 3px;
	font-size: 0.8em;
	line-height: 1.1em;
	text-indent: 0;
}

body#uitleg div#a-wijzigingen p {margin-left: 20px;}

body#uitleg p.datum + p {text-indent: 0;}

body#uitleg p.datum {text-indent: -20px;}

body#uitleg h2 + p.datum {text-indent: 0;}

body#uitleg p.datum + ul {margin-top: 0;}

body#uitleg div#a-wijzigingen ul p, body#uitleg div#a-wijzigingen h2 + p {margin-left: 0;}

body#uitleg div#a-bekende ul {margin-left: -20px;}

body#uitleg .naar-links
{
	border: black solid 1px;
	margin: 20px 0;
	padding: 3px;
	font-size: 0.8em;
	text-align: center;
	background: #fdd;
	color: black;
}

body#uitleg p.kolommen
{
	margin: 15px 0;
	text-indent: 0;
}

body#uitleg p.kolommen.tab-2
{
	margin-left: 40px;
}

body#uitleg span.kolom-1
{
	float: left;
	width: 20%;
	padding-left: 5%;
}

body#uitleg span.kolom-2
{
	float: left;
	width: 75%;
}
	/****************** illustraties in -uitleg ******************/
body#uitleg img.illustratie
{
	float: left;
	margin: 5px 10px 10px 20px;
}

body#uitleg img.illustratie-rechts
{
	float: right;
	margin: 5px 20px 10px 10px;
}

body#uitleg h3 + p img.illustratie:first-child {margin: 5px 10px 5px 20px;}

body#uitleg p.img-onderschrift, body#uitleg p.img-onderschrift-links, body#uitleg p.img-onderschrift-rechts, body#uitleg p.img-midden
{
	margin: 0.4em 0 0.5em 15px;
	text-align: center;
	text-indent: 0;
	font-size: 0.8em;
	font-style: italic;
}

body#uitleg p.img-onderschrift-links
{
	float: left;
	margin-right: 15px;
}

body#uitleg p.img-onderschrift-rechts
{
	float: right;
	margin-right: 15px;
}

body#uitleg p.img-midden {margin: 1em auto;}

	/* Als meerdere afbeeldingen na elkaar met weinig tekst ernaast, gaat het mis. Tekst en/of afbeeldingen komen naast elkaar te staan */
body#uitleg span.img-serie
{
	display: inline-block;
	clear: both;
	width: 100%;
}

body#uitleg img.wit {background: white;}

body#uitleg img.img-kader {border: black solid 1px;}

body#uitleg p.geen-onderschrift {margin-bottom: 0;}

body#uitleg p.img-80 {width: 80px;}

body#uitleg p.img-100 {width: 100px;}

body#uitleg p.img-120 {width: 120px;}

body#uitleg p.img-140 {width: 140px;}

body#uitleg p.img-160 {width: 160px;}

body#uitleg p.img-180 {width: 180px;}

body#uitleg p.img-200 {width: 200px;}

body#uitleg p.img-220 {width: 220px;}

body#uitleg p.img-240 {width: 240px;}

body#uitleg p.img-260 {width: 260px;}

body#uitleg p.img-280 {width: 280px;}

body#uitleg p.img-300 {width: 300px;}

body#uitleg p.img-320 {width: 320px;}

body#uitleg p.img-340 {width: 340px;}

body#uitleg p.img-360 {width: 360px;}

body#uitleg p.img-380 {width: 380px;}

body#uitleg p.img-400 {width: 400px;}

body#uitleg p.img-420 {width: 420px;}

body#uitleg p.img-440 {width: 440px;}

body#uitleg p.img-500 {width: 500px;}

div.html-tekst p.klik
{
	padding-top: 40px;
	font-size: 0.8em;
	color: red;
}

div.html-tekst p.klik:first-child {padding-top: 0;}

div.html-tekst p.tekst {font-style: italic;}

div.html-tekst p.blok {padding-top: 40px;}

div.html-tekst a {text-decoration: none; color: #8f4700;}

div.html-tekst p.tekst a {text-decoration: none; color: black;}


/********************* Andere pagina's ***********************/
body#sitemap
{
	padding: 0;
	margin: 0 auto;
	width: 770px;
}

body#sitemap p, body#sitemap-thumbs p {text-indent: 0;}

body#sitemap li {margin-bottom: 10px;}

body#sitemap h1 {margin-bottom: 0;}

body#sitemap p.menu
{
	padding: 5px;
	border: black solid 2px;
}

body#sitemap-thumbs img
{
	width: 180px;
	height: 161px;
}

body#nieuw
{
	background: #bbb;
	color: black;
}

body#nieuw div#wrapper {height: 100%;}

body#nieuw div#header
{
	position: relative;
	max-width: 1280px;
	height: 4.8em;
	border: black solid 1px;
	background: #bbb;
	color: black;
	z-index: 100;
	text-align: center;
}

body#nieuw div#header li#header-l, body#links #header-l, body#uitleg p#header-l-art, body#uitleg li#header-l
{
	float: left;
	width: 10.5em;
	height: 4.8em;
	border-right: solid black 1px;
	margin: 0;
	line-height: 4.8em;
	background: #eee;
	color: black;
}

body#nieuw div#header li#header-r, body#uitleg li#header-r
{
	float: right;
	width: 10.5em;
	height: 4.8em;
	border-left: solid black 1px;
	margin: 0;
	line-height: 4.8em;
	background: #eee;
}

body#links #header-l a, body#links #header-r a, body#nieuw div#header ul a, body#uitleg p#header-l-art a, body#uitleg li#header-l a, body#uitleg li#header-r a {font-size: 1.5em;}

body#nieuw h1
{
	font-size: 1.3em;
	font-weight: bold;
	margin: 0;
}

body#nieuw p#pagina-tekst
{
	margin: 0;
	text-indent: 0;
	line-height: 1.1em;
}

body#nieuw div#nieuw-content
{
	position: fixed;
	left: 50%;
	top: 4.8em;
	bottom: 0;
	width: 760px;
	margin-left: -385px;
	padding: 0 10px 30px 10px;
	border: black solid 1px;
	border-bottom: 0;
	background: #eee;
	color: black;
	overflow: auto;
}

body#nieuw p
{
	text-indent: 0;
	margin: 7px 0 0 30px;
}

body#nieuw a {margin-left: 8px;}

body#uitleg p#header-l-art {text-indent: 0;}

body#links {background: #ccc;}

body#links #header
{
	background: #ccc;
}

body#links #header-l, body#links #header-r
{
	background: #f5f5f5;
	line-height: 2.5em;
}

body#links #header-l p
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 10.5em;
	border-top: solid black 1px;
	margin: 0.2em 0 0;
	padding: 0 0 3px;
	color: black;
	background: #cfc;
	text-indent: 0;
	line-height: 1.2em;
}

body#links #hellup {text-decoration: underline;}

body#links #uitleg
{
	display: none;
	position: absolute;
	top: -10px;
	left: 20px;
	width: 300px;
	border: black solid 1px;
	padding: 5px;
	text-align: left;
	color: black;
	background: white;
}

body#links #header-l p:hover #uitleg {display: block;}

body#links #nep-link
{
	color: #00e;
	cursor: pointer;
	text-decoration: underline;
	font-size: 1.6em;
}

body#links #inhoud
{
	position: absolute;
	top: -2000px;
	right: 0;
	z-index: 1100;
	width: 40em;
	height: 400px;
	overflow: auto;
	border: black solid 2px;
	padding: 5px 5px;
	color: black;
	background: white;
	text-align: left;
	font-size: 0.6em;
	line-height: 1.6em;
}

body#links #inhoud h2
{
	margin: 0 0 10px;
	font-size: 2em;
}

body#links #inhoud h2 + ul {padding-bottom: 100px;}

body#links #inhoud a
{
	display: block;
	padding-left: 20px;
	color: black;
	text-decoration: none;
	text-indent: -20px;
}

body#links #inhoud ul ul a {color: #666;}

body#links #inhoud ul ul ul a {color: #888;}

body#links #openhouden
{
	position: absolute;
	top: 8em;
	right: 0;
	width: 15em;
	border: red solid 1px;
	border-right: 0;
	padding: 3px;
	font-size: 1.2em;
	line-height: 1.1em;
}

body#links #header-r:hover #inhoud, body#links #header-r:focus #inhoud {top: 5em;}

body#links #pagina-tekst
{
	margin: 1.6em 10.6em 0;
	padding: 0;
	text-indent: 0;
	line-height: 1em;
}

body#links #links-content
{
	max-width: 1280px;
	margin: 0 auto;
	border: black solid 1px;
	padding: 5.8em 10px 30px;
	color: black;
	background: #ccc;
}

body#links h2 {margin-top: 10px;}

body#links p
{
	margin: 0.7em;
	padding-left: 40px;
	text-indent: -2em;
}


body#links img
{
	width: 16px;
	height: 10px;
}

body#links .bu
{
	position: relative;
	width: 80%;
	margin: 0 auto 30px;
	border: #aaa solid 8px;
	border-radius: 40px;
	padding: 10px 30px 10px;
	color: black;
	background: #f5f5f5;
}

body#links .bu:first-child
{
	height: 146px;
	overflow: auto;
	border: black dashed 1px;
	border-radius: 0;
	background: #e0e0e0;
}

body#links .bi
{
	position: relative;
	margin-bottom: 30px;
	border: #aaa solid 4px;
	border-radius: 30px;
	padding: 0 30px 10px;
}

body#links h2 span:first-child, body#links h3 span:first-child, body#links h4 span:first-child
{
	position: absolute;
	top: -4.8em;
}

body#links p a
{
	font-size: 1.2em;
	line-height: 1.4em;
}

body#links .sub-link {font-size: 1em;}

body#links .waar
{
	display: none;
	position: fixed;
	top: 4.8em;
	left: 0;
	z-index: 500;
	margin: 0;
	border: black solid 1px;
	padding-right: 10px;
	color: black;
	background: #eea;
}

body#links div.bu div.bi p.waar {display: none;}

body#links div.bu:hover p.waar {display: block;}

body#links div.bu div.bi:hover p.waar {display: block;}

body#links div.bu div.bi:hover div p.waar {display:none;}

body#links div.bu div.bi div:hover p.waar {display: block;}