body	{font-size: 75%; background: url(../img/topblack.gif) repeat-x top left; margin: 0; padding: 0;}
body, form * 	{font-family: Arial, Helvetica, sans-serif;}
form,table,p	{font-size: 100%;}

#canvas
	{border: 1px solid transparent; margin: 0 20px 20px 0; clear: both;}

#menu
	{width: 320px; height: 485px; float: left;;
	background: url(../img/bg_alexander.jpg) no-repeat top left;}
#content
	{float: left; padding-top: 95px; padding-left: 10px; width: 400px;}

a#homelink		{width: 200px; height: 50px; display: block;
				position: absolute; top: 135px; left: 90px;}
a#homelink span	{display: none}
	
#menu a			{font-weight: bold; text-transform: uppercase; font-size: 0.74em; padding: 3px 30px 3px 0; 
				font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
#menu ul		{margin: 160px 75px 0 0; padding: 0; list-style-type: none;}
#menu ul li		{text-align: right; margin: 3px auto;}
#menu ul li.scheiding	{margin-bottom: 20px;}
#menu ul li#current a	{background: url(../img/bullet_oker.gif) no-repeat top right;}
#menu ul li a:hover	{background: url(../img/bullet_grijs.gif) no-repeat top right; text-decoration: none;}

#adres	{width: 700px; margin-left: 180px; line-height: 1.6; font-size: 84%; border: 1px solid transparent; font-weight: bold;}
#adres #taalswitch	{float: left; margin-top: 0px; text-align: center}
#adres #taalswitch span a	{color: white;}
#adres #details		{float: left; margin-left: 22px;}
#adres span			{color: white;}
#adres span em		{color: #debc35; font-style: normal}

/* in firefox knalt de boel zonder border uit elkaar (waarom!?). in IE werkt 
	transparent niet goed (krijg je een zwarte border), dus hier met een hack voor IE op none zetten. */
	* html #adres, * html #canvas	{border: none}
	* html #homelink	{top: 170px;}
	
/* pagina-specifieke uitzonderingen */

	body#home h1	{display: none}
	body#home #content	{color: #797979}
	body#pag7 #menu	{background: url(../img/bg_alexander2.jpg) no-repeat top left;}

/* diversen */

	h1	{font-size: 103%;}
	h2	{font-size: 100%; font-style: italic; margin-bottom: 0;}
	h3, h4	{font-size: 100%;}
	
	#content p	{margin-top: 0;}
	blockquote	{border-left: 3px solid #debc35; margin: 0 0 10px 10px; padding-left: 10px; font-style: italic}
	
	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;}
	
	#content table 
		{border-collapse: collapse; border-width: 1px 0 0 1px;}
	#content table, #content table th, #content table td 
		{border-color: #99ccff; border-style:dashed;}
	#content table td, #content table th 
		{border-width: 0 1px 1px 0;}
	#content table.tbdr, #content table.tbdr th, #content table.tbdr td 
		{border-color: #666; border-style: solid;} 
	
	a	{color: #974424; text-decoration: none;}
	a:hover	{text-decoration: underline;}
	a img	{border: none;}
	
	.button	{border: 1px solid black;}
	hr	{height: 1pt; noshade; color: gainsboro;}
	
	.even	{background-color: white}
	.oneven	{background-color: whitesmoke}
	
/* 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;}
	
/* 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;}
		
/* adressenlijst */
	ul#provincies		{margin: 0; padding: 0;}
	ul#provincies li	{list-style-type: none;}
	
	p#lerarenintro	{float: right; width: 200px; margin-left: 20px; margin-top: 20px;}
	form#lerarenselect {float: right; width: 180px;}
	form#lerarenselect fieldset	{border: 1px solid silver; padding: 10px;}
	form#lerarenselect fieldset legend	{font-weight: bold; margin-bottom: 10px;}
	form#lerarenselect fieldset p	{margin: 4px 0}
	
	dl#adressenlijst	{clear: both; border: 1px solid white;}
	dl#adressenlijst dt	{background-color: #feecc5; color: #974424; font-weight: bold; padding: 1px 3px; margin: 10px 0 0 0; clear: both;}
	dl#adressenlijst dd	{margin: 0 0 5px 0; border-top: 1px solid gainsboro; padding: 5px 0 0 0; clear: both;}
	dl#adressenlijst dd	.plaats	{float: left; width: 120px;}
	dl#adressenlijst dd	.naw	{float: left; width: 265px;}	
	dl#adressenlijst dd em	{width: 16px; float: left; clear: both; color: #848484; /* text-align: right; */ margin-right: 5px; font-style: normal}
	dl#adressenlijst dd hr	{display: none;}