﻿body {
	color:#005b7f;
}

/**************************************************/
/*            General Page settings               */
/**************************************************/
a {
	text-decoration:underline;
	color: #000;
}

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;
}

div.testimonial img.alignLeft {
	margin: 10px 5px 0 15px;
}

h1,h2,h3,h4 {
	color: #fff;
	font-weight:bold;
}

h2 {
	height: 30px;
}

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;
}

div#leftColumn {
	float: left;
}

/**************************************************/
/*              Menu Colors                       */
/**************************************************/
div#topMenu {
	background: #00aeef url(../gfx/banner.jpg) bottom left no-repeat;
	padding: 0 0 173px;
}

div#topMenu a{
	color: #fff;
}

#topMenu ul li ul li,
div#topMenu ul li.alignRight {
	background: #00aeef;
}

/**************************************************/
/*              Header components                 */
/**************************************************/
div#topLogo {
	margin-top: 0px;
}

div#gsfLogo {
	display: none;
}

div#pageHeader {
	margin-top: 20px;
}

/**************************************************/
/*               Payoff component                 */
/**************************************************/
div#payoff {
	background:#e15d2f; 
	height: 200px;
	margin: 40px 15px 0 0;
}

div#payoff h2 {
	font-size: 182%;
	margin: 60px 0 0 0;
	padding: 0;
}
/**************************************************/
/*               Nieuws component                 */
/**************************************************/
div#nieuws {
	float: none;
	margin: 0 0 15px;
	padding: 0;
	width: 310px;
}

div#nieuws h2 {
	background: #2e3192;
	color: #fff;
}

div#nieuws ul.newsList {
	margin: 0 0 0 15px;
}

ul.newsList h3 {
	font-size: 123.1%;
}

ul.newsList li a {
	color: #005b7f;
}

span.readmore a{
	color: inherit;
	margin: 0 0 0 15px;
}

/**************************************************/
/*          Testimonial component                 */
/**************************************************/
div.testimonial {
	background: #fff;
	float: none;
	margin: 0 0 10px;
	width: 310px;
}

div.testimonial h2 {
	background: #2e3192;
}

.description,
div.testimonial p {
	color:#005b7f;
	margin: 5px 5px 15px 15px;
}

div.testimonial a.readmore {
	color: #005B7F;
	font-weight: bold;
	margin: 0 0 0 15px;
}

div.testimonial img {
	float: left;
	margin:10px 5px 0pt 15px;
}

.testimonial .picture img {
	float:left;
	margin: 5px 5px 0pt 10px;
}
div.column {
	float: left;
	margin: 0 0 10px;
}

div.column h2 {
	background: #bfd730;
}

/**************************************************/
/*     Praktische links component + Over GSF      */
/**************************************************/
div.overGsf,
div.praktischeLinks {
	background: #ad878f;
	float: right;
	margin: 0 15px 20px 0;
	width: 310px;
}

div.overGsf h2,
div.praktischeLinks h2 {
	background:#ad878f;
	color:#fff;
}

div.overGsf {
	background: none;
}

div.overGsf ul.newsList {
	margin: 10px 0 0 15px;
}

div.overGsf ul.newsList span.stats {
	display: none;
}

div.praktischeLinks {
	clear: both;
}

/*div.praktischeLinks a {
	color: #fff;
	display: block;
	text-decoration: none;
}

div.praktischeLinks ul li {
	border-bottom: 1px solid #595959;
	font-size: 108%;
	padding: 7px 0 7px 15px;
	width: 295px;
}

div.praktischeLinks ul li.odd{
	background: #727272;
}*/

div.praktischeLinks li {
	display: inline;
}
div.praktischeLinks li a {
	display: block;
	width: 295px;
	padding: 7px 0 7px 15px;
	border-bottom: 1px solid #72424d;
	font-weight: normal;
}

div.praktischeLinks li.odd a {
	background: #c9a8af;
}

/**************************************************/
/*         		Kalender component	              */
/**************************************************/
div#actueel {
	background: #0098be;
	padding: 0 0 10px;
	width: auto;
}

div#actueel h2 {
	background:#E15D2F;
}

div#actueel h3,
div#actueel ul,
div#actueel a.readmore {
	margin: 10px 0 0 15px;
}

/**************************************************/
/*             Slideshow component                */
/**************************************************/
#slideshowNavigation {
	background: #addc5d;
}

#slideshowNavigation li.navNext a,
#slideshowNavigation li.navPrev a {
	color:#fff;
}

/**************************************************/
/*         		youtube component	              */
/**************************************************/
div#youtube {
	background:#0098be;
	margin: 0 0 10px;
}

div#youtube h2 {
	background:#E15D2F;
}

/**************************************************/
/*              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:#005b7f;
}

div.inner {
	background:#00AEEF;
}

div#bottomSearch {
	background: #2E3192;
	color:#FFF;

}

div#bottomSearch a{
	color:#FFF;
}


/**************************************************/
/*             VACATURE PAGINA SETTINGS           */
/**************************************************/
/*
.artikelPagina #leftColumn .articleContent div#BottomZone {
	margin: 0 10px 0 0;
}
*/

table.tabularData tr.url {
	cursor:  pointer;
}

.artikelPagina #leftColumn .articleContent table.vacatureSmallTable,
.artikelPagina #leftColumn .plainArticleContent table.vacatureSmallTable {
	float: left;
}

.artikelPagina #leftColumn .articleContent table tbody tr.RowOdd,
.artikelPagina #leftColumn .plainArticleContent table tbody tr.RowOdd {
	background: #f5f5f5;
}

.artikelPagina #leftColumn .articleContent table tbody tr span.pagerButtons a,
.artikelPagina #leftColumn .plainArticleContent table tbody tr span.pagerButtons a {
	margin: 0 15px 0 0;
	text-decoration: none;	
}

.artikelPagina #leftColumn .articleContent table tbody tr span.pagerButtons,
.artikelPagina #leftColumn .plainAarticleContent table tbody tr span.pagerButtons {
	float: left;
}

.artikelPagina #leftColumn .articleContent table tbody tr span.pagerText,
.artikelPagina #leftColumn .plainArticleContent table tbody tr span.pagerText  {
	float: right;
}

div.viewAll a#completeListTop {
	display: block;
	padding: 0 0 10px;
}

.artikelPagina #leftColumn .articleContent table tbody tr td,
.artikelPagina #leftColumn .plainArticleContent table tbody tr td {
	border: none;
}


/**************************************************/
/*              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: #00AEEF;
}
