/* > GEBRUIKTE KLEUREN:
======================================== */
/* #1 > #ff9933 (oranje)
/* #2 > #ff9933 (LICHToranje)
/* #3 > #e67707 (DONKERoranje)
/* #4 > #222222 (DONKERGRIJS)
/* #5 > #FFFFFF (WIT)
======================================== */



/* ===================================== */
/* 1. MENU
/* ===================================== */
ul.dropdown li.hover,
ul.dropdown li:hover,
ul.dropdown ul{
	background-color: #000000;
	}

ul.dropdown a:hover,
ul.dropdown a:active,
ul.dropdown li a, 
ul.dropdown li.hover,
ul.dropdown li:hover,
ul.dropdown li.hover a{
	color: #FFFFFF;
	}

/* ===================================== */
/* 2. HEADERAFBEELDING
/* ===================================== */
/* aanpassen via pagina item */


/* ===================================== */
/* 3. HEADERRAND
/* ===================================== */
div#headerSlide{border: 1px solid #ffffff;}


/* ===================================== */
/* 4. AFBEELDING ROTATOR
/* ===================================== */
/* artikel [model:slideshow] en/of fotoalbum [model:slideshow] */
/* kleurcodes aanpassen van de pijlen*/
a.prev, a.next             { background: #0f6a06 url("../images/prev.gif");}
a.next                     { background: #0f6a06 url("../images/next.gif");}
a.prev:hover, a.next:hover { background-color: #0f6a06}


/* ===================================== */
/* 5. AFBEELDING RAND
/* ===================================== */
/*normaal*/
figure.border img,
figure.leftborder img,
figure.rightborder img,
figure.border a img,
figure.leftborder a img,
figure.rightborder a img{
	border: 2px solid #0f6a06;
	}

/*bij mouseover, mits link is gekoppeld*/
figure.border a:hover img,
figure.leftborder a:hover img,
figure.rightborder a:hover img{
	border: 2px solid #0f6a06;
	}


/* ===================================== */
/* 6. BACKGROUND
/* ===================================== */
/* niet aan te passen, dit is standaard wit */


/* ===================================== */
/* 7. BOTTOM MENU
/* ===================================== */
footer ul li a,
footer ul li a:hover{
	color: #FFFFFF;
	}


/* ===================================== */
/* 8. BOTTOM BALK
/* ===================================== */
footer{
	background: #0f6a06;
	/*START GRADIENT*/
	background: -webkit-gradient(linear, left top, left bottom, from(#0f6a06), to(#279114));
	background: -moz-linear-gradient(top, #0f6a06, #279114);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0f6a06, endColorstr=#279114);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#0f6a06, endColorstr=#279114)";	
	/*EINDE GRADIENT*/
	}


/* ===================================== */
/* 9. BULLETS
/* ===================================== */

article ul.bullet li,
aside ul.bullet li{
	color: #0f6a06;
	}


/* ===================================== */
/* 10. ICOON
/* ===================================== */
/* afbeelding via mediadepot (map: layout) vervangen */

img.icon{
	top: -5px; /*HIERMEE IS ICOON NAAR BOVEN/BENEDEN TE SCHUIVEN*/
	}

hgroup{ padding: 0 0 0 35px;} /* DE RUIMTE VOOR HET ICOON */


/*ICOON UITSCHAKELEN*/
/* 
img.icon{ display: none; }   
hgroup{padding: 0;}
*/

/* ===================================== */
/* 11. KOPPEN
/* ===================================== */
h1                    { color: #0f6a06; font: bold 22px/26px Arial, sans-serif;} /*paginatitel*/
h2, .home h1          { color: #0f6a06; font: bold 18px/20px Arial, sans-serif;} /*titel pagina-items / paginatitel home*/
h3, table tr.titel td { color: #000000; font: bold 14px/20px Arial, sans-serif;} 


/* ===================================== */
/* 12. LOGO AFBEELDING
/* ===================================== */
/* aanpassen via pagina-item > hiervoor zijn twee modellen (met en zonder wit blok) */


/* ===================================== */
/* 13. LOGOACHTERGROND
/* ===================================== */
/* zie 12*/


/* ===================================== */
/* 14. TOP ACHTERGROND
/* ===================================== */
div#background{
	background: #ff9933;
	/*START GRADIENT*/
	background: -webkit-gradient(linear, left top, left bottom, from(#0f6a06), to(#279114));
	background: -moz-linear-gradient(top, #0f6a06, #279114);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0f6a06, endColorstr=#279114);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#0f6a06, endColorstr=#279114)";
	/*EINDE GRADIENT*/
	}


/* ===================================== */
/* 15. HEADER TEKST
/* ===================================== */
/* wel of niet tonen door middel van pagina-items: [header] of [header + titel]*/
div#headerSlideInfo{
	font: bold 27px/27px Arial, sans-serif;
	color: #fff;
	}


/* ===================================== */
/* 16. LINKS
/* ===================================== */
a{ color: #0f6a06;}

/*MOUSEOVER*/
article a:hover,
aside a:hover{
	color: #279114;
	}


/* ===================================== */
/* 17. CALL-TO-ACTION BUTTONS
/* ===================================== */
article a.ctaL,
article a.ctaL span,
aside a.ctaL,
aside a.ctaL span,
article a.ctaR,
article a.ctaR span,
aside a.ctaR,
aside a.ctaR span{
	background-color: #0f6a06;
	}

a.ctaL:hover,
a.ctaL:hover span,
a.ctaR:hover,
a.ctaR:hover span{
	background-color: #279114;
	}


/* ===================================== */
/* 18. FORMULIER
/* ===================================== */
div.formulier div.veldnaam span{color: #0f6a06;} /*STER VAN VERPLICHTE VELDEN*/

div.formulier input,
div.formulier textarea{
	font-family: Arial, sans-serif;
	}	

/*SUBMITBUTTON*/
div.formulier input[type='submit']{
	background: #0f6a06;
	/*START GRADIENT*/
	background: -webkit-gradient(linear, left top, left bottom, from(#0f6a06), to(#279114));
	background: -moz-linear-gradient(top, #0f6a06, #279114);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0f6a06, endColorstr=#279114);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#0f6a06, endColorstr=#279114)";
	/*EINDE GRADIENT*/
	}

/*SUBMITBUTTON HOVER (niet ondersteund door alle browsers*/
div.formulier input[type='submit']:hover{
	background-color: #279114;
	}


/* ===================================== */
/* 19. TABEL
/* ===================================== */
/*achtergrondkleur van bovenste rij*/
table tr.thead td{
	background-color: #0f6a06;
	}


/* ===================================== */
/* 20. STANDAARD TEKST
/* ===================================== */
/*STANDAARD CONTENT*/
body, article{font: normal 12px/20px Arial, sans-serif;}

/*SIDEBAR PAGE ITEMS*/
aside, div.col1, div.col2{font: normal 11px/17px Arial, sans-serif;}

/*KLEUR*/
body,
article ul.bullet li span, 
aside ul.bullet li span{
	color: #222222;
	}

/* ===================================== */
/* 21. RESERVERING
/* ===================================== */
.calendar .month {
	background: #F8F8F8;
	border: 1px solid #c3c3c3;
	}

.calendar .month .monthName {
	color: #ff9933;
	}

.calendar .month .day.available,
.calendar .legend .day.available {
	background: #67ae22;
	}

.calendar .month .day.definitief,
.calendar .legend .day.definitief {
	background: #d73030;
	color: #fff;
	}

.calendar .month .day.optioneel,
.calendar .legend .day.optioneel {
	background: #ff9c00;
	}

/* ===================================== */
/* 22. RESERVERING
/* ===================================== */
table#vacaturebank th{
	background: #ff9933;
	}