﻿html {
	height : 100%;
}
	body {
		height : 100%;
		padding : 0px;
		margin : 0px;
		text-align:center;
		
	}
	
	#home{
		background-image:url(/images/bg_homepage.jpg);
		background-repeat:no-repeat;
		background-position:center top;		
		}
	#vervolg{
		
		}
	
	
		#canvas {
			min-height : 100%;
			margin-left:auto;
			margin-right:auto;
			margin-bottom : -71px;
			background-color :transparent;			
			width:1004px;
			text-align:left;
		}
			
		#lnkhome{
			width:250px;
			height:80px;
			position:absolute;
			top:0px;
			left:0px;
		}
		
		
		#footerhome {
			position:absolute;
			top:743px;
			height:70px;
			width:264px;
			background-color : #fff;
			border-top:solid 12px #c0ce11;
			margin-left:20px;
			text-align:left;
		}
		
		#footerhome ul{
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;	
		}
		#footerhome ul li{
			margin:10px 20px 0px 0px;
			padding:0px 0px 0px 0px;
			list-style:none;
			float:left;
		}

		
		#footer {
			height:70px;
			width:1004px;
			background-color : #fff;
			border-top:solid 1px #c0ce11;
			margin-left:auto;
			margin-right:auto;
			text-align:left;
		}
		
		#footer ul{
			position:relative;
			margin:0px 0px 0px 30px;
			padding:0px 0px 0px 0px;	
		}
		#footer ul li{
			margin:6px 20px 0px 0px;
			padding:0px 0px 0px 0px;
			list-style:none;
			float:left;
		}
		
		
ul#metanav {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;	
	
	height:28px;
	float:left;
	}
	#metanav li{
		margin:6px 0px 0px 10px;
		padding:0px 0px 0px 0px;
		list-style:none;
		float:left;
		}
		
#vervolg ul#metanav{	
	position:absolute;
	left:752px;		
}
/*homepage*/

#homecontent {
	padding : 0px 0px 0px 0px;
	position:relative;
	clear:both;
}

/*col left*/
#colleft{
	float:left;
	width:284px;
	}

	#home ul.doelgroepen{
		margin:0px 0px 0px 0px;
		padding:136px 0px 0px 0px;			
		}
	#home ul.doelgroepen li{
			margin:0px 0px 14px 0px;
			padding:0px 0px 0px 0px;
			list-style:none;
			height:33px;
			width:284px;
			}
		#home ul.doelgroepen li.over{	
			padding-top:36px;	
		}
			
	ul.banners{
		margin:0px 0px 0px 20px;
		padding:28px 0px 0px 0px;	
		width:264px;
		}
		ul.banners li{
			margin:14px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			list-style:none;			
			width:284px;
			}
			
/*colleft*
/*col right*/
#colright{
	width:235px;	
	float:right;
	padding:0px 0px 0px 0px;
	margin:0px 24px 0px 0px;
	color:#FFF;

	}
	
	div.right{
		margin:0px 0px 0px 0px;
		padding:18px 20px 15px 20px;
		background-color:#34459a;		
		}
	div.top{
		padding-bottom:0px;	
		}
		div.top img.hr{margin-bottom:0px;}
		
		
	div.right h2{
		margin:0px 0px 8px 0px;
		padding:0px 0px 0px 0px;	
		}
		#colright h2 img{
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;	
			}
		
	input.zoek{width:164px;border:solid 1px #a51c28;}
	button.zoek{		
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;	
		border:none;
		background-color:Transparent;
		cursor:pointer;
		}
		button.zoek img{
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			width:15px; 
			height:16px;
			}

	img.hr{		
		height:1px;
		margin:15px 0px 15px 0px;
	}
	
	#colright h3{
		margin:0px 0px 10px 0px;
		padding:0px 0px 0px 0px;
		}
		
	div.werkenbij{
		background-color:#c0ce11;		
		background-image:url(/images/bg_hr.gif);
		background-repeat:repeat-x;		
		padding:15px 0px 6px 0px;
		margin:0px 0px 0px 0px;
		width:236px;
		color:#000;
		}	
		
		div.werkenbij img{margin:0px 0px 8px 4px;} 
		#colright div.werkenbij a{
			margin:0px 0px 0px 0px;
			width:auto;			
			line-height:2em;
		} 
		
		div.werkenbij p,div.werkenbij h2{
			padding:0px 20px 8px 20px;			
		}
/*col right*/

/*homepage*/

/*sub home*/


img.enddots{
	position:absolute;
	right:259px;
	top:145px;
}

#vervolg div.right{
		position:absolute;		
		right:24px;
		top:28px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;		
		color:#FFF;
		background-color:transparent;		
		}
		
	
	#vervolg div.right p{
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		}
	
	#vervolg div.right img.bttmred{
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		}

#subhomecontent {
	padding:0px 0px 80px 0px;
	margin:0px 0px 0px 0px;
	width:1004px;
	position:relative;
	}




#navigation{
	float:left;
	width:272px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color: #34459a;
	}
	#navigation img.bttmnav{
		margin:0px 0px -2px 0px;
		padding:0px 0px 0px 0px;		
		}

#homecontent{
	float:right;
	width:708px;
	margin:0px 0px 0px 0px;
	padding:17px 0px 15px 23px;
	}
	
	
	div.breadcrum{
		/*width:90%;	*/
	}
	
	ul#breadcrum{
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		clear:both;list-style-image:none;
		}
		ul#breadcrum li{
			margin:0px 4px 0px 0px;
			padding:0px 0px 0px 0px;
			float:left;
			list-style:none;
			list-style-image:none;
			font-size:90%;
			}
	
	

	div.container{
		background-image:url(/images/bg_2cols.gif);
		background-position:0px 0px;
		background-repeat:repeat-y;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;	


	}
	
	/**/
	div.colleft{
		float:left;
		width:320px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 20px 0px;
		background-color:#eff0f7;
		}
		
		ul.agenda{
			margin:0px 0px 12px 10px;
			padding:0px 0px 0px 0px;	
		}
		ul.agenda li{
			margin:10px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			list-style:none;
			list-style-image:none;	
		}
		div.colleft h2{
			margin:10px 10px 6px 10px;
			padding:0px 0px 0px 0px;
			}
		
		div.colleft p{
			margin:0px 10px 15px 10px;
			padding:0px 0px 0px 0px;
			}
		div.colleft a.padd,div.colright a.padd{
			margin:10px 10px 15px 10px;
			padding:0px 0px 0px 0px;
			}
		
	div.colright{
		float:left;
		width:320px;
		margin:0px 0px 0px 20px;
		padding:0px 0px 0px 0px;
		background-color:#eff0f7;
		}	
		
		div.colright h2{
			margin:10px 10px 6px 10px;
			padding:0px 0px 0px 0px;
			}
		
		div.colright p{
			margin:0px 10px 15px 10px;
			padding:0px 0px 0px 0px;
			}
		
		div.colright ol{
			margin-top:0px;
			margin-right:0px;
		}
				
			div.colright ol li{
				margin-right:0px;
				list-style-image:none;
			}	
	/**/
/*sub home*/
/*content*/
#content{
	float:right;
	width:450px;
	margin:0px 260px 0px 0px;
	padding:17px 0px 15px 0px;
	position:relative;
	}
	
#webpart{
background-color:green;
/*width:450px;*/
}


#more{
	position:absolute;
	width:236px;	
	right:0px;
	margin:0px 0px 0px 0px;
	padding:35px 0px 0px 0px;
}
	img.print{
		vertical-align:text-top;
		margin-right:5px;
		}
	
	div.moreinfo{
		width:196px;
		background-color:#eff0f7;
		margin:28px 0px 0px 0px;
		padding:16px 0px 16px 0px;	
	}
	div.moreinfo h2,div.moreinfo p,div.moreinfo a,div.moreinfo h3{
		padding:0px 4px 0px 16px;	
	}
    div.moreinfouser{
		width:196px;
		background-color:#eff0f7;
		margin:28px 0px 0px 0px;
		padding:16px 4px 16px 16px;	
	}

	div.moreinfo img{padding:2px 4px 0px 4px;}
	
	div.moreinfo p{margin-bottom:4px;}
	
	div.moreinfo p img{float:right;}
	
	
	div.moreinfo ul{
		margin:0px 0px 0px 0px;
		padding:0px 0px 10px 0px;
	}
	div.moreinfo ul li{
		margin:0px 0px 0px 0px;
		padding:6px 0px 0px 0px;
		list-style:none;
		list-style-image:none;		
		clear:both;
	}
	div.moreinfo ul li a{float:left;}
	

/*content*/
/*nieuws*/
#content ul.nieuws{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}
	#content ul.nieuws li{
		margin:0px 0px 19px 0px;
		padding:0px 0px 0px 0px;
		list-style:none;
		list-style-image:none;
	}
/*nieuws*/
/* abctje */
div.col{
	float:left;
	width:33%;
}

div.col dt{color:#34459a;margin-bottom:3px;}
div.col dd{margin-bottom:18px;}

div.col ul{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}
	div.col ul li{
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		list-style:none;
		}
/* abctje */
/*vacatures*/
#content ul.vacatures{
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}
	#content ul.vacatures li{
		margin:0px 0px 19px 0px;
		padding:0px 0px 0px 0px;
		list-style:none;
		list-style-image:none;
	}
	
table.opsm td{font-weight:bold;}	
/*vacatures*/
/*folders*/
table.folders td{padding-right:20px;}
/*folders*/
table.overzspec td{padding-right:20px;}

/*medewerkers*/

#content ul.medewerkers{
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}
	#content ul.medewerkers li{
		margin:0px 0px 19px 0px;
		padding:0px 0px 0px 0px;
		list-style:none;
		list-style-image:none;
	}
/*medewerkers*/
/*locatie*/
#content ul.pijl{
	margin:10px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	}
	#content ul.pijl li{
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		list-style:none;
		list-style-image:none;
	}
	
	#content ul.pijl li a{
		background-image:url(/images/pijl_rood.gif);
		background-repeat:no-repeat;
		background-position:right 6px;
		padding-right:10px;			
	}
	
	img.kaartje{
		float:right;
		clear:right;
		margin-top:14px;		
		}

/*locatie*/
/*search*/
div.pager{
	background-image:url(/images/bg_divider.gif);
	height:30px;
	background-repeat:repeat-x;
	background-position:left bottom;
	padding:6px 0px 0px 0px;
	margin:6px 0px 0px 0px;
	color : #a51c28;	
	}

div.pager ul{
	margin:0px 0px 0px 80px;
	padding:0px 0px 0px 0px;
	float:left;
	}
	#content div.pager ul li{
		margin:0px 0px 10px 0px;
		padding:0px 2px 0px 2px;
		list-style:none;
		list-style-image:none;
		float:left;
	}
	div.pager ul li a{
		margin:0px 0px 0px 0px;
		padding:0px 2px 0px 0px;
		}
		
	div.pager ul li a.actief{font-weight:bold; color:#000; text-decoration:none;}	
		
	div.pager a.back{
		float:left;
		}
	div.pager a.more{
		float:right;
		}

#content ul.search{
	margin:10px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	}
	#content ul.search li{
		margin:0px 0px 10px 0px;
		padding:0px 0px 0px 0px;
		list-style:none;
		list-style-image:none;
	}


/*search*/
/* ----------------------------------------------------------- 
div.subtitle{
	background-color:#a51c28;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-weight:bold;
	color:#FFF;
	
}	
div.subtitle ul{
	margin-top:0px;
	margin-bottom:15px;
	margin-left:30px;
	padding:10px 0px 20px 0px;	
}

div.subtitle ul li {								
		list-style:none;
		list-style-image:none;
		background-image:url(/images/bull_nav.gif);
		background-repeat:no-repeat;
		background-position:0px 5px;
		padding:0px 0px 0px 7px;
		margin:0px 0px 0px 0px;											
	}

#subsitenavigation img{
	margin:0px 0px 0px 30px;
}
*/
/*div.submoreinfo{
to color	
	background-color:#f6e8e9;
to color	
	}

ul.dropDownMenu li a.active:link,
ul.dropDownMenu li a.active:visited,
ul.dropDownMenu li a.active:hover,
ul.dropDownMenu li a.active:active {
	color : #a51c28;						
	text-decoration : none;
	font-weight:bold;
}
*/


/* ----------------------------------------------------------- */
#home #fontsize0 {
	margin:3px 0px 0px 0px;
	padding:0px 35px 0px 0px;
float:right;
z-index:20;
font-size:10px;
width:35px;	

}


#vervolg #fontsize0 {
	margin:3px 0px 0px 0px;
	padding:0px 50px 0px 0px;
position:relative;

float:right;
font-size:10px;	
}


#fontsize0 li{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
	display:inline;
}
	
	#fontsize0 a {
		text-decoration : none;
		
		width:auto;
	}
	.fontsmall {
		font-size : 100%;
		font-weight : normal;
		
		
	}
	.fontmedium {
		font-size : 110%;
		font-weight : normal;
		
	}
	.fontlarge {
		font-size : 130%;
		font-weight : normal;
		
	}
	
/*console*/

/*sitemap*/
#sitemaptree li a{
	font-size:115%;
	font-weight:bold;	
	}
	
	#sitemaptree li ul{
		margin-top:2px;
		margin-bottom:2px;
	}

	
	#sitemaptree li ul li{
		font-weight:bold;
	}

	
	#sitemaptree li ul li a{
		font-size:100%;
		font-weight:normal;	
		}
	

/* --------------------------------- */
/*ecard*/
div.ecard{}

div.ecardcontainer{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:550px;
	}

h2.ecard{float:left;}

div.ecard .pager{
	background-image:none;
}

ul.pager{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:right;
	}
	ul.pager li{
		margin:0px 0px 10px 0px;
		padding:0px 2px 0px 2px;
		list-style:none;
		list-style-image:none;
		float:left;
	}
	ul.pager li a{
		margin:0px 0px 0px 0px;
		padding:0px 2px 0px 0px;
		}
		
	ul.pager li a.actief{font-weight:bold; color:#000; text-decoration:none;}
	
	div.ecard div.pager{
		float:right;
		margin:40px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		}
		
	div.ecard div.pager a.back{
		float:left;
		margin-right:30px;
		}
	div.ecard div.pager a.more{
		float:left;
		}	

textarea.ecardtxtarea{
	width:433px;
	height:230px;
	}

img.kaart{
	margin-top:20px;
	
	}
dl.afdelingpro
{
	
		 margin-top:10px;
}
dl.afdelingpro dt
{
	
	color: #34459a;
}
dl.afdelingpro dd ul{
	 list-style:none;
	 margin:0px;
	 margin-bottom:20px;

	
}




a.moreimg img{
	 width:300px;
	}




