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

:root { overflow-y: scroll !important; }

body{
	background:#e8eee8 url(afbeeldingen/mainBgRe.jpg) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
*{
	margin:0;
	padding:0;
}
a img{
	border:none;
}

/* MAIN CONTAINER */
#mainCntr{
	width:990px;
	height:auto;
	margin:auto;
	overflow:hidden;
}
	/* headCntr */
	#headCntr{
		width:990px;
		height:auto;
	}
/* LOGO */
#logo{
	background:url(afbeeldingen/logo.png) no-repeat;
	width:255px;
	height:139px;
	float:left;
}
/* MENU */
a img.rollTeken{
	border:none;
	margin:0 3px 1px 0;
}
#menu {z-index:1; margin:30px 0 0 0; padding:0; list-style:none; height:35px; position:relative; float:left; width:735px; }
#menu li {float:left; height:35px; margin:0 6px 0 0;}
#menu li h3{font-weight:bold; font-size:18px;}
#menu li a {display:block; float:left; height:35px; line-height:35px; color:#336600; text-decoration:none; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; cursor:pointer;}
#menu li a b {float:left; display:block; padding:0 5px 0 5px;}
#menu li a b span{padding:0 5px 0 5px; }
#menu li.current a {float:left; color:#fff; background: url(afbeeldingen/menuBgLeft.gif) left top no-repeat;}
#menu li.current a b {background:url(afbeeldingen/menuBgRight.gif) no-repeat right top;}
#menu li.current a b span {background-color:#000; height:35px; display:block;}
#menu li a:hover {color:#fff; background: url(afbeeldingen/menuBgLeft.gif) left top no-repeat;}
#menu li a:hover b {background:url(afbeeldingen/menuBgRight.gif) no-repeat right top;}
#menu li a:hover b span {background-color:#000; width:auto; height:35px; display:block;}

#menu a:focus{
	outline:none;
}
#menu ul{
	position:absolute;
	width:157px;
	list-style:none;
	margin:35px 0 0 0;
	padding:5px 0 0 0;
	visibility:hidden;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	overflow:hidden;
	height:auto;
}
#menu li:hover ul, #menu li.ie_does_hover ul{
	visibility:visible;
	background-position:0 0;
}
#menu ul li:hover{
	background:#000;
}
	#menu li:hover a{background: url(afbeeldingen/menuBgLeft.gif) left top no-repeat;}
	#menu li:hover a b {background:url(afbeeldingen/menuBgRight.gif) no-repeat right top;}
	#menu li:hover a b span {background-color:#000; width:auto; height:35px; display:block;}
	
#menu ul li{
	padding:0 0 10px 10px;
	height:auto;
	background:#333;
	width:157px;
	border-top: 1px solid #999;
}
#menu li:hover ul li a{
	background:none;
}
#menu ul li a{
	text-align:left;
	height:25px;
	color:#FFF;
	font-weight:normal;
	display:block;
}
#menu ul li a:hover{
	background:none;
	text-align:left;
	background:#000;
	text-decoration:underline;
}

/* CONTENT CONTAINER */
#contentCntr{
	width:990px;
	height:auto;
	clear:both;
	overflow:hidden;
	background:#f8f8f8;
}
	#contentCntr #indexBlokken{
		width:990px;
		overflow:hidden;
		height:auto;
	}
	#contentCntr #indexBlok1{
		width:327px;
		height:355px;
		float:left;
		overflow:hidden;
	}
	
	#contentCntr #indexBlok2{
		width:374px;
		height:355px;
		float:left;
		overflow:hidden;
		font-size:12px;
	}
	
	#contentCntr #indexBlok3{
		width:284px;
		height:355px;
		float:left;
		overflow:hidden;
	}
	
	#contentCntr #indexBlokken .foto{
		height:80px;
		width:auto;
	}
	#contentCntr #indexBlokken .titel{
		background:#000;
		height:46px;
	}
	#contentCntr #indexBlokken .titelContact{
		background:#666;
		height:46px;
	}
	#contentCntr #indexBlokken .titelCtact{
		background:url(afbeeldingen/bgReContact.jpg) repeat-x;
		height:46px;
	}
		#contentCntr #indexBlokken .titelCtact h3{
			color:#666;
			font-size:18px;
			line-height:46px;
			margin:0 0 0 20px;
		}
		#contentCntr #indexBlokken #indexBlok3 .tekst{
			margin:5px 20px 5px 20px;
		}
	#contentCntr #indexBlokken .titel h3, #contentCntr #indexBlokken .titelContact h3, #contentCntr .langeTitel h3{
		color:#FFF;
		font-size:18px;
		line-height:46px;
		margin:0 0 0 20px;
	}
	#contentCntr #indexBlokken .tekst{
		width:auto;
		margin:20px 20px 0 20px;
		line-height:23px;
	}
		img.fotoTekst{
			margin:5px 0 0 0;
			float:right;
		}
		#contentCntr #indexBlokken .tekst ul{
			list-style:none;
			margin:0 0 0 10px;
		}
		#contentCntr #indexBlokken .tekst ul li{
			margin:7px 0 0 0;
			line-height:25px;
			background:url(afbeeldingen/li_bg.jpg) no-repeat 0 6px;
			padding:0 0 0 20px;
		}
	.botBg{
		background:url(afbeeldingen/botBg.jpg) no-repeat;
		width:990px;
		clear:both;
		height:2px;
		overflow:hidden;
	}
	#contentCntr .tussenScheiding{
		background:url(afbeeldingen/scheidingRe.jpg) repeat-y;
		width:2px;
		height:355px;
		float:left;
	}
	
	/* normal content */
	#contentCntr .langeTitel{
		background:#000;
		height:46px;
		width:990px;
		margin:20px 0 0 0;
	}
	#contentCntr .ntekst{
		width:960px;
		margin:10px 0 10px 20px;
		overflow:hidden;
	}
	#contentCntr .ntekst h1, #contentCntr .rechtsTekst h1, #contentCntr .ntekst h2, #contentCntr .rechtsTekst h2{
				font-size:16px;
				padding:0 0 5px 0;
				margin:5px 0 0 0;
			}
		#contentCntr .ntekst p{
			line-height:20px;
		}
		
		#contentCntr .ntekst a{
			color:#ff6600;
			text-decoration:underline;
		}
		#contentCntr .ntekst a:hover{
			text-decoration:none;
		}
	#contentCntr .fotob{
		width:auto;
		border:thin solid #e8e8e8;
		background:#f3f3f3;
		margin:0 0 0 10px;
		float:right;
	}
		#contentCntr .fotob img, #contentCntr .fotono img{
			margin:5px;
		}
			#contentCntr .fotob a:focus, #contentCntr .fotono a:focus{
				outline:none;
			}
	#contentCntr .fotono{
		width:auto;
		border:thin solid #e8e8e8;
		background:#f3f3f3;
		margin:0 0 10px 10px;
		float:left;
	}
	
	
	
	
	
	/* behandelingen */
	#contentCntr .linksMenu{
		width:240px;
		height:auto;
		float:left;
		margin:20px 0 20px 0;
	}
		#contentCntr .linksMenu ul{
			list-style:none;
		}
		#contentCntr .linksMenu li{
			height:30px;
			width:240px;
			line-height:30px;
		}
			#contentCntr .linksMenu li.odd{
				background:#ececea;
			}
			#contentCntr .linksMenu li.even{
				background:#f3f3f3;
				border-top:#d9d9d9 solid 1px;
			}
		#contentCntr .linksMenu li a{
			text-decoration:none;
			width:210px;
			height:30px;
			display:block;
			color:#333;
			margin:0 0 0 20px;
		}
		#contentCntr .linksMenu li a:hover{
			background:url(afbeeldingen/pijlHover.png) no-repeat right;
			text-decoration:underline;
		}
			
	#contentCntr .rechtsTekst{
		width:690px;
		height:auto;
		float:left;
		margin:20px 0 0 20px;
	}
		#contentCntr .rechtsTekst p{
			line-height:20px;
		}


	
/* FOOTER */
#footerCntr{
	width:990px;
	height:auto;
	margin:2px 0 20px 0;
	overflow:hidden;
	background:#f8f8f8;
	clear:both;
}
	#footerCntr .footTekst{
		width:990px;
		height:auto;
		overflow:hidden;
		margin:14px 0 0 0;
	}
	#footerCntr .footCtitel{
		background:#000;
		width:92px;
		height:37px;
		float:left;
	}
		#footerCntr .footCtitel h3{
			color:#FFF;
			font-size:18px;
			line-height:37px;
			margin:0 0 0 20px;
		}
	#footerCntr .tekst{
		width:auto;
		height:auto;
		float:left;
		margin:5px 0 10px 15px;
		line-height:25px;
	}
		#footerCntr .tekst span.infoK{
			color:#336600;
			font-weight:bold;
			width:70px;
			display:block;
			float:left;
		}
	#footerCntr .tekstR{
		width:240px;
		height:53px;
		float:right;
		margin:5px 10px 10px 0;
		line-height:25px;
	}
		#footerCntr .tekstR .zwLogo{
			background:url(afbeeldingen/zwLogo.jpg) no-repeat;
			width:68px;
			height:51px;
			float:right;
			margin:0 0 0 10px;
		}
		
		
/* cursussen */
#cursusCont{
	width:990px;
	height:auto;
	overflow:hidden;
	clear:both;
}
#fotoHM{
	width:155px;
	height:auto;
	float:left;
	margin:10px 0 5px 0;
}
	#fotoHM .foto{
		width:155px;
		height:150px;
		margin:0 0 1px 0;
	}
	#fotoHM .naam{
		width:155px;
		height:auto;
		background:#FFF;
	}
		#fotoHM .naam h3{
			font-size:14px;
			line-height:30px;
			background:#f5f5f5;
			padding:0 0 0 10px;
		}
		#fotoHM .naam .bijt{
			font-size:11px;
			margin:0 0 0 10px;
			padding:5px 0 5px 0;
			width:135px;
			height:auto;
		}

#opleidingen{
	width:825px;
	height:auto;
	float:left;
	margin:10px 0 10px 10px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
	#opleidingen h3{
		font-size:16px;
		line-height:35px;
		font-weight:normal;
		margin:0 0 0 12px;
	}
	#opleidingen .titel{
		width:825px;
		height:35px;
		background:#f6f6f6;
	}
	
	#opleidingen ul{
		width:825px;
		height:auto;
		list-style:none;
		margin:0 0 10px 0;
		font-size:12px;
	}
		#opleidingen ul li{
			width:825px;
			height:25px;
			background:#FFF;
			margin:1px 0 0 0;
			line-height:25px;
			font-size:12px;
		}
			#opleidingen ul li span.cursus{
				margin:0 0 0 10px;
				width:730px;
				float:left;
				font-size:12px;
			}
			#opleidingen ul li span.jaar{
				margin:0 10px 0 0;
				font-size:12px;
			}
			
/* contact form */
.linksContact{
	width:500px;
	float:left;
}
.rechtsContact{
	width:400px;
	float:left;
	background: #fff8dc; 
	border: 1px #ffea97 solid; 
	padding:10px;
}
form{
	width:500px;
	margin:10px 0 0 0;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	overflow:hidden;
}
form div{
	overflow:hidden;
}
	label{	
		float:left;
		width:100px;
		margin:7px 0 0 0;
	}
	
	input{
		background-color: #f5f5f5;
		border-width: 1px;
		border-style: solid;
		border-color: #cccccc;
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		
		margin-bottom: 10px;
		padding:5px;
		width:300px;
    }
		input.button{
			width:150px;
			float:left;
			margin-right:12px;
		}
	
	textarea{
		width:300px;
		padding:5px;
		background-color: #f5f5f5;
		
		border-width: 1px;
		border-style: solid;
		border-color: #cccccc;
	   
		margin-bottom: 10px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
    }
	
	
/* behandelingen */	
ul.behandelingen_ul{
	list-style:none;
	margin:0 0 15px 10px;
}
		
ul.behandelingen_ul li{
	margin:7px 0 0 0;
	line-height:20px;
	background:url(afbeeldingen/li_bg.jpg) no-repeat 0 6px;
	padding:0 0 0 20px;
}
	 ul.behandelingen_ul li h4 {
		font-size:14px;
	}
	
	ul.behandelingen_ul li a{
		text-decoration:underline;
		color:#000;
	}
	
/* bijvoeging PDF*/
.bijvoeging_PDF{
	width:auto;
	height:30px;
	line-height:30px;
}
	.bijvoeging_PDF img.download{
		float:left;
	}
	.bijvoeging_PDF a{
		text-decoration:underline;
		color:#ff6600;
	}
	.bijvoeging_PDF .PDF{
		margin:-5px 0 0 5px;
		float:left;
	}