/* ontwerp Alex vd Bogaerdt 2003
   laatste aanpassing aan vcr site vormgeving d ten hove febr 2007 */
@media print {
	* {
		color:		black;
		background:	white;
	}
}
@media screen {
	/* Eerst maten en gedrag, dan kleur */
	h1 {
		margin:		0;
		padding:	0;
		text-align:	center;
	}
	p,ul {
		margin:		0 20% 0.5em 10%;
	}

	.ondertekening {
		font-style:	italic;
	}
	p.ondertekening {
		margin:		0 20% 0 5%;
	}
	div.citaat {
		margin-left:	5ex;
		margin-right:	5ex;
		border:		solid black 1px;
	}
	.voetnoot {
		font-style:	italic;
	}
	.thumb {
		width:		80px;
		height:		60px;
		vertical-align:	text-bottom;
	}
	.reg {
		width:		6em;
		height:		30px;
	}
	.yn {
		width:		10px;
		height:		30px;
	}
	.yr {
		width:		4em;
		height:		30px;
	}
	.typ {
		width:		10em;
		height:		30px;
	}
	#kist_table {
		table-layout:	auto;
		width:		auto;
		margin:		auto auto auto 0;
		padding:	0;
		border:		0;
		margin:		0;
		text-align:	left;
	}
	a.menu {
		color		#000000;
		border:		outset white 1px;
		padding:	0 0.4em;
		margin:		0;
		text-decoration:none;
	}
	a.menu:active {
		border:		inset 4px;
	}

	/* Hieronder volgen de kleuren */
	body {
		font-family:Arial;
		font-size:	12px;
		background:	#FFF;
		color:		#000;
	}
	body.menu {
		background:	#39C;
		color:		#000;
	}
	acronym {
		color:		red;
		background:	red;
	}

	a:link {
		color:		#808080;/* gray */
	}
	a:visited {
		color:		#696969;/* dimgray */
	}
	a:hover {
		color:		#F00;	/* red */
	}
	a:active {
		color:		#FFD700;/* gold */
	}
	h1 {
		color:		navy;
	}

	/* firefox houdt geen rekening met deze properties.  Het
	 * effect wat er voor in de plaats komt is mooi zat dus
	 * ik laat het zo!
	 */
	div a {
		border-color:	#F5F5F5 #C0C0C0 #C0C0C0 #F5F5F5;
	}
	div a:hover {
		border-color:	#F5F5F5 #C0C0C0 #C0C0C0 #F5F5F5;
	}


	div.citaat p {
		color:		#000;
	}
	a.menu {
		color:		#000;
	}
	.citaat {
		background:	#CCFFFF;
		color:		#000;
	}
	.voetnoot {
		font-style:	italic;
		color:		#333;
	}
	#kist_table {
		color:		#000;
	}

}