/* In lopende tekst -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+- */
	
	h1	{font-size: 130%; margin-top: 0;}
	h2	{font-size: 110%; margin-bottom: 0;}
	h3	{font-size: 100%;}
	
	p	{margin-top: 0}
	
	th		{text-align: left; font-weight: bold}
	td,th	{vertical-align: top}
	table form th	{font-weight: normal}
	
	form dl dt {clear:both; width:100px; float:left; text-align:left;}
	form dl dd {float:left; width:66%; margin:0 0 0.5em 0.25em;}
	
	a	{text-decoration: none;}
	a:hover	{text-decoration: underline;}
	a img	{border: none;}

	hr		{height: 1pt; noshade; color: gainsboro;}
	.clear	{clear: both}
	.klein	{font-size: 0.8em;}
	.verplicht	{color: darkgray}
	.help	{display: none; font-size: 90%; color: #646464}	
	.verborgen	{display: none}
	
/* Formulieren -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */

	fieldset		{margin: 0 0 10px 0; padding: 10px; border: 1px solid #16658c; overflow: hidden;}
	fieldset legend	{font-weight: bold;}
	.button			{background-color: #16658c; border: 1px solid black; color: white; font-weight: bold;}
	a.button		{padding: 4px;} /* fake button */
	.button:hover	{cursor: pointer; text-decoration: none;}
	input.tekst		{width: 180px;}
	input.kltekst	{width: 140px;}
	select.datepulldown	{font-family: Courier; font-size: 90%;}
	
/* Circuit specifiek -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */

	/* keuze */
	#cats	{width: 500px}
	#cats p	{/* width: 150px; */ float: left; margin: 0 10px 10px 0; text-align: center; position: relative;}
	/* #cats img	{width: 150px; height: 100px} */
	
	/* kaart */
	#subcats	{width: 490px;}
	#subcats p	{width: 105px; float: left; margin: 10px 10px 0 0; text-align: center;}
	/* #subcats img	{width: 100px; height: 56px;} */
	
	table#kosten	{margin: 15px 0; border: 1px solid gainsboro; border-collapse: collapse;}
	table#kosten tr td, table#kosten tr th {border: 1px solid gainsboro; border-width: 1px 0 0 1px; padding: 3px;}
	#kosten tr.scheiding td	{border-top: 1px solid black}
	#kosten th	{font-weight: normal; width: 150px;}
	#kosten td	{text-align: right}
	
	.bon		{clear: both}
	.bon img	{float: right; margin: 0 0 10px 10px; border: 1px solid silver;}
	.bon p		{margin: 15px;}
	
	.vergrglas	{background: url(../img/vergrootglas.png) no-repeat top left; width: 40px; height: 40px;
		position: absolute; right: 5px; bottom: 20px;}
	.vergrglas span	{display: none}
	
/* Overigen -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+- */

	/* door de maintenance toegekend bij uitlijnen imgs. 
	plaats desgewenst andere padding of borders. */
	.imglinks	{float: left; margin: 0 10px 10px 0;}
	.imgrechts	{float: rechts; margin: 0 0 10px 10px;}
	
	img.deco	{border: 1px solid silver; padding: 5px;}
	
	/* voor skip to content link */
	a.verborgen {position: absolute; overflow: hidden; width: 0; height: 0;}
	a.verborgen:active, a.verborgen:focus 
		{position: absolute; overflow: visible; width: auto; height: auto;
		font-weight: bold; background-color: white; color: #FF6600; padding: 5px;}