/* main.css */
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;}

.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 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, body#uitleg div#header-i div#inhoud p.tab-2 {margin-left: 40px;}

.tab-3, body#uitleg p.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 {margin-left: 100px;}

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

.tab-7 {margin-left: 140px;}

.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;}

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

body#index div#header, body#menu div#header
{
	position: absolute;
	top: 0;
	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: -60px;
	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: -180px;
	left: 97px;
}

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: -404px;
	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: -50px;
	left: 180px;
}

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

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

div#rechts-2 a:hover span.kleintjes
{
	top: -225px;
	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: -398px;
	left: 91px;
}
	/* pop-up met scrollbalk */
a:hover span.scroll {width: 562px;}

/***************** 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: -2000px;}

/*************** 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
{
	position: fixed;
	top: 5px;
	right: 8.5em;
	left: 8.5em;
	margin: 0;
	font-size: 1.3em;
	font-weight: normal;
	text-align: center;
	z-index: 20;
}

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

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

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

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

body#uitleg p.clear, .kliertje {clear: both;}

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

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

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

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

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
{
	margin: 0;
	text-indent: 40px;
}

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: 10px auto;
	padding: 5px;
	text-indent: 0;
}

body#uitleg p#bovenste-kader {margin-top: 40px;}

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 .code-in-tekst, body#uitleg .html-lang, 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;
}

body#uitleg .html-lang
{
	margin-left: 40px;
	text-indent: -20px;
}

body#uitleg p.code, body#uitleg p.selector, body#uitleg p.attribuut, body#uitleg p.css, body#uitleg p.accolade, body#uitleg p.accolade-onder, body#uitleg p.selector-1, body#uitleg p.selector-2, body#uitleg p.code-if-ie, body#uitleg p.code-if-ie-boven, body#uitleg p.code-if-ie-boven-lang, body#uitleg p.code-style-ie, body#uitleg p.code-html-ie, body#uitleg p.code-html-ie-boven, body#uitleg p.code-html-ie-lang, body#uitleg p.code-html-ie-boven-lang, body#uitleg p.code-html-ie-2, body#uitleg p.code-html-ie-2-lang, body#uitleg p.code-html-ie-3, body#uitleg p.code-html-ie-3-lang, body#uitleg p.code-html-ie-4, body#uitleg p.code-ie, body#uitleg p.code-link-rel, body#uitleg p.code-lang, body#uitleg p.selector-lang, body#uitleg p.selector-lang-2
{
	margin-left: 40px;
	color: #8f4700;
	font-weight: bold;
	font-family: "Times New Roman", Georgia, "Bitstream Charter", "Century Schoolbook L", "Liberation Serif", Times, serif;
	font-size: 1.2em;
}

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

code.css {font-size: 1.4em;}

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

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

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

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

body#uitleg code.anker {margin-top: -3.4em;}

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

code.serie {margin-top: 0;}

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

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

body#uitleg p.code-lang
{
	margin-left: 100px;
	text-indent: -40px;
}

body#uitleg p.doctype, body#uitleg p.meta, body#uitleg p.link-rel, body#uitleg p.instellingen
{
	margin-left: 40px;
	text-indent: -40px;
}


body#uitleg p.if-ie, body#uitleg p.style-type, body#uitleg p.code-if-ie, body#uitleg p.code-html-ie {margin-left: -20px;}

body#uitleg p.code-html-ie-boven, body#uitleg p.code-if-ie-boven {margin: 20px 0 0 -20px;}

body#uitleg p.meta, body#uitleg p.link-rel, body#uitleg p.style-type {margin-top: 30px;}

body#uitleg p.code-html-ie-lang
{
	margin-left: 40px;
	text-indent: -40px;
}

body#uitleg p.code-html-ie-boven-lang
{
	margin: 20px 0 0 40px;
	text-indent: -40px;
}

body#uitleg p.ie-link-rel
{
	margin-left: 80px;
	text-indent: -40px;
}

body#uitleg p.code-if-ie-boven-lang
{
	margin: 50px 0 0 40px;
	text-indent: -40px;
}

body#uitleg p.code-style-ie, body#uitleg p.code-html-ie-2 {margin-left: 20px;}

body#uitleg p.code-html-ie-2-lang
{
	margin-left: 80px;
	text-indent: -40px;
}

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

body#uitleg p.code-html-ie-3-lang
{
	margin-left: 120px;
	text-indent: -40px;
}

body#uitleg p.code-html-ie-4 {margin-left: 100px;}

body#uitleg p.code-ie
{
	margin-left: 120px;
	text-indent: -40px;
}

body#uitleg p.selector, body#uitleg p.selector-1, body#uitleg p.selector-2, body#uitleg p.selector-lang, body#uitleg p.selector-lang-2
{
	margin: 30px 0 0 0;
	text-indent: 0;
	font-size: 1.6em;
	font-weight: bold;
}

body#uitleg p.selector-lang
{
	margin-left: 60px;
	text-indent: -60px;
}

body#uitleg p.selector-lang-2
{
	margin-left: 120px;
	text-indent: -60px;
}

body#uitleg h3 + p.selector, body#uitleg h3 + p.selector-lang {margin-top: 0;}

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

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

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

body#uitleg p.accolade-onder
{
	text-indent: 0;
	margin-bottom: 60px;
}

body#uitleg p.selector-1 {margin-left: 40px;}

body#uitleg p.selector-2 {margin-left: 80px;}

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
{
	z-index: 3;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 4.8em;
	border-bottom: black solid 1px;
	border-top: black solid 1px;
	text-align: center;
	background: #bbb;
	color: black;
}

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

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

body#uitleg div#header-l-2, body#uitleg div#header-l-3, 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 div#header-l-2 {line-height: 2.4em;}

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

body#uitleg div#header-l-3 {line-height: 1.6em;}

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
{
	position: relative;
	z-index: 1000;
	float: right;
	width: 10.5em;
	height: 4.8em;
	margin: 0 0 0 3px;
	border-left: solid black 1px;
	border-right: solid black 1px;
	line-height: 1.6em;
	background: #eee;
	color: black;
}

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

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

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

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

body#uitleg div#header-i:hover div#inhoud, body#uitleg div#header-i:focus div#inhoud, 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 h2
{
	margin: 0 0 10px -55px;
	font-size: 1.0em;
}

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

body#uitleg div#header ul, body#nieuw div#header ul, body#links div#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 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 div#header ul li ul {padding-left: 20px;}

body#uitleg div#header-i div#inhoud p
{
	margin: 0;
	text-indent: -55px;
}

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

body#uitleg div#header-i div#inhoud p#essentieel
{
	position: relative;
	margin-top: 1.5em;
}

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
{
	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: -3.2em;}

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

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

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 ul#inhoud a:hover, body#uitleg ul#inhoud a:focus, body#uitleg ul#inhoud a:active, body#links div#inhoud a:hover, body#links div#inhoud a:focus, body#links div#inhoud a:active {background: #cfc;}

body#uitleg div#header-i div#inhoud-code p {text-indent: -25px;}

body#uitleg div#header-i div#inhoud-code-artikel p {text-indent: -53px;}

body#uitleg div#header-i div#inhoud-code p.sub, body#uitleg div#header-i div#inhoud-code-artikel p.sub
{
	margin-left: 50px;
	text-indent: -50px;
}

body#uitleg div#header-i div#inhoud-code p.sub-2 {margin-left: 50px;}

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 p.datum {text-indent: 0;}

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

body#uitleg p.datum + p
{
	margin-left: 20px;
	text-indent: 0;
}

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 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, body#uitleg img.illustratie-rechts
{
	float: left;
	margin: 0 10px 10px 0;
	border: black solid 1px;
}

body#uitleg p.code + p img.illustratie:first-child {margin-left: 20px;}

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

body#uitleg img.illustratie-rechts {float: right;}

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 1.2em;
	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-left: 15px;
}

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

body#uitleg div.img-serie
{
	clear: both;
	overflow: hidden;
	padding: 10px 0;
}

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-380 {width: 380px;}

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

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

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;}

/******************* Afwijkingen in -uitleg-pagina's ********************/

img#img-058
{
	float: left;
	margin: 15px 15px -60px;
	border: black solid 1px;
}

div#a-ie-6-058 {clear: both;}

table.utf-063
{
	border-collapse: collapse;
	width: 100%;
	margin: 50px 0 0;
	text-align: center;
}

table.acc {margin: 0;}

table.utf-063 th
{
	height: 1.4em;
	border: black solid 1px;
}

table.utf-063 tr td {width: 12%;}

table.utf-063 tr td + td {width: 10%;}

table.utf-063 tr td + td + td {width: 18%;}

table.utf-063 tr td + td + td + td 
{
	width: 60%;
	padding-left: 5px;
	text-align: left;
}

table.utf-063 th.kop
{
	margin-top: 50px;
	padding-bottom: 3px;
	font-size: 2em;
	font-weight: normal;
	font-family: serif;
	background: #ddd;
	color: black;
}

table.utf-063 td {border: black solid 1px;}

table.utf-063 td:first-child
{
	padding: 3px 0;
	font-size: 1.6em;
}

table.utf-063 tr.voorbeeld
{
	line-height: 2em;
	font-size: 0.45em;
	background: #fdd;
	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, body#links div#wrapper {height: 100%;}

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#nieuw div#header, body#links div#header
{
	position: relative;
	max-width: 100%;					/* Nodig voor inzoomen bij IE 7 */
	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 div#header-l, body#uitleg p#header-l-art
{
	float: left;
	width: 10.5em;
	height: 4.8em;
	border-right: solid black 1px;
	margin: 0;
	line-height: 4.8em;
	background: #eee;
	color: black;
}

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

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

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

body#links {background: #ccc;}

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

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

body#links div#links-content
{
	position: fixed;
	top: 4.8em;
	bottom: 0;
	left: 0;
	right: 0;
	padding-top: 50px;
	background: #ccc;
	color: black;
	overflow: auto;
}

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

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

body#links div.bi
{
	position: relative;
	padding: 20px 40px 40px;
	border: #aaa solid 4px;
	margin-bottom: 30px;
}

body#links div.bu {-moz-border-radius: 40px; border-radius: 40px;}
body#links div.bi {-moz-border-radius: 30px; border-radius: 30px;}

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

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

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

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

body#links div#a-css div p.waar, body#links div#a-css div#a-css-bugs div p.waar, body#links div#a-js div p.waar, body#links div#a-ger div p.waar, body#links div#a-rob div p.waar, body#links div#a-valid div p.waar, body#links div#a-xhtml div p.waar, body#links div#a-php div p.waar, body#links div#a-flash div p.waar, body#links div#a-ger div p.waar, body#links div#a-ger div#a-ger-debug div p.waar, body#links div#a-toegankelijkheid div p.waar, body#links div#a-zoek div p.waar, body#links div#a-mob div p.waar {display: none;}

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

body#links div#a-css div:hover p.waar, body#links div#a-css div#a-css-bugs div:hover p.waar, body#links div#a-js div:hover p.waar, body#links div#a-ger div:hover p.waar, body#links div#a-rob div:hover p.waar, body#links div#a-valid div:hover p.waar, body#links div#a-xhtml div:hover p.waar, body#links div#a-php div:hover p.waar, body#links div#a-flash div:hover p.waar, body#links div#a-ger div:hover p.waar, body#links div#a-ger div#a-ger-debug div:hover p.waar, body#links div#a-toegankelijkheid div:hover p.waar, body#links div#a-zoek div:hover p.waar, body#links div#a-mob div:hover p.waar {display: block;}

body#links div#header
{
	background: #ccc;
	color: black;
}

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

body#links div#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;
	text-indent: 0;
	line-height: 1.2em;
	background: #cfc;
	color: black;
}

body#links div#header-l p span#hellup {text-decoration: underline;}

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

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

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

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

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

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

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

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

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

body#links div#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;
}

/* Dingen die alleen maar in 'n bepaald artikel nodig zijn e.d. */

body.b-082 div.vb-bu
{
	width: 300px;
	height: 300px;
	margin: 5px auto;
	border: black solid 1px;
}

body.b-082 div#vb-1
{
	width: 250px;
	height: 250px;
	overflow: hidden;
	border: transparent solid 25px;
}

body.b-082 div#vb-2
{
	width: 250px;
	height: 250px;
	overflow: hidden;
	border: solid 25px;
	border-color: transparent #a7a755;
}

body.b-082 div#inhoud-code-artikel {padding-top: 50px;}