body {
	color:#fff;
}

/**************************************************/
/*            General Page settings               */
/**************************************************/
a {
	text-decoration:underline;
	color: #fff;
}

a:hover {
	text-decoration:none;
}

a.readmore {
	color:#fff;
	font-weight:bold;
}

.lastChild {
	background: none !important;
	border: none !important;
}

p {
	line-height: 18px;
}

em {
	font-style:italic;
}

strong,
strong em,
em strong {
	font-weight:bold;
}


h3,h4 {
	color:#fff;
	font-weight:bold;
}

h2 {
	padding: 5px 0 0 10px;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a {
	color:#fff;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover {
	text-decoration:none;
}

.box {
	background: #fff;
}

/**************************************************/
/*              Menu Colors                       */
/**************************************************/
div#topMenu {
	background: #4DBCD7;
}

div#topMenu a{
	color: #fff;
}

div#topMenu ul li.alignRight {
	background: #39a2bb;
}

/**************************************************/
/*              Header components                 */
/**************************************************/
div#topLogo {
	margin-top: 5px;
}

/**************************************************/
/*               Payoff component                 */
/**************************************************/
div.payoff {
	background: none;
	margin: 20px 15px 0 0;
}

div.payoff h2 {
	font-size: 210%;
	height: auto;
	text-align:center;
}

div#leftColumn div.payoff h2 a{
	color:#4DBCD7;
}

div#leftColumn div.payoff h2 a:hover{
	color:#E15D2F;
}


div.payoff h2 a{
	color:#e15d2f;
}

div.payoff h2 a:hover{
	color:#4DBCD7;
}


/**************************************************/
/*               Nieuws component                 */
/**************************************************/
div#nieuws {
	background: #e15d2f;
	margin: 20px 0 0;
	padding: 0 0 20px;
}

div#nieuws h2 {
	background: #e15d2f;
	color: #fff;
	height: auto;
}

div#nieuws ul.newsList {
	margin: 0 0 0 10px;
}

ul.newsList li {
	color:#fff;
	
}

ul.newsList1 h3 {
	font-size: 138.5%;
}

ul.newsList li a {
	color: #fff;
}

span.readmore {
	margin: 0 0 0 10px;
}

/**************************************************/
/*          Testimonial component                 */
/**************************************************/
div.testimonial {
	float: left;
	height:240px;
	margin: 20px 0 0;
	/*margin: 0 0 20px 0;*/
	padding: 0;
	width: 310px;
}

.description,
div.testimonial p {
	color: #000;
	margin: 0 5px 10px 10px;
}

div.testimonial a.readmore {
	color: #000;
	font-weight: bold;
}

.box div.column {
	float: left;
	margin: 0 !important;
	padding: 0;
}

.testimonial .picture {
	float: left;
	margin: 0 0 5px;
}

.testimonial .picture img {
	float: left;
	margin: 0 5px 0 10px;
}

#leftColumn div.testimonial,
#leftColumn div.testimonial h2 {
	background: #E15D2F;
}

#leftColumn div.column,
#leftColumn div.column h2 {
	background: #A4D84B;
}

#leftColumn div.testimonial div.readMore a {
	margin: 0 0 0 10px;
}

#leftColumn div.column div.readMore a {
	margin: 0;
	padding: 0;
}

.leerling {
	background:#A4D84B;
	margin-bottom: 20px !important;
}

.ouders {
	background:#4DBCD7;
	margin: 0 0 20px 15px;
	width: 310px;
}

.overig {
	background:#E15D2F;
}

#staticColumn div.testimonial,
#staticColumn div.testimonial h2,
#staticColumn div.column,
#staticColumn div.column h2,
#staticColumn div.klas,
#staticColumn div.klas h2 {
	background: #E15D2F;
}

.readMore a {
	margin:0 0 0 10px;
}

/**************************************************/
/*         Praktische links component             */
/**************************************************/
div.praktischeLinks {
	background: #4DBCD7;
	margin: 0;
}

div.praktischeLinks h2 {
	background:#4DBCD7;

}
	
div.praktischeLinks a {
	display: block;
	font-weight: bold;
	text-decoration: none;
}

div.praktischeLinks ul li {
	padding: 5px 0 5px 10px;
	width: 300px;
}

div.praktischeLinks ul li.odd {
	background: #39A2BB;
}
/**************************************************/
/*         		Kalender component	              */
/**************************************************/
div#actueel {
	background: #e15d2f;
	padding: 0 0 10px;
	width: 310px;
}

div#actueel h2 {
	background:#e15d2f;
	color:#fff;
}

div#actueel h3,
div#actueel ul,
div#actueel a.readmore {
	color:#fff;
	margin: 10px 0 0 15px;
}

/**************************************************/
/*             Slideshow component                */
/**************************************************/
#slideshowModule, #slideshowNavigation {
	background: #4dbcd7;
}

#slideshowNavigation li.navNext a,
#slideshowNavigation li.navPrev a {
	color:#fff;
}

/**************************************************/
/*         		youtube component	              */
/**************************************************/
div#youtube {
	background:#A4D84B;
	margin: 0 15px 0 0;
}

div#youtube h2 {
	background:#A4D84B;
}

/**************************************************/
/*         		afbeelding component	          */
/**************************************************/
.leerling div.picture, .ouders div.picture, .overig div.picture  {
	height: 178px;
	overflow: hidden;
}

/**************************************************/
/*            Accordion component                 */
/**************************************************/
.accordion {
	margin: 0;
}

.accordion dt {
	background: #02a0c6;
	border-bottom: 1px solid #fff;
	padding: 10px 10px;
}

.accordion dt.odd {
	background: #A3D22F;
}

.accordion dt:hover, .accordion dt.over {
	background: #00a0e2;
}

.accordion dd {
	border: 10px solid #7a9f1f;
	padding: 5px;
}

div.bd p {
	color: #026178;
}

div.bd a.readmore {
	float: right;
}

div.odd {
	background: #4dbcd7;
}


/**************************************************/
/*            Accordion component                 */
/**************************************************/
div#schoolingang {
	background:#fff;
}

div#schoolingang .accordionHeader span, 
div#schoolingang .accordionHeaderSelected span {
	font-weight: bold;
}

.accordionHeader, .accordionHeaderSelected, .accordionHeader a, .accordionHeaderSelected a {
	background: #02a0c6;
	color: #fff;
	padding: 10px;
}

.accordionHeader, .accordionHeader odd {
	border-top: 1px solid #fff;
}

.accordionHeaderSelected {
	border-bottom: 1px solid #fff;
}

.accordionHeaderSelected:hover, .accordionHeader:hover, .accordionHeader a:hover, .accordionHeaderSelected a:hover {
	background: #026178;
}

.accordionContent {
	color: #026178;
  	border: 10px solid #02a0c6;
	padding: 10px 10px 20px 10px;
	display:block;
}

.accordionContent span {
	display:block;
}

.accordionContent .accordionContentImage {
	float:left;
	margin: 0 5px 5px 0;
}

.accordionContent a.readmore {
	color:#026178;
	float: right;
}

.accordionContent .accordionContentImage img { 
	width:150px;
}

div.odd {
	background: #4dbcd7;
}

/**************************************************/
/*              YUI Calendar                      */
/**************************************************/
/* LINK INSIDE NORMAL CELLS */
.yui-skin-sam .yui-calendar td.calcell a {
	color:#0098be !important;
}

/* SELECTED DATE */
.yui-skin-sam .yui-calendar td.calcell.selected a {
	background-color:#a4d84b !important;
	color:#000 !important;
}

/* HOVER DATE */
.yui-skin-sam .yui-calendar td.calcell.calcellhover {
	background-color:#0098be !important;
	color:#000 !important;
}

.yui-skin-sam .yui-calendar td.calcell.calcellhover a {
	background-color:#0098be !important;
	color:#000 !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:#02a0c6;
	color:#fff;
}

div#pageFooter a {
	color: #000;
}

div.inner {
	background:#c9ebf3;
}

div#bottomSearch {
	background: #e1f3f8;
}

/**************************************************/
/*              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: #4DBCD7;
}