/* CSS Document */
/*OVERRIDE CONTAINER */
/* =================================================== */



#container {
  background: none;
  width: 98%;
  height:98%;
}

#blockWrapper {
  position:absolute;
  width: 437px;
  height: 421px;
  left:50%;
  top: 50%;
  margin-top: -218px;
  margin-left: -203px;
}

#blok {
  position:absolute;
  width: 437px;
  height: 406px;
  left:50%;
  top: 50%;
  margin-top: -218px;
  margin-left: -203px;
  background:url(/images/site/blok.jpg);
}

#blok #ouders, #blok #collegas,#blok #organisatie,#blok #bureacratie {
  position: absolute;
  width: 219px;
  height: 204px;
  cursor:pointer;
}
#blok #contactBlok {	
	position:absolute;
	width:110px;
	height:105px;
	top:155px;
	left:155px;
	cursor:pointer;
}
#blok #ouders{
  top :0px;
  left: 0px;
}
#blok #collegas{
top :0px;
left: 219px;
}
#blok #organisatie{
top :204px;
left: 0px;
}
#blok #bureacratie{
top :204px;
left: 219px;
}

#blok #ouders p, #blok #collegas p,#blok #organisatie p,#blok #bureacratie p{
  position: relative;
  color:white;
  top: 50%;
  margin-top: -0.5em;
  text-align:center;
  font-size: 1.2em;
  margin-left:5px;
}
#blok #collegas p, #blok #bureacratie p{
  text-align: center;
}

#blok p span {
  font-weight: bold;
  font-size: 1.1em;
}

#footer {
	position:absolute;
	top:410px;
	left:169px;
	color:white;
}


/*DEZE VERWIJDEREN ALS DE VACATURE BUTTON ER UIT MOET*/

#vacatureButton {
	position:absolute;
	width:158px;
	height:144px;
	z-index:100;
	left:386px;
	cursor:pointer;
}
#blok #collegas {
  position: absolute;
  width: 165px;
  height: 204px;
  cursor:pointer;
}
#blok #collegas p{
  margin-left:54px;
}

#blok #collegas p span.contentSpan{
	display:block;
	margin-left:30px;
}
#blok #collegas p span.contentTitle{
	display:block;
	margin-left:30px;
}