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

/*
$Header: /SERVEX/LWOHS/HTML/css/formule-lekkerwerkenophetstation/formule.css 3     15-04-08 13:25 Eap Bachman $
$Revision: 3 $
$History: formule.css $ 
 * 
 * *****************  Version 3  *****************
 * User: Eap Bachman  Date: 15-04-08   Time: 13:25
 * Updated in $/SERVEX/LWOHS/HTML/css/formule-lekkerwerkenophetstation
 * aanpassing kleuren formulier werkenbij
*/

/*
	formule- stylesheet
	
	VERSIE: 		1.00 / feb 07
	FORMULE:		

	Deze stylesheet bevat de kleur definities voor een specifieke formule.
	Alle images zijn gescheiden opgenomen in de 'formule-images' stylesheet.
	
	Als er kleuren niet gedefinieerd zijn in deze stylesheet (bv nav latere wijzigingen),
	verschijnen deze als de images van de generieke stylesheet en zijn te herkennen aan de kleuren.
	
*/

	/* herkenningstoken voor batch processing */
	/* START_FORMULE_COLOURS */
	
/***** ACHTERGROND KLEUREN *****/
	
	/* algemene elementen met ACHTERGRONDKLEUR2 (de achtergrondkleur van de grote vlakken) */
	body,
	#footer,
	.imagesBlock,
	.workFormWrapper,
	#contentWrapper .contentLeft .divider {
		
		background-color: #000000;
	}
	
    .buttonLink .middle {
		background-color: #ffec00;
		color: #d3271b;
	}
	

/* BOX, BOX2 kleuren van box1 en box 2 (moet overeenkomen met image randen, zie formule-images.css */
	.box {
		background-color: #000000;
	}
	.box,
	.box a {
		color: #ffffff;
	}
	
	.box2 {
		background-color: #d3271b;
	}
	.box2,
	.box2 a {
		color: #ffffff;
	}
	
	/* linkkleur van de default 'button link' element */
	.buttonLink .middle a,
	#contentWrapper .content .buttonLink .middle a {
		color: #002d92;
	}

	
/***** TEKST KLEUREN *****/	
	
	/*** KOPJES */
	h1, h2, h3, h4, h5, h6,
	.boxWrapper .menuLevel3Wrapper .linksList a:hover,
	.boxWrapper .menuLevel3Wrapper .linksList a.selected
	{
		color: #ffffff;
	}
	
	.dimmed {
		color: white;
	}
	.emphasized {
		color: #ffec00;
	}
	
	.workFormWrapper {
		background-color: #002d92;
	}
	
	#contentWrapper .rightColumn a,
	#contentWrapper .content a {
		color: #ffec00;
	}
	
	/*** FOOTER & HEADER SLOGAN */
	#mainSlogan h1,
	#mainSlogan h1 
	{
		color: #ffffff;
	}
	
	/* TOP MENU & TOPMENU LINKS */
	#header .topMenu .linksBlock,
	#header .topMenu .linksBlock a {
		color: white;
	}
	
	#footer .footerSlogan h1,
	#footer .footerSlogan h1 a
	{
		color: #ffffff;
	}
	
	/* BUTTONS */
	input.submitButton,
	input.submitButton2
	{
		color: #000000;
		background-color: #ffec00;
		border: 1px solid black;
		font-size: 11px;
	}
	
	/*** WERKEN BIJ FORMULIER */
	.workFormWrapper, .workFormWrapper td {
		color: #ffffff;
	}	
	
	/*** TABS MENU */
	/* achtergrondkleur tabsmenu */
	.tabsMenuWrapper ul li a {
		background-color: #000000;
	}
	.tabsMenuWrapper ul li {
		background-color: #d3271b;
	}
	.tabsMenuWrapper ul li a {
		color: #ffffff;
	}
	/* mouseover en selected level 1 menu*/
	.tabsMenuWrapper ul li.selected a,
	.tabsMenuWrapper ul li.selected a:hover {
		color: #ffffff;
	}
	.tabsMenuWrapper ul li a:hover {
		color: #ffec00;
	}
	/* mouseover en selected level 2 menu*/
	.tabsMenuWrapper ul li.selected ul li.selected a,
	.tabsMenuWrapper ul li.selected ul li a:hover {
		color: #ffec00;
	}
	
	/* TABULAR DATA */
	#contentWrapper .content .tabularData .headerRow  {
		background-color: #d3271b;
	}
	#contentWrapper .content .tabularData .headerRow .cellcontent,
	#contentWrapper .content .tabularData .headerRow .cellcontent a {
		color: #ffffff;
	}
	#contentWrapper .content .tabularData .headerRow .contentSelected,
	#contentWrapper .content .tabularData .headerRow .contentSelected a,
	#contentWrapper .content .tabularData .headerRow .cellcontent a:hover	 {
		color: #ffec00;
	}	
	
	/* FOOTER MENU */
	#footer .linksBlock,
	#footer .linksBlock a
	{
		color: #ffffff;
	}
	
	/* MORE_FORMULE_COLOURS */
	/* herkenningstoken voor batch processing */
	
	/*****************************************************************************/
	/* CUSTOM */
	
	#logo {
		display: none;
	}
	
	#contentWrapper .contentLeft .content {
		width: 455px;
	}
	
	/* de eventuele rechterkolom binnen het linker content gedeelte.. */
	#contentWrapper .contentLeft .rightColumn {
		width: 250px;
	}
	
	#contentWrapper .contentLeft {
		background-color: #002d92;
	}
	
	#contentWrapper .contentLeft .content {
		line-height: 160%;
	}
	
	
	#contentWrapper .contentLeft .content .lwCustomContentMargins .contentMargins {
		padding-left: 40px;
		padding-right: 40px;
	}
	
	#contentWrapper .contentLeft .content .contentMargins h1 {
		padding-bottom: 20px;
	}
	
	.formulasWrapper {
		background-color: white;
	}
	
	
	body, td, p, #contentWrapper,
	#contentWrapper .contentRight,
	#contentWrapper .contentRight h2
	 {
		color: white;
	}
	
	#contentWrapper .contentRight .formulasWrapper h2 {
		color: #8D8B7E;
	}
	
	td, p, #contentWrapper,
	h1, h2, h3, h4, h5, h6 {
		font-family: Verdana, Arial, Helvetica, Sans-serif;
	}
	
	.lwAbrisWrapper {
		display: block;
		width: 100%;
		height: 220px;
	}
	
	.lwAbrisWrapper .abri {
		display: block;
		float: left;
		width: 235px;
		height: 150px;
		background-color: #ffec00;
	}
	
	.lwAbrisWrapper a.abri1 {
		display: block;
		float: left;		
		width: 235px;
		height: 150px;
		background-image: none;	/* hier image met dubbele breedte (2e helft is mouseover!) */
		background-position: 0px top;
	}
	
	.lwAbrisWrapper a.abri2 {
		display: block;
		float: left;		
		width: 235px;
		height: 150px;
		background-image: none;	/* hier image met dubbele breedte (2e helft is mouseover!) */
		background-position: 0px top;
	}
	
	.lwAbrisWrapper a.abri3 {
		display: block;
		float: left;
		width: 235px;
		height: 150px;
		background-image: none;	/* hier image met dubbele breedte (2e helft is mouseover!) */
		background-position: 0px top;
	}
	
	.lwAbrisWrapper a.abri1:hover,
	.lwAbrisWrapper a.abri2:hover,
	.lwAbrisWrapper a.abri3:hover {
		background-position: -235px top;
	}
	
	.lwAbrisWrapper .abri4 {
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 20px;
	}
	
	.lwAbrisWrapper .abri4,
	.lwAbrisWrapper .abri4 a {
		color: #002d92;
	}
	.lwAbrisWrapper .abri4 a:hover {
		color: #d3271b;
	}
	
	.lwAbrisWrapper .abri4 a:hover {
		text-decoration: underline;
	}
	
	.lwAbrisWrapper .abri4 ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		padding-top: 5px;
		line-height: 18px;
		font-size: 11px;
	}
	
	.mainSlogan {
	}
	
	#header {
		height: 125px;
	}
	
	#header .lwTopBanner {
		padding-left: 250px;
		padding-top: 15px;
	}
	
	.lwTopBanner img {
		width: 550px;
		height: 40px;
		background-image: none;	/* hier image -- zie formule-images.css */
	}
	
	.lwCenterBanner {
		font-size: 11px;
		font-weight: bold;
	}
	
	.lwCenterBanner img {
		width: 235px;
		height: 350px;
		background-image: none;	/* hier image -- zie formule-images.css */
		background-repeat: no-repeat;
	}
	
	#footer .lwFooterBanner {
		padding-left: 40px;
		padding-top: 35px;
	}
	
	.lwFooterBanner img {
		width: 660px;
		height: 35px;
		background-image: none;	/* hier image -- zie formule-images.css */
	}
	
	.lwCustomBoxWrapper {
		padding-left: 13px;
		padding-right: 22px;
	}
	.lwCustomBoxWrapper .boxWrapper {
		
		background-color: white;
	}
	
	.searchVacaturesWrapper {
		font-size: 11px;
	}
	
	.searchVacaturesWrapper h2 {
		font-size: 13px;
		font-weight: bold;
		padding-bottom: 3px;
	}
	
	.searchVacaturesWrapper form {
		padding-top: 5px;
		padding-bottom: 30px;
	}
	
	.searchVacaturesWrapper form  input.textField {
		width: 182px;
		border: 1px solid #002d92;
	}
	
	.tabularData .row {
		border-bottom: dotted 1px #ffffff;
	}
	
	.tabularData .activeRow {
		border-bottom: dotted 1px #ffffff;
	}
	
	#contentWrapper .content .tabularData .activeRow {
		background-color: #ffec00;
	}
	
	#contentWrapper .content .tabularData .row a,
	#contentWrapper .content .tabularData .row {
		color: #ffffff;
	}
	
	#contentWrapper .content .tabularData .headerRow,
	#contentWrapper .content .tabularData .activeRow,
	#contentWrapper .content .tabularData .activeRow a {
		color: #002d92;
	}
	
	.paginationLinks a:hover .dimmed {
		color: white;
		text-decoration: underline;
	}
	
	.workFormWrapper form {
		padding-left: 4px;
	}

	.workFormWrapper form .column {
		display: block;
		width: 174px;
		float: left;
	}

	.workFormWrapper form .column select {
		display: block;
		width: 166px;
	}