/* ----------------------------------------------
	BASISSETTING, positionering                               
	____________________________________________ */

body{
	font: 11px Verdana, Arial,Helvetica ;
	color:#4C4C4C;
	line-height:16px;
	padding:0px;
	margin: 0px;
	background: #dcdcdc;
}
	
#placeholder{
	margin:0 auto;
	padding:0;
	width:100%;
	background:url(../images/body_bg.gif) repeat-x top #fff;
}	

#header_quote{
	position:absolute;
	margin:0;
	padding:0;
	width:152px;
	height:60px;
	margin-top:39px;
	margin-left:155px;
	color:#fff;
}

.dienstenlinks a{
	line-height:20px;
	font-weight:normal;
	color:#4C4C4C;
	
}
.dienstenlinks a:hover{
	font-weight:bold;
	text-decoration:none;
}

#tekst table{
	border-collapse:collapse;
	border:1px solid #4C4C4C;
}


#tekst td{
	padding:7px;
	border-collapse:collapse;
	border:1px solid #4C4C4C;
}

#tekst td.geenrand {
	border:0px;
}
#tekst table.geenrand {
	border:0px;
}


/****************************************
			HOMEBLOK
****************************************/

#home_blok{
	position:absolute;
	margin:0;
	padding:0;
	width:760px;
	margin-top:175px;
	margin-left:115px;
	background:#efefef;
	z-index:105;
}

	#home_blok_items{
		float:left;
		margin:0;
		padding:0;
	}
	#home_blok_items ul{
		margin:0;
		padding:0;
	}
	#home_blok_items li{
		margin:0;
		padding:0;
		display:inline;
	}
	#home_blok_items li a{
		float:left;
		width:223px;
		height:27px;
		font-size:12px;
		margin:0;
		padding:0;
		color:#fff;
		padding-top:10px;
		padding-left:30px;
		background:url(../images/pijl.png) no-repeat 10px center #c3d021;
	}
	*html #home_blok_items li a{
		background:url(../images/pijl.gif) no-repeat 10px center #c3d021;
	}
	
	#home_blok_items li a:hover{
		text-decoration:none;
	}
	
	#home_blok_items li.sz a {
		background-color:#55a1d5;
	}
	#home_blok_items li.zg a {
		background-color:#99005d;
		width:224px;
	}


	#home_blok_fotos{
		float:left;
		margin:0;
		padding:0;
	}
	
	
	#home_blok_fotos ul{
		margin:0;
		padding:0;
	}
	#home_blok_fotos li{
		margin:0;
		padding:0;
		display:inline;
	}
	#home_blok_fotos li a{
		float:left;
		width:253px;
		height:95px;
		margin:0;
		padding:0;
		filter:gray;
		background:url(../images/home3.jpg) no-repeat;;
	}
	#home_blok_fotos li a:hover{
		filter:none;
		text-decoration:none;
	}
	
	#home_blok_fotos li.sz a {
		background:url(../images/home2.jpg) no-repeat;;
	}
	#home_blok_fotos li.zg a {
		background:url(../images/home1.jpg) no-repeat;;
	}
	

	#home_blok_content{
		float:left;
		margin:0;
		padding:20px;
		width:720px;
		font-size:8px;
		line-height:15px;
		padding-top:10px;
		padding-bottom:10px;
		color:#fff;
		background:#828282;
	}
	
	#home_blok_tekst{
		float:left;
		padding:20px;
	}


/****************************************/


	#vouw{
		position:absolute;
		margin:0;
		padding:0;
		width:182px;
		height:176px;
		margin-left:422px;
		margin-top:176px;
		background:url(../images/vouw.png) no-repeat ;
		z-index:10;
		
	}
	
	#vouw_top{
		position:absolute;
		margin:0;
		padding:0;
		width:167px;
		height:33px;
		margin-left:437px;
		margin-top:189px;
		/*background:url(../images/vouw_top.png) no-repeat ;*/
		z-index:10;
		
	}
	
	#vouw_left{
		position:absolute;
		margin:0;
		padding:0;
		width:28px;
		height:129px;
		margin-left:439px;
		margin-top:222px;
		/*background:url(../images/vouw_left.png) no-repeat ;*/
		z-index:10;
		
	}
	
#container2 {
	padding: 0;
	margin: 0 auto;
	width: 992px;
	min-height:450px;
}
	
#container {
	padding: 0;
	margin: 0 auto;
	width: 992px;
	min-height:450px;
}

	#kruimelpad{
		float:left;
		margin:0;
		padding:0;
		color:#E31B23;
		width:445px;
		padding-top:27px;
	}
	#kruimelpad a{
		text-decoration:none;
		color:#C2CD23;
	}
	.groen{
		color:#C2CD23;
	}
	

	#menu{
		float:right;
		margin:0;
		padding:0;
		padding-top:27px;
		padding-bottom:3px;
	}

		#menu ul{
			margin:0;
			padding:0;
		}	
		#menu li{
			display:inline;
			margin:0;
			padding:0;
			color:#C2CD23;
		}
		#menu li a{
			margin:0;
			padding:0;
			color:#C2CD23;
			font-weight:bold;
			padding-right:3px;
			padding-left:4px;
			text-decoration:none;
		}
		#menu li a:hover{
			color:#E31B23;
			text-decoration:none;
		}

		
	#header{
		float:left;
		width:100%;
		height:166px;
		background:url(../images/header_bg.gif) no-repeat right bottom;
	}
		
		#logo a{
			float:left;
			width:162px;
			height:81px;
			margin:0;
			padding:0;
			margin-top:40px;
			text-decoration:none;
			background:url(../images/logo.gif) no-repeat;
		}
		
		#login a{
			float:right;
			margin:0;
			padding:0;
			color:#fff;
			padding-left:12px;
			background:url(../images/login.gif) no-repeat;
		}
		
		#thema_menu{
			position:absolute;
			width:460px;
			margin:0;
			padding:0;
			margin-top:175px;
			z-index:5;
		}
			#thema_menu ul{
				margin:0;
				padding:0;
			}
			#thema_menu li{
				margin:0;
				padding:0;
				display:inline;
				list-style:none;
			}
			#thema_menu li a{
				float:left;
				width:123px;
				height:27px;
				font-size:12px;
				margin:0;
				padding:0;
				color:#fff;
				padding-top:10px;
				padding-left:30px;
				background:url(../images/pijl.png) no-repeat 10px center #c3d021;
			}
			*html #thema_menu li a{
				background:url(../images/pijl.gif) no-repeat 10px center #c3d021;
			}
			
			#thema_menu li a:hover{
				text-decoration:none;
				
			}
			#thema_menu li.sz a {
				background-color:#55a1d5;
			}
			#thema_menu li.zg a {
				background-color:#99005d;
			}
		
		
	#content{
		float:left;
		margin:0;
		padding:0;
	}
	
		#menu_blok{
			float:left;
			width:460px;
			min-height:200px;
			margin:0;
			padding:0;
			padding-bottom:15px;
		}
		
			#menu_blok_foto{
				float:left;
				width:460px;
				height:133px;
			}
			#menu_blok_submenu, #menu_blok_submenu_right {
				float:left;
				width:460px;
				color:#fff;
				padding-top:5px;
				background:#828282;
			}
			
			#menu_blok_submenu {
				height:74px;
			}
			
			#menu_blok_submenu_right {
				padding-bottom:5px;
			}
			
			
				#menu_blok_submenu ul, #menu_blok_submenu_right ul{
				
				}
				#menu_blok_submenu li, #menu_blok_submenu_right li{
					list-style:none;
					margin:0;
					padding:0;
					display:inline;
				}
				#menu_blok_submenu li a, #menu_blok_submenu_right li a{
					float:left;
					width:120px;
					color:white;
					padding-left:24px;
					padding-bottom:5px;
					text-decoration:none;
					background:url(../images/pijl.png) no-repeat left;
				}
				
				#menu_blok_submenu_right li a{
					padding-left:24px;
					width:140px;
					background:url(../images/pijl.png) no-repeat left;
				}
				
				#menu_blok_submenu li a:hover, #menu_blok_submenu_right li a:hover, #menu_blok_submenu_right li a.actief {
					font-weight:bold;
				}
				
				.submenu_titel{
					float:left;
					padding-left:20px;
					font-size:15px;
					width:150px;
					height:55px;
					padding-top:24px;
				}

			#menu_blok_content{
				float:left;
				width:440px;
				color:#4c4c4c;
				padding:10px;
				padding-top:15px;
				background:#efefef;
			}
		
		#tekst{
			float:left;
			width:460px;
			margin:0;
			padding:20px;
			z-index:110;
			
		}

	
#footer{
	width:100%;
	margin:0;
	padding:0;
	padding-top:10px;
	text-align:center;
	background:#dcdcdc;
}

.nieuws_item{
	float:left;
	width:223px;
	padding-bottom:10px;
}

.dienstenlijst h3 a, .dienstenlinkssub h3{
	color:#4c4c4c;
}

.dienstenlijst h3 a.actief, .dienstenlinks h3 a.actief, .dienstenlinkssub h3 a.actief {
	color:#4c4c4c;
	font-weight:bold;
}

.dienstenlinkssub h3 a.actief {
	color:#E31B23;
	text-decoration:underline;
}

.clearer {
	clear: both; 
	line-height:0; 
	height: -10; 
	float: none;
}
/****************************************************
				MENU THEMA STYLES
****************************************************/	
#submenu_themas_zorg, #submenu_themas_onderwijs, #submenu_themas_sociale-zekerheid {
	position:absolute;
	margin:0;
	padding:0;
	margin-top:210px;
	padding-top:3px;
	visibility:hidden;
	width:153px;
/*	min-height:132px;	*/
}

	#submenu_themas_onderwijs{
		background-color:#c3d021;
		margin-left:0px;
	}
	#submenu_themas_zorg {
		background-color:#55a1d5;
		margin-left:153px;
	}
	#submenu_themas_sociale-zekerheid  {
		background-color:#99005d;
		margin-left:306px;
		width:154px;
	}
	
	#submenu_themas_zorg ul, #submenu_themas_onderwijs ul, #submenu_themas_sociale-zekerheid ul{
		margin:0;
		padding:0;
	}
	#submenu_themas_zorg li, #submenu_themas_onderwijs li, #submenu_themas_sociale-zekerheid li{
		margin:0;
		padding:0;
		display:inline;
		list-style:none;
		font-size:10px;
	}
	#submenu_themas_zorg a, #submenu_themas_onderwijs a, #submenu_themas_sociale-zekerheid a{
		width:148px;
		display:block;
		color:white;
		padding-left:19px;
		padding-bottom:4px;
		background:url(../images/pijl_klein.png) no-repeat left top;
		margin-left:11px;
	}
	*html #submenu_themas_zorg a, *html #submenu_themas_onderwijs a, *html #submenu_themas_sociale-zekerheid a{
		width:100px;
		background:url(../images/pijl_klein.gif) no-repeat left top;
	}
	
	#submenu_themas_zorg a:hover, #submenu_themas_onderwijs a:hover, #submenu_themas_sociale-zekerheid a:hover,#submenu_themas_zorg a.actief, #submenu_themas_onderwijs a.actief, #submenu_themas_sociale-zekerheid a.actief{
		color:#4C4C4C;
		text-decoration:none;
		background:url(../images/pijl_klein_gray.png) no-repeat left top;
	}
	*html #submenu_themas_zorg a:hover, *html #submenu_themas_onderwijs a:hover, *html #submenu_themas_sociale-zekerheid a:hover, *html #submenu_themas_zorg a.actief, *html #submenu_themas_onderwijs a.actief, *html #submenu_themas_sociale-zekerheid a.actief{
		background:url(../images/pijl_klein_gray.gif) no-repeat left top;
	}
.trans{
	border-width: 0;
	behavior: url("/css/pngbehavior.htc");
}

	
/****************************************************
				CONTENT STYLES
****************************************************/

h1{	
	font-size:22px;
	margin:0;
	padding:0;
	color:#E31B23;
	padding-left:25px;
	font-weight:normal;
	margin-bottom:20px;
	padding-bottom:10px;
	background:url(../images/h1_pijl.gif) no-repeat left top;
}

h2{
	font-size:18px;
	margin:0px;
	font-weight:normal;
	margin-bottom:18px;
}

h3{
	font-size:12px;
	margin:0px;
	color:#4C4C4C;
	padding-left:25px;
	padding-bottom:4px;
	background:url(../images/pijl_gray.png) no-repeat left center;
}
*html h3{
	background:url(../images/pijl_gray.gif) no-repeat left center;
}

h4{
	font-size:14px;
	margin:0px;
}

h5{
	font-size:12px;
	margin:0px;
}

hr{
	height:1px;
	color:#4C4C4C;
}

a, .dienstenlinks h3 a.actief {
	color:#E31B23;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}