/* standaard beschrijving voor de gehele website */
body		
		{
		background-color: #008AE6;
		
		font-size: waarde;
		line-height: waarde;
		font-family: waarde;
		color: waarde;
		font-weight: waarde;
		}
	
/*alle kopteksten*/.koptekst {font-size: 22px;color:#008AE6;}
/*kalender*/.kleurtekst {font-size: 18px;font-weight: bolder;color:#008AE6;}
.kl{font-size: 10px; line-height:10px; color:#000000; line-height: 16px;}
.kl8b{font-size: 12px; line-height:12px; color:#000000; line-height: 14px;}
.klfotoalbum{font-size: 11px; color:#000000; line-height: 13px;}
.klfotoalbumi{font-size: 9px; color:#008AE6; line-height: 13px; font-style:italic;}
.linken {font-size: 14px;color:#000000;}
.vakantiesnieuw {font-size: 11px;color:#000000;}
.linkterug {font-size: 9px;color:#000000;}
.red{color: #4700B2;}
.tabel {font-size: 12px; line-height:14px; color:#000000;}
.tabelitalic {font-size: 13px; line-height:13px; font-style:italic; color:#000000;}
.bold {font-size: 15px;font-weight: bolder;color:#000000;}
.kanjeritalic {font-size: 14px; font-weight: bolder; line-height:20px; font-style:italic; color:#000000;}
.oritalic {font-size: 11px; line-height:20px; font-style:italic; color:#000000;}
.wit{font-size: 12px; line-height:14px; color:#FFFFFF;}
.ormr{font-size: 14px; line-height: 24px; color:#008AE6;}
.bull{font-size: 14px; line-height: 24px; color:#000000;}
.line-height{line-height: 24px;}
.blauw{color:#008AE6;}

.wrapper{
        position: absolute;
		top: 50%;
		left: 50%;
		width: 990px;
        height: 600px;
		margin-top: -290px;
		margin-left: -491px;
		}
		
		
/* kleuren van de links*/		
.body,html   
                     a:link { color:#FFFFFF;text-decoration:none;}
         a:visited {color:#FFFFFF;text-decoration:none;}
	     a:hover {color:#FFFFFF;font-style:italic;font-weight:bold;text-decoration:none;}

		 
/*witte basisvlak*/		 
.achtergrond	
		{
		background-color: #008AE6;
		border-style: solid;
		border-width: 0px;
		border-color: #000000;
		
		height: 515px;
		width: 990px;
		
		position: absolute;
		top: 31px;
		left: -4px;
		right: 0;
		bottom: 0;
		overflow: hidden;
		}

/* ABC-logo*/		
.bloklogo	
		{
		background-color: #FFFFFF;
		border-style: solid;
		border-width: 0px;
		border-color: #000000;
		
		height: 135px;
		width: 260px;
		
		position: absolute;
		top: 50px;
		left: 4px;
		right: 0;
		bottom: 0;
		text-align:center;
		overflow: hidden;
		}

/* foto1*/		
.blok1	
		{
		background-color: #FFFFFF;
		border-style: solid;
		border-width: 0px;
		border-color: #000000;
		
		height: 150px;
		width: 227px;
		
		position: absolute;
		top: 39px;
		left: 282px;
		right: 0;
		bottom: 0;
		overflow: hidden;
		}

/* foto2*/		
.blok2	
		{
		background-color: #FFFFFF;
		border-style: solid;
		border-width: 0px;
		border-color: #000000;
		
		height: 150px;
		width: 227px;
		
		position: absolute;
		top: 39px;
		left: 516px;
		right: 0;
		bottom: 0;
		overflow: hidden;
		}
		
/* foto3*/		
.blok3	
		{
		background-color: #FFFFFF;
		border-style: solid;
		border-width: 0px;
		border-color: #000000;
		
		height: 150px;
		width: 227px;
		
		position: absolute;
		top: 39px;
		left: 750px;
		right: 0;
		bottom: 0;
		overflow: hidden;
		}
		
/* tekst rechtsonder*/		
.rechtsonder	
		{
		background-color: #FFFFFF;
		border-style: solid;
		border-width: 0px;
		border-color: #000000;
		
		height: 15px;
		width: 227px;
		
		position: absolute;
		top: 210px;
		left: 750px;
		right: 0;
		bottom: 0;
		overflow: hidden;
		
		font-size: 10px;
		line-height:12px;
		text-align:right;
		font-family: trebuchet ms;

		color: #FFFFFF;
		font-weight: normal;
		padding: 0px;
		}
		
/* klok*/		
.klok	
		{
		background-color: #FFFFFF;
		border-style: solid;
		border-width: 0px;
		border-color: #000000;
		
		height: 150px;
		width: 150px;
		
		position: absolute;
		top: 239px;
		left: 780px;
		right: 0;
		bottom: 0;
		overflow: hidden;
		}
		
/* blok updatedatum */		
.blokupdate	
		{
		background-color: none;
		border-style: solid;
		border-width: 0px;
		border-color: #000000;
		
		height: 14px;
		width: 300px;
		
		position: absolute;
		top: 549px;
		left: 4px;
		right: 0;
		bottom: 0;
		overflow: hidden;
		
		font-size: 9px;
		line-height:11px;
		font-family: trebuchet ms;

		color: #FFFFFF;
		font-weight: bolder;
		padding: 0px;
		}
		
/*linken*/		
.blokhome	
		{
		background-color: #002966;
		border-style: solid;
		border-width: 1px;
		border-color: #002966;
		
		height: 31px;
		width: 260px;
		
		position: absolute;
		top: 203px;
		left: 4px;
		right: 0;
		bottom: 0;
		overflow: hidden;
		
		font-size: 18px;
		line-height:33px;
		text-align:left;
		font-family: trebuchet ms;

		color: #FFFFFF;
		font-weight: normal;
		padding: 0px;
		}
		
.blokactueel	
		{
		background-color: #290066;
		border-style: solid;
		border-width: 1px;
		border-color: #290066;
		
		height: 31px;
		width: 260px;
		
		position: absolute;
		top: 240px;
		left: 4px;
		right: 0;
		bottom: 0;
		overflow: hidden;
		
		font-size: 18px;
		line-height:33px;
		text-align:left;
		font-family: trebuchet ms;

		color: #FFFFFF;
		font-weight: normal;
		padding: 0px;
		}
		
.blokonzeschool	
		{
		background-color: #4700B2;
		border-style: solid;
		border-width: 1px;
		border-color: #4700B2;
		
		height: 31px;
		width: 260px;
		
		position: absolute;
		top: 277px;
		left: 4px;
		right: 0;
		bottom: 0;
		overflow: hidden;
		
		font-size: 18px;
		line-height:33px;
		text-align:left;
		font-family: trebuchet ms;

		color: #FFFFFF;
		font-weight: normal;
		padding: 0px;
		}
		
.blokkinderen	
		{
		background-color: #0047B2;
		border-style: solid;
		border-width: 1px;
		border-color: #0047B2;
		
		height: 31px;
		width: 260px;
		
		position: absolute;
		top: 315px;
		left: 4px;
		right: 0;
		bottom: 0;
		overflow: hidden;
		
		font-size: 18px;
		line-height:33px;
		text-align:left;
		font-family: trebuchet ms;

		color: #FFFFFF;
		font-weight: normal;
		padding: 0px;
		}
		
.blokouders	
		{
		background-color: #008AE6;
		border-style: solid;
		border-width: 1px;
		border-color: #008AE6;
		
		height: 31px;
		width: 260px;
		
		position: absolute;
		top: 353px;
		left: 4px;
		right: 0;
		bottom: 0;
		overflow: hidden;
		
		font-size: 18px;
		line-height:33px;
		text-align:left;
		font-family: trebuchet ms;

		color: #FFFFFF;
		font-weight: normal;
		padding: 0px;
		}
		
.blokkalender	
		{
		background-color: #0047B2;
		border-style: solid;
		border-width: 1px;
		border-color: #0047B2;
		
		height: 31px;
		width: 260px;
		
		position: absolute;
		top: 391px;
		left: 4px;
		right: 0;
		bottom: 0;
		overflow: hidden;
		
		font-size: 18px;
		line-height:33px;
		text-align:left;
		font-family: trebuchet ms;

		color: #FFFFFF;
		font-weight: normal;
		padding: 0px;
		}
		
.blokfotoalbum	
		{
		background-color: #4700B2;
		border-style: solid;
		border-width: 1px;
		border-color: #4700B2;
		
		height: 31px;
		width: 260px;
		
		position: absolute;
		top: 429px;
		left: 4px;
		right: 0;
		bottom: 0;
		overflow: hidden;
		
		font-size: 18px;
		line-height:33px;
		text-align:left;
		font-family: trebuchet ms;

		color: #FFFFFF;
		font-weight: normal;
		padding: 0px;
		}
		
.bloklinks	
		{
		background-color: #290066;
		border-style: solid;
		border-width: 1px;
		border-color: #290066;
		
		height: 31px;
		width: 260px;
		
		position: absolute;
		top: 467px;
		left: 4px;
		right: 0;
		bottom: 0;
		overflow: hidden;
		
		font-size: 18px;
		line-height:33px;
		text-align:left;
		font-family: trebuchet ms;

		color: #FFFFFF;
		font-weight: normal;
		padding: 0px;
		}
		
.blokcontact	
		{
		background-color: #002966;
		border-style: solid;
		border-width: 1px;
		border-color: #002966;
		
		height: 31px;
		width: 260px;
		
		position: absolute;
		top: 505px;
		left: 4px;
		right: 0;
		bottom: 0;
		overflow: hidden;
		
		font-size: 18px;
		line-height:33px;
		text-align:left;
		font-family: trebuchet ms;

		color: #FFFFFF;
		font-weight: normal;
		padding: 0px;
		}
		
/* tekst*/		
.bloktekst	
		{
		background-color: #FFFFFF;
		border-style: solid;
		border-width: 0px;
		border-color: #000000;
		
		height: 320px;
		width: 675px;
		
		position: absolute;
		top: 210px;
		left: 282px;
		right: 0;
		bottom: 0;
		overflow: hidden;
		
		font-size: 14px;
		line-height:20px;
		font-family: trebuchet ms;

		color: #OO0000;
		font-weight: normal;
		padding: 0px;
		}
		
		
/* tekst aflopend*/		
.bloktekstafl	
		{
		background-color: #FFFFFF;
		border-style: solid;
		border-width: 0px;
		border-color: #000000;
		
		height: 327px;
		width: 696px;
		
		position: absolute;
		top: 210px;
		left: 282px;
		right: 0;
		bottom: 0;
		overflow: auto;
		
		font-size: 14px;
		line-height:20px;
		font-family: trebuchet ms;
		
		color: #OO0000;
		font-weight: normal;
		padding: 0px;
		}
		
/* tekst teamindeling*/		
.bloktekstafltb	
		{
		background-color: #000000;
		border-style: solid;
		border-width: 1px;
		border-color: #000000;
		
		height: 42px;
		width: 696px;
		
		position: absolute;
		top: 203px;
		left: 279px;
		right: 0;
		bottom: 0;
		overflow: hidden;
		
		font-size: 12px;
		line-height:19px;
		font-family: trebuchet ms;
		
		color: #FFFFFF;
		font-weight: normal;
		padding: 0px;
		}
		
.bloktekstaflto	
		{
		background-color: #FFFFFF;
		border-style: solid;
		border-width: 0px;
		border-color: #000000;
		
		height: 285px;
		width: 696px;
		
		position: absolute;
		top: 250px;
		left: 279px;
		right: 0;
		bottom: 0;
		overflow: auto;
		
		font-size: 12px;
		line-height:14px;
		font-family: trebuchet ms;
		
		color: #OO0000;
		font-weight: normal;
		padding: 0px;
		}

/* tekst voor uit de groep*/		
.bloktekstaflopend	
		{
		background-color: #E6F5FF;
		border-style: solid;
		border-width: 0px;
		border-color: #000000;
		
		height: 327px;
		width: 696px;
		
		position: absolute;
		top: 210px;
		left: 282px;
		right: 0;
		bottom: 0;
		overflow: auto;
		
		font-size: 14px;
		line-height:20px;
		font-family: trebuchet ms;

		color: #OO0000;
		font-weight: normal;
		padding: 0px;
		}
		
/* terug*/		
.terug	
		{
		background-color: #E6F5FF;
		border-style: solid;
		border-width: 0px;
		border-color: #000000;
		
		height: 11px;
		width: 696px;
		
		position: absolute;
		top: 203px;
		left: 281px;
		right: 0;
		bottom: 0;
		overflow: hidden;
		
		font-size: 9px;
		line-height:9px;
		font-family: trebuchet ms;

		color: #OO0000;
		font-weight: normal;
		padding: 0px;
		}
		
/* archief*/		
.archief	
		{
		background-color: none;
		border-style: solid;
		border-width: 0px;
		border-color: #000000;
		
		height: 90px;
		width: 127px;
		
		position: absolute;
		top: 193px;
		left: 868px;
		right: 0;
		bottom: 0;
		overflow: hidden;
		
		font-size: 9px;
		line-height:9px;
		font-family: trebuchet ms;

		color: #OO0000;
		font-weight: normal;
		padding: 0px;
		}
			
/* blok voor linken*/		
.bloklinken	
		{
		background-color: #FFFFFF;
		border-style: solid;
		border-width: 0px;
		border-color: #000000;
		
		height: 327px;
		width: 696px;
		
		position: absolute;
		top: 210px;
		left: 282px;
		right: 0;
		bottom: 0;
		overflow: hidden;
		
		font-size: 14px;
		line-height:20px;
		font-family: trebuchet ms;

		color: #OO0000;
		font-weight: normal;
		padding: 0px;
		}
		
/* blok voor film + blok voor tekst*/

.blokfilmtekst	
		{
		background-color: #FFFFFF;
		border-style: solid;
		border-width: 0px;
		border-color: #000000;
		
		height: 325px;
		width: 260px;
		
		position: absolute;
		top: 210px;
		left: 282px;
		right: 0;
		bottom: 0;
		overflow: hidden;
		
		font-size: 14px;
		line-height:20px;
		font-family: trebuchet ms;
		
		color: #OO0000;
		font-weight: normal;
		padding: 0px;
		}
		
.blokfilm	
		{
		background-color: #FFFFFF;
		border-style: solid;
		border-width: 0px;
		border-color: #000000;
		
		height: 344px;
		width: 425px;
		
		position: absolute;
		top: 193px;
		left: 552px;
		right: 0;
		bottom: 0;
		overflow: hidden;
		
		font-size: 14px;
		line-height:20px;
		font-family: trebuchet ms;
        text-align:center;
		
		color: #OO0000;
		font-weight: normal;
		padding: 0px;
		}
		

		
/* tekstkalender*/		
.blokkalendertekst	
		{
		background-color: #FFFFFF;
		border-style: solid;
		border-width: 0px;
		border-color: #000000;
		
		height: 240px;
		width: 675px;
		
		position: absolute;
		top: 295px;
		left: 282px;
		right: 0;
		bottom: 0;
		overflow: hidden;
		
		font-size: 14px;
		line-height:20px;
		font-family: trebuchet ms;

		color: #OO0000;
		font-weight: normal;
		padding: 0px;
		}
		
/* foto's*/		
.blokfoto	
		{
		background-color: #FFFFFF;
		border-style: solid;
		border-width: 0px;
		border-color: #000000;
		
		height: 272px;
		width: 696px;
		
		position: absolute;
		top: 264px;
		left: 282px;
		right: 0;
		bottom: 0;
		overflow: auto;
		
		font-size: 14px;
		line-height:22px;
		font-family: trebuchet ms;

		color: #OO0000;
		font-weight: normal;
		padding: 0px;
		}
		
/* fotoalbum*/		
.blokfotoalbumgroot	
		{
		background-color: #E6F5FF;
		border-style: solid;
		border-width: 0px;
		border-color: #000000;
		
		height: 294px;
		width: 695px;
		
		position: absolute;
		top: 243px;
		left: 282px;
		right: 0;
		bottom: 0;
		overflow: auto;
		
		font-size: 14px;
		line-height:20px;
		font-family: trebuchet ms;
		}
		
.blokfotoalbumgrootb	
		{
		background-color: #E6F0FF;
		border-style: solid;
		border-width: 0px;
		border-color: #000000;
		
		height: 294px;
		width: 675px;
		
		position: absolute;
		top: 243px;
		left: 302px;
		right: 0;
		bottom: 0;
		overflow: auto;
		
		font-size: 14px;
		line-height:20px;
		font-family: trebuchet ms;
		}
		
/* adresgegevens*/		
.blokadres	
		{
		background-color: #FFFFFF;
		border-style: solid;
		border-width: 0px;
		border-color: #000000;
		
		height: 12px;
		width: 696px;
		
		position: absolute;
		top: 528px;
		left: 282px;
		right: 0;
		bottom: 0;
		overflow: hidden;
		
		font-size: 10px;
		line-height:12px;
		text-align:left;
		font-family: trebuchet ms;

		color: #OO0000;
		font-weight: normal;
		padding: 0px;
		}
		


/* een voorbeeld beschrijving voor een blok/div */
.blokken	
		{
		background-color: waarde;
		border-style: waarde;
		border-width: waarde;
		border-color: waarde;
		
		height: waarde;
		width: waarde;
		
		position: waarde;
		top: waarde;
		left: waarde;
		right: waarde;
		bottom: waarde;
		overflow: waarde;
		
		font-size: waarde;
		line-height: waarde;
		font-family: waarde;
		color: waarde;
		font-weight: waarde;
		padding: waarde;
		}
		
/* div met het fotoalbum - div containing gallery */
#gallery
	{
		position: relative;
		width: 420px; 
		height: 300px; 
		margin: 0 auto; 
		border: 0px solid green; 
		text-align: center; 
		background: url(images/selectagallery.gif) no-repeat center;
	}

/* code voor de afbeeldingen - code for gallery images */
.galleryimages
	{
		width: 40px; 
		height: 50px; 
		border: 0px; 
		margin: 10px; 
		float: left;
	}
	
/* code voor de div van de albums - code for the gallery div */
#gallery1, #gallery2, #gallery3
	{
		position: absolute; 
		top: 40px; 
		left: 0px;
		background-color: #FFFFFF; 
		width: 420px; 
		height: 200px;
		border: 0px solid #000000;  
	}

/* div dat nummer van gallery aangeeft - div with gallery number */
.galleryitems
	{
		width: 100%; 
		height: 40px; 
		border: 0px solid red; 
	}
	
/* image with gallery number */
.galleryimage
	{
		display: block; 
		margin: 0 auto; 
		margin-top: 20px;
	}

/* menu items van gallery - menu items for gallery */
.gallerymenu
	{
		border: 0px; 
		margin: 3px; 
		border: 0px solid red;
	}
	
/* afblijven! - stay away! */
/* ----------------------- */
/* ----------------------- */

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#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: transparent url(images/blank.gif) no-repeat; /* 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/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}