html, body{
	margin: 0px;
	padding: 0px;	
}

/* --- layout blokjes (in order of appearance)--- */

div#container{	
	background: url(../images/bg_container.gif) repeat-y;    	
	width: 800px;
	text-align: left;	
	padding-bottom: 19px;
}

div#logo{
	width: 243px;
	height: 80px;
	float: left;
	background: url(../images/bg_logo.jpg); 
	padding: 6px 96px 10px 50px;
}

div#foto{
	float: left;
	width: 110px;
	height: 100px;
	background: url(../images/bg_foto.jpg); 
}

div#printTip{
	width: 850px;		
	text-align: right;	
}

div#disclaimer{
	background: url(../images/achter_disclaimer.gif) top left repeat-x;	
	width: 732px;	 
	padding: 3px 0 0 6px;
	height: 33px;	
	border-right: 246px solid #FFBB22;
	clear: both;				
}


div#serviceMenu a{
	margin-left: 2px;	
}
div#serviceMenu a img{
	margin-top: 8px;
}

div#topMenu img{
	vertical-align: text-top;
}

/* Dropdowns in het topmenu */
div#dropDowns{
	width: 780px;
	text-align: left;
}

div#dropDown9, div#dropDown10, div#dropDown11, div#dropDown12, div#dropDown13, div#dropDown14{
	background: #F8F9F8;
	border: #F56919 1px solid;
	margin-left: 0;
	position: absolute;
	width: 174px;
	z-index: 3;		/* Deze div moet een 'laag' hoger staan dan de div's van de imgPopup */
	visibility: hidden;
}

div#dropDown9{
	background: #F8F9F8 url(../images/dropdown_oranje_over_back.gif);
	border: 1px solid #FD0707;
	width: 596px;
	margin-left: 0;
}
div#dropDown9 ul.dropDownOranjeOver li a, div#dropDown9 ul.dropDownOranjeOverRechts li a{sub
	background: transparent url(../images/dropdown_oranje_over.gif) no-repeat top left;
	width: 163px;
}

div#dropDown10{
	margin-left: 147px;
}
div#dropDown10 ul.dropDownOranje li a{
	background: #F8F9F8 url(../images/dropdown_oranje.gif) no-repeat top left;
	width: 140px;
}

div#dropDown11{
	margin-left: 315px;
}
div#dropDown11 ul.dropDownOranje li a{
	background: #F8F9F8 url(../images/dropdown_oranje.gif) no-repeat top left;
	width: 140px;
}

div#dropDown12{
	border: #0DCC0A 1px solid;
	margin-left: 453px;
}
div#dropDown12 ul.dropDownGroen li a{
	background: #F8F9F8 url(../images/dropdown_groen.gif) no-repeat top left;
	width: 140px;
}

div#dropDown13{
	border: #0DCC0A 1px solid;
	margin-left: 595px;
}
div#dropDown13 ul.dropDownGroen li a{
	background: #F8F9F8 url(../images/dropdown_groen.gif) no-repeat top left;
	width: 140px;
}

div#dropDown14{
	border: #F03998 1px solid;
	margin-left: 605px;
}
div#dropDown14 ul.dropDownRoze li a{
	background: #F8F9F8 url(../images/dropdown_roze.gif) no-repeat top left;
	width: 140px;
}


/* UL's in de dropdowns van het topmenu */
ul.dropDownOranjeOver, ul.dropDownOranjeOverRechts, ul.dropDownOranje, ul.dropDownGroen, ul.dropDownRoze{					/* dropdownMenu is opgebouwd met een UL en LI's */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.25em;
	list-style: none;
	margin: 0 1px 0 0;
	padding: 6px 0;
	float: left;
}
div#dropDown9 ul.dropDownOranjeOver, div#dropDown9 ul.dropDownOranjeOverRechts{
	padding: 0 0 6px 0;
	list-style: none;
}

ul.dropDownOranjeOverRechts{
	margin: 0;
}

ul.dropDownOranjeOver li, ul.dropDownOranjeOverRechts li, ul.dropDownOranje li, ul.dropDownGroen li, ul.dropDownRoze li{				/* dropdownMenu is opgebouwd met een UL en LI's */
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}

ul.dropDownOranjeOver li a, ul.dropDownOranjeOverRechts li a, ul.dropDownOranje li a, ul.dropDownGroen li a, ul.dropDownRoze li a{
	text-decoration: none;
	padding: 2px 2px 2px 32px;
	display: block;
}
ul.dropDownOranjeOver li a:link, ul.dropDownOranjeOverRechts li a:link, ul.dropDownOranje li a:link, ul.dropDownGroen li a:link, ul.dropDownRoze li a:link, 
ul.dropDownOranjeOver li a:visited, ul.dropDownOranjeOverRechts li a:visited, ul.dropDownOranje li a:visited, ul.dropDownGroen li a:visited, ul.dropDownRoze li a:visited{
	color: #666666;
}
ul.dropDownOranjeOver li a:hover, ul.dropDownOranjeOverRechts li a:hover, ul.dropDownOranje li a:hover, ul.dropDownGroen li a:hover, ul.dropDownRoze li a:hover, 
ul.dropDownOranjeOver li a:active, ul.dropDownOranjeOverRechts li a:active, ul.dropDownOranje li a:active, ul.dropDownGroen li a:active, ul.dropDownRoze li a:active{
	color: #000000;
}

ul.dropDownOranjeOver li.dropDownTussen, ul.dropDownOranjeOverRechts li.dropDownTussen{
	color: #FFFFFF;
	font-weight: bold;
	background: #F59543;
	width: 178px;
	margin: 0 0 7px 0;
	padding: 3px 0 2px 20px;
	border-bottom: 1px solid #F58220;
	list-style: none;
	display: block;
}




#breadcrumb ul {				/* --- ieder niveau bestaat uit een nieuwe nested <ul> --- */
	display: inline;
	margin: 0px;
	padding: 0px;
}

#breadcrumb li {
	display: inline;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	background: url(../images/bc_branch.gif) transparent no-repeat 0px 5px;	
}

#breadcrumb li.root {		/* --- eerste niveau / root --- */
	padding: 0px;
	background-image: none;
}

#breadcrumb a {
	text-decoration: none;
	color: #908877;
	margin: 0px 6px 0px 0px;	
}

#breadcrumb a:hover, #breadcrumb a:active {
	text-decoration: underline;
	color: #908877;
}


/* subMenu en subSubMenu */


#subMenu ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	list-style: none;
	margin: 0px;
	padding: 0px;	
}
	
#subMenu ul li{					/* subMenu is opgebouwd met een UL en LI's */
	margin: 0;
	padding: 0;
	display: inline;
	background: none;
}

#subMenu li a{
	font-size: 0.75em;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	background: url(../images/sub_uit.gif) no-repeat top left;
	margin: 0px;
	padding: 5px 2px 5px 25px;
	display: block;
	width: 189px;
}

#subMenu li a:hover, #subMenu li a:active{
	background: url(../images/sub_over.gif) no-repeat top left;
}
	

									/* Aan-versie van subMenu  */
li#subMenuAan a:link, li#subMenuAan a:visited, li#subMenuAan a:hover, li#subMenuAan a:active{					
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	background: url(../images/sub_aan.gif) #C3D47F no-repeat top left;	
}

									/* open-versie van subMenu  */
li#subMenuOpen a:link, li#subMenuOpen a:visited, li#subMenuOpen a:hover, li#subMenuOpen a:active{					
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	background: url(../images/sub_open.gif) #C3D47F no-repeat top left;	
}

									/* Links in subSubMenu */
li#subSubMenuUit a:link, li#subSubMenuUit a:visited{
	font-weight: normal;
	color: #514938;
	text-decoration: none;
	background: url(../images/subsub_uit.gif) no-repeat top left;
	margin: 0;
	padding: 4px 2px 6px 37px;
	width: 177px;
}
li#subSubMenuUit a:hover, li#subSubMenuUit a:active{
	color: #ffffff;
	background: url(../images/subsub_over.gif) no-repeat top left;
}

								/* Aan-versie van subSubMenu  */
li#subSubMenuAan a:link, li#subSubMenuAan a:visited{
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	background: url(../images/subsub_aan.gif) no-repeat top left;
	padding: 5px 2px 5px 37px;
	width: 177px;
}
li#subSubMenuAan a:hover, li#subSubMenuAan a:active{
	color: #000000;
	background: url(../images/subsub_aan.gif) no-repeat top left;
}





a#subMenuArchief{					/* Archief in subSubMenu */
	color: #222222;
	font-weight: normal;
	text-decoration: none;
	background: #68D346;
	border-top: none;
	padding: 0 2px 10px 20px;
	display: block;
}
a#subMenuArchief:hover, a#subMenuArchief:active{background-color: #F280B4; color: #000000;}

div.tussen{
	width: 15px;
	float: left;
}



div#inhoud p, div#inhoud td{
	font-size: 100%;
	line-height: 1.5em;
}

div#schijnWerper{
	margin: 12px 0;
}



div.subBox{
	font-size: 0.75em;
	line-height: 1.49em;
	padding: 4px 5px 10px 10px;
}

div.subBox p, div.subBox td{
	font-size: 100%;
}

div.subBox a{
	color: #625B54;
}

div.subBox a:hover, div.subBox a:active{
	color: #000;
}

.subBox li{
	font-size: 1.0em;
	color: #352f22;
	background: url(../images/subcontent_list.gif) no-repeat top left;
}

.subBox select{
	width: 170px;
	color: #706857;
	
}

/* Diverse navigatie-pijltjes */

/* Volgende en- vorige paginalinks indien te veel items */
div#pagVorige{
	width:140px;
	padding: 22px 0 0;
	float: left;	
}

div#pagVorige a, div#pagVolgende{padding: 0 0 0 14px;}
div#pagVorige a:link, div#pagVorige a:visited{
	background: url(../images/ic_terug.gif) no-repeat left;
}
div#pagVorige a:hover, div#pagVorige a:active{
	background: url(../images/ic_terug_a.gif) no-repeat left;
}

div#pagVolgende{	
	width: 140px;
	float: right;
	padding: 22px 15px 0 0;	
	text-align: right;
}
div#pagVolgende a{padding: 0 14px 0 0;}
div#pagVolgende a:link, div#pagVolgende a:visited{
	background: url(../images/ic_verder.gif) no-repeat right;
}
div#pagVolgende a:hover, div#pagVolgende a:active{
	background: url(../images/ic_verder_a.gif) no-repeat right;
}

div#opnieuwZoeken{
	width:200px;
	padding: 22px 0 0;
	float: left;
}

div#opnieuwZoeken a{
padding: 0 0 0 14px;
}

div#opnieuwZoeken a:link, div#opnieuwZoeken a:visited{
	background: url(../images/ic_terug.gif) no-repeat left;
}
div#opnieuwZoeken a:hover, div#opnieuwZoeken a:active{
	background: url(../images/ic_terug_a.gif) no-repeat left;
}

div#pagNrs{
	text-align: center; 
	width: 248px;
	float: left;
	padding: 22px 0 0;		
}

/* Pijltje voor een web- of e-maillink, bij gastenboek e.d. */
a:link.verderRoze , a:visited.verderRoze{
	padding: 0 0 0 14px;
	background: url(../images/ic_verder.gif) no-repeat left top;
}
a:hover.verderRoze, a:active.verderRoze{
	padding: 0 0 0 14px;
	background: url(../images/ic_verder_a.gif) no-repeat left top;
}



a:link.terugRoze , a:visited.terugRoze{
color: #88AA00;
	padding: 0 0 0 14px;
	background: url(../images/ic_terug.gif) no-repeat left top;
}
a:hover.terugRoze, a:active.terugRoze{
color: #224499;
	padding: 0 0 0 14px;
	background: url(../images/ic_terug_a.gif) no-repeat left top;
}

a:link.kruisRoze , a:visited.kruisRoze{
	padding: 0 0 0 14px;
	background: url(../images/ic_kruis.gif) no-repeat left top;
}
a:hover.kruisRoze, a:active.kruisRoze{
	padding: 0 0 0 14px;
	background: url(../images/ic_kruis_a.gif) no-repeat left top;
}



/* Pagina afsluiten */

div#feedBack{
	height: 45px;
	clear: both;
}

div#feedBack div{
	width: 360px;
	border-top: 1px solid #E1DFDD;
	text-align: left;
}

div#feedBack div img{
	margin: 8px 16px 0 0;
}

.wrapper{
	width: 738px;
	overflow-x: hidden;
}



#disclaimer a{
	color: #666666;
	font-size: 0.7em;
	font-weight: bold;
	text-decoration: none;
}

#disclaimer a:hover, #disclaimer a:active{
	color: #000; 
	text-decoration: underline;
}

/* Handig: een class om bepaalde content te verbergen */
.verberg{
	display: none;
}

/* Handig: plaats deze div onderin een div om die goed te laten omsluiten */
div.breaker{
	height: 1px;
	clear: both;
	background: transparent;
	font-size: 0;
}







div#txtPrt{
	height: 60px;	
	display: none;
}

img#tip{
	margin: 0;
}

div#associatieMenu {
	position: relative;
	height: 36px;
	z-index: 1;
	background: url(../images/bg_subcontent_blokjes.gif);
	padding-bottom: 12px;
	margin-top: 21px;
}

div#associatieMenu div#menu {
	position: absolute;
	top: 23px;
	left: 9px;
	overflow: visible;
	background-color: #ffffff;
}

div#directNaar {
	background: url(../images/maak_uw_keuze.gif) #FFFFFF no-repeat top left;
	width: 170px;
	height: 17px;
	line-height: 17px;
	color: #706857;	
	font-size: 0.75em;	
}

div#directNaar a, div#directNaar a:link, div#directNaar a:visited, div#directNaar a:active, div#directNaar a:hover {
	position: relative;
	display: block;	
	text-decoration: none;
	color: #000000;
	padding: 0px 15px;	
}

div#associatieLinks {
	width: 168px;
	background-color: #FFFFFF;
	margin: 1px;
	overflow: visible;
	display: none;
}

div#associatieLinks a, div#associatieLinks a:link, div#associatieLinks a:visited {
	position: relative;
	display: block;
	line-height: 17px;
	text-decoration: none;
	color: #706857;
	padding: 0px 15px;
	font-size: 0.75em;
	border-top: 1px solid #E7E5E1;
}

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

img#tekstGroter{
	margin: 12px 0 0 10px;
}

img#tekstKleiner{
	margin: 0 0 0 8px;
}

img#jeugdzorg{
	margin: 5px 5px 33px 71px;
}

div#zoekRes h2{
	color: #88aa00;
}

.subBox em{
	display: block;
	width: 150px;
}


/* --- stemButton --- */

input.stemButton {
	background: url(../images/b_stembutton_u.gif) top left no-repeat;
	border: none;
	cursor: pointer;
	height: 17px;
	width: 44px;
	display: block;
}
	input:hover.stemButton {
		background: url(../images/b_stembutton_a.gif) top left no-repeat;
	}