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

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

html,body {
	height:100%; 
	width:100%;
	min-width:100%;
	padding:0;
	margin:0;
}
body {font: 0.7em Tahoma, Arial, Helvetica, sans-serif;}


/*-------------------------------------------------------------------------------------*/
/*HOOFDONDERDELEN-------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/
#container {
	background-color: white;
	width:945px;
	height:100%;
	margin:0 auto;
}
#container #header, #container #middle { /*cetnter the design*/
 margin:0;
}

#container #header {
	height:172px;
	width:939px;
	background-image:url(../images/site/header-background.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	background-color:#FFFFFF;
}
#container #middle {
	width:100%;
	min-width:976px;
}

#middle #colright {
	background-image:url(../images/site/topRightIndex.jpg);
	height:100%;
	position:relative;
	float:left;
	width:251px;
	background-repeat:no-repeat;
	background-position:top left;
	display:inline;
	clear:right;
	min-height:488px;
}

#middle #colmiddle {
	position:relative;
	width:445px;
	display:inline;
	float:left;
	min-height:488px;
}

#middle #colleft{
	background-image:url(../images/site/left-repeat.jpg);
 	background-repeat:repeat-y;
	position:relative;
	width:279px;
	display:inline;
	float:left;
	min-height:488px;
}

/*-------------------------------------------------------------------------------------*/
/*PARTS MIDDLE-------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/

/*Sub stukken midden*/
#colmiddle #indexContentwrapper, #colmiddle #indexTopvisual{
	position:relative;
	width:100%;
}

#indexContentwrapper {
	height:auto;
	min-height:168px;
	background-image:url(../images/site/index-content-repeat.jpg);
	background-repeat:repeat-y;
	

}
#indexTopvisual {
 height:296px;
 background-image:url(../images/site/index-top-visual.jpg);
}


#contentSubwrapper {
	height:auto;
	background-image:url(../images/site/index-content-background.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	display:inline-block;
	width:100%;
}
#content { 
	margin:12px 0px 0px 0px; 
	padding: 0px 21px 0px 12px; 
	height:auto;

}


/*Sub stukken links*/
/*#agendacontent {} --> kijk beneden*/ 

#colleft #leftWrapper {
	background-image:url(../images/site/left-background.jpg);
	background-repeat:no-repeat;
	height:479px;
	display:inline-block;
	width:100%;
}

/*Sub stukken rechts*/
/*#onderwijsnieuws {} --> kijk beneden*/ 
#colright #rightTopWrapper {
	height:262px;
	display:inline-block;
}

#colright #rightTopWrapper #bannerPersoneelsdag{
	width:171px;
	height:53px;
	display:block;
	margin:25px 0px 0px 13px;
}
#colright #rightMidWrapper {
	height:93px;
	
	min-height:93px;
	background-image:url(../images/site/right-repeaty.jpg);
	background-repeat:repeat-y;
}
#colright #rightMidWrapper #rightFiller{
	background-image:url(../images/site/rightMid.jpg);
	background-repeat:no-repeat;
	height:93px;
	width:251px;
}

#colright #rightBottomWrapper {
	background-image:url(../images/site/rightBottom.jpg);
	background-repeat:no-repeat;
	height:124px;
	width:251px;
	display:inline-block;
}

#colright #doelgroepen {
	width:196px; 
	margin-top:1px;
}

#colright .doelgroep {
	width:196px;
	height:30px;
	cursor:pointer;
}

/*-------------------------------------------------------------------------------------*/
/*PARTS HEADER-------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/

#mainPageTools {
 position:relative;
 float:right;
 margin-right:225px;
 width:35px;
 margin-top:-2px;
}


#logoblok{
	width:240px;
	height:150px;
	float:left;
	display:inline;
	cursor:pointer;
}

/*-------------------------------------------------------------------------------------*/
/*GENERAL CLASSES----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------*/
/*GENERAL CONTENT----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/
h1 {;font-size: 1.4em; padding:2px 0 0px 0;margin:0 0 1em 0;}
h2 {font-style:italic; font-size:1.3em; margin:0 0 1em 0;}
h3 {padding-right: 0px; padding-left: 0px; font-size: 1.2em; padding-bottom: 0px; margin: 0px;  padding-top: 4px}
h4 {padding-right: 0px; padding-left: 0px; font-size: 1.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 {padding-right: 0px; padding-left: 0px; font-weight: bold; font-size: 1em; padding-bottom: 1em; margin: 0px; padding-top: 4px}

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

#content ul  {list-style-position: inside;}
#content ol  {list-style-position: inside;}
p{ padding-bottom:5px; padding-top:5px;}

.button {
	width:75px; 
	background-color:#2d4197; 
	color:white; 
	border:none!important; 
	cursor:pointer; 
	padding:5px;
}
.notClickable {color:#CCCCCC;}

#txt {margin-left: 9px;}