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

/*
$Header: /SERVEX/LWOHS/HTML/css/formule-julias/formule.css 5     29-08-08 12:18 Eap Bachman $
$Revision: 5 $
$History: formule.css $ 
 * 
 * *****************  Version 5  *****************
 * User: Eap Bachman  Date: 29-08-08   Time: 12:18
 * Updated in $/SERVEX/LWOHS/HTML/css/formule-julias
 * 
 * *****************  Version 4  *****************
 * User: Eap Bachman  Date: 29-08-08   Time: 12:12
 * Updated in $/SERVEX/LWOHS/HTML/css/formule-julias
 * 



-------------
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.
*/


/**/
	
	
/***** ACHTERGROND KLEUREN *****/
	
	/* algemene elementen met ACHTERGRONDKLEUR2 (de achtergrondkleur van de grote vlakken) */
	body,
	#footer,
	.imagesBlock,
	.workFormWrapper,
	#contentWrapper .contentLeft .divider	
	{
		
		background-color: #CFD4D8;
	}
	.buttonLink .middle {
		background-color: #282425;
	}
	
	
/* BOX, BOX2 kleuren van box1 en box 2 (moet overeenkomen met image randen, zie formule-images.css */
	.box {
		background-color: #CFD4D8;
	}
	.box,
	.box a {
		color: #282425;
	}
	
	.box2 {
		background-color: #282425;
	}
	.box2,
	.box2 a {
		color: #ffffff;
	}
	
	/* linkkleur van de default 'button link' element */
	.buttonLink .middle a,
	#contentWrapper .content .buttonLink .middle a {
		color: #ffffff;
	}

	
/***** TEKST KLEUREN *****/	
	
	/*** KOPJES */
	h1, h2, h3, h4, h5, h6
	, .emphasized,
	#contentWrapper .content a	
	{
		color: #a0ce67;
	}
	
	.boxWrapper .menuLevel3Wrapper .linksList a:hover,
	.boxWrapper .menuLevel3Wrapper .linksList a.selected {
		color: #282425;
	}
	
	/*** FOOTER & HEADER SLOGAN */
	#mainSlogan h1,
	#mainSlogan h1 
	{
		color: #282425;
	}
	
	/* TOP MENU & TOPMENU LINKS */
	#header .topMenu .linksBlock,
	#header .topMenu .linksBlock a {
		color: #282425;
	}
	
	#footer .footerSlogan h1,
	#footer .footerSlogan h1 a
	{
		color: #282425;
	}
	
	/* BUTTONS */
	input.submitButton

	{
		color: #ffffff;
		background-color: #282425;
	}
	
	input.submitButton2 {
		color: #282425;
		background-color: #ffffff;
	}	
	
	input.submitButton0
	{
		color: #282425;
		background-color: #ffffff;
		border: solid 1px #CFD4D8; 

	}		
	
	/*** WERKEN BIJ FORMULIER */
	.workFormWrapper, .workFormWrapper td {
		color: #282425;
	}	
	
	/*** TABS MENU */
	/* achtergrondkleur tabsmenu */
	.tabsMenuWrapper ul li a {
		background-color: #CFD4D8;
	}
	.tabsMenuWrapper ul li {
		background-color: #ffffff;
	}
	.tabsMenuWrapper ul li a {
		color: #282425;
	}
	/* mouseover en selected level 1 menu*/
	.tabsMenuWrapper ul li.selected a,
	.tabsMenuWrapper ul li.selected a:hover {
		background-color: #282425;
		color: #ffffff;
	}
	.tabsMenuWrapper ul li ul li {
		background-color: #282425;
	}
	/* not needed in this templ.
	.tabsMenuWrapper ul li a:hover {
		color: #ffffff;
	}
	*/
	/* mouseover en selected level 2 menu*/
	.tabsMenuWrapper ul li.selected ul li.selected a,
	.tabsMenuWrapper ul li.selected ul li a:hover {
		color: #ffffff;
	}
	
	/* TABULAR DATA */
	#contentWrapper .content .tabularData .headerRow  {
		background-color: #282425;
	}
	#contentWrapper .content .tabularData .headerRow .cellcontent,
	#contentWrapper .content .tabularData .headerRow .cellcontent a {
		color: white;
	}
	#contentWrapper .content .tabularData .headerRow .contentSelected,
	#contentWrapper .content .tabularData .headerRow .contentSelected a,	 {
		color: #ffffff;
	}	
	
	/* FOOTER MENU */
	#footer .linksBlock,
	#footer .linksBlock a
	{
		color: #282425;
	}
	
	/* uitzonderingen */
	
	
	/* nog een kleur uitzondering: */
	#contentWrapper .content .tabularData .activeRow {
		background-color: #CFD4D8;
	}
	#contentWrapper .content .tabularData .activeRow .cellcontent,
	#contentWrapper .content .tabularData .activeRow .cellcontent a {
		color: black;
	}
	/* nog een kleur uitzondering */
	#contentWrapper .content .searchResults .searchResult a.searchReadMore:hover {
		color: #282425;
	}
	.searchBlock input {		
		border: solid 1px #282425;		
	}