/************************ begin body  ************************/
html, body, h1, h2, h3, h4, h5, h6, blockquote, pre, code, p, ul, ol, li, dl, dt, dd, form, fieldset, legend, label, div, span, table, tr, th, td{ margin: 0; padding: 0; }

body {
	margin: 			0;
	padding: 			0;
	background:			#fff url(../_images/body-background.gif) repeat-y 50% 0;
	/* let op: ivm ie6 bug heb ik een extra pixel aan de rechterkant van de body-background.gif geplaatst. Anders verschuiven bij het resizen van de browder in ie6 de hele tijd de bodyachtergrond en de container tov elkaar (steeds 1 px). Voor IE7 heb ik echter een aparte background moeten maken. Zie apart ie7.css voor gegevens  */	
	font-family: 			Georgia, Times, serif;
	line-height: 			150%;
	font-size:			69%;}
body#home {
	background:			#000 url(../_images/body-background-home.gif) repeat-y 50% 0;}

/************************ einde body  ************************/




/************************ begin positionering  ************************/
#container {
	margin:				0;
	padding: 			0;
	margin-left: 			-379px;
	position: 			absolute;
	left: 				50%;
	top: 				0;
	text-align: 			center;
	width: 				758px;}/* 10px extra in verband met halve bolletjes van 5px aan rechterkant. Verdubbek ivm centreren container */
#hoofdtekst {
	position:			absolute;
	top:				281px;
	left:				193px;
	width:				340px;
	color:				#000;
	text-align:			left;
	padding:			15px;}
#hoofdmenu {
	position:			absolute;
	top:				94px;
	left:				5px;
	width:				187px;
	height:				187px;
	background:			#000;
	color:				#fff;
	text-align:			left;
	overflow: 			auto;}
#submenu {
	position:			absolute;
	top:				94px;
	left:				192px;
	width:				187px;
	height:				187px;		
	background:			transparent;
	text-align:			left;
	overflow: 			auto;}
#submenuachtergrond {
	position:			absolute;
	top:				94px;
	left:				192px;
	width:				187px;
	height:				187px;		
	background:			#c00831;}
#subsubmenu {
	
	position:			absolute;
	top:				94px;
	left:				379px;
	width:				374px;
	height:				187px;		
	background:			transparent;
	text-align:			left;
	overflow: 			auto;}
#subsubmenuachtergrond {
	position:			absolute;
	top:				94px;
	left:				379px;
	width:				374px;
	height:				187px;		
	background:			#960658;}
#openingsafbeelding {
	z-index:			5;
	background:			transparent url(../_images/openingsafbeelding.jpg) 0 -1px no-repeat;/* even een pixel omhoogschuiven ivm zwart randje op foto  */
	position:			absolute;
	top:				94px;
	left:				192px;
	width:				374px;
	height:				187px;}
#SubMenuHeen {
	position:			absolute;
	top:				94px;
	left:				192px;
	width:				187px;
	height:				187px;		
	background:			#1700cc;
	opacity: 			0.60;/* zie ook ie.css*/}
#SubMenuTerug {
	position:			absolute;
	top:				94px;
	left:				192px;
	width:				187px;
	height:				187px;		
	background:			#c00831;
	opacity: 			0.60;/* zie ook ie.css*/}
#SubSubMenuHeen {
	position:			absolute;
	top:				94px;
	left:				379px;
	width:				374px;
	height:				187px;
	background:			#1700cc;
	opacity: 			0.40;/* zie ook ie.css*/}
#SubSubMenuTerug {
	position:			absolute;
	top:				94px;
	left:				379px;
	width:				374px;
	height:				187px;
	background:			#960658;
	opacity: 			0.40;/* zie ook ie.css*/}




#hoofdtekst, #submenu, #subsubmenu {
	z-index:			10;
}
#submenuachtergrond, #subsubmenuachtergrond, #SubMenuHeen, #SubMenuTerug, #SubSubMenuHeen, #SubSubMenuTerug, #halvebolletjeSub ,#halvebolletjeSubTerugAan {
	display: 			none;
	z-index:			9;}



/* de achtergrondkleuren van submenu en subsubmenu zijn aparte blokken. Deze blokken zijn hierboven op display: none gezet, maar dit wordt hier overruled op bepaalde nivo's */
.nivo1 #submenuachtergrond, .nivo2 #submenuachtergrond, .nivo3 #submenuachtergrond {
	display:			block;}
.nivo1 #halvebolletjeSub, .nivo2 #halvebolletjeSub, .nivo3 #halvebolletjeSub {
	display:			block;}


.nivo2 #subsubmenuachtergrond, .nivo3 #subsubmenuachtergrond {
	display:			block;}




/* en dat wordt vervolgens nog weer specifieker overruled
hier worden de submenu achtergrondkleuren uitgezet in geval er geen submenu is. Let op de class die meegegeven wordt aan de body */
.geensubmenu #submenuachtergrond, .geensubmenu #halvebolletjeSub  {
	display:			none;}

.geensubsubmenu #subsubmenuachtergrond  {
	display:			none;}


#logo {
	position:			absolute;
	top:				32px;
	left:				5px;
	border: 			0;
	margin:				0;}
#stichting {
	position:			absolute;
	top:				281px;
	left:				5px;
	border: 			0;
	margin:				0;}
.halvebolletje {
	width:				5px;
	height:				10px;}
#halvebolletjeOpeningsafbeelding {
	position: 			absolute;
	top:				183px;
	left:				567px;
	background:			transparent url(../_images/bol-openingsafb.gif) no-repeat;}
#halvebolletjeHoofd {
	position: 			absolute;
	top:				183px;
	left:				5px;
	background:			transparent url(../_images/bol-wit.gif) no-repeat;}
#home #halvebolletjeHoofdHome {
	position: 			absolute;
	top:				183px;
	left:				5px;
	background:			transparent url(../_images/bol-zwart.gif) no-repeat;}
#halvebolletjeHoofdRechts {
	z-index:			10;
	position: 			absolute;
	top:				183px;
	left:				192px;
	background:			transparent url(../_images/bol-lichtrood.gif) no-repeat;}
.nivo1 #halvebolletjeSub, .nivo2 #halvebolletjeSub, .nivo3 #halvebolletjeSub {
	position: 			absolute;
	top:				183px;
	left:				379px;
	background:			transparent url(../_images/bol-donkerrood.gif) no-repeat;}
.nivo2 #halvebolletjeSubSub, .nivo3 #halvebolletjeSubSub {
	position: 			absolute;
	top:				183px;
	left:				753px;
	background:			transparent url(../_images/bol-paars.gif) no-repeat;}
#halvebolletjeSubTerugAan {
	display:			none;
	position: 			absolute;
	top:				183px;
	left:				379px;
	background:			transparent url(../_images/bol-donkerroodachtig.gif) no-repeat;}
#halvebolletjeSubSubTerugAan {
	display:			none;
	position: 			absolute;
	top:				183px;
	left:				753px;
	background:			transparent url(../_images/bol-violet.gif) no-repeat;}
/************************ eind positionering  ************************/









/************************ begin menu tekst styling *************************/
.nav {	margin-top: 			6px;
	font-family: 			Arial; 
	text-decoration: 		none; 
	font-size: 			10px; 
	font-weight: 			bold; 
	line-height: 			16px; 
	color: 				#000000;}
.nav a {
	color:				#000;
	text-decoration: 		none;}
.nav li {
	list-style: 			none;
	margin-left: 			15px;}
#hoofdmenu {
	background:			#eb090a;}
#submenu li, #subsubmenu li {
	list-style: 			none;}
a.hoofdmenu-speciaal {
	font-weight:			normal;}
li.hoofdmenu-speciaal-bovenste {
	margin-top:			20px;}
/************************ einde menu tekst styling *************************/







/************************ begin tekst styling *************************/
h1#h1-hoofdmenu {
	z-index:			10;
	position: 			absolute;
	top: 				-271px;
	left: 				15px;
	font-family: 			Georgia, Times, serif; 
	text-decoration: 		none; 
	font-size: 			22px; 
	line-height: 			30px;
	font-style: 			italic; 
	color: 				#000000;
	padding-bottom: 		20px;
	font-weight: 			normal;}
h2#h2-submenu {	
	z-index:			10;
	position: 			absolute;
	top: 				-223px;
	left: 				15px;
	font-family: 			Georgia, Times, serif; 
	text-decoration: 		none; 
	font-size: 			12px; 
	color: 				#000000;
	font-weight: 			normal;}
h3#h3-subsubmenu {
	z-index:			10;
	position: 			absolute;
	top: 				-221px;
	left: 				382px;
	width: 				173px;
	margin-bottom: 			0;
	line-height: 			200%;
	font-family: 			Georgia, Times, serif;
	font-size: 			10px; 
	font-style: 			italic; 
	line-height: 			16px; 
	color: 				#000000;
	font-weight: 			normal;}

h2 {
	font-size: 			11px; 
	font-weight: 			bold;
	line-height: 			17px;}
h3 {
	font-size: 			11px; 
	font-style: 			italic; 
	line-height: 			17px;
	font-weight: 			normal;}
h4, h5, h6 {
	font-size: 			11px;}
	
	
body#home #hoofdtekst, body#home #hoofdtekst h1, body#home #hoofdtekst h2, body#home #hoofdtekst h3  {
	color:				#dcdcdc;}
p {
	text-indent: 			15px;
	font-size: 			11px; 
	line-height: 			17px;
	margin-bottom: 			1.5em;
	margin-top: 			0;}
img.rechterkolom-afbeelding {
	z-index:			10;
	position:			absolute;
	top: 				0;
	left: 				374px;
	border: 			0;}
#info-rechterkolom {
	z-index:			10;
	position:			absolute;
	top: 				15px;
	left: 				389px;
	width:				157px;	}
#info-rechterkolom p {
	text-indent: 			0;
	text-align: 			center;}
#info-rechterkolom img {
	border:				none;
	display: 			block;
	margin-bottom:			30px;
	margin-right: 			auto;
	margin-left: 			auto;}



dt {
	font-size: 			11px; 
	line-height: 			17px;
	font-weight: bold;}
dd {
	font-size: 			11px; 
	line-height: 			17px;
	margin:	0 0 2em 0;}

/* lists */
#hoofdtekst ul {
	margin: 			0 0 18px 0;}
#hoofdtekst li {
	margin:0;
	padding: 0;
	margin-left: 			0;
	padding-left:			14px;
	list-style:			none;
	list-style-position: 		outside;
	font-size: 			11px;
	width: 				100%; /* om de whitespace bug in IE6 te bestrijden */
	line-height: 			17px;}





/* links */
#hoofdtekst a {
	color: 				#000;}
#hoofdtekst a:hover {
	text-decoration:		none;}
#hoofdtekst a[rel="ibox"] {
	border-bottom:  1px dashed;
	text-decoration: none;	
}

/* links in een list krijgen een rode-pijl-blokje */
#hoofdtekst li a {
	background: 			url(../_images/vierkantPijltje.gif) no-repeat 0 3px;/* zie ook ie.css  */
	color: 				#000;
	margin-left: 			-13px;
	padding-left: 			13px;
	text-decoration: 		none;
	display: 			block;}

/* links op homepage hebben echter een eigen styling*/
#home #hoofdtekst a  {
	background:			none;
	color: 				#dcdcdc;
	display:			inline;
	text-decoration: 		underline;}
#home #hoofdtekst a:hover {
	text-decoration:		none;}





/* begin dit en dat */
.geeninspringing {
	text-indent:			0;}
.clearleft {
	clear: 				left;}
.clearright {
	clear: 				right;}
.clearboth {
	clear: 				both;}
.verbergen {
	display:			block; 
	visibility:			hidden; 
	position:			absolute; 
	left:				-1000px;}
/* eind dit en dat */
/************************ eind tekst styling *************************/




/*************************** begin lightbox ****************************/
#lightbox{position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../_images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../_images/lightbox/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Georgia, Times, serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }
#imageData{padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{font-size: 11px; line-height: 17px;font-weight: normal;padding: 0% 0 0 16px;display: block;color: #000;/* aangepast door dwarshuis */	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/*************************** eind lightbox ****************************/




/************************ begin "terug naar boven" knoppen *************************/
#naar-boven {
	z-index: 			12;
	height: 			11px;
	width: 				100%;}
#naar-boven a, #kruimelpad {
	z-index: 			12;
	display:			block;
	height: 			17px;
	position: 			fixed;
	bottom: 			200px;/* placering voor niet-IE */
	color:				#999;
}
#naar-boven img {
	border:				0;
	color: 				#000;
	background: 			#777;
	display: 			block;}
#naar-boven a:hover {
	color: 				#000;
	background: 			transparent;}
#naar-boven a:hover img {
	color: 				#000;
	background: 			transparent;}
#naar-boven .off {
	display: 			none;}
#kruimelpad.off {
	display: 			none;}	

#top-links {
	position: 			absolute;
	left: 				50%;
	margin-left: 			-292px;}
#kruimelpad  {
	position: 			fixed;
	left: 				50%;
	margin-left: 			200px;
	width:				157px;}
#kruimelpad p {
	text-indent:			0;
	font-size: 			10px;}	
#kruimelpad p#kruimelhoofdmenu, #kruimelpad p#kruimelsubsubmenu {
	font-style: 			italic;}
/************************ einde "terug naar boven" knoppen *************************/








/*************************** begin pagina specifieke zaken  **********************/





/* HOMEPAGE: lists op de homepage hebben echter een eigen styling */
#home #hoofdtekst ul {
	padding-left:			15px;}
#home #hoofdtekst li {
	list-style: 			disc;
	list-style-position: 		outside;
	margin-left: 			0;
	padding-left:			0;}

/* lists met class 'bullets' krijgen wel een bullet */
#hoofdtekst li.bullets {
	list-style: 			  disc;
	list-style-position: 		inside;
	margin-left: 			4px;
	padding-left:			0;}




/* OVEROVN - BESTUUR: links op overovn-bestuur hebben echter een eigen styling*/
#overovn-bestuur #hoofdtekst ul {
	padding-left:			15px;
}
#overovn-bestuur #hoofdtekst li {
	list-style: 			none;
	margin-left: 			0;
	padding-left:			0;
text-indent: -15px;

	margin-left: 			-15px;
	padding-left: 			15px;


}
#overovn-bestuur #hoofdtekst li a {
	background: 			none;
	text-decoration: 		none;
	display: 			inline;
}
#overovn-bestuur #hoofdtekst li img {
	border:				none;
	margin:				0 4px 0 0;}






















/* ARCHIEFWIJZER */
#archiefwijzer em {
	color: 				#C90537;
	font-style:			normal;}
#archiefwijzer #hoofdtekst ul {
	margin: 			0;}


/* DISCLAIMER */
#disclaimer {
	font-family:			Arial;
	font-size: 			10px;}
.woordenlijst {
	background: 	none;
	margin:	30px;
}

/* begin pagina's zonder inspringing */
#home #hoofdtekst p, 
#archiefwijzer #hoofdtekst p {
	text-indent:			0;}
/* eind pagina's zonder inspringing */

p.nietinspringen {
	text-indent:			0;}

/*************************** einde pagina specifieke zaken  **********************/