﻿body {
	color:#000;
}

/**************************************************/
/*            General Page settings               */
/**************************************************/
div#topLogo {
	margin: 10px 0 0 10px;
}

a {
	text-decoration:underline;
	color:#174570;
}

a:hover {
	text-decoration:none;
}

a.readmore {
	color:#174570;
	font-weight:bold;
	text-decoration:underline;
}

div#nieuws a.readmore {
	color:#fff;
}

.lastChild {
	background: none !important;
	border: none !important;
}

p {
	line-height: 18px;
}

em {
	font-style:italic;
}

strong,
strong em,
em strong,
h2 {
	font-weight:bold;
}

h2 {
	color:#fff;
	padding:5px 0 0 10px;
}

h3 {
	font-weight:bold;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover {
	text-decoration:none;
}

h4 a {
	font-weight: bold;
}
/**************************************************/
/*              Menu Colors                       */
/**************************************************/
div#topMenu {
	background: #174570;
}

div#topMenu a{
	color: #fff;
}

div#topMenu ul li.alignRight {
	background: #012b53;
}

/**************************************************/
/*              Sifr headers                      */
/**************************************************/
object.sIFR-flash {
	height: 30px;
}

/**************************************************/
/*          Testimonial component                 */
/**************************************************/
div.testimonial {
	background: #fff;
	margin: 0;
}

div.testimonial p {
	color: #fff;
	margin: 0 5px 0 15px;
}

div.testimonial p {
	display: none;
}

div.testimonial a.readmore {
	font-weight: bold;
}

div.testimonial h2 a {
	color: #fff;
	text-decoration: none;
}

div.column {
	margin: 0 0 0 15px;
}

div.ouders h2 {
	background: #a31a1a;
}

div.leerlingen h2 {
	background: #174570;
}

div.docenten h2 {
	background: #d07a00;
}

div.leerlingen {
	margin: 0 0 0 15px;
}

.testimonial .picture {
	float:left;
	margin:0;
}


/**************************************************/
/*               Payoff component                 */
/**************************************************/
div#payoff {
	background: #fff;
	height: 70px;
	width: 300px;
}

div#payoff h2 {
	font-size: 182%;
	margin: 0 0 0 20px;
}

/**************************************************/
/*               Nieuws component                 */
/**************************************************/
div#nieuws {
	background: #D07A00;
	color: #fff;
	margin: 15px 0 0 15px;
	padding: 0 0 15px;
}

div#nieuws ul.newsList {
	margin: 0 0 0 10px;
}

ul.newsList li p {
	margin: 0 5px 0 0;
}

ul.newsList h3 a,
ul.newsList h4 a {
	color:#fff;
}

span.readmore a{
	color:#fff;
	margin: 0 0 0 10px;
}

/**************************************************/
/*         Praktische links component             */
/**************************************************/
div.praktischeLinks {
	background: #A31A1A;
	margin: 15px 0 0 0;
}

div.praktischeLinks a {
	color:#fff;	
}

div.praktischeLinks ul li {
	color: #fff;
	list-style-type: none;
	padding: 2px 0 3px 10px;
}

div.praktischeLinks ul li.odd {
	background: #860707;
	width: auto;
}

/**************************************************/
/*            Accordion component                 */
/**************************************************/
.accordion {
	float:left;
	width:310px;
}
.accordion dt {
	background: #174570;
	/*border-bottom: 1px solid #fff;*/
	padding: 10px;
	color: #fff;
}

.accordion dt.odd {
	background: #2969a5;
}

.accordion dt:hover, .accordion dt.over {
	background: #174570;
	text-decoration: underline;
	cursor: hand;
	cursor: pointer;
}

.accordion dd {
	display: none;
	background: #fff;
	border: 10px solid #174570;
	overflow: hidden;
}
.accordion dd.open {
	display: block;
}
div.bd {
	padding: 5px;
	height: 100%;
	overflow: hidden;
}
div.bd p {
	color: #174570;
}

div.bd a.readmore {
	float: right;
}

/**************************************************/
/*          Schoolingang component                */
/**************************************************/
div.schoolingang {
	margin: 15px 0 0 0;
	clear:left;
}

div.schoolingang h2 {
	background: #174570;
	color: #fff;
}

/**************************************************/
/*         		Kalender component	              */
/**************************************************/
div#actueel {
	background: #A31A1A;
	margin: 15px 0;
	padding: 0 0 10px;
	width: 310px;
}

div#actueel h2 {
	background:#A31A1A;
}

div#actueel h4 a {
	color:#fff;
	margin: 0;
}

div#actueel h3,
div#actueel ul,
div#actueel a.readmore {
	color: #fff;
	margin: 10px 0 0 15px;
}

/**************************************************/
/*           Doelgroep component                  */
/**************************************************/
div#doelgroep {
	display: none;
}

/**************************************************/
/*             Slideshow component                */
/**************************************************/

div#slideshowModule, #slideshowNavigation {
	background: #A31A1A;
}


#slideshowNavigation li.navNext a,
#slideshowNavigation li.navPrev a {
	background: #fff;
	color:#A31A1A;
	font-size: 150%;
	margin:15px 0pt 10px 10px;
}


#slideshowNavigation li.isActive a {
	background:#fff;
}


/**************************************************/
/*              YUI Calendar                      */
/**************************************************/
/* LINK INSIDE NORMAL CELLS */
.yui-skin-sam .yui-calendar td.calcell a {
	color:#174570 !important;
}

/* SELECTED DATE */
.yui-skin-sam .yui-calendar td.calcell.selected a {
	background-color:#a31a1a !important;
	color:#fff !important;
}

/* HOVER DATE */
.yui-skin-sam .yui-calendar td.calcell.calcellhover {
	background-color:#174570 !important;
	color:#fff !important;
}

.yui-skin-sam .yui-calendar td.calcell.calcellhover a {
	background-color:#174570 !important;
	color:#fff !important;
}

/* CALENDAR BOUNDING BOX */
.yui-calcontainer {
	position:relative;
	float:left;
	_overflow:hidden; /* IE6 only, to clip iframe shim */
}

/* IFRAME SHIM */
.yui-calcontainer iframe {
	position:absolute;
	border:none;
	margin:0;padding:0;
	z-index:0;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
}

/* IFRAME SHIM IE6 only */
.yui-calcontainer iframe.fixedsize {
	width:50em;
	height:50em;
	top:-1px;
	left:-1px;
}

/* BOUNDING BOX FOR EACH CALENDAR GROUP PAGE */
.yui-calcontainer.multi .groupcal {
	z-index:1;
	float:left;
	position:relative;
}

/* TITLE BAR */
.yui-calcontainer .title {
	position:relative;
	z-index:1;
}

/* CLOSE ICON CONTAINER */
.yui-calcontainer .close-icon {
	position:absolute;
	z-index:1;
}

/* CALENDAR TABLE */
.yui-calendar {
	width: 240px;
	position:relative;
	margin: 0 auto;
}

/* NAVBAR LEFT ARROW CONTAINER */
.yui-calendar .calnavleft {
	position:absolute;
	z-index:1;
}

/* NAVBAR RIGHT ARROW CONTAINER */
.yui-calendar .calnavright {
	position:absolute;
	z-index:1;
}

/* NAVBAR TEXT CONTAINER */
.yui-calendar .calheader {
	position:relative;
	width:100%;
	text-align:center;
}

/* CalendarNavigator */
.yui-calcontainer .yui-cal-nav-mask {
	position:absolute;
	z-index:2;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	_width:0;    /* IE6, IE7 quirks - width/height set programmatically to match container */
	_height:0;
	left:0;
	top:0;
	display:none;
}

/* NAVIGATOR BOUNDING BOX */
.yui-calcontainer .yui-cal-nav {
	position:absolute;
	z-index:3;
	top:0;
	display:none;
}

/* NAVIGATOR BUTTONS (based on button-core.css) */
.yui-calcontainer .yui-cal-nav .yui-cal-nav-btn  {
	display: -moz-inline-box; /* Gecko */
	display: inline-block; /* IE, Opera and Safari */
}

.yui-calcontainer .yui-cal-nav .yui-cal-nav-btn button {
	display: block;
	*display: inline-block; /* IE */
	*overflow: visible; /* Remove superfluous padding for IE */
	border: none;
	background-color: transparent;
	cursor: pointer;
}

/* Specific changes for calendar running under fonts/reset */
.yui-calendar .calbody a:hover {background:inherit;}
p#clear {clear:left; padding-top:10px;}

/**************************************************/
/*              Page Footer                       */
/**************************************************/
div#pageFooter h2 {
	background:#174570;
	height: 30px;
}

div.inner {
	background:#f1f4f6;
}

div#bottomSearch {
	background: #dae1e8;
}

/**************************************************/
/*              ARTIKEL PAGINA SETTINGS           */
/**************************************************/
/**************************************************/
/*              ARTIKEL PAGINA SETTINGS           */
/**************************************************/
div.listViewItem h2,
.agendaListingSmall h2,
h2#navigationSectionTitle,
div.artikelPagina div#leftColumn h2,
.pageListingSmall h2,
.artikelPagina #leftColumn .articleContent h1,
.artikelPagina #leftColumn .articleContent h2,
.artikelPagina #leftColumn .articleContent h3,
.artikelPagina #leftColumn .articleContent h4,
.artikelPagina #leftColumn .articleContent h5,
.artikelPagina #leftColumn .articleContent h6,
.artikelPagina #leftColumn .articleContent .ms-rteCustom-ArticleTitle,
.artikelPagina #leftColumn .plainArticleContent h1,
.artikelPagina #leftColumn .plainArticleContent h2,
.artikelPagina #leftColumn .plainArticleContent h3,
.artikelPagina #leftColumn .plainArticleContent h4,
.artikelPagina #leftColumn .plainArticleContent h5,
.artikelPagina #leftColumn .plainArticleContent h6,
.artikelPagina #leftColumn .plainArticleContent .ms-rteCustom-ArticleTitle {
	color: #174570;
}