body	{padding: 0; margin: 0;font-size: 80%; background-color: black; 
	background-image: url('../img/bg_shim.gif'); background-repeat: repeat-y;  background-position: center; }
body, form * 	{font-family: Trebuchet, Helvetica, Arial, sans-serif;}
form,table,p	{font-size: 100%;}

/* layout elementen -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */

	#container	{background-color: black; background-image: url('../img/bg_volg.jpg'); background-repeat: no-repeat; 
				width: 740px; height: 450px; margin: 0 auto; position: relative;}
	#menu		{width: 200px; float: left; font-family: Comic Sans MS, palatino, georgia, serif; font-size:120%;}
	#content	{width: 480px; position: absolute; top: 135px; left: 210px; height: 100%; padding: 0 10px;  line-height: 1.4em;}
	
	#footer		{clear: both; height: 21px; background-image: url('../img/footer.gif'); background-repeat: no-repeat; 
				margin-top: 20px; background-position: center;}
	
	#menu ul			{margin: 0; padding: 0 0 5px 5px;}
	#menu ul li 		{padding-bottom: 2px;}
	#menu ul li.current	a {color: #FFFFFF;}
	#menu a			{color: #FFFB74;}
	#menu a:hover	{color: #FFFFFF; text-decoration: none;}
	 	 
	ul#submenu		{margin: 0; padding: 0; display: inline; /* line-height: 1em; */ list-style-type: none;}
	ul#submenu li	{float: left;  padding-left: 1.2em;
					background-image: url('../img/bullet.gif'); background-repeat: no-repeat; background-position: 0.5em;}
	ul#submenu li.current a	{text-decoration: underline}
	
	#extra	{margin: 0 0 10px 0; text-align: center;}
	
	.sponsors	{position: relative; top: -180px;}
	p#sponsor a		{background-image: url('../img/poweredby.gif'); display: block; 
					width: 107px; height: 67px; position: absolute; top: 400px; z-index:3;}
	p#sponsor2 a	{background-image: url('../img/mol.gif'); display: block; 
					width: 105px; height: 67px; position: absolute; top: 420px; left:60px; z-index:2;}
	p#sponsor a span	{display: none;}
	p#sponsor2 a span	{display: none;}
	
/* uitzonderingen homepage -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+- */
	
	body#circhome		{background-image: none}
	body#circhome #container	{ background-image: url('../img/bg_home.jpg'); background-repeat: no-repeat; 
							width: 740px; height: 450px; margin: 0 auto; position: relative;}
	body#circhome h1	{display: none}
	body#circhome #menu ul li.current	{visibility: hidden;}
	body#circhome #content {color: white; width: 480px; position: absolute; top: 300px; left: 220px; padding: 0 10px; line-height: 1.4em;}
	body#circhome #footer {background-image: none;}
	
	/*#agendatop,*/ #agendabot	{width: 190px; height: 10px; margin: 0; padding: 0;}
	/* #agendatop 	{background: url('../img/verwacht_top.gif') no-repeat top left;} */
	#agendabot 	{background: url('../img/verwacht_bottom.gif') no-repeat top left;}
	
	#agenda		{width: 170px; margin: 0; padding: 0 10px; font-size: 0.8em;
				background: white url('../img/verwacht_top.gif') no-repeat top left;}
	#agenda dd	{margin: 0}
	#agenda	a, #agenda	a:hover	{color: #dc041c;}
	#agenda	a:hover	{text-decoration: underline}
	
	dl#gastenb dd	{margin-left: 0;}
	dl#gastenb dd blockquote	{margin-left: 5px; border-left: 3px solid #dc041c; padding-left: 10px;}
	
/* programma -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+- */

	body#circprogramma dt		{border-top: 1px solid silver; clear: both; padding-top: 7px; margin-top: 7px}
	body#circprogramma dd		{margin: 0;}
	body#circprogramma dd img	{float: right; margin: 0 0 10px 10px}

	.decofoto	{float: right}
	.fotoselect	{float: right; font-size: 0.8em}
	#detailimg	{text-align: center;}
	#detailimg img {border: 1px solid silver; padding: 7px}
	
/* overigen -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
	
	.hide {display: none;}
	.clear	{clear: both}
	.krap	{margin: 0; padding: 0;}
	.klein	{font-size: 0.8em}
	
	h1	{font-size: 130%;}
	h2	{font-size: 115%;}
	h3	{font-size: 100%;}
	h1, h2, h3 {font-family: Georgia, Times New Roman, Times, Palatino, serif;}
	
	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;}
	form {padding: 10px; background-color: #F7EFF3; border: 1px solid black;}
	
	a	{color: #dc041c; text-decoration: none;}
	a:hover	{text-decoration: underline;}
	a img	{border: none;}
	
	hr	{border: none; color: gainsboro; height: 1px; background-color: gainsboro; clear: both}
	
	/* 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;}