/* CSS Document site CWZW-zwn */

	*{
		margin: 0;
		padding: 0;
	}
	
	body, html{
		height: 100%;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.95em;
		color: #666;
	}
	
	.container{
		position: relative;
		/*min-height: 100%;
		height:auto !important;  voor moderne browsers 
		height: 100%;*/
		width: 734px;
		margin: 0 auto;
		border: ;
	}
	
	.top{
		position: relative;
		height: 320px;
		width: 100%;
		background-color:#fff;
	}
	
	.bottom{
		position:relative;
		width: 100%;
		background-color: #ccc;
		border: 1px solid #000;
	}
		
	.balk{
		position: relative;
		top: 0;
		height: 15px;
		width: 100%;
		background-color:#8186c1;
		background-image:url(../images/balk_filler.gif);
		background-repeat: repeat-x;
		background-position:bottom;
	}
	
	.footer{
		position: relative;
		margin-top: 25px;
		border-top: 1px dashed #CCC;
	}
	
	.container_menu{
		position: absolute;
		top: 15px;
		width: 308px;
		height: 290px;
		background-color: #FFF;
	}
	
	.container_sfeer{
		position: absolute;
		left: 308px;
		top: 22px;
		width: 426px;
	}
	
	.container_sfeer2{
		position: absolute;
		top: 305px;
		width: 308px;
	}
	
		.container_sfeer2_foto1{
			position: relative;
			height: 154px;
			width: 154px;
		}
		
		.container_sfeer2_foto2{
			position: relative;
			height: 154px;
			width: 306px;
		}
		
		.container_sfeer2_foto3{
			position: absolute;
			top: 202px;
			height: 154px;
			width: 154px;
		}
		
		.container_sfeer2_foto4{
			position: relative;
			height: 202px;
			width: 306px;
		}
	
	.container_content{
		position:absolute;
		top: 305px;
		left: 306px;
		width: 426px;
		height: 335px;
	}
	
	
	table.nieuws_kort{
		padding: 0 0 10px 25px;
		line-height: 1.4em;		
		border-top: 1px dashed #CCC;
		margin-bottom: 15px;
	}
	
	.staf td{
		border: thin solid #CCC;
		padding: 3px;
	}
	
/*##### menu dropdown items #####*/

	.dropdown{
		position: absolute;
		z-index: 100;
		visibility:hidden;
	}

	.dropdown_producten{
		position: absolute;
		z-index: 100;
		top: 65px;
		left: 200px;
		visibility:visible;
	}
	
	.dropdown_home{
		position: absolute;
		z-index: 100;
		top: 25px;
		left: 200px;
		visibility:visible;
	}
	
	.dropdown_regios{
		position: absolute;
		z-index: 100;
		top: 105px;
		left: 200px;
		visibility:visible;
	}
	
	.dropdown_organisatie{
		position: absolute;
		z-index: 100;
		top: 145px;
		left: 200px;
		visibility:visible;
	}

	.dropdown_vacatures{
		position: absolute;
		z-index: 100;
		top: 185px;
		left: 215px;
		visibility:visible;
	}

	.dropdown_informatie{
		position: absolute;
		z-index: 100;
		top: 225px;
		left: 200px;
		visibility:visible;
	}
	
	.dropdown_contact{
		position: absolute;
		z-index: 100;
		top: 265px;
		left: 200px;
		visibility:visible;
	}
	

	

/*##### DIV's home-page #####*/

	.nieuws{
		position: relative;	
		top: -10px;
		left: 25px;
		width: 400px;
	}

	.afbeelding_nieuws{
		position: absolute;
		top: 12px;	
	}

	.tekst_nieuws{
		position: absolute;
		left: 65px;	
	}
	
	.landkaart{
		position: absolute;
		left: 15px;
		top: 45px;
	}

/*##### Nieuwspagina #####*/

	.pag ul{
		list-style: disc;
		margin: 0 0 5px 12px;
		padding: 0;
		line-height: 1.2em;
	}
	
	.pag li{
		font-size: 10px;
		line-height: 1.2em;
	}
		
		.pag ul li hr{
			border: 1px dashed #E2E2E2;
			margin: 5px 0 2px 0;
		}
	
	.pag p{
		font-size: 10px/*0.7em*/;
		margin: 0 0 10px 0;
		line-height: 1.4em;
	}
	
/*##### Vacaturepagina #####*/
	
	/*.vac{
		margin-left:25px;
	}*/
	
	.vac ul{
		list-style: disc;
		margin: 0 0 10px 12px;
		padding: 0;
		line-height: 1.4em;
	}
	
	.vac li{
		font-size: 10px;
		line-height: 1.4em;
	}
	
	.vac p{
		font-size: 10px/*0.7em*/;
		margin: 0 0 10px 0;
		line-height: 1.4em;
	}
	
	.vac h1{
		font-size: 20px;
		margin-left: 0;
		color: #f25c22;
		display: inline;
		line-height: 35px;
		font-weight: normal;
	}
	
	.vac h2{
		font-size: 0.9em;
		margin-left: 0;
		color: #9d3393;
		line-height: 17px;
		font-weight: bold;
	}
	
	.vac h3{
		font-size: 10px;
		margin-left: 0;
		color: #bdd742;
		line-height: 25px;
		font-weight: bold;
	}
	
/*##### Tekst elementen #####*/

	h1{
		font-size: 20px;
		margin-left: 25px;
		color: #bdd742;
		display: inline;
		line-height: 35px;
		font-weight: normal;
	}
	
	h2{
		font-size: 0.9em;
		margin-left: 25px;
		color: #9d3393;
		display: inline;
		line-height: 25px;
		font-weight: bold;
	}
	
			h1.newsKop1{
				font-size: 1.2em;
				margin: 0;
				line-height: 25px;
				color: #bdd742;
				font-weight: bold;
			}
			
				h1.newsKop1a{
					font-size: 1.9em;
					margin: 0;
					line-height: 30px;
					color: #bdd742;
					font-weight: bold;
				}
			
			h2.newsKop2{
				font-size: 10px;
				margin:0;
				line-height: 9px;
				color: #9d3393;
				font-weight: normal;
				font-style:italic;
			}
	
	h3{
		font-size: 10px;
		margin-left: 25px;
		color: #bdd742;
		line-height: 25px;
		font-weight: bold;
	}
	
		.container_sfeer2 h1{
			font-size: 20px;
			margin-left: 25px;
			color: #000;
			display: inline;
			line-height: 35px;
			font-weight: normal;
		}
		
	
		/*.vacature h1{
			font-size: 1.7em;
			margin-left: 25px;
			color: #f25c22;
			display: inline;
			line-height: 35px;
			font-weight: normal;
		}

		.vacature h2{
			font-size: 0.9em;
			margin-left: 25px;
			color: #9d3393;
			line-height: 17px;
			font-weight: bold;
		}*/

	h5{
		font-size: 14px;
		color: #bdd742;
		line-height: 20px;
		font-weight: bold;
	}

	h4{
		font-size: 10px;
		color: #9d3393;
		line-height: 25px;
		font-style: oblique;
	}

		
	.vacature hr{
		border: 1px dashed #E2E2E2;
		margin: 0 0 5px 0;
	}

	sup{
		font-size: 9px;
		color: #000;
		font-weight: bold;
		color: #9d3393;
	}
	
	/*sup-sterretje op formulieren*/
	.sterretje{
		font-size: 7px;
	}

		.container_sfeer2 sup{
			font-size: 0.65em;
			color: #FFF;
			font-weight: bold;
		}

	p{
		font-size: 10px/*0.7em*/;
		margin: 0 0 10px 25px;
		line-height: 1.4em;
	}

	ul{
		list-style-type:none;
		margin:0;
		padding:0;
	}
	
	li{
		font-size: 10px;
		line-height: 1.4em;
	}
	
	ol{
		list-style-type: decimal;
		margin:0;
		padding:0;
	}
	
	ol li{
		margin-left:55px;
		font-size: 0.7em;
		line-height: 1.4em;
	}
	
		.sub{
			list-style-type:none;
			margin:0;
			padding:0;
			font-size: 1em;
			padding: 0 0 10px 35px;
		}
	
	.pijltje li{
		background: url(../images/pijltje_paars.gif) 12px 4px no-repeat;
		font-size: 0.7em;
		padding: 0 0 10px 25px;
		line-height: 1.4em;
	}
	
	.pijltje ul{
		padding: 0 0 10px 25px;
	}

	a:link{
		text-decoration: none;
		color: #666;
		font-weight: bold;
	}
	
	a:hover{
		color: #CCC;
		text-decoration: none;
		font-weight: bold;
	}
	
	a:active{
		text-decoration: none;
		font-weight: bold;
	}
	
	a:visited{
		color: #666;
		text-decoration: none;
		font-weight: bold;
	}
	

/*##### Overig  #####*/
	
	img{
		border: none;
		margin: 0;
	}
	
	hr{
		border: 1px dashed #E2E2E2;
		margin: 15px 0 5px 0;
	}

	table{
		font-size: 0.7em;
		margin: 0 0 10px 25px;
		line-height: 1.4em;		
	}
	
	input{
		font-size: 1em;
		line-height: 1.4em;		
	}
	
	select{
		font-size: 1em;
		line-height: 1.4em;		
	}