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

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin: 0; /* het is een goede gewoonte om de instellingen voor margin (marge) en padding (opvulling) van het element body op nul in te stellen en daarmee op de standaardinstellingen van de verschillende browsers */
	padding: 0;
	text-align: center; /* hiermee centreert u de container (het hoofdobject) in IE 5*-browsers Vervolgens wordt de tekst ingesteld op de standaardinstelling van links uitlijnen in de kiezer #container */
	color: #000000;
	background-color: #FFFFFF;
}
A{
	color:#333333;
	text-decoration:none;
}
A:hover{
	color:#787B78;
	text-decoration:underline;

}

#container {
	width: 900px; /* door het gebruik van 20 pixels minder dan een volledige breedte van 800 pixels ontstaat ruimte voor de randen van het browservenster (vaak aangeduid met ���������������������������������������������������������������������������������browser chrome���������������������������������������������������������������������������������) en wordt een horizontale schuifbalk vermeden */
	height: 600px;
	background: #FFFFFF;
	margin: 0 auto 0 auto;
	text-align: left;
	border: none;
	
}
#mainContent {
	padding: 0 ; /* vergeet niet dat onder padding (opvulling) wordt verstaan de ruimte binnen in het vak van het element div, terwijl margin (marge) betrekking heeft op de ruimte buiten het vak van het element div */
	position:absolute;
	top: 110px;
	padding:0px 0px 0px 0px;
	height:450px;
	}
	
#achtergrondplaatje{
	position:absolute;
	top: 00px;
	height: 690px;
	width: 891px;
}


/* menu met de werkgevers */
#werkgevers {
	float: left; 
	padding: 0px 0px 0px 150px;
	WIDTH: 142px;
	overflow: auto;
	visibility: visible;
}
/* stijl voor werkgevers */
.lijstwg{
}

#werkgevers P{
	
	margin: 0px 0px 10px 0px;
	font-family: verdana, sans-serif;
	font-style: italic;
	
}

/* vak waar de iconen in komen */
#plaatjes{
	margin: 15px 100px 0px 340px;
	text-align: center;
}	
img{
	border:0px;
	/*padding:1px 1px 1px 1px; */
	}

.inhoud{
	position:absolute;
	top: 0px;
	width: 400px;
	height: 450px;
	visibility: hidden;
	
}

/* doorzichtig klikvlak voor link naar de portretten, moet op deze manier anders start de greybox niet goed */
.linkportretten{
	position:absolute;
	top: 50px;
	margin-left:600px;
/*	width:120px;
	height:80px;*/
}
/* doorzichtig klikvlak voor link naar decursusfoto's, moet op deze manier anders start de greybox niet goed */
.linkcursusfoto{
	position:absolute;
	top: 240px;
	left:467px;
/*	width:120px;
	height:80px;*/
}


#ind {margin-left: 138px; ; margin-right: 150px; }

.clearfloat { /* dit exemplaar van class moet op een element div of break zijn geplaatst en dient het laatste element te zijn v������������������������������������������������������������������������������������������������������������r de afsluiting van een container (hoofdobject) die op zijn beurt een zwevend object volledig dient te bevatten */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.filmpje {
	position:absolute;
	left:285px;
	top: 50px;
	width:406px;
	height:293px;
	z-index:1;
	visibility: visible;
}