body	{
	font-family:	arial, "lucida console", sans-serif;
	font-size:	15px;
	margin:		0;
	padding:	0;
	background:	#b9cde5;
	color:		#1f487c; /*blauw*/
	}

/* HEADER */

#header	{
	position:	absolute;
	top:		0;
	left:		0;
	right:		0;
	height:		100px;
	padding:	0;
	margin:		0;
	background:	#1f487c;
	}

h1	{/*header*/
	margin-top:	.5em;
	color:		white;
	text-align:	center;
	font-size:	300%;
	}

/* NAVIGATIE */

#navigatie	{ 
		position:	absolute;
		top:		100px;
		left:		0;
		width:		150px;
		padding:	1em 0 100% 0;
		font-weight:	bold;
		}

/* NAVIGATIE */

#navigatie	{ 
		position:	absolute;
		top:		100px;
		left:		0;
		width:		150px;
		padding:	1em 0 100% 0;
		font-weight:	bold;
		background:	#b9cde5;
		}

#navigatie ul	{
		list-style-type:none;
		width:		150px;
		margin:		0;
		padding:	0;
		}

	#navigatie ul li{
			margin:		5px 20px 5px 10px;
			border:		outset 5px #4f81bd;
			padding:	.5em 1em;
			background:	#4f81bd;
			}

	#navigatie span	{
			display:block;	
			width:	100%;
			height:	100%;
			}

	#navigatie a	{
			text-decoration:none;
			color:		white;
			cursor:		pointer;
			}

	#navigatie a:hover	{
				color:		black; 	
				}

	#navigatie li#huidig a	{
				color:		black;
				cursor:		default;
				}

/* INHOUD */

#inhoud	{
	position: 	absolute;
	top:		100px;
	left:		170px;
	right:		2%;
	margin:		0;
	padding:	0;
	}

a	{
	color:	#1f487c; /*blauw*/
	font-weight:	bold;
	}

a:hover	{
	background:	#4f81bd;

	}

p.lijst a	{
		text-decoration:	none;
		}
p.lijst a:hover	{
		color:	white;
		background:	#b9cde5;
		}

.tml a:hover	{
		color:	white;
		background:	#b9cde5;
		}


ul.tml li	{
		margin-bottom:	1em;
		}

img.bullet	{
		border:	solid 2px #1f487c;
		}	
p.lijst	{
	padding-top:	10px;
	}

p.clearleft	{
		padding-top:	1em;
		clear:	left;
		}

/* --------EXTRA DIVS--------*/


img.ill		{/* illustraties boven aan de teksten */
		background:	#4f81bd;
		margin-top:	20px;
		margin-right:	20px;
		padding:	5px;
		border:		solid 5px #1f487c;
		float:	left;
		}

div.contact	{
		height:		50px;
		margin:		20px 5px 0 0;
		padding:	.5em 1em;
		font-weight:	bold;
		float:		right;
		background:	#4f81bd;
		border:		outset 5px #4f81bd;
		}

div.contact a	{
		text-decoration:none;
		color:		white;
		cursor:		pointer;
		}

div.contact a:hover	{
			font-weight:	bold;
			color:		black; 	
			}


h2	{/*koppen inhoud*/
	clear:		left;
	padding:	1em 0 0 0;
	}

h2.bw	{
	margin-top:	600px;
	background:	orange;
	}

h3	{/*geboortedata*/
	padding-top:	1em;
	clear:		left;
	}

ul.dh	{/*dames en heren*/
	padding-left:	0;
	list-style-position:	inside;
	}


table.dh	{/*dames en heren*/
		border:		solid 3px #1f487c;
		clear:		left;
		border-collapse:collapse;
		}

table.dh td	{
		padding:	.3em .5em;
		border:		solid 3px #1f487c;
		}
		
table.dh span	{
		font-weight:	bold;
		}

div.archief	{
		background:	white;
		float:		left;
		width:		220px;
		height:		220px;
		text-align:	center;
		padding:	.5em;
		margin:		0 2em 2em 0;
		}


/* FOTOSTRIP EN DIALIJST */

div.klein	{
		width:		80px;
		border:		solid 5px #1f487c;
		background:	#4f81bd;
		text-align:	center;
		padding-top:	4px;
		padding-bottom:	4px;
		float:		left;
		margin:		0 5px 5px 0;
		}

img.klein	{
		margin:	0;
		border:	none;
		}

img.middel	{
		position: 	absolute;
		left:		0px;
		top:		11em;
		padding:	10px;
		border:		solid 5px #1f487c;
		background:	#4f81bd;
		}

a img.middel	{
		visibility:	hidden;
		}

a:hover img.middel	{
			visibility:visible;
			}

p.toelichtingfotostrip	{
			color:		#1f487c;
			clear:		left;
			padding-top:	1.5em;
			}