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

/*
$Header: /SERVEX/LWOHS/HTML/css/generic/generic.css 9     30-07-08 17:22 Eap Bachman $
$Revision: 9 $
$History: generic.css $ 
 * 
 * *****************  Version 9  *****************
 * User: Eap Bachman  Date: 30-07-08   Time: 17:22
 * Updated in $/SERVEX/LWOHS/HTML/css/generic
 * correctie voor input velden in searchbox (randje)
 * 
 * *****************  Version 8  *****************
 * User: Eap Bachman  Date: 30-07-08   Time: 17:03
 * Updated in $/SERVEX/LWOHS/HTML/css/generic
 * aanpassing formule overzicht - iets meer ruimte tussen logo en kopje
 * alleen voor IE6.
 * 
 * *****************  Version 7  *****************
 * User: Eap Bachman  Date: 15-04-08   Time: 13:48
 * Updated in $/SERVEX/LWOHS/HTML/css/generic
 * oude versieinformatie verwijderd uit comments ivm inzet VSS
 * 
 * *****************  Version 6  *****************
 * User: Eap Bachman  Date: 15-04-08   Time: 13:45
 * Updated in $/SERVEX/LWOHS/HTML/css/generic
 * IE6 correctie: breedte footer week af verkeerd in IE6
 * 
 * *****************  Version 5  *****************
 * User: Eap Bachman  Date: 15-04-08   Time: 13:24
 * Updated in $/SERVEX/LWOHS/HTML/css/generic
 * * stijl definities voor workform naar forms.css
 * * fix voor IE6: verkeerde uitlijning sommige list items
*/

/*
	generieke stylesheet voor servex en formules.
	bovenop deze stylesheets kunnen uitzonderingsregels toegepast worden om te voldoen aan een specifieke template.
	plaatjes en kleuren binnen deze stylesheet zijn slechts voorbeelden en niet voor produktie.
	Voor een complete CSS moet een 'formule stylesheet' toegevoegd worden.
	
	INDELING
	
	- TAG REDEFINITIONS: algemene herdefinities van tags
	- VORMGEVINGS STYLING CLASSES: algemene margins en stylen
	- ALGEMEEN FRAMEWORK: het basis framework
	- BLOCKS: block-elementen
	- ELEMENTEN BINNEN DE HEADER: header specifieke elementen en herdefinities
	- ELEMENTEN BINNEN CONTENT: content specifieke elementen en herdefinities	
	- ELEMENTEN BINNEN DE FOOTER: footer specifieke elementen en herdefinities
	- TABSMENU: het tabjes menu
	- TABULAIR: tabulaire data weergeven
	- PAGINA SPECIFIEK: uitzonderingen en blokken voor specifieke pagina's (bijv. zoekresultaten)
	- OVERIG: buttons, links en overige...
	
	- 20071121 SUBMENU LEVEL 3	blokje voor submenu level 3.
	
	- 20080304	generic.css gedwonload van live site tbv incrementele updates
	- 20080304	class linkslistnoscroll toegevoegd zodat formule overzichtje geen scrollbalk meer heeft. 

*/

/* TAG REDEFINITIONS */

	body {
		padding: 0;
		margin: 0;	
		font-family: arial;
		background-color: #3C44D6;
		background-image: url(images/pagina-achtergrond.gif);
		background-repeat: repeat-y;
	}

	/*
	grijze achtergrondkleur en default font grootte van 12px voor de meeste teksten.
	herdefinieer kleur indien nodig.
	*/
	body, td, p, #contentWrapper {
		font-family: arial, helvetica, sans-serif;	
		font-size: 12px;
		color: #8D8B7E;
	}
	
	/*
	kopjes hebben meestal een hoofdkleur passend bij de huisstijl van de formule. Herdefinieer
	de kleur in de formula.css
	*/
	h1, h2, h3, h4, h5, h6 {
		font-family: arial, helvetica, sans-serif;
		color: #000000;
		margin: 0;
		padding: 0;
		padding-bottom: 2px;
	}
	
	h1 {	
		font-size: 23px;
		font-weight: normal;	
	}
	
	h2 {	
		font-size: 21px;
		font-weight: normal;
		padding-top: 3px;	
	}
	
	h3 {	
		font-size: 16px;
		font-weight: normal;	
		padding-top: 3px;
	}
	
	h4, h5, h6 {	
		font-size: 14px;
		font-weight: normal;	
		padding-top: 3px;
	}
	
	big {
		font-size: 17px;
	}
	
	p {
		margin: 0;
		padding: 0;
		padding-bottom: 12px;	
	}
	
	a {
		color: #8D8B7E;
		text-decoration: none;
	}
	
	a:hover {
		text-decoration: underline;
	}

	img {
		border-style: none;
	}

	form {
		padding: 0;
		margin: 0;
	}

	th {
		text-align: left;
		font-weight: bold;
	}

	hr {
		height: 1px;
		border: none;
		background-color: #8D8B7E;
	}

/* EINDE TAG REDEFINITIONS */

/* VORMGEVINGS STYLING CLASSES */

	/* de lichte variant tekst kleur op wit vlak */
	.dimmed {
		 color: #8D8B7E;
	}
	/* de donkere variant tekst kleur op wit vlak */
	.emphasized {
		color: black;
	}
	
	/* algemene margins binnen bijv. een kolom of content gedeelte (override voor speficieke margins, bv. .rightColumn .contentMargins) */
	.contentMargins {
		padding: 10px;
	}
	
	/* wrapper rondom een 'box' element, override als nodig.. */
	.boxWrapper {
		padding-bottom: 10px;
		clear: both;
	}
	
/* ALGEMEEN FRAMEWORK: (a) mainwrapper, header, contentwrapper, footer (b) kolomverdelingen hierbinnen */

	#mainWrapper {
		display: block;
		width: 975px;
	}
	
	#header {
		display: block;
		width: 100%;
		height: 140px;
		background-image: url(images/achtergrond-header.gif);
		overflow: hidden;
	}

	#contentWrapper {
		display: block;
		width: 	1000px;
		height: auto;
		padding-left: 25px;		
	}
	
	/* binnen het content gedeelte, het brede linker vlak */
	#contentWrapper .contentLeft {
		display: block;
		float: left;
		width: 715px;
		background-color: white;
		overflow: hidden;
	}
	
	/* content gedeelte hierbinnen (geef width 100% als er niet een subkolom is rechts, en de volledige breedte nodig is */
	#contentWrapper .contentLeft .content {
		display: block;
		float: left;
		width: 470px;
		overflow: hidden;		
	}
	
	/* de eventuele rechterkolom binnen het linker content gedeelte.. */
	#contentWrapper .contentLeft .rightColumn {
		display: block;
		float: left;
		width: 235px;
		overflow: hidden;
	}
	
	/* de algemene rechter kolom */
	#contentWrapper .contentRight {
		display: block;
		float: left;
		width: 240px;
		color:#8D8B7E;
		background-image: url(images/achtergrond-rechterkolom.gif);
		background-repeat: no-repeat;
		background-position: right -5px;
	}
	
	/* footer */
	#footer {
		display: block;
		clear: both;
		width: 100%;
		_width: 975px;		/* IE6 Fix */
		height: 150px;
		background-image: url(images/footerbackground-1.gif);
		background-color: #3C44D6;
		background-repeat: no-repeat;
	}
	
	/* logopositie, wordt 'over' de pagina heengelegd en bevat het logo als backgr. image */
	#logo {
		position: absolute;
		left: 25px;
		top: 0px;
		background-repeat: no-repeat;
		width: 350px;
		height: 150px;
		z-index: 5;
	}
	
	/* main slogan positie */
	#mainSlogan {
		position: absolute;
		left: 0px;
		top: 65px;
		width: 975px;
		height: 72px;
		z-index: 10;	
	}

	/* twee blokken die de header en footer markeren die alleen getoond worden in print stylesheets. */
	#printHeader,
	#printFooter {
		display: none;
	}

/** EINDE ALGEMEEN FRAMEWORK */


/** 'BLOCKS' - blocks zijn elementjes die in cms-en vaak als 'modules', 'blocks' of 'box' aangegeven worden,
bijvoorbeeld een promo-elementje met een kadertje */

	/* imagesblock - bevat drie images om bovenaan de pagina weer te geven (onder aan de header). */
	.imagesBlock {
		display: block;
		width: 	715px; 
		height: 150px;
		overflow: hidden;
	}

	.imagesBlock .image {
		display: block;
		float: left;
		width: 235px;
		height: 150px;
	}

	.imagesBlock .image .imageOverlay {
		display: block;
		width: 235px;
		height: 150px;
		background-image: url(images/hoekje-imagesblock.gif);
		background-repeat: no-repeat;
		background-position: top right;
	}
	/* einde imagesblock */

	/* three-tops bevat drie kolommen met een plaatje en korte tekst en lessverder link */
	.threeTopsWrapper {
		display: block;
		width: 705px;
		overflow: hidden;
		clear: both;
	}

	.threeTopsWrapper h1 {
		padding:0;
		margin: 0;
		padding-top: 10px;
	}

	.threeTopsWrapper .itemsWrapper {
		display: block;
		width: 715px;
		height: 300px;
		oveflow: hidden;
	}

	.threeTopsWrapper .itemsWrapper .itemWrapper {
		display: block;
		float: left;
		width: 234px; /* 1 pixel to short because there is a 1px right border to make it 235px... */
		height: 200px;
		border-right: dotted 1px #8D8B7E;
	}

	.threeTopsWrapper .itemsWrapper .itemWrapper .item {
		padding-left: 10px;
		padding-right: 10px;
	}

	.threeTopsWrapper .itemsWrapper .itemWrapper .item .image {
		display: block;
		width: 215px;
		height: 100px;
	}

	.threeTopsWrapper .itemsWrapper .itemWrapper .item .imageOverlay {
		display: block;
		width: 215px;
		height: 100px;
		background-image: url(images/hoekje-3tops.gif);
		background-repeat: no-repeat;
		background-position: top left;	
	}

	.threeTopsWrapper .itemsWrapper .itemWrapper .item .blurb {
		display: block;
		width: 215px;
	}

	.threeTopsWrapper .itemsWrapper .itemWrapper .item .blurb h2 {
		padding: 0;
		margin: 0;
		font-size: 17px;
	}

	.threeTopsWrapper .itemsWrapper .itemWrapper .item .blurb a {
		text-decoration: none;
		display: block;
		width: 100%;
	}

	.threeTopsWrapper .itemsWrapper .itemWrapper .item .blurb a:hover {
	
	}
	/* einde three-tops */
	
	/* box, box2 - zijn twee 'blokjes' met afgeronde hoekjes. 1 box is de default box, de 2e is de 'alternate' met een alternatieve
	achtergrond kleur */
	.box {
		display: block;
		width: 215px;
		background-color: #3C44D6;
	}
	
	.box2 {
		display: block;
		width: 215px;
		background-color: #9219D1;
	}

	.box .boxTop {
		display: block;
		width: 100%;
		height: 20px;
		background-color: white;
		background-image: url(images/box-top.gif);
		background-repeat: no-repeat;
		background-position: left bottom;
	}

	.box2 .boxTop {
		display: block;
		width: 100%;
		height: 20px;
		background-color: white;
		background-image: url(images/box2-top.gif);
		background-repeat: no-repeat;
		background-position: left bottom;
	}

	.box  .boxContent, .box2 .boxContent {
		padding-left: 10px;
		padding-right: 10px;
	}

	.box  .boxBottom { 
		display: block;
		width: 100%;
		height: 20px;
		background-color: white;
		background-image: url(images/box-bottom.gif);
		background-repeat: no-repeat;
		background-position: left top;
	}

	.box2 .boxBottom {
		display: block;
		width: 100%;
		height: 20px;
		background-color: white;
		background-image: url(images/box2-bottom.gif);
		background-repeat: no-repeat;
		background-position: left top;
	}

	.box img.leesverderpijl {
		background-image: url(images/pijltje-rechts3.gif);
	}

	.box2 img.leesverderpijl {
		background-image: url(images/pijltje-rechts4.gif);
	}

	.box, .box2,
	.box a, .box2 a {
		text-decoration: none;
	}
	/* einde box, box2 */
	
	/* contentbox is een blokje met tekst */
	.contentBox {	
	}

	.contentBox a {
		text-decoration: none;
	}
	/* einde contentbox */
	
	/* links list - lijst met links gescheiden door puntjes */
	ul.linksList {
		display: block;
		width: 100%;
		border-top: dotted 1px #a0a0a0;
		margin: 0;
		padding: 0;
	}

	ul.linksList li {
		list-style: none;
		padding: 0;
		margin: 0;		
		width: 100%;		
		border-bottom: dotted 1px #a0a0a0;			
		line-height: 18px;
		_display: inline;	/* IE6 Fix */
	}

	ul.linksList li.selected {
	
	}

	ul.linksList li a {
		text-decoration: none;
	}
	
	ul.linksList li a.selected,
	ul.linksList li a:hover {
		color: black;
	}
	/* einde linkslist*/
	
	/* linkslistscroll - links met een scrollbar */
	ul.linksListScroll {
		display: block;
		width: 100%;
		height: 135px;
		overflow: auto;
		margin: 0;
		padding: 0;	
	}

	ul.linksListScroll li {
		display: block;
		padding: 0;
		margin: 0;
		list-style-type: none;
		border-top: dotted 1px #a0a0a0;	
		line-height: 18px;
		
		_display: inline;	/* IE6 Fix */		
		_width: 100%;
	}
	
	ul.linksListScroll li a {
		text-decoration: none;
	}

	ul.linksListScroll li a.selected,
	ul.linksListScroll li a:hover {
		color: black;
	}
	/* einde linkslistscroll */
	
	/* linkslistscroll - links ZONDER scrollbar (toegevoegd 20080304) */
	ul.linksListNoScroll {
		display: block;
		width: 100%;
		overflow: hidden;
		margin: 0;
		padding: 0;	
	}

	ul.linksListNoScroll li {
		display: block;
		padding: 0;
		margin: 0;
		list-style-type: none;
		border-top: dotted 1px #a0a0a0;	
		line-height: 18px;
		
		_display: inline;	/* IE6 Fix */		
		_width: 100%;		
	}
	
	ul.linksListNoScroll li a {
		text-decoration: none;
	}

	ul.linksListNoScroll li a.selected,
	ul.linksListNoScroll li a:hover {
		color: black;
	}
	/* einde linkslistnoscroll */	
	
	/* formules overzicht */
	.formulasWrapper {
		padding-top: 20px;
		background-image: url(images/logo2.gif);
		background-position: center 20px;
		background-repeat: no-repeat;
	}

	.formulasWrapper h2 {
		display: block;
		padding-top: 142px;
		_padding-top: 152px;		
		color: #8D8B7E;
	}
	/* einde formules overzicht */

	/* vacatures lijst */
	.vacaturesListWrapper {
		clear: both;
	}

	/* zoek vacatures lijst */
	.searchVacaturesWrapper {
		clear: both;
	}

	.searchVacaturesWrapper h2 {
		color: #8D8B7E;
	}

/** EINDE BLOCKS **/

/* ELEMENTEN BINNEN DE HEADER */	

	/* bovenste menu (met o.a. print link en zoekblokje */
	#header .topMenu {
		display: block;
		width: 100%;
		height: 40px;
				
	}

	#header .topMenu .linksBlock {
		display: block;
		width: 100%;
		color: white;
		font-size: 11px;
		text-align: center;
		padding-top: 8px;
	}

	#header .topMenu .linksBlock a {
		font-weight: bold;
		color: white;
	}

	#header .topMenu .linksBlock ul {
		margin: 0;
		padding: 0;
		padding-top: 3px;
	}

	#header .topMenu .linksBlock ul li {
		display: inline;
		padding: 0;
		margin: 0;
		list-style-type: none;
		float: left;
		padding-left: 2px;
		padding-right: 2px;
	}

	#header .topMenu .linksBlock ul li a {
		color: white;
	}

	#header .topMenu .searchBlock {
		position: absolute;
		left: 820px;
		width: 170px;
		top: 3px;	
	}
	
	.searchBlock form {
		padding: 0;
		margin: 0;
	}

	.searchBlock input {
		font-size: 11px;
		border: solid 1px white;
		color: #a0a0a0;
		width: 100px;
	}
	
	.searchBlock .submitButton0 {
		width: 40px;
		cursor: pointer;		
	}
	/* einde header topMenu gedeelte */
	
	
	
/* EINDE ELEMENTEN BINNEN DE HEADER */

/* ELEMENTEN BINNEN CONTENT */

	#contentWrapper .contentLeft .divider {
		display: block;
		width: 100%;
		height: 11px;
		background-image: url(images/afronding.gif);
		background-repeat: no-repeat;
		background-position: right bottom;
	}

	.content a {
		text-decoration: none;	
	}

	.content a:hover {
		text-decoration: underline;
	}

	#contentWrapper .rightColumn .contentMargins {
		padding-left: 20px;
	}

	
	#contentWrapper .rightColumn .boxWrapper {
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 20px;
		clear: both;
	}
	
	#contentWrapper .contentRight .boxWrapper {
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 20px;
		clear: both;
	}

	#contentWrapper .contentRight p {
		color:	#8D8B7E;;
	}
	
	#contentWrapper .contentRight .contentMargins {
		padding-left: 10px;
	}

/* EINDE ELEMENTEN BINNEN CONTENT */

/* ELEMENTEN BINNEN FOOTER */

	#footer .footerSlogan {
		display: block;
		width: 100%;
		height: 90px;
	}

	#footer .footerSlogan h1 {
		padding: 0;
		margin: 0;
		padding-left: 40px;
		padding-top: 42px;
		font-weight: bold;
		font-size: 28px;
	}

	#footer .footerSlogan h1 a:hover {
		text-decoration: none;
	}

	#footer .linksBlock {
		display: block;
		font-size: 11px;
		font-weight: bold;
		padding-left: 25px;
	}

	#footer .linksBlock a {

	}
	
	
	
/* EINDE ELEMENTEN BINNEN FOOTER */

/* TABS MENU */ 
	#tabsMenu {
		position: absolute;
		width: 975px;
		height: 35px;
		top: 40px;
		z-index: 100;
		overflow: hidden;
	}
	
	.tabsMenuWrapper {
		float: right;
		color: black;
	}
	
	.tabsMenuWrapper .left {
		float: left;
		width: 10px;
		height: 20px;
		background-image: url(images/hoofdmenu-tab-rechts.gif);
		background-repeat: no-repeat;
	}
	
	.tabsMenuWrapper .right {
		float: left;
		width: 60px;
		height: 20px;
		background-image: url(images/hoofdmenu-tab-links.gif);
		background-repeat: no-repeat;
	}
	
	.tabsMenuWrapper ul {
		float: left;
		padding: 0;
		margin: 0;
		
	}
	
	.tabsMenuWrapper ul li {
		display: block;
		white-space: nowrap;
		float: left;
		padding-left: 1px;
		
		background-color: #9219D1;
	}
	
	.tabsMenuWrapper ul li .left {
		float: left;
		width: 10px;
		height: 20px;
		background-image: url(images/hoofdmenu-tab-links.gif);
		background-repeat: no-repeat;
	}
	
	.tabsMenuWrapper ul li.selected .left {
		background-image: none;
	}
	
	.tabsMenuWrapper ul li a {
		float: left;
		color: white;
		height: 20px;
	}
	
	.tabsMenuWrapper ul li.selected a,
	.tabsMenuWrapper ul li.selected a:hover {
		background-color: transparent;
		color: #000000;
	}
	
	.tabsMenuWrapper ul li a:hover {
		text-decoration: underline;
	}
	
	.tabsMenuWrapper ul li .right {
		float: left;
		width: 10px;
		height: 20px;
		background-image: url(images/hoofdmenu-tab-rechts.gif);
		background-repeat: no-repeat;
		
	}
	
	.tabsMenuWrapper ul li.selected .right {
		background-image: none;
	}
	
	.tabsMenuWrapper ul li .tabsMenuLevel2Anchor {
		display: none;
	}
	
	.tabsMenuWrapper ul li.selected .tabsMenuLevel2Anchor  {
		display: block;
		float: left;
	}
	
	.tabsMenuWrapper .tabsMenuLevel2AlignRight {
			float: left;
			position: relative;
			top: 0px;	
			left: 0px;
			width: 0px;
			overflow: visible;			
	}
	
	.tabsMenuWrapper .tabsMenuLevel2AlignRight .tabsMenuLevel2Wrapper {
		position: absolute;
		width: 600px;
		left: -600px;
		top: 20px;
	}
	
	.tabsMenuWrapper ul li.selected .tabsMenuLevel2AlignRight .left {
		float: right;
		width: 8px;
		height: 15px;
		background-image: url(images/hoofdmenu-level2-rechts.gif);
		background-repeat: no-repeat;
	}
	
	.tabsMenuWrapper ul li.selected .tabsMenuLevel2AlignRight ul {
		float: right;
		
	}
	
	.tabsMenuWrapper ul li.selected .tabsMenuLevel2AlignRight .right {
		float: right;
		width: 8px;
		height: 15px;
		background-image: url(images/hoofdmenu-level2-links.gif);
		background-repeat: no-repeat;
	}	
	
	.tabsMenuWrapper .tabsMenuLevel2AlignLeft {
			float: left;
			position: relative;	
			width: 0px;
			left: -1px;
			top: 0px;
			overflow: visible;
	}
	
	.tabsMenuWrapper .tabsMenuLevel2AlignLeft .tabsMenuLevel2Wrapper {
		position: absolute;
		width: 600px;
		top: 20px;		
	}	
	
	
	
	
	.tabsMenuWrapper ul li.selected .tabsMenuLevel2AlignLeft .left {
		float: left;
		width: 8px;
		height: 15px;		
		background-image: url(images/hoofdmenu2-level2-links.gif);
		background-repeat: no-repeat;
	}
	
	.tabsMenuWrapper ul li.selected .tabsMenuLevel2AlignLeft ul {
		float: left;		
	}
	
	.tabsMenuWrapper ul li.selected .tabsMenuLevel2AlignLeft .right {
		float: left;
		width: 8px;
		height: 15px;		
		background-image: url(images/hoofdmenu2-level2-rechts.gif);
		background-repeat: no-repeat;
	}

	.tabsMenuWrapper a {
		text-decoration: none;
		font-size: 11px;
		font-weight: bold;
	}
	
	.tabsMenuWrapper ul li {
		line-height: 20px;	
	}
	
	
	.tabsMenuWrapper ul li ul li {
		padding-left: 5px;
		padding-right: 5px;
		line-height: 15px;
	}
	
	.tabsMenuWrapper .tabsMenuLevel2Wrapper {
		height: 15px;
		overflow: hidden;
	}
	
/* EINDE TABS MENU */ 

/* TABULAIR */

	.tabularData {
		display: block;
		width: 100%;
		font-size: 12px;
		
	}
	
	.tabularData .headerRow {
		display: block;
		width: 100%;
		line-height: 20px;
		height: 20px;
		font-weight: bold;
		clear: both;
	}	
	
	.tabularData .row {
		display: block;
		width: 100%;
		line-height: 20px;
		height: auto;
		overflow: hidden;
		border-bottom: dotted 1px #8D8B7E;
		clear: both;
	}
	
	.tabularData .separatorrow .row,
	.tabularData .separatorrow .activeRow  {
		/* deze rij heeft een solid linestyle in plaats van een dotted line style. */
		border-bottom: solid 1px;
	}
	
	.tabularData .activeRow {
		display: block;
		width: 100%;
		line-height: 20px;
		height: auto;
		overflow: hidden;
		border-bottom: dotted 1px #8D8B7E;
		clear: both;
	}
	
	.tabularData .cell {
		display: block;
		float: left;
		width: 24%;			/* pas aan voor aantal cellen */
	}
	
	.tabularData .cell75 {
		display: block;
		float: left;
		width: 74%;			/* pas aan voor aantal cellen */
	}
		
	.tabularData .cell .cellcontent {
		display: block;
		padding: 0;
		margin: 0;
		margin-left: 10px;
	}
	
	.tabularData .cell .contentSelected {
		padding-left: 15px;
		background-repeat: no-repeat;
		background-position: left top;
	}
	
	.tabularData a,
	.tabularData a:hover {
		cursor: pointer;
		text-decoration: none;
		
	}
/* EINDE TABULAIR */


/* PAGINA SPECIFIEK */	

	/* kleur definities tabular data binnen 'content' */	
	.tabularData .headerRow {
		background-color: #3c7862;
		color: white;
	}
	
	.tabularData .headerRow a {
		color: white;
	}
	
	#contentWrapper .content .tabularData .activeRow {
		background-color: #8D8B7E;
	}
	
	#contentWrapper .content .tabularData .cell .contentSelected {
		background-image: url(images/pijltje-rechts4.gif);
	}
	
	#contentWrapper .content .tabularData .cell .contentSelected,
	#contentWrapper .content .tabularData .cell .contentSelected a {
		color: #FDDD56;
	}
	
	#contentWrapper .content .tabularData .row a,
	#contentWrapper .content .tabularData .row {
		color: #8D8B7E;
	}
	
	#contentWrapper .content .tabularData .headerRow,
	#contentWrapper .content .tabularData .activeRow,
	#contentWrapper .content .tabularData .activeRow a {
		color: white;
	}
	
	/* specifieke kleuren tabular data voor 'vacatureDetails' ... */
	#contentWrapper .content .vacatureDetails .tabularData .headerRow {
		color: #FDDD56;
	}
	
	.vacatureDetails .tabularData .row,
	.vacatureDetails .tabularData .activeRow {
		height: auto;
	}
	
	
	
	/* zoek resultaten */
	.searchResults .searchResult {
		display: block;
		padding-bottom: 14px;
		line-height: 18px;
	}
	
	#contentWrapper .content .searchResults .searchResult a.searchTitle {
	}
	
	#contentWrapper .content .searchResults .searchResult a.searchReadMore {
		color: #8D8B7E;
	}
		
	.searchResults .searchResult a {
		text-decoration: none;
		font-weight: bold;
	}
	
	.searchResults .searchResult a:hover {
		text-decoration: underline;
	}
	

/* EINDE PAGINA SPECIFIEK */
	
/* OVERIG */

	/* classes om content alleen of ook voor print weer te geven of te verbergen */
	div.printonly, span.printonly {
		display: none;
	}
	.printable, .screenonly,
	div.printable, span.printable,
	div.screenonly, span.screenonly {

	}



	/* enkele buttons */
	input.submitButton0 {
		background-color: transparent;
		color: white;
		border: none;
		font-weight: bold;
		cursor: pointer;
	}

	input.submitButton {
		/* button voor witte achtergrond. evt. stylen met achtergrondkleur etc. */
		border: none;
		font-weight: bold;
		cursor: pointer;
	}
	
	input.submitButton2 {
		/* button op de achtergrondkleur. evt. stylen met achtergrondkleur etc */
		border: none;
		font-weight: bold;
		cursor: pointer;
		
	}
	
	/* plaatje met pijltje (typisch gebruik: lees verder.. */
	img.leesverderpijl {
		width: 14px;
		height: 12px;
		background-image: url(images/pijltje-rechts3.gif);
		background-repeat: no-repeat;
	}

	/* buttonlink - button achtige stijl met tekstuele link in het midden */
	.buttonLink {
		white-space: nowrap;
		clear: both;			
		padding-top: 4px;
	}

	.buttonLink a {
		font-weight: bold;
	}
	
	.buttonLink a:hover {
		text-decoration: none;
	}
	
	.buttonLink .middle {
		float: left;
		height: 14px;
		overflow: hidden;
		background-color: #3C44D6;
		line-height: 13px;
	}

	.buttonLink .left {
		float: left;
		width: 7px;
		height: 14px;
		background-image: url(images/buttonlink-left.gif);
		background-repeat: no-repeat;
		
	}

	.buttonLink .right {
		float: left;
		width: 7px;
		height: 14px;
		background-color: white;
		background-image: url(images/buttonlink-right.gif);
		background-repeat: no-repeat;
	}
	
	/* navigateleftbutton, navigaterightbutton - pijltje links-rechts binnen een link */
	a img.navigateLeftButton {
		width:	11px;
		height:	11px;
		background-image: url(images/navigate-left-over.gif);
		background-repeat: no-repeat;	
	}
	
	a:hover img.navigateLeftButton {
		background-image: url(images/navigate-left-over.gif);
	}
	
	a img.navigateRightButton {
		width:	11px;
		height:	11px;
		background-image: url(images/navigate-right.gif);
		background-repeat: no-repeat;	
	}
	
	a:hover img.navigateRightButton {
		background-image: url(images/navigate-right-over.gif);
	}
	
	
	/* paginatie links (i.e. pagina 1 | 2 | 3) */
	.paginationLinks {
		font-weight: normal;
	}
	
	.paginationLinks a {
		text-decoration: none;
		font-weight: bold;
		padding-left: 3px;
		padding-right: 3px;
	}
	
	/* styling en padding van de 'main slogan' */
	#mainSlogan h1 {
		padding: 0;
		margin: 0;
		padding-left: 0px;
		padding-top: 25px;
	
		font-family: arial, helvetica, sans-serif;
		font-size: 38px;
		font-weight: bold;
	
		white-space:nowrap;
		text-align: right;
	}

/* EINDE OVERIG */


/* 20071121 SUBMENU LEVEL 3 */

.boxWrapper .menuLevel3Wrapper {
}

.boxWrapper .menuLevel3Wrapper h2 {
	padding-bottom: 10px;
}

.boxWrapper .menuLevel3Wrapper .linksList a.selected {
	font-weight: bold;
}



.workFormWrapper .foverviewTitle {
	/* titel voor formulier */
	font-size: 24px;
	padding-bottom: 10px;
	font-weight: normal;
}
	
	
/* 2007 Nov formule overzichts paginas */
.formuleOverzichtResultaten {
	/* wrapper voor de resultaten tabel */
	font-weight: bold;
}

img.sortDown {
	background-image: url(images/pijltje-onder.gif);
	background-repeat: no-repeat;
	width: 14px;
	height: 20px;
	vertical-align: middle;
	background-position: 0px 2px;
}

img.sortUp {
	background-image: url(images/pijltje-boven.gif);
	background-repeat: no-repeat;
	width: 14px;
	height: 20px;
	vertical-align: middle;
	background-position: 0px 2px;
}