@charset "UTF-8";
/* CSS Document */


/* Opmaak van de tekstblokken */

#koptekst {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	line-height: 0.0 em;
	font-size: 16pt;
	color: #535455;
	padding-left: 15px;
}

#koptekst2 {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #535455;	
}

#koptabel {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #535455;
}

/* Opmaak tekstelementen. Alles wat tussen <p> en </p> staat krijgt nu deze opmaak */

p	{ margin: 0 0 1.5em; font-size: 1.0em; color: #5e5d5d; line-height: 1.6em;}
p1	{ margin: 0 0 1.5em; font-size: 1.0em; color: #5e5d5d; line-height: 1.2em; text-decoration: none;}
p2	{ margin: 0 0 1.5em; font-size: 0.8em; color: #5e5d5d; line-height: 1.1em;}

/* Opmaak van de lijsten */

ul{
	list-style:none;
}

/* Opmak van de tabellen */

a { color: #000; text-decoration: none;}

/* Indelen van de pagina's */

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #afb0b3;
	background: #f1eff1;			
}

#container-dummy{					/* Deze container wordt alleen gebruik om wat ruimte te creeeren boven de pagina. Daarom zelfde kleur als achtergrond zodat deze niet opvalt */
	margin: 0px auto;		/* 0px zorgt dat de containnervakken op elkaar aansluiten zonder ruimte er tussen. auto zorgt voor centrering horizontaal op pag. */
	width: 990px;
	height: 30px;
	background: #f1eff1;
	border:0px solid #ddd;
	}
	
#header-index{				/* Header, content en footer zijn in gebruik voor de pagina waarop je de site binnenkomt, index.php */
	margin: 0px auto;
	width: 990px;
	height: 190px;
	background: #ffffff;
	border:0px solid #000;
	}
	
#header-index-afbeelding{	
	position:relative;
	top:110px;
	margin: 0px auto;
	width: 990px;
	height: 90px;
	background: #ffffff;
	border:0px solid #000;
	}	
	
#content-index{
	margin: 00px auto;
	width: 990px;
	height: 330px;
	background: #ffffff;
	border:0px solid #000;
	}

#footer-index{
	margin: 0px auto;
	width: 990px;
	height: 130px;
	background: #ffffff;
	border:0px solid #000;
	}

#header2{					/* Header2, content2 en footer2 zijn in gebruik voor de menu-pagina, menu.php */
	margin: 0px auto;
	width: 990px;
	height: 20px;
	background: #ffffff;
	border:0px solid #000;
	}
	
#content2{
	margin: 00px auto;
	width: 990px;
	height: 614px;
	background: #ffffff;
	border:0px solid #000;
	}

#footer2{
	font-size: 8pt;
	margin: 0px auto;
	width: 990px;
	height: 16px;
	background: #f1eff1;
	border:0px solid #000;
	}
	
#content3{					/* Content3 is in gebruik voor de overige pagina's, welkom.php, overJan.php, publicaties.pgp expositie.php, apparatuur.php, nieuws.php en contact.php */
	margin: 00px auto;
	width: 990px;
	height: 614px;
	background: #ffffff;
	border:0px solid #000;
	}
	
#content3-beeld{			/* De afbeelding bovenaan iedere pagina */
	font-size: 8pt;
	margin: 00px auto;
	width: 990px;
	height: 150px;
	background: #ffffff;
	border:0px solid #000;
	}	
	

#overJan1{					/* Als je padding toegevoegd om foto iets los van de rand te krijgen let er dan op dat het hele vak dan verschuift, de padding-ruimte moet je weer afhalen van de afmetingen van de div */
	font-size: 8pt;
	float:left;
	margin: 00px auto;
	width: 150px;
	height: 464px;
	background: #ffffff;
	border: 0px solid #000;
	}
	
#overJan2{
	font-size: 8pt;
	float:left;
	margin: 00px auto;
	width: 620px;
	height: 464px;
	background: #ffffff;
	border:0px solid #000;
	}
	
#vertikale-lijn{
	font-size: 8pt;
	float:left;
	position:relative;			/* Met position relative gaat ie uit van de plek waar bij plaatsing van de div's de "cursor"  op dat moment is. Vanaf daar dan 52 posities naar beneden. Gebruik je abolute dan rekent ie vanaf linkerbovenhoek scherm */
	top:25px;
	margin: 00px auto;
	width: 20px;
	height: 430px;
	background: #ffffff;
	border:0px solid #000;
	}
	
#horizontale-lijn{
	font-size: 8pt;
	float:left;
	position:relative;			/* Met position relative gaat ie uit van de plek waar bij plaatsing van de div's de "cursor"  op dat moment is. Vanaf daar dan 52 posities naar beneden. Gebruik je abolute dan rekent ie vanaf linkerbovenhoek scherm */
	top: 2px;
	left: 35px;
	margin: 00px auto;
	width: 900px;
	height: 5px;
	background: #f1eff1;
	border:0px solid #000;
	}	
	
#overJan3{
	font-size: 8pt;
	float:right;
	margin: 00px auto;
	width: 200px;
	height: 464px;
	background: #ffffff;
	border:0px solid #000;
	}
	
#overJan3-beeld1{
	Position: relative;
	top: 253px;
	font-size: 8pt;
	float:center;
	margin: 00px auto;
	width: 180px;
	height: 200px;
	background: #ffffff;
	border:0px solid #000;
	}
	
	
#expo1{
	font-size: 8pt;
	float:left;
	margin: 00px auto;
	width: 150px;
	height: 464px;
	background: #ffffff;
	border:0px solid #000;
	}
	
#expo2{
	font-size: 8pt;
	float:left;
	margin: 00px auto;
	width: 620px;
	height: 464px;
	background: #ffffff;
	border:0px solid #000;
	}
	
#expo3{
	font-size: 8pt;
	float:right;
	margin: 00px auto;
	width: 200px;
	height: 464px;
	background: #ffffff;
	border:0px solid #000;
	}
	
#welkom1{
	font-size: 8pt;
	float:left;
	margin: 00px auto;
	width: 150px;
	height: 464px;
	background: #ffffff;
	border:0px solid #000;
	}
	
#welkom1-beeld{					/* Afbeelding van Jan */
	font-size: 8pt;
	position:relative;			/* Met position relative gaat ie uit van de plek waar bij plaatsing van de div's de "cursor"  op dat moment is. Vanaf daar dan 52 posities naar beneden. Gebruik je abolute dan rekent ie vanaf linkerbovenhoek scherm */
	top: 25px;
	left: 0px;
	margin: 00px auto;
	width: 200px;
	height: 150px;
	background: #ffffff;
	border:0px solid #000;
	}	
	
#welkom2{
	font-size: 8pt;
	float:left;
	margin: 00px auto;
	width: 620px;
	height: 464px;
	background: #ffffff;
	border:0px solid #000;
	}
	
#welkom2-beeld{					/* Momenteel niet in gebruik. Was  voor afbeelding op de welkompagina, maar deze weer verwijderd */
	font-size: 8pt;
	position:relative;			/* Met position relative gaat ie uit van de plek waar bij plaatsing van de div's de "cursor"  op dat moment is. Vanaf daar dan 52 posities naar beneden. Gebruik je abolute dan rekent ie vanaf linkerbovenhoek scherm */
	top: 155px;
	margin: 00px auto;
	width: 200px;
	height: 50px;
	background: #ffffff;
	border:0px solid #000;
	}	
	
#welkom3{
	font-size: 8pt;
	float:right;
	margin: 00px auto;
	width: 200px;
	height: 464px;
	background: #ffffff;
	border:0px solid #000;
	}
	
#welkom3-beeld{					/* ILCP-logo op de welkom pagina */
	font-size: 8pt;
	position:relative;			/* Met position relative gaat ie uit van de plek waar bij plaatsing van de div's de "cursor"  op dat moment is. Vanaf daar dan 52 posities naar beneden. Gebruik je abolute dan rekent ie vanaf linkerbovenhoek scherm */
	top:90px;
	margin: 00px auto;
	width: 120px;
	height: 140px;
	background: #ffffff;
	border:0px solid #000;
	}
	
#nieuws1{
	font-size: 8pt;
	float:left;
	margin: 00px auto;
	width: 150px;
	height: 464px;
	background: #ffffff;
	border:0px solid #000;
	}
	
#nieuws2{
	font-size: 8pt;
	float:left;
	margin: 00px auto;
	width: 620px;
	height: 464px;
	background: #ffffff;
	border:0px solid #000;
	}
	
#nieuws-inhoud{
	font-size: 8pt;
	float:left;
	margin: 00px auto;
	width: 615px;
	height: 400px;
	background: #ffffff;
	border:0px solid #000;
	}	
	
#nieuws3{
	font-size: 8pt;
	float:left;
	margin: 00px auto;
	width: 200px;
	height: 464px;
	background: #ffffff;
	border:0px solid #000;
	}
	
#contact1{
	font-size: 8pt;
	float:left;
	margin: 00px auto;
	width: 150px;
	height: 464px;
	background: #ffffff;
	border:0px solid #000;
	}
	
#contact2{
	font-size: 8pt;
	float:left;
	margin: 00px auto;
	width: 620px;
	height: 460px;
	background: #ffffff;
	border:0px solid #000;
	}
	
#contact3{
	font-size: 8pt;
	float:right;
	margin: 00px auto;
	width: 200px;
	height: 464px;
	background: #ffffff;
	border:0px solid #000;
	}

#contact3-info{
	font-size: 8pt;
	position:relative;
	top:25px;
	float:left;
	margin: 00px auto;
	width: 200px;
	height: 250x;
	background: #ffffff;
	border:0px solid #000;
	}
	
#publi1{
	font-size: 8pt;
	float:left;
	margin: 00px auto;
	width: 150px;
	height: 464px;
	background: #ffffff;
	border:0px solid #000;
	}
	
#publi2{
	font-size: 8pt;
	float:left;
	margin: 00px auto;
	width: 550px;
	height: 460px;
	background: #ffffff;
	border:0px solid #000;
	}
	
#publi3{
	font-size: 8pt;
	float:right;
	margin: 00px auto;
	width: 200px;
	height: 464px;
	background: #ffffff;
	border:0px solid #000;
	}

#publi3-beeld1{
	Position: relative;
	top: 40px;
	font-size: 8pt;
	float:left;
	margin: 00px auto;
	width: 80px;
	height: 120px;
	background: #ffffff;
	border:0px solid #000;
	}

#publi3-beeld2{
	Position: relative;
	top: 170px;
	font-size: 8pt;
	float:left;
	margin: 00px auto;
	width: 80px;
	height: 120px;
	background: #ffffff;
	border:0px solid #000;
	}

#publi3-beeld3{
	Position: relative;
	top: 190px;
	font-size: 8pt;
	float:left;
	margin: 00px auto;
	width: 80px;
	height: 120px;
	background: #ffffff;
	border:0px solid #000;
	}