html,body {
	margin            : 0px;
	padding           : 0px;
}


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size         : 11px;
	line-height       : 14px;
	background        : #fff;
	color             : #000;
	scrollbar-face-color      : #BCE2F3;
	scrollbar-highlight-color : #FFFFFF;
	scrollbar-shadow-color    : #FFFFFF;
	scrollbar-3dlight-color   : #FFFFFF;
	scrollbar-arrow-color     : #228CB5;
	scrollbar-track-color     : #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
}
p,h1,h2,h3,a,ul,li {
	margin            : 0px;
	padding           : 0px;
}

a {
	text-decoration   : none;
	color             : #228cb4;
}
a:hover {
	color             : #000;
}
img {
	border-width      : 0px;
	display           : inline;

}

/**** QTIP: tooltip *****************************************/
#fmh-tooltip-cnt{
	border: solid 1px #228CB4;
	padding: 2px;
	font-size:13px;
}

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



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

#fmh-tooltip-rij-boven {
	background-color:#228CB4;
	padding: 5px;
}

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

#fmh-tooltip-rij-boven a,
#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
*/


/**** header *****************************************/
#header {
	position           : absolute;
	width              : 100%;
	background-color   : #fff;
	z-index            : 10;
	height             : 151px;
}

#header #header-image{
	position           : absolute;
	top                : -40px;
	left               : 172px;
}
#header #menu-spacer{
	position           : absolute;
	background-color   : #eee;
	top                : 102px;
	width              : 180px;
	height             : 1px;
	border-left        : 1px solid #fff;
	border-right       : 1px solid #fff;
	z-index            : 2;
}


/* hoofdmenu */
#header #menu{
	position           : absolute;
	background-color   : #000;
	height             : 50px;
	left               : 181px;
	top                : 102px;
	right              : 0px;
	z-index            : 1;
}

* html #header #menu{
	width              : 100%;
	left               : 0px;
	border-left        : 181px solid #fff;
	right              : 0px;
}

#header #menu ul {
	/*height             : 50px;*/
	padding            : 0px;
	margin             : 0px;
	list-style         : none;
}

#header #menu ul li{
	position           : relative;
	float              : left;
	display            : block;
	text-align         : center;
	font-size          : 12px;
	font-weight        : bold;
	width              : 140px;
	height             : 50px;
}
html > body #header #menu ul li {
	padding-top        : 12px;
}

#header #menu ul li a{
	color              : #dddddd;
	height             : 50px;
	padding-top        : 12px;
}
#header #menu ul li a:hover {
	color              : #fff;
}
#header #menu ul .selected{
	background         : url(../../../shared/images/fmhwerken/butFond.jpg) #45b3dc top left no-repeat;
}
#header #menu ul .selected a{
	color              : #fff;
}

/* submenu */
#header #menu ul li ul {
	position           : absolute;
	left               : 0px;
	top                : 50px;
	display            : none;
}

#header #menu ul li ul li {
	float              : none;
	height             : 25px;
}
html>body #header #menu ul li ul li {
	padding-top        : 1px;
}

#header #menu ul li ul li a {
	float              : none;
	display            : block;

	padding            : 0px;

	border             : 1px solid #fff;
	border-top         : 0px;
	color              : #edeeef;

	font-size          : 12px;
	height             : 25px;
	line-height        : 25px;
	font-weight        : bold;
	background-color   : #000;

}
#header #menu ul li ul li a.first {
	border-top         : 1px solid #fff;
}
html>body #header #menu ul li ul li a.first {
	border-top         : 0px solid #fff;
}

#header #menu ul li ul li a:hover {
	background-color   : #45b3dc;
	color              : #fff;
}

#header #menu li:hover ul, #header #menu li.over ul { display: block; } /* The magic */


#header #menu ul li ul li .dubbel {
	height             : 50px;
}

#header #menu ul li#fmhwonen {
	left               : 70px;
	width              : 148px;
	padding            : 0px;
}
#header #menu ul li#fmhwonen a {
	padding            : 0px;
}

#header #menu ul li#fmhwonen ul li {
	font-family        : Arial;
	font-size          : 12px;
	width              : 140px;
}
#header #menu ul li#fmhwonen ul li a {
	width              : 149px;
}
#header #menu ul li#fmhwonen ul li a:hover {
	background-color   : #d3d817;
	color              : #000;
}


/**** menu links *****************************************/

#menu-links{
	position           : absolute;
	top                : 102px;
	bottom             : 0px;
	z-index            : 8;
	border-right       : 1px solid #eeeeee;
	padding-top        : 51px;
	height             : 360px;
	width              : 181px;
	overflow           : hidden;
}
* html #menu-links{
	top                : 0px;
	border-top         : 102px solid #eeeeee;
	height             : 100%;
}

/**** content *****************************************/
#content{
	position:absolute;
	overflow:auto;
	left:181px;
	top: 153px;
	bottom:0px;
	right:0px;
	z-index:7;
}
* html #content{
	top: 0px;
	left: 0px;
	width:100%;
	height:100%;
	border-left: 181px solid #fff;
	border-top: 153px solid #fff;
}


#content-noScroll img,
#content img{
	vertical-align:middle;
}

#content-noScroll .genFormBg,
#content .genFormBg{
	width:100%;
	background-color:#45b3dc;
}
#content-noScroll #stap-1,
#content-noScroll #stap-2,
#content-noScroll #stap-3,
#content-noScroll #stap-4,
#content #stap-1,
#content #stap-2,
#content #stap-3,
#content #stap-4{
	background-color:#45b3dc;
	height:360px;
	position:absolute;

}


/**** content opleidingen *****************************************/
#content-noScroll #stap-1 .genFormBg td,
#content #stap-1 .genFormBg td{
	padding-bottom:10px;
}
#content-noScroll .genFormBg .genFormKop,
#content-noScroll .genFormBg .lbl,
#content .genFormBg .genFormKop,
#content .genFormBg .lbl{
	width:100px;
	font-weight: bold;
	font-size: 14px;
	color: #BCE2F3;
}
#content-noScroll .genFormBg .genFormKop,
#content .genFormBg .genFormKop{
	width:130px;
	text-align:left;
	padding-left:20px;
}

#content .genFormBg .inp,
#content .genFormBg .big,
#content .genFormBg .bold,
#content .genFormBg .kop,
#content-noScroll .genFormBg .inp,
#content-noScroll .genFormBg .big,
#content-noScroll .genFormBg .bold,
#content-noScroll .genFormBg .kop,
#content-noScroll #pagina-kop .genFormKop,
#content-noScroll #pagina-scroll .genFormKop{
	color: #FFFFFF;
	padding-left:10px;
}

#content-noScroll .genFormBg .inp,
#content .genFormBg .inp{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#content-noScroll #pagina-kop .genFormKop,
#content-noScroll #pagina-scroll .genFormKop,
#content-noScroll .genFormBg .big,
#content .genFormBg .big{
	font-family: "Arial Black";
	font-size: 16px;
	padding-left:12px;
}

#content-noScroll .genFormBg .underlined,
#content .genFormBg .underlined{
	background: url('../../../shared/images/fmhwerken/dropBg.jpg') no-repeat left bottom;
	height:57px;
}
#content-noScroll .genFormBg .big #cu_titel,
#content .genFormBg .big #cu_titel{
	padding-left:15px;
}

/*#content-noScroll #pagina-scroll #overzichtlijst,*/
#content-noScroll .genFormBg .bold,
#content .genFormBg .bold{
	font-size: 14px;
	font-weight: bold;
	/* padding-left:15px; */
}
#content-noScroll .genFormBg .bold #cg_data_beschrijving,
#content .genFormBg .bold #cg_data_beschrijving{
	padding-left:18px;
}

#content-noScroll .genFormBg .kop,
#content .genFormBg .kop{
	font-family: "Arial Black";
	background-color:#2597c2;
	font-size: 20px;
	padding-bottom:3px;
}

#content-noScroll #pagina-scroll .opleidingKeuzes{
	margin-left:30px;
}


#content-noScroll #pagina-kop .genFormBox,
#content-noScroll #pagina-scroll .genFormBox,
#content-noScroll .genFormBg .genFormBox,
#content .genFormBg .genFormBox{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #45b3dc;
	line-height: 13px;
	margin-left:0px;
}



#content-noScroll #pagina-scroll .genFormKop{
	padding:0px;
	padding-left:44px;
}

#content-noScroll #pagina-kop .kop ,
#content-noScroll #pagina-scroll .kop {
	background-color:#45b3dc;
	width:100%;
}
#content-noScroll #pagina-kop .kop td,
#content-noScroll #pagina-scroll .kop td{
	height:40px;
}
#content-noScroll #pagina-kop{
	position:absolute;
	left:181px;
	top: 153px;
	right:0px;
	height:80px;
	z-index:8;
	background-color:#45b3dc;

}
/* html #content-noScroll #pagina-kop{
	left:361px;
	top: 153px;
	width:100%;

}*/
#content-noScroll #pagina-scroll{
	position:absolute;
	overflow:auto;
	left:181px;
	/*padding-right:128px;*/
	top: 234px;
	bottom:0px;
	right:0px;
	z-index:7;
}
* html #content-noScroll #pagina-scroll{
	top: 0px;
	left: 0px;
	width:100%;
	height:100%;
	border-left: 181px solid #fff;
	border-top: 234px solid #fff;
}

/******************************************** overzichtlijst ********************************************/


/*FMH*/
#content-noScroll #pagina-scroll #fmhsite-div-fmh-opleidingen-cnt{
	background-color   : #fff;
	padding-top        : 15px;
	font-weight        : bold;
	font-size          : 15px;
	line-height        : 20px;
	margin-bottom      : 50px;
	margin-left        : 15px;
}

#content-noScroll #pagina-scroll #fmhsite-div-fmh-opleidingen-cnt ul {
	padding            : 0px;
	margin             : 0px;
	list-style         : none;
	list-style-image   : none;
}

#content-noScroll #pagina-scroll #fmhsite-div-fmh-opleidingen-cnt li {
	/*height             : 24px;*/  /*als een opleiding in de zoekresultaat meer dan 1 regel inneemt dan loopt de volgende regel dwars door de 1e regel (2 regels door elkaar dus), vandaar dit uitgezet*/
	line-height        : 24px;
}
#content-noScroll #pagina-scroll #fmhsite-div-fmh-opleidingen-cnt li a {
	position           : relative;
	color              : #45b3dc;
	text-decoration    : none;
}
#content-noScroll #pagina-scroll #fmhsite-div-fmh-opleidingen-cnt li a:hover {
	color              : #228cb4;
}


/*FHM-wonen*/

#content-noScroll #pagina-scroll #fmhsite-div-fmhwonen-opleidingen-cnt{
	background-color   : #fff;
	padding-top        : 15px;
	font-weight        : bold;
	font-size          : 15px;
	line-height        : 20px;
	margin-bottom      : 50px;
	margin-left        : 15px;
}

#content-noScroll #pagina-scroll #fmhsite-div-fmhwonen-opleidingen-cnt ul {
	padding            : 0px;
	margin             : 0px;
	list-style         : none;
	list-style-image   : none;
}

#content-noScroll #pagina-scroll #fmhsite-div-fmhwonen-opleidingen-cnt li {
	/*height             : 24px;*/  /*als een opleiding in de zoekresultaat meer dan 1 regel inneemt dan loopt de volgende regel dwars door de 1e regel (2 regels door elkaar dus), vandaar dit uitgezet*/
	line-height        : 24px;
}
#content-noScroll #pagina-scroll #fmhsite-div-fmhwonen-opleidingen-cnt li a {
	position           : relative;
	color              : #A6A600;
	text-decoration    : none;
}
#content-noScroll #pagina-scroll #fmhsite-div-fmhwonen-opleidingen-cnt li a:hover {
	color              : #808000;
}






#content .feedback {
	height:513px;
	background-color:#45b3dc;
}

#content .feedback .tekst{
	padding:15px 45px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#content .feedback .big{
	color: #FFFFFF;
	font-family: "Arial Black";
	font-size: 20px;
	padding-left:45px;
	padding-top:45px;
	font-weight: bold;
	text-align:left;
}

/**** pagina *****************************************/

#content-noScroll .pagina{
	padding-left:128px;
	padding-top:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	z-index:10;
}
.pagina h1 {
	font-size          : 12px;
}

.pagina p, .pagina ul { margin: 1em 0 }

#content-noScroll .pagina a{
	color:#228cb4;
	text-decoration:underline;
}
#content-noScroll .pagina ul{
	padding:18px 0px 18px 10px;
}
#content-noScroll .pagina ul li{
	margin-left:30px;
}
#content-noScroll #pagina-spacer{
	position:absolute;
	background: url('../../../shared/images/fmhwerken/bgBotleftDetail.gif') no-repeat;
	z-index:100;
	top:333px;
	left:181px;
	height:180px;
	width:120px;
	/*background-color:#000;*/
	/*<img src='shared/images/fmhwerken/back.gif'>*/
}



/**** interim *****************************************/
#content-noScroll #interim{
	position:absolute;
	background-color:#45b3dc;
	overflow:auto;
	left:181px;
	padding-right:128px;
	top: 195px;
	bottom:0px;
	right:0px;
	z-index:7;
}
* html #content-noScroll #interim{
	top: 0px;
	left: 0px;
	width:100%;
	height:100%;
	border-left: 181px solid #45b3dc;
	border-top: 195px solid #45b3dc;
}
/*
#content-noscroll #interim{
	position:absolute;
	background-color:#45b3dc;
	top:210px;
	left:120px;
	padding-top:30px;
}
*html #content-noscroll #interim{
	width:100%;
	height:100%;
}*/

#content #interim-detail{
	background-color:#45b3dc;
	width:100%;
	height:100%;
	padding-top:30px;
}
#content #interim-detail{
	padding-top:10px;
}

#content-noscroll #interim .foto,
#content #interim-detail .foto{
	background-color:#228cb5;
	padding:5px 10px;
	/*border-right:11px solid #45b3dc;*/
}

#content #interim-detail .teksten,
#content-noscroll #interim .teksten,
#content-noscroll #interim .teksten{
	vertical-align:top;
	padding-top:4px;
	background: url('../../../shared/images/fmhwerken/intDevider.jpg') no-repeat;
}
#content #interim-detail .kop-ervaring,
#content #interim-detail .kop-links,
#content-noscroll #interim .kop-rechts,
#content-noscroll #interim .kop-links{
	color:#BCE2F3;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:4px;
	font-size: 14px;
	font-weight: bold;
}

#content #interim-detail .kop-links{
	padding:0px 0px;
}

#content-noscroll #interim .kop-rechts{
	color:#2f8cb5;
}

#content #interim-detail .genFormKop,
#content-noscroll #interim .genFormKop{
	color:#ffffff;
	font-family: "Arial Black";
	font-size: 20px;
}

#content #interim-detail .kop-ervaring,
#content #interim-detail .gegevens,
#content-noscroll #interim .gegevens{
	font-size: 12px;
	width:190px;
	vertical-align:top;
	color: #BCE2F3;
	padding:3px;
	background-color:#228cb5;
	border-left:2px solid #45b3dc;
	border-bottom:2px solid #45b3dc;
}

#content #interim-detail .kop-ervaring{
	padding-bottom:0px;
	border-bottom:0px;
}

#content #interim-detail .links,
#content-noscroll #interim .links{
	width:150px;
	border-left:10px solid #45b3dc;
}
#content #interim-detail .links{
	border-left:2px solid #45b3dc;
}

#content #interim-detail .rechts,
#content-noscroll #interim .rechts{
	width:417px;
	background-color:#45b3dc;
	border-left:10px solid #45b3dc;
}
#content #interim-detail .rechts{
	padding-left:0px;
	border-left:0px solid #45b3dc;
}

#content #interim-detail .button,
#content-noscroll #interim .button{
	padding:28px 10px;
	text-align:center;
}

#content #interim-detail ul{
	padding: 15px 40px;
}

#content #interim-detail ul li ul{
	padding: 0px 16px;
}

/**** pagina *****************************************/
/*#content-noScroll #pagina-spacer{
	position:absolute;
	background: url('../../../shared/images/fmhwerken/bgBotleftDetail.jpg') no-repeat 0px 180px;
	width:150px;
	height:100%;
}
#content-noScroll #pagina{
	position:absolute;
	padding-left:200px;
}*/


#content #stap-2 .genFormButton{
	color:#fff;
	background-color:#2597c2;
	border-color:#7f9db9;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width:120px;
}








}

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

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

#overzichtlijst {
	font-weight        : bold;
	font-size          : 15px;
	line-height        : 20px;
	letter-spacing     : -1px;
	margin-bottom      : 50px;

}

#overzichtlijst ul {
	padding            : 0px;
	margin             : 0px;
	list-style         : none;
	list-style-image   : none;
}

#overzichtlijst li {
	height             : 20px;
	line-height        : 20px;
}
#overzichtlijst li a {
	position           : relative;
	color              : #757b7c;
	text-decoration    : none;
}
#overzichtlijst li a:hover {
	color              : #d3d817;
}
#tooltip {
	position           : absolute;
	z-index            : 1000;
	left               : -1000px; /* verbergen in startpositie */
	background-color   : #fff;
	border             : 1px solid #228cb4;
}
#tooltip a {
	display            : block;
	height             : 24px;
	line-height        : 24px;
	width              : 240px;
	padding            : 0px 8px;
	font-weight        : bold;
	text-decoration    : none;
}
#tooltip #tooltip-meerinfo {
	background-color   : #228cb4;
	color              : #fff;
	border             : 1px solid #fff;
}
#tooltip  a#tooltip-meerinfo:hover {
	background-color   : #000; /* #757b7c; */
	color              : #fff;
}
#tooltip #tooltip-inschrijven {
	color              : #000; /* #757b7c; */
}
#tooltip  a#tooltip-inschrijven:hover {
	background-color   : #000; /* #757b7c; */
	color              : #fff;
}




/****************************************** interim pagina ***************************************/
.genFormKop h1{
	font-size: 20;
}
.kop-links h2{
	font-size: 14;
}

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

#pagina-kop .oplTitel {
	font-size          : 20px;
}
#pagina-kop .oplSubTitel {
	position           : relative;
	top                : 0px;
	left               : 40px;
	font-size          : 14px;
	font-weight        : normal;
	font-family        : Arial;
	line-height        : 20px;
	color              : #fff;
	margin             : 0px 0px 0px 25px;

}
#pagina-scroll .oplIntro {
	font-size          : 13px;
	line-height        : 20px;
}
#pagina-scroll a.kop {
	font-size          : 12px;
	line-height        : 16px;
	color              : #000;
	font-weight        : bold;
	text-decoration    : none;
	display            : block;
}


/* inschrijfblok */
#inschrijfblok {
	position           : absolute;
	top                : 250px;
	right              : 34px;
	z-index:20;
}
#inschrijfblok a {
	text-decoration    : none;
	display            : block;
	padding            : 10px 10px 5px 10px;
	border-top         : 1px solid #fff;
}

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


.inschrijven-locatie {
	font-size          : 12px;
	line-height        : 10px;
	color              : #0083ba;
	font-weight        : bold;
	top                : -5px;
	text-align         : right;
}
.inschrijven-data {
	color              : #fff;
	font-weight        : bold;
}

.inschrijven-prijs {
	color              : #fff;
	font-weight        : normal;
	font-size          : 16px;
	font-family        : "Arial Black";
}
.inschrijven-prijsdetails {
	color              : #0083ba;
	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;
}



/***************************** feedback pagina *****************************************/
#content.feedback {
	height:513px;
	background-color:#45b3dc;
}

#content.feedback .tekst{
	padding:15px 45px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#content.feedback a{
	color:#fff;
	text-decoration:underline;
}
#content.feedback .big{
color: #FFFFFF;
font-family: "Arial Black";
font-size: 20px;
padding-left:45px;
padding-top:45px;
font-weight: bold;
text-align:left;
}




/***************************** banner costcontrol **************************************/
#costcontrol-verborgenwinst {
	position           : absolute;
	top                : 0px;
	right              : 0px;
}



/* kleuren */

/* lichtblauw     : #45b3dc; */
/* donkerblauw    : #228cb4; */