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

/*-------------------------------------------------------------------------------------*/
/*ALGEMENEN-------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/


html, body {
	padding:0px;
	margin:0px;
	height:100%;
}
body {
	font: 11px Tahoma, Arial, Helvetica, sans-serif; 
	color:#666666;
}

/*-------------------------------------------------------------------------------------*/
/*HOOFDONDERDELEN-------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/

#container {
	height:100%;
	width:986px;
	
}
#container #colLeft{
	position:relative;
	width:233px;
	display:inline;
	float:left;
	min-height:528px;
	height:auto!important;
	height:528px;
	clear:left;
	
}
#container #colRight {
	position:relative;
	float:left;
	width:203px;
	display:inline;
	height:auto!important;
	min-height:274px;
	height:274px;
	clear:right;
}


#container #colMiddle {
	position:relative;
	width:550px;
	display:inline;
	float:left;
	
	min-height:467px;
	height:467px;
	clear:right;
}



/*-------------------------------------------------------------------------------------*/
/*COLMIDDLE-------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/
#container #colMiddle #colMidHeader { 
	width:550px;
	height:86px;
}

#container #colMiddle #colMidHeader #logoBlock { 
	
}
#container #colMiddle #colMidHeader #menuWrapper {
	background-image:url(/images/site/menuBackground.jpg);
	background-repeat:no-repeat;
	width:550px;
	height:25px;
}

#container #colMiddle #colMidIndexContentWrapper{
	background-image:url(/images/site/indexColMiddleTopBackground.jpg);
	background-repeat:no-repeat;
	width:550px;
	min-height:338px;
}
#container #colMiddle #colMidIndexContentWrapper #content { padding: 110px 15px 15px 30px;}

/*-------------------------------------------------------------------------------------*/
/*COLLEFT-------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/
#container #colLeft #colLeftHeader {
	background-image:url(/images/site/colLeftTop.png);
	background-repeat:no-repeat;
	width:233px;
	height:87px;
	display:inline-block;
}
#container #colLeft #colLeftHeader #supportLink {
	margin: 39px 0px 0px 41px;
	height:20px;
	cursor:pointer;
}
#container #colLeft #colLeftHeader #supportLink p.linkText {
 margin:0px;
 padding:0px;
 display:inline;
 float:left;
 color:#666666;
  width:160px;
}
#container #colLeft #colLeftHeader #supportLink .inlineButton {
	display:inline;
	float:left;
	margin-left:7px;
}

#container #colLeft #colLeftHeader #webmailLink {
	margin: 5px 0px 0px 41px;
	height:20px;
	cursor:pointer;
}
#container #colLeft #colLeftHeader #webmailLink p.linkText {
 margin:0px;
 padding:0px;
 display:inline;
 float:left;
 color:#666666;
 width:160px;
}
#container #colLeft #colLeftHeader #webmailLink .inlineButton {
	display:inline;
	float:left;
	margin-left:7px;
	margin-top:-1px;
}
#container #colLeft #colLeftTop {
	background-image:url(/images/site/indexDgTop.png);
	background-repeat:no-repeat;
	width:233px;
	height:236px;
}
/*-------------------------------------------------------------------------------------*/
/*COLRIGHT-------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/
#container #colRight #colRightHeader {
	width:203px;
	height:47px;
}

#container #colRight #colRightTop{
	background-image:url(/images/site/indexColRightTop.jpg);
	background-repeat:no-repeat;
	width:203px;
	height:345px;
}
/*-------------------------------------------------------------------------------------*/
/*FDOELGROEPEM----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/
/*sub doelgroepen*/
#colLeft #colLeftTop #doelgroepen {
	height:128px;
	width:187px;
	margin: 88px 0px 0px 42px;
	position:relative;
	display:inline;
	float:left;
}

#colLeft #colLeftTop #doelgroepen div.doelgroep {
	width:187px;
	height:31px;
	margin:0px 0px 1px 0px;
	cursor:pointer;
}
#colLeft #colLeftTop #doelgroepen div.doelgroep1 {
	background-image:url(/images/site/doelgroepOnderWijs.jpg);
	background-repeat:no-repeat;
}
#colLeft #colLeftTop #doelgroepen div.doelgroep2 {
	background-image:url(/images/site/doelgroepMBK.jpg);
	background-repeat:no-repeat;
}
#colLeft #colLeftTop #doelgroepen div.doelgroep3 {
	background-image:url(/images/site/doelgroepmaatwerk.jpg);
	background-repeat:no-repeat;
}
#colLeft #colLeftTop #doelgroepen div.doelgroep4 {
	background-image:url(/images/site/doelgroepTraining.jpg);
	background-repeat:no-repeat;
}
/*#colLeft #colLeftTop #doelgroepen div.doelgroep1Active {
	background-image:url(/images/site/doelgroepOnderWijsA.gif);
}
#colLeft #colLeftTop #doelgroepen div.doelgroep2Active {
	background-image:url(/images/site/doelgroepMBKA.gif);
}
#colLeft #colLeftTop #doelgroepen div.doelgroep3Active {
	background-image:url(/images/site/doelgroepmaatwerkA.gif);
}
#colLeft #colLeftTop #doelgroepen div.doelgroep4Active {
	background-image:url(/images/site/doelgroepTrainingA.gif);
}*/

/*-------------------------------------------------------------------------------------*/
/*FOOTER----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/
#footer {
	text-align:left;
	width:986px;
	height:54px;
	clear:both;
	display:block;
} 
#footer #footerColLeft{
	position:relative;
	width:247px;
	height:54px;
	display:inline;
	float:left;
	clear:left;
	background-image:url(/images/site/footerBgBricks.jpg);
	background-repeat:no-repeat;
}
#footer #footerColLeft .footerContent {
	margin: 30px 0px 0px 40px;
	display:inline; 
	float:left;
	color:#666666;
}
#footer #footerColLeft .inlineButton {
	display:inline; 
	float:left;
	margin: 27px 0px 0px 15px;
	cursor:pointer;
}

#footer #footerColRight {
	position:relative;
	float:left;
	width:203px;
	display:inline;
	
	clear:right;
}
#footer #footerColMiddle .footerContent {
	margin: 33px 0px 0px 15px;
	display:inline; 
	float:left;
	color:#666666;
}

#footer #footerColMiddle {
	position:relative;
	width:536px;
	display:inline;
	float:left;
	
	clear:right;
}

/*-------------------------------------------------------------------------------------*/
/*GENERAL CONTENT----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/

a 		  {text-decoration: none; color: #545358;}
a:hover, a:active { text-decoration: underline; color: #545358;}

h1 {font-size: 1em; padding:2px 0 10px 0; margin: 0px 0px 5px 0px;color:#666666;}

h2 {font-style:italic; font-size:1em; margin:0 0 12px 0;}
h3 {padding-right: 0px; padding-left: 0px; font-size: 1em; padding-bottom: 0px; margin: 0px;  padding-top: 4px}
h4 {padding-right: 0px; padding-left: 0px; font-size: 1em; padding-bottom: 4px; margin: 0px;  padding-top: 4px}
h5 {padding-right: 0px; padding-left: 0px; font-weight: bold; font-size: 1em; padding-bottom: 4px; margin: 0px; color: #7f7f7f; padding-top: 4px}
h6 {color:#666666; padding-right: 0px; padding-left: 0px; font-weight: normal; font-size: 1em; padding-bottom: 4px; margin: 0px; padding-top: 4px}

.contentTitel     { font-size:1.4em; margin-bottom:5px; font-weight:bold;}
.introtxt     { font-size:1.0em; margin-bottom:5px; font-weight:bold;}
.contentSubtitel  { font-style:italic; font-size:1em; margin:0 0 12px 0;}

/*.button {width:75px; color:#000000; border:1px solid #a4a2a2; background-color:#e0dfe3;  cursor:pointer;}*/
.button {width:76px; 
	height:22px; 
	background-image:url(/images/site/buttonBackground.png); 
	background-repeat:no-repeat; 
	background-color:#ff9700; 
	color:white; 
	border:none!important; 
	cursor:pointer;
	padding-top:2px; 
	padding-bottom:2px;
	text-align:left;
	padding-left:7px;
	font-size:11px;}

/*uitzondering index pagina*/
#colMidIndexContentWrapper h1 { display:none; }
#colMidIndexContentWrapper h6 { width:450px; }