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

/*-------------------------------------------------------------------------------------*/
/*ALGEMENEN-------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/

html, body {
	padding:0px;
	margin:0px;
}
body {
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size: 12px; 
	color:#4a514b;
		background-image:url(/images/site/bg2.gif);
	background-repeat: repeat;
}
body.popup { background-color:white; background-image:none;}


/*-------------------------------------------------------------------------------------*/
/*INTRO-------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/
body.intro{ height:100%;
	color:#4a514b;
		background-image:url(/images/site/bg2.gif);
	background-repeat: repeat;
 }
.containerOuterIntro 
{ 
	background-image:url(/images/site/introBG.png);
	background-repeat: no-repeat;
	background-position:center top;
	position:absolute;
	left:50%;
	width:996px;
	margin:0px 0px 0px -498px; 
	height:640px;
	
}

.containerOuterIntro  .introText{
	margin:200px 0px 0px 100px;
	width:250px;
	heigth:595px;
	z-index:9999;
	float: left;
	text-align:justify;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold; 
	color:#0c4f77;
	
}

.containerOuterIntro  .introButtons{
	margin:20px 0px 0px 740px;
	width:231px;
	heigth:595px;
	
}

/*-------------------------------------------------------------------------------------*/
/*HOOFDONDERDELEN-------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/
.container {
	width:996px;
	min-height:550px;
	margin:0 auto;
	background-image:url(/images/site/containerTopBackground.png);
	background-repeat:no-repeat;
	background-color:#FFF;
}
.container .containerInner {
	background-image:url(/images/site/containerBackground.png);
	background-repeat:no-repeat;
	width:996px;
	min-height:550px;
	margin:0 auto;
}


/*-------------------------------------------------------------------------------------*/
/*PARTS HEADER-------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/
.container .containerInner  .headerWrapper{ 
	width:996px;
}
.container .containerInner  .headerWrapper .headerTopRight{ 
	float:right;
	dispaly:inline;
	width:412px;
	height:23px;
	margin:7px 12px 0px 0px;
}

.container .containerInner  .headerWrapper .headerTopRight .ourLocationWrapper { 
	float:left; 
	display:inline;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:196px;
}
.container .containerInner  .headerWrapper .headerTopRight .ourLocationWrapper .ourLocationPopWrapper{ 
	position:absolute;
	background-image:url(/images/site/locationPopupBackground.png);
	background-repeat:no-repeat;
	width:197px;
	height:110px;
	margin:11px 0px 0px 0px;
	z-index:100100;
	display:none;
}
.container .containerInner  .headerWrapper .headerTopRight .ourLocationWrapper .ourLocationPopWrapperVisible { display:block; }
.container .containerInner  .headerWrapper .headerTopRight .ourLocationWrapper .ourLocationPopWrapper .aLocation{
	height:22px;
	line-height:22px;
	width:175px;
	clear:both;
	margin:0px 0px 0px 8px;
	color:#ffffff;
	cursor:pointer;
}
.container .containerInner  .headerWrapper .headerTopRight .ourLocationWrapper .ourLocationPopWrapper .aLocation a { color:#ffffff; }
.container .containerInner  .headerWrapper .headerTopRight .ourLocationWrapper .ourLocationPopWrapper .aLocation img{ margin:0px 10px 0px 0px; }
.container .containerInner  .headerWrapper .headerTopRight .ourLocationWrapper .ourLocationInputWrapper{
	width:173px; 
	height:22px; 
	margin:0px 0px 0px 12px;
	cursor:pointer;
}
.container .containerInner  .headerWrapper .headerTopRight .ourLocationWrapper .ourLocationInputWrapper .ourLocationInputBackground{ 
	width:145px; 
	height:22px; 
	background-image:url(/images/site/searchBackground.png); 
	background-repeat:no-repeat;
	float:left;
	display:inline;
}
.container .containerInner  .headerWrapper .headerTopRight .ourLocationWrapper .ourLocationInputWrapper .ourLocationInputBackground .ourlocationsText{ 
	line-height:18px;
	height:18px;
	font-size:11px;
	font-weight:bold;
	margin:0px 0px 0px 12px;
	color:#ffffff;
	background-color:transparent;
	border:1px solid transparent;
	cursor:pointer;
}

.container .containerInner  .headerWrapper .headerTopRight .ourLocationWrapper .ourLocationInputWrapper .ourLocationInputButton{
	width:22px; 
	height:22px; 
	background-image:url(/images/site/locationsButton.png); 
	background-repeat:no-repeat;
	margin:0px 0px 0px 5px;
	float:left;
	display:inline;
	cursor:pointer;
}
.container .containerInner  .headerWrapper .headerTopRight .ourLocationWrapper .ourLocationInputWrapper  .ourLocationButtonVisible{
	width:22px; 
	height:22px; 
	background-image:url(/images/site/locationsButtonActive.png); 
	background-repeat:no-repeat;
	margin:0px 0px 0px 5px;
	float:left;
	display:inline;
	cursor:pointer;
}
.container .containerInner .headerWrapper .headerTopRight .mailButtonWrapper{ 
	float:left; 
	display:inline;
	width:22px;
	height:22px; 
	margin:0px 0px 0px 11px;
	background-image:url(/images/site/mailButton.png); 
	background-repeat:no-repeat;
	cursor:pointer;
}
.container .containerInner .headerWrapper .headerLeft{ 
	width:978px;
	float:left;
	display:inline;
}
.container .containerInner .headerWrapper .headerLeft .headerInfoPartWrapper{ 
	width:670px;
	height:127px;
	margin:19px 0px 0px 236px;
}
.container .containerInner .headerWrapper .headerLeft .headerInfoPartWrapper .schoolInfoWrapper{
	 width:274px;
	 height:127px;	
	 float:left;
	 display:inline;
}
.container .containerInner .headerWrapper .headerLeft .headerInfoPartWrapper .schoolInfoWrapper .schoolInfo{
	color:#ffffff;
	margin:15px 0px 4px 0px;
	line-height:1.3em;
}
.container .containerInner .headerWrapper .headerLeft .headerInfoPartWrapper .schoolInfoWrapper .schoolInfo p.sifrTitleWhite,
.container .containerInner .headerWrapper .headerLeft .headerInfoPartWrapper .schoolInfoWrapper .schoolInfo p.sifrTitleBlue
{
	margin:0px 0px 4px 0px;
	font-weight:bold;
	font-size:14px;
	line-height:1.2em
}
.container .containerInner .headerWrapper .headerLeft .headerInfoPartWrapper .schoolInfoWrapper .schoolInfo .sifrTitleBlue{ color:#6770b5;}
.container .containerInner .headerWrapper .headerLeft .headerInfoPartWrapper .schoolVisualWrapper{
	 float:left;
	 display:inline;
	 width:388px;
	 height:127px;
}

.container .containerInner .headerWrapper .headerRight{ 
	width:18px;
	height:203px;
	float:left;
	display:inline;
	margin:62px 0px 0px 0px;
}
.container .containerInner .headerWrapper .headerRight .colorBlock{ 
	width:18px;
	height:40px;
	clear:both;
	display:block;
	cursor:pointer;
}
.container .containerInner .headerWrapper .headerRight .cbOrange{
	background-image:url(/images/site/colorBlockOrange.png);
	background-repeat:no-repeat;
}
.container .containerInner .headerWrapper .headerRight .cbBlue{ 
	background-image:url(/images/site/colorBlockBlue.png);
	background-repeat:no-repeat;
}
.container .containerInner .headerWrapper .headerRight .cbPurple{ 
	background-image:url(/images/site/colorBlockPurple.png);
	background-repeat:no-repeat;
}
.container .containerInner .headerWrapper .headerRight .cbBrown{ 
	background-image:url(/images/site/colorBlockBrown.png);
	background-repeat:no-repeat;
}
.container .containerInner .headerWrapper .headerRight .cbYellow{ 
	background-image:url(/images/site/colorBlockYellow.png);
	background-repeat:no-repeat;
}
.container .containerInner .headerWrapper .headerRight .cbGreen{ 
	background-image:url(/images/site/colorBlockGreen.png);
	background-repeat:no-repeat;
}


.container .containerInner .headerWrapper .headerRight .cbHeightExtra{height:41px;}
/*-------------------------------------------------------------------------------------*/
/*PARTS MIDDLE ---------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/
.container .containerInner .middle{
	width:996px;
	min-height:200px;
	background-image:url(/images/site/middleBottomBackground.png);
	background-repeat:no-repeat;
	background-position:bottom left;
	clear:both;
}
.container .containerInner .middle .colLeft{
	width:235px;
	display:inline;
	float:left;
	min-height:200px;
}
.container .containerInner .middle .colMiddle{
	display:inline;
	float:left;
	width:495px;
	margin:-20px 0px 0px 0px;
}
.container .containerInner .middle .colMiddle .contentWrapper{
	margin:0px 40px 0px 0px;
}

.container .containerInner .middle .colRight{
	display:inline;
	float:left;
	width:233px;
}
.container .containerInner .middle .colRight .colRightBlock{
	background-image:url(/images/site/rightBlockbackground.png);
	background-repeat:no-repeat;
	background-position: bottom left;
	width:233px;
	min-height:139px;
}
/*-------------------------------------------------------------------------------------*/
/*PARTS footer ----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/
.container .containerInner .footer{
	background-image:url(/images/site/footerBackground.png);
	background-repeat:no-repeat;
	width:996px;
	height:88px;
	clear:both;
}
.container .containerInner .footer .logoKindante{
	width:130px; 
	height:45px; 
	margin:35px 0px 0px 30px;
	float:left;
	display:inline;
	cursor:pointer;
}
.container .containerInner .footer .logoRec{
	width:130px; 
	height:45px; 
	margin:35px 0px 0px 30px;
	float:left;
	display:inline;
	cursor:pointer;
}

/*-------------------------------------------------------------------------------------*/
/*SIFR CLASSES----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1,.sIFR-hasFlash .sifrTitleGreen,.sIFR-hasFlash .sifrTitleWhite,.sIFR-hasFlash .sifrTitleBlue{
	visibility: hidden;
}
.sIFR-hasFlash .sifrTitleWhite,.sIFR-hasFlash .sifrTitleBlue{line-height:19px;}
.sifrTitleGreen{*font-size:16px!important;}
.sifrTitleWhite,.sifrTitleBlue{*font-size:14px!important;}
/*-------------------------------------------------------------------------------------*/
/*pageTools--------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/

/*.container .headerWrapper .headerBottom .mainPageTools {
	width:54px;
	height:22px;
	float:right;
	display:inline;
	margin:5px 35px 0px 0px;
}
.container .headerWrapper .headerBottom .mainPageTools img {display:inline; float:left;cursor:pointer;}
.container .headerWrapper .headerBottom .mainPageTools img.ptMail{margin-left:9px}*/


/*-------------------------------------------------------------------------------------*/
/*GENERAL CONTENT----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/

.floatDivider{width:996px; height:1px;clear:both;overflow:hidden;}

a,a:visited {text-decoration: none; color: #12b09a;}
a:hover, a:active { text-decoration: underline; color: #000000;}

h1 {font-size:25px;*font-size:19px; padding:0px 0px 0px 0px; margin:0px 0px 17px 0px; color:#12b09a;}
h2 {font-size:14px;padding:0px 0px 0px 0px; margin:0px 0px 17px 0px; color:#4a514b;}
h3 {font-size:11px;}
h4 {font-size: 11px;}
h5 {font-size:11px;}
h6 { color:#4a514b;font-size: 12px;font-weight:bold; padding:0px 0px 0px 0px; margin:0px 0px 17px 0px;line-height:1.5em;}

p  {padding:0; font-size: 1em; margin: 0px; font-weight:normal;display:block;}

.date {color:#0283c4;font-size:1em;line-heght:1.5em;}
.button { 
	width:75px;
	background-color:#0283c4;
	border:1px solid #ffffff;
	color:#ffffff;
	cursor:pointer; 
	padding:3px 3px 3px 3px;
	text-align:center;
	font-size:11px;
}

.privacy {
	color: #fff !important;
	display: flex;
	justify-content: end;
}