body	{
	margin:0;
	padding:0;
	background-color: #FFFCEF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 16px;
}
p	{
	margin-top:0;
	padding:0;
}
.klein	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
.kleinkapitaal	{
	font-variant:small-caps;
	font-size:11px;
}
.spatieren	{
	letter-spacing:0.1em;
}

/* Deze div.main is de basis voor alles en wordt gecentreerd in het midden van het beeld. Alles op de pagina moet worden geplaatst tussen de begin en eind div, <div>...</div> */
div.main	{
	position: absolute;
	margin-left: 50%;
	width: 980px;
	height: 890px;
	left: -490px;
	top: 0px;
}

/* In deze div is de img 'DHP_beeldmerk.jpg' opgenomen en wordt dus niet op de pagina zelf geplaatst. Het beeldmerk hoeft nu maar 1x worden geladen terwijl hij bijna op elke pagina wordt gebruikt. */
div.beeldmerk {
	position:absolute;
	width:88px;
	height:56px;
	top: 14px;
	left: 113px;
	background-image: url(../images/DHP_beeldmerk.jpg);
	background-repeat:no-repeat;
}

/* In deze div is het font + size opgenomen omdat het altijd dat type moet worden. Het kan ook weg maar dan moet er steeds een class voor worden opgegeven. */
div.koptekst {
	position:absolute;
	width:328px;
	height:20px;
	left: 303px;
	top: 42px;
	padding-top:5px;
	color: #0001b4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
}

/* Alles wat je in deze div tikt wordt in de standaard letter weergegeven. Als het klein moet worden kan de div.klein worden gebruikt. Als het altijd klein moet worden kan het ook opgenomen worden in deze 'div.bijgewerkt' */
div.bijgewerkt {
	position:absolute;
	width:168px;
	height:12px;
	left: 701px;
	top: 50px;
	text-align:center;
}

/* De volgende 5 div's zijn voor de foto's bovenaan de pagina. Als 'div.foto_breed' wordt gebruikt moeten de div 2, 3 en 4 worden 'uitgezet'. */
div.foto_1 {
	position:absolute;
	width:185px;
	height:139px;
	left: 113px;
	top: 78px;
}
div.foto_2 {
	position:absolute;
	width:185px;
	height:139px;
	left: 303px;
	top: 78px;
}
div.foto_3 {
	position:absolute;
	width:185px;
	height:139px;
	left: 493px;
	top: 78px;
}
div.foto_4 {
	position:absolute;
	width:185px;
	height:139px;
	left: 683px;
	top: 78px;
}
div.foto_breed {
	position:absolute;
	width:565px;
	height:139px;
	left: 303px;
	top: 78px;
}

/* De completen navigatiebalk wordt hier in geplaatst en uitgelijnd. */
div.navigatie {
	position:absolute;
	width:756px;
	height:26px;
	left: 113px;
	top: 221px;
}
div.linker_lijn {
	position:absolute;
	width:1px;
	height:360px;
	left: 293px;
	top: 290px;
	background-color:#0001b4;
}
div.linker_lijn_2 {
	position:absolute;
	width:1px;
	height:450px;
	left: 293px;
	top: 290px;
	background-color:#0001b4;
}
div.linkerkolom {
	position:absolute;
	width:168px;
	height:410px;
	left: 113px;
	top: 295px;
}
div.linkerkolom_pls {
	position:absolute;
	width:180px;
	height:410px;
	left: 101px;
	top: 295px;
	background-color:#0000FF;
}
div.hoofdkolom {
	position:absolute;
	width:367px;
	height:410px;
	left: 314px;
	top: 307px;
}
div.rechterkolom {
	position:absolute;
	width:168px;
	height:410px;
	left: 711px;
	top: 305px;
}
div.rechter_lijn {
	position:absolute;
	width:1px;
	height:335px;
	left: 685px;
	top: 290px;
	background-color: #0001b4;
}
div.KopLinkerkolom {
	position:absolute;
	width:167px;
	height:19px;
	z-index:8;
	left: 113px;
	top: 272px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin: 0px;
}
div.KopHoofdkolom {
	position:absolute;
	width:367px;
	height:19px;
	z-index:8;
	left: 305px;
	top: 272px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin: 0px;
}
.center_text	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	text-align:center;
}
.uitvullen	{
	text-align:justify;
}

/* Rechts en links omloop wordt gebruikt om illustraties 'in te bouwen'. De tekst loopt dan links of rechts naast de illustratie. Als bij een nieuwe alinea de tekst onder de ill. moet verder gaan dan afsluiten met: .....< /p> <br clear="all" /> */
.rechtsomloop	{
	float: left;
	margin:0 10px 0 0;
}
.linksomloop	{
	float: right;
	margin:0 0 0 10px;
}

/* Onderstaande instelling kan de standaard instelling overrulen zodat je je eigen hyperlink kan vormgeven.*/
/*a {
    color: #463c3c;
    text-decoration: underline;
}
a:visited {
    color: #666666;
    text-decoration: underline;
}
a:hover {
    color: #000000;
    text-decoration: underline;
}
a.navi {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #969696;
}
a.navi:link {
	text-decoration: none;
}
a.navi:visited {
	text-decoration: none;
	color: #999999;
}
a.navi:hover {
	text-decoration: none;
	font-weight:bold; 
	color: #E91133;
}
a.navi:active {
	text-decoration: none;
	font-weight:bold; 
}
*/

@media print {
p	{font-size:14px;
}
.beeldmerk {
	display: none;
}
.bijgewerkt {
	display: none;
}
.koptekst {
	display: none;
}
.foto_breed {
	display: none;
}
.navigatie {
	display: none;
}
.linkerkolom	{
	display:none;
}
.rechterkolom	{
	display:none;
}
.hoofdkolom	{
	font-size:14px;
}
body	{background-color: #FFFFFF;
}
.foto_1	{display:none;}
}