

/* de 4 tabelcellen: rijkolom-x-y  */
#rc-1-1 {
	background-color   : #d3d817;

}

#rc-1-2 {
	background-color   : transparent;
	
}

#rc-2-1 {
	background-color   : #fff;
	
}

#rc-3-1 .witruimte {
	padding-top        : 0px;
	padding-left       : 150px;
	
}

#rc-3-2 {
	background-color   : transparent;
	background-image   : none;
}

#rc-4-2 {
	background-color   : transparent;
}


/******************************************** hoofdmenu ********************************************/
#hoofdmenu ul li ul li a {
	/*color              : #fff;*/
}
#hoofdmenu ul li ul li a:hover {
	border-left-color  : #757b7c;
	color              : #757b7c;
}
#hoofdmenu ul li ul li.inverse {
	background   : #d3d817;

}  



/******************************************** pagina-kop *******************************************/
#pagina-kop {
	
}

#pagina-kop .kop td{
	height             : 70px;
	padding-left       : 0px;
}

/******************************************** overzichtlijst-fmhwonen ********************************************/
#overzichtlijst, #fmhsite-div-fmhwonen-opleidingen-cnt {
	font-weight        : bold;
	font-size          : 15px;
	line-height        : 20px;
	letter-spacing     : -1px;
	margin-bottom      : 50px;
}


#overzichtlijst ul, #fmhsite-div-fmhwonen-opleidingen-cnt ul {
	padding            : 0px;
	margin             : 0px;
	list-style         : none;
	list-style-image   : none;
}

#overzichtlijst li, #fmhsite-div-fmhwonen-opleidingen-cnt li {
	height             : 20px;
	line-height        : 20px;
}

#overzichtlijst li a, #fmhsite-div-fmhwonen-opleidingen-cnt li a {
	position           : relative;
	color              : #757b7c;
	text-decoration    : none;
}

#overzichtlijst li a:hover, #fmhsite-div-fmhwonen-opleidingen-cnt li a:hover {
	color              : #d3d817;
}


/**** QTIP: tooltip *****************************************/

#fmhwonen-tooltip-cnt {
	border: solid 1px #A6A600; 
	padding: 2px;
	font-size:13px;
}

#fmhwonen-tooltip-cnt a {
	text-decoration:none;
}

#fmhwonen-tooltip-cnt a:hover {
	font-weight:bold; 
	font-size:13px;
}


#fmhwonen-tooltip-rij-boven {
	background-color:#A6A600; 
	padding: 5px;
}

#fmhwonen-tooltip-rij-boven a {
	color: white;
}

.tooltip-rij-beneden {
	background-color:white; 
	padding: 5px;
}

.tooltip-rij-beneden a {
	color:black;
}

/*
	LET OP: overige vormgeving/layout onderdelen (zoals bijvoorbeeld de breedte) zijn verwerkt in de JQUERY (qtip)
	- \circuits\opleidingen\dsp.overzicht_fmh.php
	- \circuits\interactie\scripts\zoekcursus.v2.js	
*/



/****************************************** cursusinformatie ***************************************/

#opl-container {
	/* deze id omvat de 'content' van een cursuspagina */	
	
}

#opl-container #oplTerug {
	position           : absolute; /* in div in de cel rc-2-1 */
	top                : 5px;
	left               : 30px;
}
* html #opl-container #oplTerug {
	top                : 22px;
}
#opl-container .plat {
	font-family        : "Trebuchet MS";
	font-size          : 11px;
	line-height        : 16px;
	color              : #757b7c;
}
#opl-container .oplTitel {
	position           : relative; /* in div in de cel rc-2-1 */
	top                : 20px;
	left               : 150px;
	font-family        : "Arial Black", sans-serif;
	font-size          : 30px;
	color              : #a1a6a7;
	line-height        : 36px;
	margin-right       : 154px;
}
* html #opl-container .oplTitel {
		top                : 40px;
}
#opl-container .oplSubTitel {
	position           : relative; /* in div in de cel rc-2-1 */
	top                : 0px;
	left               : 30px;
	font-family        : "Arial Black", sans-serif;
	font-size          : 16px;
	line-height        : 16px;
	color              : #a1a6a7;
	margin             : 0px 0px 0px 25px;
	
}
#opl-container .oplIntro {
	font-size          : 13px;
	line-height        : 20px;
	
}
#opl-container a.kop {
	font-size          : 12px;
	line-height        : 16px;
	color              : #a1a6a7;
	font-weight        : bold;
	text-decoration    : none;
	display            : block;
	
}


/* inschrijfblok */
#inschrijfblok {
	position           : absolute;
	top                : 302px;
	right              : 324px;
}
#inschrijfblok a{
	text-decoration    : none;
	display            : block;
	padding            : 10px 10px 5px 10px;
	border-top         : 1px solid #fff;
	
}

#inschrijfblok a:hover {
	background-color   : #d3d817;
}


.inschrijven-locatie,
.inschrijven-cursussen {
	font-size          : 12px;
	line-height        : 10px;
	color              : #b6ba14;
	font-weight        : bold;
	top                : -5px;
	text-align         : right;
	
}
.inschrijven-data {
	color              : #757b7c;
	font-weight        : bold;
	
}
.inschrijven-cursussen {
	padding-bottom: 8px;
}
.inschrijven-prijs {
	color              : #fff;
	font-weight        : normal;
	font-size          : 16px;
	font-family        : "Arial Black";
}
.inschrijven-prijsdetails {
	color              : #b6ba14;
	font-weight        : normal;
	font-size          : 11px;
	font-family        : "Arial Black";
}

.inschrijven-meerinfo {
	font-size          : 12px;
	line-height        : 15px;
	color              : #757b7c;
	font-weight        : normal;
}
#inschrijfblok .inschrijven-meerinfo a {
	display            : inline;
	padding            : 0px;
	border-top         : 0px;
	color              : #000;
	text-decoration    : underline;
}
#inschrijfblok .inschrijven-meerinfo a:hover {
	color              : #660;
	text-decoration    : none;	
}





/****************************************** aanmeldformulier ***************************************/


#content #stap-2 .genFormButton{
	color              : #fff;
	background-color   : #d3d817;
	font-size          : 11px;
	font-weight        : bold;
	width              : 120px;
}














/* kleuren */
/* geel/groen #d3d817 */
/* grijs      #757b7c */
/* grijs      #a1a6a7 */