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

body,
div {
	margin: 0;
	padding: 0;
	}


/* body
============================================================= */

body {
	background: url(/images/layout/headerBG_new_small.jpg) repeat-x center 50px;
	}

body#home {
	background: url(/images/layout/headerBG_new.jpg) repeat-x center 50px;
	}



a:link,
a:visited {
	color: RGB(0,120,190);
	}
a:hover {
	color: RGB(80,200,255);
	}



a[href $=".pdf"] {
	background: url(/images/layout/pdficon_small.gif) no-repeat right top;
	padding-right: 18px;
	}
a[href $=".pdf"]:after {
	/*content: ' (pdf)';*/
	}

a[href $=".doc"],
a[href $=".docx"] {
	background: url(/images/layout/wordIcon_small.gif) no-repeat right top;
	padding-right: 18px;
	}



a.inschrijven:link,
a.inschrijven:visited {
	display: block;
	width: 352px;
	height: 50px;
	padding-top: 13px;
	background: url(../images/layout/inschrijvenBttn.png);
	color: white;
	line-height: 20px;
	text-align: center;
	text-transform: uppercase;
	font-size: 18px;
	text-decoration: none;
	}
a.inschrijven span {
	font-size: 11px;
	text-transform: none;
	}


a img {
	border: none;
	}

/* outerWrapper
============================================================= */

div#outerWrapper {
	width: 100%;
	}



/* wrapper
============================================================= */

div#wrapper {
	width: 960px;
	margin: 0 auto;
	}



/* header
============================================================= */

div#header {
	height: 100px;
	width: 960px;
	position: relative;
	z-index: 88;
	margin-bottom: 120px;
	}
body#home div#header {
	height: 160px;
	}



/* logo
============================================================= */

div#logo {
	position: absolute;
	top: 50px;
	left: 361px;
	width: 505px;
	height: 75px;
	}
div#logo a {
	width: 505px;
	height: 75px;
	display: block;
	overflow: hidden;
	text-indent: -1000px;
	background: url(/images/layout/wgcc_logo.png) no-repeat;
	}



/* navigation
============================================================= */

div#navigation {
	position: absolute;
	top: 16px;
	height: 34px;
	font-family: Arial, Helvetica, sans-serif;
	}


div#navigation ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	height: 34px;
	}
div#navigation ul li {
	float: left;
	position: relative;
	}
div#navigation ul li a {
	display: block;
	padding-right: 10px;
	padding-left: 10px;
	color: RGB(0,174,220);
	color: RGB(0,120,190);
	color: black;

	text-transform: lowercase;
	font-weight: bold;
	text-decoration: none;
	font-size: 14px;
	line-height: 28px;
	height: 34px;
	}
div#navigation ul li a:hover,
div#navigation ul li.currentParent a,
div#navigation ul li.current-page-parent a {
	background: RGB(255,200,0);
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;

	}
div#navigation ul li.currentParent ul li a,
div#navigation ul li.current-page-parent ul li a {
	background: none;
	}



div#navigation ul ul { 
	display: none;
	background: url(/images/layout/nav-level2-bg.png);
	position: absolute;
	left: 0;
	top: 34px;
	padding: 6px 0;
	height: auto;
	width: 180px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	}
div#navigation ul ul#subNav4 { 
	width: 230px;
	}

div#navigation ul ul li {
	float: none;
	padding-right: 0;
	margin: 0;
	height: 22px;
	} 
div#navigation ul ul li a {
	font-size: 12px;
	text-transform: none;
	line-height: 18px;
	text-shadow: none;
	font-weight: normal;
	padding-top: 2px;
	padding-bottom: 2px;
	height: auto;
	color: white;
	}
div#navigation ul li.currentParent ul li a:hover {
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	background: RGB(0,50,90);
	background: RGBA(0,0,0,0.3);
	color: RGB(245,210,0);
	}






/* content
============================================================= */

div#content {
	width: 960px;
	position: relative;
	background: url(/images/layout/sideBarBG.gif) repeat-y right top;
	}
body#home div#content,
body#selectie div#content {
	background: none;
	}



div#pijlers {
	position: absolute;
	top: -122px;
	left: -4px;
	z-index: 66;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 15px;
	width: 960px;
	height: 150px;
	padding: 2px 4px 4px 4px;
	background: url(/images/layout/pijlersBG.png);
	}

div#pijlers div.pijler {
	width: 184px;
	height: 150px;
	float: left;
	margin-right: 10px;
	position: relative;
	}
div#pijlers div#pijler5 {
	margin-right: 0px;
	}
div#pijlers div.pijler h2 {
	margin: 0;
	padding: 0;
	position: absolute;
	text-indent: -9999px;
	}
div#pijlers div.pijler p {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 52px;
	left: 15px;
	width: 156px;
	}
div#pijlers div.pijler ul {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 42px;
	left: 15px;
	width: 156px;
	}
div#pijlers div.pijler ul li {
	list-style-type: none;
	margin-bottom: 6px;
	}
div#pijlers div.pijler ul li a {
	color: black;
	text-decoration: none;
	}
div#pijlers div.pijler ul li a:hover {
	color: RGB(0,158,244);
	}
div#pijlers div.pijler a.more {
	position: absolute;
	bottom: 6px;
	right: 6px;
	font-style: italic;
	text-decoration: none;
	color: RGB(0,120,190);
	}
div#pijlers div.pijler a.more:hover {
	color: black;
	}
div#pijlers div.nieuws ul a:hover {
	color: RGB(204,7,30)  !important;
	}
div#pijlers div.nieuws a.more {
	color: RGB(204,7,30);
	}


div#mainContent {
	margin-top: 60px;
	padding-bottom: 60px;
	width: 630px;
	float: left;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
	position: relative;
	}
body#home div#mainContent {
	padding: 0;
	width: 572px;
	left: 0;
	border: none;
	}
body.leden div#mainContent {
	width: 460px;
	left: 150px;
	padding-left: 19px;
	border-left: 1px solid RGB(220,220,220);
	}


div#mainContent h1 {
	font-size: 2em;
	line-height: 1.2em;
	color: RGB(6,148,230);
	}
div#mainContent h2 {
	font-size: 1.5em;
	line-height: 1.2em;
	}
div#mainContent th {
	text-align: left;
	}

div#mainContent table.persNieuwsTable td {
	color: RGB(100,100,100);
	vertical-align: top;
	padding-bottom: 4px;
	line-height: 15px;
	}

div#mainContent table.persNieuwsTable a {
	text-transform: none;
	font-size: 12px;
	text-decoration: none;
	}


div#mainContent img.right_align {
	float: right;
	margin: 0 0 10px 10px;
	}

div#mainContent div.right_align {
	float: right;
	margin: 0 0 10px 20px;
	font-size: 11px;
	line-height: 16px;
	color: RGB(100,100,100);
	border: 1px solid RGB(200,200,200);
	padding: 10px;
	}

div.mainContentNav {
	background: RGB(230,230,230);
	border: 1px solid RGB(200,200,200);
	float: right;
	margin: 0 0 20px 20px;
	padding: 8px;
	min-width: 140px;
	}
div.mainContentNav ul {
	margin: 0;
	padding: 0;
	padding-left: 17px;
	}
div.mainContentNav p {
	margin-bottom: 0px;
	}




/* logo's selectiepagina */

div#selectie-logos {
	width: 960px;
	overflow: hidden;
	}
div#selectie-logos div.logo {
	position: relative;
	width: 150px;
	height: 150px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	z-index: 1;
	}
div#selectie-logos div.logo div.info {
	display: none;
	z-index: 2;
	position: absolute;
	left: 0;
	bottom: 0;
	color: RGB(150,150,150);
	text-align: center;
	width: 140px;
	padding: 5px;
	font-size: 11px;
	line-height: 14px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	}
div#selectie-logos div.logo div.info span {
	display: block;
	}




/* sideContent */

div#sideContent {
	display: none;

	padding: 70px 0;
	width: 130px;
	float: left;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 16px;
	position: absolute;
	left: 0px;
	}
body.leden div#sideContent {
	width: 140px;
	display: block;
	}

div#sideContent h2 {
	font-size: 12px;
	}
div#sideContent ul {
	padding-left: 17px;
	}
	

div.block {
	border-top: 1px solid RGB(200,200,200);
	background: RGB(245,245,245) url(../images/layout/postBG.gif) no-repeat left bottom;
	padding: 0px 10px 10px 10px;
	margin: 20px 0;
	}
div.block h3 {
	color: RGB(6,148,230);
	}




/* posts */

div#posts {
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	padding: 10px 20px 5px 20px;
	background: RGB(245,245,245) url(../images/layout/postBG.gif) no-repeat left bottom;
	}

div.post {
	border-top: 1px solid RGB(255,200,30);
	border-top: 1px solid RGB(50,170,255);
	border-top: none;
	padding: 20px 0 10px 0;
	color: RGB(80,90,100);
	}
div.post p.date,
div#mainContent p.date {
	color: RGB(150,150,150);
	margin-top: 0px;
	margin-bottom: 10px;
	text-transform: uppercase;
	font-size: 11px;
	}
div#mainContent div.post h2 {
	padding: 0;
	margin: 0;
	font-size: 16px;
	line-height: 20px;
	color: RGB(50,60,70);
	color: RGB(0,120,190);
	}
div.post h2 a {
	text-decoration: none;
	}
div.post a.read-more {
	white-space: nowrap;
	}
.post-divider { /* added by jquery */
	border-bottom: 1px solid RGB(220,220,220);
	}


#columns {
	width: 630px;
	margin-bottom: 40px;
	height: 170px;
	position: relative;
	}
div#column1,
div#column2 {
	width: 300px;
	background: RGB(245,245,245);
	float: left;
	height: 170px;
	position: relative;
	}
div#column1 {
	margin-right: 30px;
	}
#columns img {
	border: 0;
	}

div#banners {
	width: 300px;
	height: 170px;
	overflow: hidden;
	}

div#banners a {
	display: block;
	width: 300px;
	height: 170px;
	}
div#banners-small a[href $=".pdf"],
div#column1 a[href $=".pdf"],
div#banners a[href $=".pdf"] {
	background: none;
	padding-right: 0;
	}

div#column2Nav {
	position: absolute;
	left: 0px;
	bottom: -15px;
	width: 300px;
	height: 10px;
	text-align: center;
	}
div#column2Nav a {
	display: inline-block;
	width: 10px;
	height: 10px;
	background: url(/images/layout/bannerNav.png);
	margin-right: 6px;
	text-indent: -9999px;
	}
div#column2Nav a:hover,
div#column2Nav a.activeSlide {
	background-position: 0 -24px;
	background-position: 0 -10px;
	}







/* sideBar
============================================================= */

div#sideBar {
	padding-top: 60px;
	width: 300px;
	float: right;
	background: RGB(233,233,233);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: RGB(100,100,100);
	}

div.sideBarItem {
	width: 300px;
	margin-bottom: 40px;
	overflow: hidden;
	}
body#home div.sideBarItem {
	margin-bottom: 10px;
	}
div.sideBarItem h2 {
	font-size: 14px;
	text-align: left;
	text-indent: 20px;
	margin-bottom: 10px;
	}
div.sideBarItem h2 a {
	text-decoration: none;
	}



body#home div#sideBar {
	padding-top: 60px;
	width: 378px;
	float: right;
	background: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: RGB(100,100,100);
	}

body#home div#banners-small {
	height: 130px;
	overflow: hidden;
	}
body#home div#banners-small div#banner1-small,
body#home div#banners-small div#banner2-small {
	width: 184px;
	height: 105px;
	float: left;
	margin-right: 10px;
	}
body#home div#banners-small div#banner2-small {
	margin-right: 0;
	}
body#home div#banners-small  div#banner2-small-cycle {
	overflow: hidden;
	width: 184px;
	height: 105px;
	}
body#home div#banners-small  div#banner2-small-cycle a,
body#home div#banners-small  div#banner2-small-cycle a img {
	width: 184px;
	height: 105px;
	}

body#home div#banners-small div#banner2-small div#banner2-small-nav {
	height: 14px;
	padding-top: 6px;
	text-align: center;
	}
body#home div#banners-small div#banner2-small div#banner2-small-nav a {
	display: inline-block;
	width: 8px;
	height: 8px;
	background: url(/images/layout/bannerNav.png);
	background: url(/images/layout/cycle-nav-dots.gif);
	margin-right: 5px;
	text-indent: -9999px;
	}
body#home div#banners-small div#banner2-small div#banner2-small-nav a:hover {
	background-position: 0 -8px;
	}
body#home div#banners-small div#banner2-small div#banner2-small-nav a:active {
	background-position: 0 0;
	}
body#home div#banners-small div#banner2-small div#banner2-small-nav a.activeSlide {
	background-position: 0 -16px;
	}







body#home div.box {
	width: 378px;
	padding: 0 0 0 0;
	background: RGB(233,233,233);
	-webkit-border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-moz-border-radius: 8px;
	margin-bottom: 10px;
	}
body#home div.box h1 {
	margin-top: 10px;
	}




/* randstadBnnr
============================================================= */

div#randstadBnnr {
	border: 1px solid white;
	border-left: none;
	border-right: none;
	width: 300px;
	height: 76px;
	overflow: hidden;
	}


div#randstadBnnr a:link,
div#randstadBnnr a:visited {
	display: block;
	width: 300px;
	height: 76px;
	background: url(/images/sidebar/randstad.gif);
	font-size: 13px;
	text-indent: 65px;
	text-decoration: none;
	color: RGB(120,120,120);
	line-height: 100px;
	}
div#randstadBnnr a:hover {
	color: RGB(0,120,190);
	}




body#home div#randstadBnnr {
	border: 1px solid white;
	border-left: none;
	border-right: none;
	width: 378px;
	height: 76px;
	overflow: hidden;
	margin-bottom: 10px;

	-webkit-border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-moz-border-radius: 8px;
	}


body#home div#randstadBnnr a:link,
body#home div#randstadBnnr a:visited {
	display: block;
	width: 378px;
	height: 76px;
	background: url(/images/sidebar/randstad.gif) 0 0 no-repeat RGB(208,208,208);
	font-size: 13px;
	text-indent: 65px;
	text-decoration: none;
	color: RGB(120,120,120);
	line-height: 100px;
	}
body#home div#randstadBnnr a:hover {
	color: RGB(0,120,190);
	}






/* latestNews
============================================================= */

div#latestNews {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}


div#latestNews ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	border-top: 1px solid RGB(215,215,215);
	}
div#latestNews ul li {
	border-bottom: 1px solid RGB(215,215,215);
	}
	
div#latestNews li a {
	display: block;
	padding: 4px 20px;
	text-decoration: none;
	color: RGB(120,120,120);
	}
div#latestNews  li a:hover {
	color: RGB(0,120,190);
	}




/* businessPartnersLogos
============================================================= */

div#businessPartners {
	width: 300px;
	padding-top: 4px;
	}

div#businessPartnersLogos {
	padding-left: 20px;
	}
div#businessPartnersLogos img {
	margin: 0 20px 10px 0;
	}





/* footer
============================================================= */

div#footer {
	width: 960px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: RGB(150,150,150);
	text-align: center;
	padding: 20px 0;
	}
	




/* fotoboek
============================================================= */

div#fotos {
	overflow: hidden;
	width: 630px;
	}

div#fotos div {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	}





/* tables
============================================================= */


table th {
	background: RGB(6,148,230);
	color: white;
	padding: 2px 4px 2px 4px;
	font-weight: normal;
	}





table#ledenOverzicht td {
	padding: 2px 4px 2px 4px;
	}
table#ledenOverzicht tr.even {
	background: RGB(245,245,245);
	}



table.bestuur {
	margin-bottom: 20px;
	}

table.bestuur thead {
	background: RGB(0,120,190);
	color: white;
	text-transform: uppercase;
	}
table.bestuur thead th {
	padding: 2px 4px;
	font-weight: normal;
	}
table.bestuur thead th.col1 {
	width: 140px;
	}
table.bestuur thead th.col2 {
	width: 180px;
	}
table.bestuur thead th.col3 {
	width: 110px;
	}
table.bestuur thead th.col4 {
	}
table.bestuur tbody td {
	border-bottom: 1px solid RGB(220,220,220);
	padding: 4px 2px;
	height: 40px;
	vertical-align: middle;
	}





/* 
============================================================= */

table.agenda {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
table.agenda tr td {
	padding: 6px 0px 6px 4px;
	vertical-align: top;
	}
table.agenda tr th {
	background: white;
	color: white;
	text-align: left;
	font-weight: bold;
	padding: 2px 2px 2px 0px;
	color: RGB(0,120,190);
	font-size: 14px;
	}
table.agenda tr td {
	border-bottom: 1px solid RGB(220,220,220);
	}
table.agenda tr.empty td {
	border-bottom: none;
	background: white;
	}

table.agenda tr td.date,
table.agenda tr td.time,
table.agenda tr td.description,
table.agenda tr td.location,
table.agenda tr td.by {
	background: RGB(6,148,230);
	color: white;
	padding: 2px 0px 2px 4px;
	text-transform: uppercase;
	}

table.agenda tr td.date {
	width: 120px;
	}
table.agenda tr td.time {
	width: 120px;
	}
table.agenda tr td.description {
	width: 180px;
	}
table.agenda tr td.location {
	width: 200px;
	}



table#platformBPTable {
	margin: 0 20px;
	}

table#platformBPTable td {
	padding-bottom: 10px;
	}





/* 
============================================================= */

ul.fileList  {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
ul.fileList h3 {
	margin: 0px 0 20px 0;
	padding: 0;
	color: RGB(6,148,230);
	}
ul.fileList p {
	margin: 0;
	padding: 0;
	color: RGB(150,150,150);
	}
ul.fileList li {
	background: RGB(240,240,240);
	padding: 10px 20px 20px 20px;
	border-bottom: 1px solid white;
	}
ul.fileList a {
	text-decoration: none;	
	}
ul.fileList img {
	vertical-align: middle;
	margin-right: 10px;
	border: none;
	}

ul.fileList a[href $=".pdf"] {
	background: none;
	padding-right: 0px;
	}







/*  overlay
============================================================= */

div#overlay  {
	display: none;
	width: 100%;
	height: 100%;
	background: url(/images/splashpage/overlay-bg.png);
	background: RGBA(255,255,255,0.8);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 111;
	}

div#overlay div#promo {
	width: 790px;
	height: 490px;
	position: relative;
	margin: auto;
	}
div#overlay div#splashpage-q-bg {
	position: absolute;
	left:  376px;
	top: 50px;
	width: 325px;
	height: 425px;
	background: url(/images/splashpage/splashpage_q_bg.jpg) no-repeat;
	overflow: hidden;
	}
div#overlay div#splashpage-q-highlight {
	position: absolute;
	left:  0;
	top: -425px;
	width: 325px;
	height: 425px;
	background: url(/images/splashpage/splashpage_q_highlight.png) no-repeat;
	}
div#overlay div#splashpage {
	position: absolute;
	left: 0;
	top: 0;
	width: 790px;
	height: 490px;
	background: url(/images/splashpage/splashpage.png) no-repeat;
	}
div#overlay div#promo h1 {
	text-indent: -9999px;
	}

div#overlay div#splashpage ul.buttons {
	list-style-type: none;
	padding: 0;
	margin: 0;
	position: absolute;
	left: 50px;
	top: 340px;
	}
	
div#overlay div#splashpage ul.buttons a {
	display: block;
	width: 266px;
	height: 38px;
	margin-bottom: 10px;
	text-indent: -9999px;
	}
div#overlay div#splashpage ul.buttons li.basis a {
	background-image: url(/images/splashpage/basisBttn.png);
	}
div#overlay div#splashpage ul.buttons li.regels a {
	background-image: url(/images/splashpage/regelsBttn.png);
	}
div#overlay div#splashpage ul.buttons a:hover {
	background-position: 0 -38px;
	}

div#overlay div#splashpage .closeBttn {
	position: absolute;
	right: -6px;
	top: -4px;
	width: 32px;
	height: 32px;
	}
div#overlay div#splashpage .closeBttn a {
	display: block;
	width: 32px;
	height: 32px;
	background: url(/images/splashpage/closeBttn.png);
	text-indent: -9999px;
	}