body	{
	font-family:	arial, "lucida console", sans-serif;
	margin:		0;
	padding:	0;
	background:	white url(images/verloop154x10.gif) top left repeat-y;
	color:		black;
	}

/* HEADER */

#header		{
		position:	absolute;
		top:		0;
		left:		0;
		right:		0;
		height:		95px;
		padding:	0;
		margin:		0;
		background:	#009966;/*zeegroen*/
		border-bottom:	outset 5px #009966;/*zeegroen*/
		}

#compilatie	{
		position:	absolute;
		top:		0;
		left:		0;
		width:		350px;
		}

#compilatie img	{
		margin-top:	0;
		padding-top:	0;
		}

#pluspunt	{
		position:	absolute;
		top:		0;
		left:		400px;
		}

		#pluspunt h1	{
				margin-top:	10px;
				margin-bottom:	0;
				padding:	0;
				}

		#pluspunt p	{
				padding-top:	0;
				margin-top:	0;
				}


/* NAVIGATIE */

#navigatie	{ 
		position:	absolute;
		top:		100px;
		left:		0;
		width:		150px;
		padding:	1em 0 100% 0;
		font-weight:	bold;
		background:	#009966;/*zeegroen*/
		}

#navigatie ul	{
		list-style-type:none;
		width:		150px;
		margin:		0;
		padding:	0;
		}

	#navigatie ul li{
			margin:		5px 20px 5px 10px;
			border:		outset 5px #3366cc;
			padding:	.5em 1em;
			background:	#3366cc;
			}

	#navigatie span	{
			display:block;	
			width:	100%;
			height:	100%;
			}

	#navigatie a	{
			text-decoration:none;
			color:		white;
			cursor:		pointer;
			}

	#navigatie a:hover	{
				color:		black; 	
				}

	#navigatie li#huidig a	{
				color:		black;
				cursor:		default;
				}

/* EXTRA DIVS */

div.plus, div.plussmal, div.plusbreed
	{/*afbeeldingen rechts*/
	background:	#3366cc;
	width:		300px;
	margin:		0 3% 10px 20px;
	padding:	10px 0 10px 0;
	border:		outset 10px #ff6600; /*oranje*/
	float:		right;
	text-align:	center;
	}


div.plus a	
	{
	color:		white;
	font-weight:	bold;
	}

div.plus a:hover	
	{
	color:		black;
	font-weight:	bold;
	}


div.plusbreed	{
		width:	420px;
		}

div.plussmal	{
		width:	220px;
		}

p.plus	{/*onder afbeeldingen in de plusdivs*/
	margin:	0 0 1em 0;
	font-size:	120%;
	}

p.plusextra	{/*in plusdiv op index-pagina met spreker en titel lezing*/
		font-weight:	bold;
		padding:	0 20px;
		margin:	0;
		}

/*div voor knop diapresentatie in fotoboek staat onderaan het stijlblad*/

/* INHOUD */

#inhoud	{
	position: 	absolute;
	top:		100px;
	left:		170px;
	right:		2%;
	margin:		0;
	padding:	0;
	}

a	{
	color:	#3366cc; /*blauw*/
	font-weight:	bold;
	}

a:hover	{
	color:	#009966; /*zeegroen*/
	font-weight:	bold;
	}

h2	{			/*koppen inhoud*/
/*	padding:	1em 0 0 0;*/
	color:	#3366cc; /*blauw*/
	padding:	12px 0 0 0;
	}

p.accent
	{
	color:		#ff6600; /*oranje*/
	clear:		left;
	font-weight:	bold;
	}

p.accentlezing{ /* datum en spreker in programma en archief */
	color:		#ff6600; /*oranje*/
	clear:		left;
	font-weight:	bold;
	border-top:	solid 3px #ff6600; /*oranje*/
	padding-top:	5px;
	}

p.archief
	{ /* om uit te leggen waarom het archief maar tot 2008 gaat */
	color:		#009966;/*zeegroen*/
	clear:		left;
	font-weight:	bold;
	}

table.info th	{
		text-align:	left;
		padding:	0 3em 0 0;
		margin:		0;
		}

table.contact th{
		text-align:	left;
		}
				
table.contact td{
		padding:	0 1.5em 0 0;
		}

ul.programma	{
		list-style:	outside;
		margin-left:	185px;
		margin-right:	10%;
		}

ul.links{
	list-style-type:disc;
	margin:		0;
	padding:	0 0 0 20px;
	}

ul.truc	{/* bij route om te voorkomen dat er een witte regel onder het kopje komt*/
	list-style-type:none;
	margin:		0 0 1em 0;
	padding:	0;
	}

p.nadruk{/*in informatiepagina*/
	font-weight:	bold;
	font-variant:	small-caps;
	}

p.pijl	{/*onderaan programma en archief*/
	text-indent:	40%;
	clear:		left;
	}

p.laatste
	{
	margin-bottom:	600px;
	}

/* --------IMAGES--------*/

img.pijl{/*onderaan programma en archief*/
	border:	outset 10px #3366cc; /*blauw*/;
	}

img.lezing	{
		border:		solid 5px #ff6600; /*oranje*/
		background:	#3366cc; /*blauw*/
		padding:	10px;
		float:		left;
		margin:		0 20px 10px 0;
		}

img.plus	{/*afbeeldingen rechts*/
		border:		solid 2px black;
		}

img.groot	{
		padding:	10px;
		border:		solid 2px #3366cc; /*blauw*/
		background:	#ff6600; /*oranje*/
		float:		left;
		margin:		0 20px 0 20px;
		}

/* FOTOBOEK EN ALBUMS */

div.diaknop 	{/*grote knop voor de diapresentatie*/
		background:	#ff6600;
		border:		outset 10px #ff6600;
		float:		left;
		margin-right:	20px;
		text-align:	center;
		}

div.diaknop h1	{
		padding: 1.5em 1em;
		}

div.diaknop span	{
			display:block;	
			width:	100%;
			height:	100%;
			}

div.diaknop a	{
		text-decoration:none;
		cursor:		pointer;
		}

p.fotoboekitem a 	{/*in fotoboek*/
			text-decoration:	none;
			}

p.fotoboekitem img 	{/*in fotoboek*/
			border:	outset 3px #3366cc; /*blauw*/;
			}

div.klein	{/*in albums*/
		width:		80px;
		border:		solid 2px #ff6600; /*oranje*/
		background:	#3366cc; /*blauw*/
		padding:	5px;
		float:		left;
		margin:		0 5px 5px 0;
		text-align:	center;
		}


div.mpb 	{/*museumplusbus*/
		float:		left;
		margin:		0 5px 5px 0;

		}

img.klein	{/*in albums en bij museum plus bus*/
		border:		solid 1px black;
		}

img.middel	{/*in albums*/
		position: 	absolute;
		left:		0px;
		top:		11em;
		top:		160px;

		padding:	10px;
		border:		solid 2px #3366cc; /*blauw*/
		background:	#ff6600; /*oranje*/
		}

a img.middel	{/*in albums*/
		visibility:	hidden;
		}

a:hover img.middel	{/*in album*/
			visibility:visible;
			}

p.album	{/* tips in albums */
	color:		#ff6600; /*oranje*/
	clear:		left;
	padding-top:	1.5em;
	}

/*de diashows hebben een embedded stylesheet*/

label	{
	float:	left;
	width:	200px;
	text-align:	left;
	margin-right:	20px;
	clear:		left;
	}

/*copyright en afsluiting pagina*/

div#copyright	{
	position:	fixed;
	bottom:		0;
	left:		0%;
	right:		0%;
	height:		25px;
	padding-bottom:	10px;
	border-top:	outset 5px #009966;/*zeegroen*/
	z-index:	2;
	padding-right:	6%;
	background:	#009966;/*zeegroen*/
	}

div#copyright p
	{
	font-weight:	bold;
	font-size:	80%;
	float:		left;
	color:		#c0c0c0;
	margin:		0;
	padding:	10px 0 0 170px;
	}

/*zoeken in archief*/

table.zoeken td
	{
	margin:		55px 20px 5px 10px;
	border:		outset 5px #3366cc;
	padding:	0;
	background:	#3366cc;
	}

table.zoeken td span
	{
	display:	block;
	height:		100%;
	width:		100%;
	padding:	1px 7px 1px 3px;
	}

table.zoeken th
	{
	width:200px;
	}

table.zoeken a
	{
	text-decoration:	none;
	color:			white;
	cursor:			pointer;
	}

table.zoeken td#huidig a
	{
	color:		black;
	cursor:		default;
	}

table.zoeken a:hover
	{
	color:		black; 	
	}


h3 /*in archief om sprekers te bedanken*/
	{
	color:		#ff6600; /*oranje*/
	padding-left:	20px;
	margin-top:	100px;
	}

#inhoud ul	{
		list-style:	none;
		margin-left:	0;
		padding-left:	0;

		margin-right:	10%;
		}

#inhoud ul a
	{
	font-weight:normal;
	text-decoration:	none;
	color:			black;

/*	color:			#3366cc;*/ /*blauw*/
	cursor:			pointer;
	}

#inhoud ul a:hover
	{
	text-decoration:	none;
	color:			#009966;/*zeegroen*/
	cursor:			pointer;
	}






/*
table.zoeken th
		{
		padding:0;
		text-align:right;
		padding-right:20px;
		}


table.zoeken tr
		{
		border:solid 1px white;
		padding:0;
		}
*/
