/* 
	Algemene kleurstyle op alle elementen, 
	onderscheiden in background, color en border
	
	Om de kleur dus aan te passen moeten alle waardes hieronder worden aangepast.
	LET OP: Er zijn donkere kleuren en een lichte tint.	
	
	originele blauwe kleur = 00bade 
	
	Background van de body bestaat nu niet, maar kan dus naar eigen idee worden ingevuld.
	
*/

/* achtergrond kleur of afbeelding ---------- */

body {
background: #3a3838;
background-image: url(../images/background_blue.jpg);
background-repeat: no-repeat;
background-position: center top;
padding-right:4px;

}

/* Text color ------------------------------- */

h1, h3,  #toolsMenu li a:hover, #optionMenu li a:hover, #tabButtons li a:hover, #contentVlak a, hr,  .colored, .datepick-links label {
color: #1a2f5b;
}

#contentVlak a:hover, #contentVlak a {
color: #00b6dd;
}
.verplicht, td label.verplicht{
color: #00b6dc;
}

#menu li a:hover, #menu li a.selectedItem {
color: #00b6dc;
}

/* Normale background ----------------------- */

#loginForm .submitButton, .submitButton, #footer, #menuBg, .jquery-selectbox .jquery-selectbox-moreButton, .jquery-selectbox .jquery-selectbox-moreButtonHover, .CVButton, hr, .datepick-days-row, .datepick-week-end-cell {
background: #00b6dc;
background-color: #00b6dc !important;
}

/* Lichte background ------------------------ */ 

td input,td select, td textarea,
form td.w185 {
background-color: #e5f9ff !important;
}

td input#geboortedatum {
background: #f2e0d1 url(../images/agendaIcon.png) no-repeat right top;
cursor: pointer;
}



/* borders ---------------------------------- */

#menu li.first {
border-left: 1px solid #00b6dc;
}

#menu li a, #toolsMenu li a {
border-right: 1px solid #00b6dc;
}