body
	{
	margin: 0;
	padding: 0;
	background-color: #98aab6;
	background-image: url(../images/achtergrond-b800.gif);
	background-repeat: repeat-y;
	color: #282828;
	text-decoration: none;
	font: normal 9pt/20px verdana, helvetica, sans-serif;
	}

.body-margin
	/*
	in html is mogelijk:
	<a name="top"><span class="body-margin">&nbsp;<br/></span></a>
	*/
	{
	float: left;
	clear: left;
	display: block;
	line-height: 75px;
	width: auto;
	}

.body-margin-boven-menu
	/*
	in html is mogelijk:
	<a name="top"><span class="body-margin-boven-menu">&nbsp;<br/></span></a>
	*/
	{
	float: left;
	clear: left;
	display: block;
	line-height: 55px;
	width: auto;
	}

h2
	{
	font: bold 13pt/20px verdana, helvetica, sans-serif;
	margin: 16px 0 0 0; /* 20-4 = 16px */
	}

h2.first {margin: -4px 0 0 0;}

h3
	{
	font: bold 10pt/20px verdana, helvetica, sans-serif;
	margin: 15px 0 0 0; /* 20-5 = 15px */
	}

h3.first {margin: -5px 0 0 0;}

strong {font-weight: bold;}

p,
.p
	/*
	<div class="p"> wordt gebruikt i.p.v. <p> als er in een alinea een
	block-level element moet staan (bijv. een andere <div> of een <ul> of <ol>)
	*/
	{
	margin: 10px 0 0 0;
	}

p.first {margin: 0;}

p.tekstblok-wit-padding-18px
	{
	margin: 20px 0;
	padding: 18px;
	background-color: #ffffff;
	font-size: 8pt;
	line-height: 18px;
	}

p.pic {margin: 14px 0;}

img
	{
	display: block; /* nodig voor IE t/m 7: vermijdt extra 2px onder afbeelding (let bij toekomstige wizigingen op plaats logo) */
	border: none;
	}

a
	/*
	aparte css nodig voor [if lt IE 6]
	*/
	{
	color: #282828;
	text-decoration: none;
	border-bottom: 1px solid #b4b4b4;
	}

a:visited {color: #b4b4b4;}

a:hover
	/*
	moet onder visited staan
	*/
	{
	color: #282828;
	border-color: #282828;
	}

a.block
	{
	display: block;
	font: bold 10pt/20px verdana, helvetica, sans-serif;
	}

.intern-anker
	/*
	1e mogelijke plaats in html:
	<a class="intern-anker" name="werkwijze"></a>
	<div class="item">
		<h2 class="first">werkwijze</h2>
		...
	2e mogelijke plaats in html:
		<a class="intern-anker" name="verwijderen"></a>
		<h2>verwijderen</h2>
		...
	*/
	{
	float: left;
	clear: left;
	width: auto;
	}

.kolom-25px
	{
	float: left;
	width: 25px;
	}

.marge-25px {margin: 0 0 0 25px;}

.comp-naam {	white-space: nowrap;}


/* LOGO EN MENU */

#logo
	{
	float: left;
	clear: left;
	margin: 0;
	width: auto;
	}

#menu /* aparte css nodig voor [if lt IE 7] */
	{
	float: left;
	clear: left;
	margin: -2px 0 75px 115px;
	padding: 0;
	width: 685px; /* 800-115 = 685px */
	background-image: url(../images/achtergrond-stippel.gif);
	border: 0 solid #282828;
	border-width: 2px 0 2px 0;
	}

#menu ul
	{
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

#menu li
	{
	float: left;
	margin: 0;
	padding: 0;
	border: 0 solid #282828;
	border-width: 0 2px 0 0;
	width: auto;
	}

#menu li.first {border-width: 0 2px 0 2px;}

#menu a
	{
	display: block;
	margin: 0;
	padding: 0;
	width: 108px;
	background-color: #f0f0f0;
	color: #282828;
	text-decoration: none;
	text-align: center;
	font: bold 10pt/22px verdana, helvetica, sans-serif;
	border: none;
	}

#menu a:hover,
#menu a#current
	{
	background-color: #c1d1e0;
	color: #282828;
	}


/* HEADER EN FOOTER */

#header,
#footer
	/*
	aparte css nodig voor [if lt IE 7]
	*/
	{
	float: left;
	clear: left;
	padding: 0;
	width: 630px;
	background-color: #292929; /* i.p.v. #282828: vermijdt waarschuwing css-validator */
	}

#header {margin: 0 0 40px 115px;}

#footer {margin: 40px 0 0 115px;}

#header *,
#footer *
	{
	float: left;
	display: block;
	margin: 0;
	padding: 0 5px;
	color: #e7e7e7;
	text-decoration: none;
	font: normal 7.2pt/12px verdana, helvetica, sans-serif;
	border: 0 solid #e7e7e7;
	border-width: 0 1px 0 0;
	width: auto;
	}

#header *.right,
#footer *.right
	{
	float: right;
	border-width: 0 0 0 1px;
	width: auto;
	}

#header *.grijs,
#footer *.grijs
	{
	color: #888888;
	}


#header a:visited,
#footer a:visited
	{
	color: #e7e7e7;
	}

#header a:hover,
#footer a:hover
	/*
	moet onder visited staan
	*/
	{
	background-color: #666666;
	}


/* ITEM */

.item,
.item-first
	/*
	aparte css nodig voor [if lt IE 7]
	*/
	{
	float: left;
	clear: left;
	padding: 30px;
	width: 570px; /* 630-30-30 = 570px */
	background-color: #f0f0f0;
	}

.item {margin: 20px 0 0 115px;}

.item-first {margin: 0 0 0 115px;}

.item-tekst-kolom
	{
	float: left;
	width: 370px;
	}

.item-afbeelding-kolom
	{
	float: right;
	width: 180px;
	font: normal 7.2pt/12px verdana, helvetica, sans-serif;
	text-align: center;
	}

.item-afbeelding-kolom p
	{
	margin: 5px 0 14px 0;
	padding: 0 0 1px 0; /* hierdoor valt border-bottom van "a" binnen "p" */
	}

.item-afbeelding-kolom p.last {margin: 5px 0 0 0;}

.item-halve-kolom-links
	{
	float: left;
	width: 270px;
	}

.item-halve-kolom-rechts
	{
	float: right;
	width: 270px;
	}

.item-halve-kolom-links p,
.item-halve-kolom-rechts p
	{
	margin: 15px 0 0 0;
	}

.item-halve-kolom-links p.first,
.item-halve-kolom-rechts p.first
	{
	margin: 0;
	}

.item-afbeelding-rij
	{
	float: left;
	margin: 15px 0 0 0;
	width: 570px;
	}

.item-afbeelding-rij img /* aparte css nodig voor [if lt IE 7] */
	{
	float: left;
	margin: 0 0 0 15px;
	}

.item-afbeelding-rij img.first {margin: 0;} /* aparte css nodig voor [if lt IE 7] */


/* TABELLEN */

table
	{
	margin: 4px 0 4px 1px;
	border: none;
	border-collapse: collapse;
	width: 569px; /* 570-1/2-1/2 = 569px */
	}

table.meteen-na-kop {margin-top: 14px;}

table.last {margin-bottom: 0;}

td
	{
	padding: 0 4px;
	font: normal 9pt/20px verdana, helvetica, sans-serif;
	border: 1px solid #888888;
	vertical-align: top;
	}

.code,
.code-breedte-A
	{
	color: #000084;
	font: bold 10pt/20px "courier new", courier, monospace;
	}

.code-uitleg
	{
	color: #A0A0A0;
	font: bold 10pt/20px "courier new", courier, monospace;
	}

.code-uitleg b {color: #000084;}

.code-stap
	{
	color: #E00000;
	font-weight: bold;
	}

.code-breedte-A {width: 67px;} /* celbreedte = 4+67+4 = 75px */
.breedte-B {width: 177px;} /* celbreedte = 4+177+4 = 185px */
.code-stap {width: 22px} /* celbreedte = 4+22+4 = 30px */

.medium {font: normal 8pt/18px verdana, helvetica, sans-serif;}
.small {font: normal 7.2pt/12px verdana, helvetica, sans-serif;} /* nodig voor FF anders wordt de td 1px hoger */


/* LIJSTEN */

ol	{margin: 0 0 0 35px; padding: 0;}
ul	{margin: 0 0 0 20px; padding: 0;}
li	{margin: 0; padding: 0 0 0 5px;}
ol	{list-style: decimal outside;}
ol ol	{list-style: lower-alpha outside;}
ul	{list-style: square outside;}
ul ul	{list-style: circle outside;}