﻿body {
	color:#000;
	position: relative;
}

div#pageHeader {
	margin: 0;
}

div#youtube object {
	width: 300px;
}

/**************************************************/
/*            General Page settings               */
/**************************************************/
img.alignLeft {
	float: left;
	margin-right: 5px;
}

div.box {
	float: left;
}

div#topLogo {
	margin: 10px 0 0 10px;
}

a {
	text-decoration:underline;
	color:#000;
}

a:hover {
	text-decoration:none;
}

div.inner a.readMore {
	margin: 10px 0 0 25px;
}

div.lastItem a.readMore {
	margin: 10px 0 0 25px;
}

a.readmore,
div.readMore a {
	background:url(../gfx/arrow_white.gif) 100% 60% no-repeat;
	color:#fff;
	font-weight:bold;
	padding: 0 13px 0 0;
	text-decoration:underline;
}

div#pageFooter a {
	color:#000;
}

.lastChild {
	border: none !important;
}

p {
	line-height: 18px;
}

em {
	font-style:italic;
}

strong,
strong em,
em strong {
	font-weight:bold;
}

h1,h2,h3,h4 {
	width: auto;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a {
	color: #fff;
}

h4 a {
	font-weight: bold;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover {
	text-decoration:none;
}

h2 {
	font-size: 138%;
}

.box {
	width: auto;
	margin-bottom: 5px;
}

/**************************************************/
/*              Menu Colors                       */
/**************************************************/
div#topMenu {
	background: #0098be url(../gfx/gl_banner.jpg) bottom left no-repeat;
	padding: 0 0 133px;
}

div#topMenu a{
	color: #fff;
}

div#topMenu ul li.alignRight {
	background: #027a98 ;
}

/**************************************************/
/*              Sifr headers                      */
/**************************************************/


/**************************************************/
/*          Testimonial component                 */
/**************************************************/
div.testimonial {
	background: #a5cd39;
	margin: 20px 0 0 15px;
	padding: 0 0 10px;
}

div.testimonial h2 {
	color: #00A0E2;
}

div.testimonial img.alignLeft {
	 margin: 10px 5px 0 10px;
}

div.testimonial p {
	margin: 10px 0;
}

div.column {
	margin: 0 0 0 15px;
	background: #000;
}

div.thema {
	background: #a5cd39;
	margin: 20px 0 10px;
	padding: 0 0 10px;
	width:635px;
}

div.thema p {
	color:#000;
	margin: 10px 5px 0 10px;
}

.description, .description p, div.testimonial p {
	color:#000;
	margin: 5px 5px 0 15px;
}

div.floatRight {
	background: #a5cd39;
	clear: both;
	float: right;
	margin: 10px 0;
	padding: 0 0 10px;
	width: 310px;
}

div.floatRight h2 {
	background: #005b7f;
	border-bottom: 1px solid #fff;
}

div.floatRight p {
	color:#fff;
	margin: 5px 5px 0 0;
}

div.floatRight a.readmore {
	color:#fff;
}

div.floatRight img {
	float: left;
	margin: 5px 5px 5px 10px;
}

/**************************************************/
/*         		youtube component	              */
/**************************************************/
div#youtube {
	background:#fff;
	margin: 0 0 10px;
}

div#youtube h2 {
	background: #fff;
	color: #0098BE;
	width: 300px;
}

/**************************************************/
/*               Payoff component                 */
/**************************************************/
div.payoff {
	background: #0098be;
	min-height:98px;
	margin: 20px 0 10px 0;
	padding: 10px 0 0;
	width: 310px;
}

div.payoff h2 {
	font-size: 167%;
	font-weight: normal;
	padding: 20px 0;
	text-align:center;
	display:block;
	height:auto;
}

div.payoff h2 a{
	color: #fff;
	
}

div.payoff h2 a:hover {
	color: #A5CD39;
}


/**************************************************/
/*               Nieuws component                 */
/**************************************************/
div#nieuws {
	background:#a5cd39;
	color:#fff;
	margin: 0;
	padding: 0 0 10px;
	width: 310px;
}

div#nieuws h2 {
	background:#fff;
	color: #A5CD39;
}

div#nieuws ul.newsList {
	margin: 0 10px 0 15px;
}

div#nieuws ul.newsList a {
	color:#fff;
}

div#nieuws ul.newsList li {
	color:#000;
}

span.readmore a {
	color: #fff;
}

span.readmore {
	margin: 0 0 0 15px;
}

/**************************************************/
/*         Praktische links component             */
/**************************************************/
div.praktischeLinks {
	background: #a5cd39;
	float: left;
	margin: 0 0 0 15px;
	width: 310px;
}

div.praktischeLinks h2 {
	background:#fff;
	color: #a5cd39;
}	

div.praktischeLinks a {
	display: block;
}

div.praktischeLinks ul li {
	padding: 5px 0 5px 15px;
	width: 295px;
}

div.praktischeLinks ul li.odd{
	background: #8cbb0c;

}

/**************************************************/
/*            Accordion component                 */
/**************************************************/
div#schoolingang {
	background:#fff;
}

div#schoolingang .accordionHeader span, 
div#schoolingang .accordionHeaderSelected span {
	font-weight: bold;
}

.accordionHeader, .accordionHeaderSelected, .accordionHeader a, .accordionHeaderSelected a {
	background: #7a9f1f;
	color: #000;
	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: #00a0e2;
	cursor: pointer;
}

.accordionContent {
  	background: #fff;
	color: #000;
  	border: 10px solid #a3d22f;
	padding: 10px 10px 20px 10px;
	display: block;
}

.accordionContent span {
	display:block;
}

.accordionContent .accordionContentImage {
	float:left;
	margin: 0 5px 5px 0;
}

.accordionContent a.readmore {
	float: right;
}

.accordionContent .accordionContentImage img { 
	width:150px;
	float:left;
}

div.odd {
	background: #a3d22f;
}

/**************************************************/
/*         		Kalender component	              */
/**************************************************/
div#actueel {
	background:#0098be;
	color:#fff;
	margin: 0;
	padding: 0 0 10px;
	width: 310px;
}

div#actueel h2 {
	background:#0098be;
	color:#fff;
}

div#actueel h3,
div#actueel ul,
div#actueel a.readmore {
	color:#fff;
	margin: 10px 0 0 15px;
}

/**************************************************/
/*              YUI Calendar                      */
/**************************************************/
/* LINK INSIDE NORMAL CELLS */
.yui-skin-sam .yui-calendar td.calcell a {
	color:#000 !important;
}

/* SELECTED DATE */
.yui-skin-sam .yui-calendar td.calcell.selected a {
	background-color:#a5cd39 !important;
	color:#000 !important;
}

/* HOVER DATE */
.yui-skin-sam .yui-calendar td.calcell.calcellhover {
	background-color:#0098be !important;
	color:#fff !important;
}

.yui-skin-sam .yui-calendar td.calcell.calcellhover a {
	background-color:#0098be !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;}

/**************************************************/
/*             Slideshow component                */
/**************************************************/
#slideshowModule {
	margin: 10px 0;
	background: #a5cd39;
}

#slideshowNavigation {
	background: #a5cd39;
}

#slideshowNavigation li.navNext a,
#slideshowNavigation li.navPrev a {
	color:#fff;
}

/**************************************************/
/*              Page Footer                       */
/**************************************************/
div#pageFooter h2 {
	background:#0098BE;
	padding-left: 25px;
}

div.inner {
	background:#bae5f7;
}

div#bottomSearch {
	background: #a3ddf5;
}

/**************************************************/
/*              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: #0098BE;
}

/**************************************************/
/* toegevoegd uit screen.css */
/**************************************************/


/* Dit moet weggelaten worden, anders valt de layout weg
div#cal1Container {
	width: 270px;
}
*/
div#cal1Container {
	display:inline;
}

div.vcard {
	margin: 10px 0 10px 25px;
}

/**************************************************
verwijderd uit screen_ie6:

div.sitemap {
	margin:0 0 0 230px !important;
}
/**************************************************/

/**************************************************
verwijderd uit screen_ie:

div#cal1Container,
div#actueel {
	display:inline;
}

div.payoff {
	height: 92px;
}

#slideshowNavigation li {
	margin: 0 0 0 10px;
	padding: 0 0 10px;
}

#slideshowNavigation li.navPrev a, #slideshowNavigation li.navNext a {
	line-height: 22px;
}

.box,
div#rechten,
#slideshowNavigation li {
	display: inline;
}
/**************************************************/
