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

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

@font-face {
    font-family: 'Anivers';
    src: url('/css/fonts/anivers_regular-webfont.eot');
    src: url('/css/fonts/anivers_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/anivers_regular-webfont.woff') format('woff'),
         url('/css/fonts/anivers_regular-webfont.ttf') format('truetype'),
         url('/css/fonts/anivers_regular-webfont.svg#aniversregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Anivers Bold';
    src: url('/css/fonts/anivers_bold-webfont.eot');
    src: url('/css/fonts/anivers_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/anivers_bold-webfont.woff') format('woff'),
         url('/css/fonts/anivers_bold-webfont.ttf') format('truetype'),
         url('/css/fonts/anivers_bold-webfont.svg#aniversbold') format('svg');
    font-weight: bold;
    font-style: normal;
}

html, body {
	padding:0px;
	margin:0px;
}
body {
	font-family:'Anivers', Arial, Helvetica, sans-serif;
	font-size: 13px; 
	color:#1c1c1b;
	line-height:20px;
	background:#ffffff url(/images/site/footer.png) bottom center no-repeat;
}
body.popup { background-color:white; background-image:none;}

img {max-width: 100%;}

.position-absolute {position: absolute !important;}

/*-------------------------------------------------------------------------------------*/
/*HOOFDONDERDELEN-------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/

select {
	background: transparent;
	height:30px;
	line-height:30px;
	width:100%;
	border:none;
	font-size:13px;
	-webkit-appearance: none;
	padding: 0 0 0 10px;
	background: #ffffff url(/images/site/selectDropdown.jpg) center right no-repeat;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
/*-------------------------------------------------------------------------------------*/
/*PARTS HEADER-------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/


#header {
	background: url(/images/site/header.png) top center no-repeat;
	height:570px;
	width:100%;
}

#header .container {padding:0; 	position:relative;}

#header .headerTop {
	height:30px;
	width:100%;
	text-transform:uppercase;
	text-align:right;
	padding: 0 300px 0 0;
	line-height:30px;
	z-index:601;
	position:relative;
}

#header .headerTop .homeButton {
	display:none;
	background: #007ac2 url(/images/site/home.png) center center no-repeat;
	width:30px;
	height:30px;
	margin: 5px 0 0 15px;
}

/* for high resolution display */

@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
#header .headerTop .homeButton {
    background: #007ac2 url(/images/site/home@2x.png) no-repeat;
	background-size: 24px 19px;
}
}

#header .headerTop .mainMenuText {
	display:none;
	float:right;
	color:#ffffff;
	font-size:11px;
	line-height:15px;
	padding-top:5px;
	margin-right:10px;
}

#header .headerTop #mainMenuButton {
	width:30px;
	height:30px;
	background: #007ac2 url(/images/site/menuBG.jpg) center center;
	cursor:pointer;
	float:right;
	display:none;
	margin:5px 15px 0 0;
}

#header .headerTop #mainMenuDropdown {width:100%; z-index:601; position:absolute; top:40px; background:#26b4e9; display:none;}
#header .headerTop #mainMenuDropdown a {display:block; line-height:30px; height:30px; padding: 0 0 0 20px; color:#ffffff; border-bottom:1px solid #007ac2; text-decoration:none;}
#header .headerTop #mainMenuDropdown a:hover {color:#007ac2;}

#header .headerTop a {
	color:#1c1c1b;
	text-decoration:none;
	padding: 0 20px 0 0;
}

#header .headerTop a:hover {color:#c4043f;}

#header .headerMiddle {
	width:100%;
	height:210px;
	z-index:601;
	position:relative;
}

#header .headerMiddle .logo {
	float:left;
	display:inline-block;
	margin: 0 0 0 73px;
}

#header .headerMiddle .quickMenu {
	float:right;
	display:inline;
	margin: 46px 75px 0 0;
	width:200px;
}

#header .headerMiddle .quickMenu .quickMenuTitle {
	font-family:'Anivers Bold', Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#26b4e9;
	font-size:16px;
	text-transform:uppercase;
	margin-bottom:10px;
}

#header .headerMiddle .quickMenu .quickMenuItems {
	display:table;
}

#header .headerMiddle .quickMenu .quickMenuItem {
	display:table-row;
}

#header .headerMiddle .quickMenu .quickMenuItem .name {
	padding-right:20px;
}

#header .headerMiddle .quickMenu a {
	color:#ffffff;
	text-transform:uppercase;
	line-height:25px;
	display:table-cell;
	text-decoration:none;
}

#header .headerMiddle .quickMenu .quickMenuItem:hover a {
	color:#26b4e9;
}


#header .headerMiddle .quickMenu .arrowWhite {
	background:url(/images/site/arrowWhite.png) center center no-repeat;
	width:8px;
	height:25px;	
}

#header .headerMiddle .quickMenu .quickMenuItem:hover .arrowWhite {
	background:url(/images/site/arrowBlue.png) center center no-repeat;
}

#header .slideshow {
	width:100%;
	height:382px;
	overflow:hidden;
	position:absolute;
	top: 188px;
}

#header .slideshowMask {
	background:url(/images/site/slideshowMask.png) top center no-repeat;
	z-index:501;
	height:570px;
	width:100%;
	position:absolute;
	top: 0px;
}

#header .search {height:30px;}

/*-------------------------------------------------------------------------------------*/
/*PARTS MIDDLE ------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/

#content {
	margin-top:55px;
	padding:0;
}

#content .colLeft {
	width:325px;
	padding: 0 55px 150px 0;
	float:left;
	display:inline;
}

#content .colRight {
	width:845px;
	float:left;
	display:inline;
	overflow:hidden;
}

#content .colRight .blockHomeRow {
	margin-left: -27px;
	margin-right: -27px;
}

#content .colRight .blockHome {
	padding-left: 27px;
	padding-right:27px;
	margin-bottom:30px;
}

#content .colRight .ouders, #content .colRight .lightBlue {background:#26b4e9;}
#content .colRight .schools, #content .colRight .darkBlue {background:#007ac2;}

#content .colRight .callToAction {
	padding: 2rem;
	display: block;
	position: relative;
	min-height: 165px;
}

#content .colRight .blockHome .block-image {
	width: 100%;
	height: 100%;
	max-width: 130px;
}

#content .colRight .blockHome h3 {
	color:#ffffff;
	text-transform:uppercase;
	font-size:20px;
	font-family: 'Anivers Bold';
	margin: 0px 0px 9px 0px;
	padding: 0 1rem;
}

#content .colRight .callToAction:hover {
	text-decoration:none;
}

#content .colRight .blockHome .teaser {
	color:#ffffff;
	font-size:14px;
	line-height:22px;
	margin-bottom: 2rem;
	padding-left: 1rem;
}

#content .colRight .blockHome div.readMore {
	color: #ed6c05;
	font-size: 16px;
	text-transform: uppercase;
	float: right;
	background: url(/images/site/arrowOrange.png) top 14px right 30px no-repeat;
	padding: 10px 50px 0 0;
	cursor: pointer;
	text-align: right;
	bottom: 2rem;
	right: 0;
}

#content .colRight .blockHome div.readMore:hover {text-decoration:none; color:#ffffff; background: url(/images/site/arrowWhite.png) top 14px right 30px no-repeat}

#content .colRight .blockHome div.schools {background-color:#007ac2;}
#content .colRight .blockHome div.schools:hover {	background-color:#007ac2;}


/*-------------------------------------------------------------------------------------*/
/*FOOTER ------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/

#footer {
	height:104px;
	color:#ffffff;
	padding:0;
	position:relative;
}

#footer .footerMenu #dropDownFooter {display:none;}


#footer .footerMenu #dropDownFooter {width:100%; z-index:601; bottom:35px; position:absolute; background:#74af26; display:none;}
#footer .footerMenu #dropDownFooter a {display:block; line-height:30px; height:30px; padding: 0 0 0 20px; color:#ffffff; border-bottom:1px solid #6d800a; text-decoration:none;}
#footer .footerMenu #dropDownFooter a:hover {color:#6d800a;}

#footer .copyright {
	margin-top:69px;
	height:35px;
	line-height:35px;
	float:right;
	display:inline;
}

/*-------------------------------------------------------------------------------------*/
/*pageTools--------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/

.mainPageTools {
	border-top:1px solid #7fbce0;
	border-bottom:1px solid #7fbce0;
	width:100%;
	color:#007ac2;
	font-size:16px;
	margin-top:20px;
}

.mainPageTools .ptPrint, .mainPageTools .ptMail {
	float:left; 
	display:inline;
	border-right:1px solid #7fbce0;
	height:35px;
	line-height:35px;
	padding-right: 15px;
	cursor:pointer;
}

.mainPageTools .ptPrint img {
	padding: 0 8px 0 0;
}


.mainPageTools .ptMail {
	padding-left: 15px;
}

.mainPageTools .ptMail img {
	padding: 12px 10px 0 0;
}

.mainPageTools .ptShare {
	float:right; 
	display:inline;
	height:35px;
	line-height:35px;
}

.mainPageTools .ptShare .title, .mainPageTools .ptShare .socialMedia {
	float:left; 
	display:inline;
	height: 35px;
}

.mainPageTools .ptShare .socialMedia {
	padding:10px 0 0 15px;
}
/*-------------------------------------------------------------------------------------*/
/*GENERAL CONTENT----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/

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

a,a:visited {text-decoration: none; color: #c4043f;}
a:hover, a:active { text-decoration: underline; color: #ed6c05;}

h1 {font-size:30px; padding:0; margin:0 0 15px 0; color:#701b75; text-transform:uppercase; 	font-family: 'Anivers Bold';}
h2 {font-size:15px;padding:0; margin:0 0 9px 0; color:#c4043f; text-transform:uppercase;}
h3 {font-size:18px; color:#74af26; padding:0; margin: 0 0 9px 0;}
h4 {font-size: 11px;}
h5 {font-size:11px;}
h6 { color:#007ac2; font-size: 15px; line-height:24px; padding:0; margin:0px 0px 9px 0px;}

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

.date {color:#699fbf; font-weight:normal; font-size:11px; line-height:14px; }

.contentWrapper h2 {color:#74af26; font-size:18px; margin: 5px 0 5px 0;}

/*-------------------------------------------------------------------------------------*/
/*MEDIA QUERIES -----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/

@media(max-width:1199px){
	#header {background: url(/images/site/header970.png) top center no-repeat; height:536px;}
	#header .headerTop {padding: 0 250px 0 0;}
	#header .logo img {width:220px;}
	#header .headerMiddle .quickMenu {width:150px; margin: 30px 80px 0 0;}
	#content .colRight {width:670px;}
	#header .slideshowMask {background:url(/images/site/slideshowMask970.png) no-repeat; height:536px;}
	#header .slideshow {top:154px;}
	#content {margin-top:30px; }
	#content .colLeft {width:300px;padding: 0 30px 60px 0;}
	#content .colRight .blockHomeRow {margin-left: -15px; margin-right: -15px;}
	#content .colRight .blockHome {padding-left: 15px; padding-right: 15px;}
	/* #content .colRight .blockHome .block-image {height:147px;} */
	#content .colRight .blockHome .block-image img {min-height:147px;}
	#content .colRight .blockHome h3 {font-size:19px;}
}

@media(max-width:991px){
	#header {background: url(/images/site/header750.png) top center no-repeat; height:395px;}
	#header .slideshowMask {background:url(/images/site/slideshowMask750.png) no-repeat; height: 395px;}
	#header .slideshow {top:117px; height: 278px;}
	#header .slideshow img {min-height:265px; max-height:100%;}
	#header .logo img {width:170px; margin-top:5px;}
	#header .headerMiddle .quickMenu {margin: 5px 5px 0 0; width:175px;}
	#header .headerMiddle .quickMenu .quickMenuTitle {font-size:14px; margin-bottom:0px;}
	#header .headerMiddle .quickMenu .quickMenuItem {font-size:12px;}
	#content {margin-top:20px;}
	#content .colRight {width:100%;}
	#content .colLeft {display:none;}
	#header .headerTop {background: #26b4e9; height:40px; padding:0; z-index:602;}
	#header .headerTop .menuTop {display:none;}
	#header .headerTop .homeButton {display:inline-block; float:left; }
	#header .headerTop #mainMenuButton {display:inline-block;}
	#footer .footerMenu #dropDownFooter {display:block;}
	#footer {height:190px;}
	#footer .copyright {padding-top: 96px;}
	#header .headerTop .mainMenuText {display:inline-block;}
}

@media(max-width:768px){
	#content {margin-top:20px; padding-left:15px; padding-right:15px;}
	#footer .copyright {padding-right:15px;}
	#header .headerMiddle .quickMenu {display:none;}
}

@media(max-width:767px){
	#header {height:347px;}
	#header .headerTop {padding: 0 0 0 0; text-align:left;}
	#header .headerTop .mobile {display:block;}
	#header .slideshow {height:230px;}
	#content .colRight .blockHome .teaser {margin-bottom: 0; margin-top: 1rem;}
	#content .colRight .blockHome div.readMore {display:none;}
	#content .colRight .callToAction {padding: 20px 30px 10px 30px;}
}


@media(max-width:500px){
	#header {background:none; height:288px;}
	#header .slideshowMask{top:-30px; height: 318px;}
	#header .logo img {margin-top: 10px; width: 140px; margin-left: 40px;}
	#header .slideshow {top: 58px;}
}

@media(max-width:500px){
	.mainPageTools {display:none;}
}