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

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

html, body {
	padding:0px;
	margin:0px;
	height:100%;
}
body {
	font: 11px Tahoma, Arial, Helvetica, sans-serif; 
	color:black;
	background-image:url(../images/site/indexBackground.gif);
	background-repeat:repeat-x;
}

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

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

#container {
	height:100%;
	
	margin:0 auto;
	width:975px;
}
#container #header, #container #middle { /*cetnter the design*/
 margin:0;
}


#container #header {
	height:242px;
	width:975px;
	background-color:#FFFFFF;
}
#container #middle {
	width:100%;
	min-width:976px;
	min-height:402px;
}

#middle #colright {
	position:relative;
	float:left;
	width:250px;
	display:inline;
	min-height:419px;
	height:100%!important;
	height:419px;
	clear:right;
}

#middle #colmiddle {
	position:relative;
	width:472px;
	display:inline;
	float:left;
	min-height:419px;
	height:100%!important;
	height:419px;
	background-image:url(../images/site/content_background.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	clear:right;
	background-color:#FFFFFF;
}

#middle #colleft{
	
	position:relative;
	width:253px;
	display:inline;
	float:left;
	background-color:#FFFFFF;
 	background-image:url(../images/site/leftBackgroundBottom.jpg);
	min-height:419px;
	height:419px;
	background-position:bottom right;
	background-repeat:no-repeat;
	clear:left;
	
}

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

/*Sub stukken midden*/
/*Sub stukken midden*/
#colmiddle #contentWrapper, #colmiddle #indexMidTop, #colmiddle #subHeader{
	position:relative;
	width:100%;
}

#contentWrapper #toTopBtn {
	float:right;
	display:inline;
	margin:25px 21px 21px 0px;
	*margin:21px 21px 0px 0px;
	padding:0px;
	clear:both;
	height:25px;
	width:25px;
}

#contentWrapper #toTopBtn img{
	border: 0px;
	cursor: pointer;
	padding:0px;
	margin:0px;
	position:relative;
}

#contentWrapper {
	height:auto!important;
	padding-bottom:15px;
}

#content { 
	margin: 12px 0px 0px 0px; 
	padding: 0px 21px 0px 18px;
	height:auto;
	color:#000099;
}

#midTop {
 height:29px;
 background-image:url(../images/site/indexMidTop.png);
 background-repeat:no-repeat;
}

/*Sub stukken links*/
 #colleft #topLeft
 {
	background-image:url(../images/site/leftTop.png);
	background-repeat:no-repeat;
 	width:100%;
	height:29px;
 }
 #colleft #colLeftWrapper {
	background-image:url(../images/site/LeftBackgroundLine.gif);
	background-repeat:no-repeat;
	background-position:top right;
 }
 #colleft #colLeftWrapper #btnWrapper{
 	margin-left:50px;
 }
/*Sub stukken rechts*/
 #colright #topright
 {
	background-image:url(../images/site/rightTop.png);
	background-repeat:no-repeat;
	display:block;
	clear:right;
 	width:100%;
	height:29px;
 }
 
 #colright #colRightWrapper {
	 background-image:url(../images/site/colRightBackground.png);
	 background-repeat:no-repeat;
	 min-height:250px;
	 display:inline-block;
	 width:250px;
 }
 
 
#mainPageTools {
	float:right; 
	position:relative; 
	display:inline; 
	width:45px; 
	margin-right:21px; 
	margin-top:15px;
}


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


#headerTop { 
	height:213px;
	width:100%;
	background-repeat:no-repeat;
	background-image:url(../images/site/header.jpg);
	background-repeat:no-repeat
}
#headerTop #flashContent{ 
	margin-left:252px;
	margin-top:-2px;
	width:475px;
	height:214px;
	float:left;
	display:inline;
}
#menuHeader {
	height:29px;
	width:100%;
	background-image:url(../images/site/menu.jpg);
	background-repeat:no-repeat;
}

#logoblok {
	position:relative;
	float:right;
	width:197px;
	height:150px;
	margin:0px;
 	margin-right:45px;
	top:20px;
	cursor:pointer;
}
/*-------------------------------------------------------------------------------------*/
/*FDOELGROEPEM----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/
/*sub doelgroepen*/
#doelgroepen {
	height:140px;
	position:relative;
	overflow:hidden;
	padding-top:15px;
	padding-left:49px;
	color:#3131ad;
}
#doelgroepen h1 {
	padding-bottom:0px;
	margin-bottom:11px;
	font-size:1.1em;
	font-weight:normal;
}
#doelgroepen a, #doelgroepen a:hover {color:#3131ad;}
#doelgroepen .doelgroep {height:15px;padding-left:12px;}
/*-------------------------------------------------------------------------------------*/
/*FOOTER----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/
#footer {
	clear:both;
	text-align:left;
	background-image:url(../images/site/footerRepeat.gif);
	background-repeat:repeat-x;
	background-position:top right;
} 
#footerContent {
	background-image:url(../images/site/footerContentbackground.gif);
	background-repeat:no-repeat;
	background-position:left top;
	width:930px;
	height:19px;
	padding-top:5px;
	text-align:right;
	color:#009ade; 
}


#footerContent a { color:#009ade; }
/*-------------------------------------------------------------------------------------*/
/*GENERAL CONTENT----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/

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

h1 {font-family: georgia;;font-size: 1.4em; padding:2px 0 10px 0; margin: 0px 0px 5px 0px}
h2 {font-style:italic; font-size:1.3em; margin:0 0 12px 0;color:#f79420;}
h3 {padding-right: 0px; padding-left: 0px; font-size: 1.1em; 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: 1.0em; padding-bottom: 4px; margin: 0px; color: #7f7f7f; padding-top: 4px}
h6 {padding-right: 0px; padding-left: 0px; font-weight: normal; font-size: 1em; padding-bottom: 4px; margin: 0px; padding-top: 4px;}
p  {padding:0; font-size: 1em; margin: 0px; font-weight:normal;}
.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;color:#f79420;}

ol,ul {padding-left:21px; clear:both;}
.button {width:75px; border:1px inset #7c0000; background-color:#0073be; color:white; cursor:pointer;}