body	{
	font-family:	arial, "lucida console", sans-serif;
	margin:		0;
	padding:	0;
	background:	#404040;/*antraciet*/
	color:		#147a14;/*donkergroen*/
	}

div#headerleft	{
		position:	absolute;
		top:		0;
		left:		5%;
		width:		20%;
		height:		90px;
		background:	#147a14;
		text-align:	left;
		padding-top:	10px;
		padding-left:	10px;
		border-bottom:	solid 5px #147a14;
		}

div#linkerkolom	{
		position:	absolute;
		top:		120px;
		left:		5%;
		width:		5%;
		height:		700px;
		text-align:	center;
		background:	#147a14;
		padding-top:	20px;
		}




/*DIV NAVIGATIE ALGEMEEN*/ 

div#navalgemeen
	{
	position:	absolute;
	left:		25%;
	width:		70%;
	background:	lime;
	border-right:	solid 5px #147a14;
	top:		0;
	height:		60px;
	z-index:	3;
	}

div#navalgemeen ul
	{
	list-style-type:none; 
	width:		100%;
	padding: 	0;
	margin:	10px 0 0 10px;
	}

div#navalgemeen ul li
	{
	float:		left;
	border:		solid 1px black;
	margin:		0;
	border-right:	solid 1px white;
	background:	#147a14;
	width:		90px;
	}

	div#navalgemeen ul li.laatste
		{
		border-right:	solid 1px black;
		}

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

div#navalgemeen a:hover
	{
	color:			lime;
	}

div#navalgemeen span
	{
	display:	block;
	height:		100%;
	width:		100%;
	padding:	5px 10px 5px 3px;
	}

div#navalgemeen li#huidig a
	{
	color:		lime;
	cursor:		default;
	}





/*DIV NAVIGATIE ACTIVITEITEN*/ 

div#navactiviteiten
	{
	position:	absolute;
	left:		25%;
	top:		60px;
	width:		70%;
	height:		40px;
	background:	lime;
	border-right:	solid 5px #147a14;
	border-bottom:	solid 5px #147a14;
	z-index:	2;

	}

div#navactiviteiten ul
	{
	position: 	absolute;
	top:		0em;
	left:		0em;
	list-style-type:none; 
	width:		100%;
	margin:		0 0 0 10px;
	padding: 	0;
	}

div#navactiviteiten ul li
	{
	float:		left;
	border:		solid 1px black;
	margin:		0;
	border-right:	solid 1px white;
	background:	#147a14;
	width:		90px;
	}

	div#navactiviteiten ul li.laatste
		{
		border-right:	solid 1px black;
		}

div#navactiviteiten ul li ul.programma
	{
	position: 	absolute;
	left:		-10px;
	top:		30px;
	list-style-type:none;
	width:		10em;
	visibility:	hidden;
	}

div#navactiviteiten ul li ul.archief
	{
	position: 	absolute;
	left:		82px;
	top:		30px;
	list-style-type:none;
	width:		10em;
	visibility:	hidden;
	}

div#navalgemeen ul li ul.links
	{
	position: 	absolute;
	left:		367px;
	top:		30px;
	list-style-type:none;
	width:		10em;
	visibility:	hidden;
	}

div#navactiviteiten ul li ul.programma li
	{
	width:	10em;
	border-right:	solid 1px black;
	}

div#navactiviteiten ul li ul.archief li
	{
	width:	10em;
	border-right:	solid 1px black;
	}
	
div#navalgemeen ul li ul.links li
	{
	width:	10em;
	border-right:	solid 1px black;
	}
	
div#navactiviteiten span
	{
	display:	block;
	height:		100%;
	width:		100%;
	padding:	5px 10px 5px 3px;
	}

div#navactiviteiten li#huidig a
	{
	color:		lime;
	cursor:		default;
	}

div#navactiviteiten span.leeg
	{
	cursor:		default;
	}


div#navactiviteiten span.leeg a:hover
	{
	cursor:		default;
	}


div#navactiviteiten a
	{
	text-decoration:none;
	display:	block;
	border-bottom:	solid 1px #000;
	background:	#147a14;
	color:		white;
	cursor:		pointer;
	}

div#navactiviteiten a:hover
	{
	text-decoration:none;
	display:	block;
	color:		lime;
	}

div#navactiviteiten ul li:hover ul.programma
	{
	visibility:visible;
	}

div#navactiviteiten ul li:hover ul.archief
	{
	visibility:visible;
	}

div#navalgemeen ul li:hover ul.links
	{
	visibility:visible;
	}





/*DIV INHOUD: DIV CENTRUM*/ 

div#inhoud
	{
	position:	absolute;
	top:		120px;
	left:		10%;
	width:		85%;
	height:		715px;
	border-right:	outset 5px #147a14;
	border-top:	solid 5px #147a14;
	background:	#404040;
	z-index:	1;
	}

div.centrum /*index, informatie, lid worden, route*/
	{
	float:		left;
	width:		60%;
	height:		715px;
	border:		none;
	background:	white;
	border-right:	solid 20px white;
	}

div.centrumcontact /*contact*/
	{
	float:		left;
	width:		98%;
	height:		715px;
	border:		none;
	background:	white;
	border-right:	solid 20px white;
	}





/*DIV INHOUD*/

p	{
	margin:	10px 20px 0px 20px;
	color:	green;
	font-weight:	bold;
	}

h2
	{
	margin-right:	20px;
	margin-left:	20px;
	font-size:	120%;
	margin-top:	0;	
	padding-top:	20px;
	padding-bottom:	0px;
	}

h3	{
	margin-left:	20px;
	font-size:	110%;
	font-weight:	bold;
	margin-bottom:	0;
	padding-bottom:	0;
	}





/*DIV CENTRUM: ALGEMEEN*/

div.centrum a, div.centrumcontact a
	{
	font-weight:	bold;
	color:		#147a14;
	cursor:		pointer;
	}

div.centrum a:hover, div.centrumcontact a:hover
	{
	color:	lime;
	}


/*DIV CENTRUM: INDEX*/
 
h1.attentie
	{
	font-size:	100%;
	margin-top:	20px;
	margin-left:	20px;
	color:		red;
	}

h1.attentie span.attentiedatum
	{
	background:	lime;
	}

h1.beeldendekunstencultuur
	{
	margin-top:	1em;
	font-size:	180%;
	margin-left:	20px;
	}

h1.opsomming
	{
	font-size:	100%;
	color:		lime;
	margin-left:	10%;
	}

h1.opsomming img
	{
	float:right;
	margin-right:	5%;
	margin-left:	40px;
	padding:	0;
	border: 	outset 10px #147a14;
	}

h1.genieten
	{
	font-size:	120%;
	margin-left:	15%;
	}

h1.bbkkorganiseert
	{
	font-size:	100%;
	margin-left:	15%;
	}





/*DIV CENTRUM: INFO EN LID WORDEN*/

ul.inhoud /*bij info en lid worden*/
	{
	margin-top:	0;
	margin-bottom:	0;
	padding-bottom:	0;
	}


h3	{
	margin-top:	.5em;
	padding-top:	0;
	}


/*DIV CENTRUM: INFO*/

h3.attentie
	{
	color:lime;
	}

h3 span	{
	font-weight:	normal;
	}





/*DIV CENTRUM: CONTACT*/

table.contact
	{
	margin-left: 20px;
	border-collapse:	collapse;
	}

table.contact td
	{
	padding-right:	2em;
	}

table.contact td.laatste
	{
	padding-bottom: 1em;
	}

table.contact th
	{
	text-align:	left;
	}

table.contact th.overig
	{
	padding-top:	.5em;
	margin-top:	0;
	}

table.contact th.postadres, table.contact td.postadres
	{
	background:	lime;
	}

table.contact th.betaling, table.contact td.betaling
	{
	background:	lime;
	border-left:	solid 3px white;
	}

table.contact span.attentie
	{
	color:red;
	font-weight:	bold;
	}

/*DIV CENTRUM: ROUTE*/

img.route
	{
	border: 	outset 10px #147a14;
	}



/*DIV REGLEMENT*/

p.reglement
	{
	font-weight:	normal;
	}

ul.reglement
	{
	list-style-type:lower-alpha;
	margin-right:	20px;
	}

/*INHOUD: INDEXPAGINA: RECHTERKOLOMMEN INDEX (divs.indexactiviteiten) EN INFO, LID EN ROUTE (div.plus)*/

div.indexactiviteit, div.eersteindexactiviteit, div.laatsteindexactiviteit, div.plus
	{
	float:		right;
	width:		30%;
	border-top:	solid 3px #147a14;
	border-left:	solid 3px #147a14;
	border-right:	solid 3px #147a14;
	border-bottom:	solid 3px #147a14;

	background:	lime;			
	margin:		0 10px 0 0;
	padding:	0 0 0 20px;
	}

div.indexactiviteit a, div.eersteindexactiviteit a, div.laatsteindexactiviteit a, div.plus a
	{
	font-weight:	bold;
	color:		#147a14;
	cursor:		pointer;
/*	text-decoration:underline;*//*dit werkt niet bij firefox*/
	text-decoration:none;					
	}

div.indexactiviteit a:hover, div.eersteindexactiviteit a:hover, div.laatsteindexactiviteit a:hover, div.plus a:hover
	{
	color:	white;
	}


div.indexactiviteit p, div.eersteindexactiviteit p, div.laatsteindexactiviteit p, div.plus p
	{
	margin:		0;
	padding:	0;
	}

div.indexactiviteit span.block, div.eersteindexactiviteit span.block, div.laatsteindexactiviteit span.block,  div.plus span.block
	{
	display:	block;
	height:		100%;
	width:		100%;
	padding:	1px 40px 1px 3px;
	margin:		0;
	}

	div.eersteindexactiviteit, div.plus
		{
		margin-top:	10px;
		}

	div.laatsteindexactiviteit, div.plus
		{
		border-bottom:	solid 5px #147a14;
		}

	div.eerstelaatsteindexactiviteit, div.plus
		{
		margin-top:	20px;
		border-bottom:	solid 5px #147a14;
		}



	div.plus span.block
		{
		padding:	3px 40px 20px 3px;
		}

	div.plus img
		{
		border:	outset 10px #147a14;
		}





/*INHOUD: INDEXPAGINA: SPAN VAN HET ACTIVITEITENOVERZICHT (EXTRA INFORMATIE DIE OVER HET CENTRUM HOVERT)*/
			
div.indexactiviteit p span.extra, div.eersteindexactiviteit p span.extra, div.laatsteindexactiviteit p span.extra
	{
	display:none;
	}

div.indexactiviteit p:hover span.extra, div.eersteindexactiviteit p:hover span.extra, div.laatsteindexactiviteit p:hover span.extra
	{
	z-index:	1;
	display:	block;
	position:	absolute;
	top:		0;
	left:		0;
	width:		58%;
	height:		715px;
	font-weight:	bold;
	background:	white;
	padding-left:	20px;
	border-right:	solid 20px white;
	}

div.indexactiviteit img.extra, div.eersteindexactiviteit img.extra, div.laatsteindexactiviteit img.extra
	{
	border: 	outset 20px #147a14;
	margin-top:	20px;
	margin-bottom:	0;
	}

span.toelichting
	{
	font-weight:	normal;
	}
	

/*INHOUD: ACTIVITEITENOVERZICHT EN ARCHIEF*/

div.imageactiviteit, div.imagearchief 
	{
	float:	left;
	margin:		10px;
	text-align:	center;
	}

	div.imageactiviteit, div.imagearchief
		{
		width:	95%;
		border:	outset 10px #147a14;
		}

	div.imagearchief
		{
		width:	95%;
		border:	outset 10px #147a14;
		}

div.infoactiviteit h2, div.infoarchief h2
	{
	padding:	5px 0;
	margin:		0 0 0 20px;
	}

div.infoactiviteit, div.infoarchief
	{
	background:	white;
	margin:		0;
	text-align:	left;
	font-weight:	bold;
	}

	div.infoactiviteit, div.infoarchief
		{
		border:	outset 10px lime;
		}

	div.infoarchief
		{
		border:	outset 10px lime;
		}

div.infoactiviteit img
	{
	border:	solid 5px #147a14;
	}

div.infoarchief img 
	{
	border:	solid 5px #147a14;
	}

div.infoactiviteit p, div.infoarchief p
	{
	margin-right:	20px;
	margin-bottom:	1em;
	}

div.infoarchief p, div.infoarchief h2
	{
	color:	#147a14;
	}

div.infoactiviteit a, div.infoarchief a
	{
	text-decoration:underline;
	color:		#147a14;
	}

div.infoactiviteit a:hover, div.infoarchief a:hover
	{
	text-decoration:underline;
	color:		lime;
	}

span.datum
	{
	margin-left:	20px;
	}

span.eigenwebsite, span.aanmelden
	{
	color:	red;
	}


span.titelwistudat
	{
	color:	red;
	}