/* ----- reset styles ----- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	font-size: 100%
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

th {
	text-align: left;
}

/* ----- /reset styles ----- */





/* ----- layout styles ----- */

:root {
	--blx-cookie-banner-height: 41px;
	--blx-cookie-banner-top-offset: 0px;
}

.js-init body,
.open-menu-container,
.close-menu,
#mainmenu .show-mobile,
#content .show-mobile {
	display: none;
}

body {
	-webkit-text-size-adjust: none;
}

.level1 {
	background: url(../images/deelsite/achter-level1.gif) 0 0 repeat-x #ebeced;
}

.level2 {
	background: url(../images/deelsite/achter-level2.gif) 0 0 repeat-x #ebeced;
}

.level3 {
	background: url(../images/deelsite/achter-level3.gif) 0 0 repeat-x #ebeced;
}

.clear {
	clear: both;
	width: 0px;
	height: 0px;
	line-height: 0px;
	visibility: hidden;
}

#wrapper {
	width: 960px;
	max-width: 100%;
	margin: 0 auto;
}

	/* --- header styles --- */

	#header {
		clear: both;
		background: #fff;
	}

		#header-menubalk {
			border-bottom: 6px solid #de0033;
			position: relative;
			z-index: 200;
		}

		#servicemenu-logo-balk {
			position: relative;
			height: 84px;
		}

			#sitekeuze {
				float: left;
				display: block;
				width: 120px;
				position: relative;
				margin: 20px 20px 0 0;
			}

				#sitekeuze ul {
					display: none;
				}

				#sitekeuze span {
					display: block;
					cursor: pointer;
					height: 18px;
					line-height: 18px;
					padding: 0 10px;
					width: 112px;
					background: url(../images/sitekeuze-dropdown-mainitem.gif) left top no-repeat;
				}

				#sitekeuze.aan span {
					background-position: right top;
				}

				#sitekeuze.aan ul {
					display: block;
					position: absolute;
					width: 130px;
					padding: 8px 1px;
					z-index: 10;
					background: url(../images/sitekeuze-dropdown.gif) left bottom no-repeat;
				}

					#sitekeuze ul li {
						line-height: 1.5em;
					}

						#sitekeuze ul li a {
							display: block;
							padding: 0 10px;
							font-weight: normal;
						}

			#servicemenu {
				float: left;
				display: block;
				margin-top: 20px;
			}

				#servicemenu li {
					float: left;
					line-height: 18px;
					border-left: 1px #c3c7ca solid;
				}

				#servicemenu li.first {
					border-left: none;
				}

					#servicemenu li a {
						padding: 0 10px;
						font-weight: normal;
					}

			#logo {
				float: right;
				margin-top: 20px;
			}

	#menu-zoek-balk {
		height: 42px;
		width: 100%;
		position: relative;
		z-index: 1;
	}

		#mainmenu {
			float: left;
			width: auto;
			margin-top: 14px;
		}

			#mainmenu li {
				display: block;
				float: left;
				padding: 0 15px 11px;
				font-size: 1.1em;
				position: relative;
			}
				.large #mainmenu li {
					font-size: 1.0em;
					padding: 0 0 0 15px;
				}

				#mainmenu li a {
					font-weight: normal;
				}

				/* dropdown submenu */
				#mainmenu .dropdown {
					display: none;
					background: #fff;
					position: absolute;
					width: 166px;
					top: 27px;
					left: 50%;
					font-size: 0.8em;
					padding: 7px 0 1px;
					border-bottom: solid 6px #CACDCF;
					margin-left: -83px;
					z-index: 15;
				}

				#mainmenu li:first-child .dropdown {
					left: 0;
					margin-left: 0;
				}

				#mainmenu > ul > li:hover > .dropdown,
				#mainmenu > ul > li:focus-within > .dropdown {
					display: block;
				}

				.large #mainmenu .dropdown {
					width: 185px;
				}

					#mainmenu .dropdown li {
						padding: 8px 0;
						border-top: solid 1px #CACDCF;
						margin: 0 15px;
						display: block;
						float: none;
					}
						#mainmenu .dropdown li a {
							display: block;
						}

		#zoeken-tekstgrootte {
			float: right;
			width: auto;
			margin-top: 10px
		}

			#tekst-grootte {
				float: left;
				width: 36px;
				height: 20px;
				margin: 5px 0 0 0;
			}

				#tekst-grootte li {
					float: left;
					display: block;
					text-indent: -5000px;
					width: 15px;
					height: 15px;
					padding-right: 5px;
				}

				.large #tekst-grootte li {
					height: 19px;
				}

				#tekst-grootte li.uitleg {
					color: #8d9195;
					float: left;
					display: none;
					text-indent: 0;
					width: auto;
					margin-top: -1px;
				}

				#tekst-grootte li.large {
					padding-right: 0;
				}

				#tekst-grootte li a {
					display: block;
					width: 10px;
					padding: 0 0 3px 0;
				}

				#tekst-grootte li a:hover {
					border-bottom: 1px solid #5c6368;
					padding: 0 0 2px 0;
					cursor: pointer
				}

				#tekst-grootte .normal a {
					background: url(../images/tekstgrootte_kleiner.gif) left top no-repeat transparent;
					width: 13px;
					height: 13px
				}

				#tekst-grootte .large a {
					background: url(../images/tekstgrootte_groter.gif) left top no-repeat transparent;
					width: 13px;
					height: 13px
				}

				.large #tekst-grootte a {
					height: 17px;
					padding-top: 4px;
					background-position: 0 4px;
				}

					#zoeken-tekstgrootte form {
						float: right;
						margin-right: 12px;
					}

					#zoeken-tekstgrootte input.searchfield {
						background: url(../images/zoekveld_links.gif) left top no-repeat;
						width: 140px;
						padding-left: 5px;
						line-height: 22px;
						height: 22px;
						font-size: 0.9em;
						border: 0;
						float: left
					}

					#zoeken-tekstgrootte input.searchbutton {
						background: url(../images/zoekveld_rechts.gif) left top no-repeat;
						width: 22px;
						height: 22px;
						line-height: 22px;
						padding: 0;
						margin: 0;
						float: left;
						text-indent: -5000px;
						cursor: pointer;
						border: 0
					}

					#zoeken-tekstgrootte input.searchbutton:hover {
						background-position: right bottom;
					}


	#header-fotobalk {
		position: relative;
		color: #fff;
	}

		.level2 #header-fotobalk h3 {
			position: absolute;
			top: 0;
			max-width: 264px;
		}


	.level1 #header-fotobalk.afbeelding {
		height: 288px;
		background: url(../images/deelsite/header-foto-level-1.jpg) left top no-repeat;
	}

	.level2 #header-fotobalk.afbeelding {
		height: 216px;
		background: url(../images/deelsite/header-foto-level-2.jpg) left top no-repeat;
	}

	.level3 #header-fotobalk.afbeelding, .level4 #header-fotobalk.afbeelding {
		height: 144px;
		background: url(../images/deelsite/header-foto-level-3.jpg) left top no-repeat;
	}

	/* - slogan */
	.slogan {
		background: url(../images/deelsite/slogan.png) 0 0 no-repeat;
		width: 84px;
		height: 84px;
		display: block;
		position: absolute;
		bottom: -17px;
		right: 216px;
		z-index: 10 !important;
	}
	.level1 .slogan {
		background-image: url(../images/deelsite/slogan-home.png);
		width: 108px;
		height: 108px;
		bottom: -12px;
		right: 150px;
	}

	/* --- /header styles --- */



	/* --- content styles --- */

	#content {
		background: none no-repeat scroll 0 0 #fff;
		background-size: 7.5%;
		border-bottom: 6px solid #cacdcf;
		padding: 0 0 20px 0;
		width: 100%;
		min-width: inherit;
		box-sizing: border-box;
	}

		#breadcrumb {
			display: block;
			padding: 10px 25px 30px 25px;
			font-size: 0.85em;
		}

			#breadcrumb a, #breadcrumb span {
				font-weight: normal;
				padding: 0 7px 0 10px;
				background: url(../images/breadcrumb_arrow.gif) 0 0.5em no-repeat;
				color: #999fa3;
			}

			#breadcrumb a.first {
				padding: 0 4px 0 0;
				background: none;
			}

			.content-wrapper {
				float: left;
				width: 744px;
			}

		#submenu {
			float: left;
			padding: 1.4em 24px 0 0;
			width: 240px;
			box-sizing: border-box;
		}

			#submenu ul {
				background: url(../images/scheidingslijn.gif) 18px bottom no-repeat;
			}

				#submenu ul li {
					background: url(../images/scheidingslijn.gif) 18px 0 no-repeat;
					display: block;
					padding: 5px 0;
					width: 206px;
				}

					#submenu ul li a {
						padding: 0 10px 0 25px;
						line-height: 1.5em;
						display: block;
						font-weight: normal;
					}

					#submenu ul li ul, #submenu ul li ul li, #submenu ul li ul li ul, #submenu ul li ul li ul li ul {
						background: none;
					}

					#submenu ul li.aan a {
						background: url(../images/menu_arrow.gif) 25px 0.5em no-repeat;
						padding-left: 35px;
					}

						#submenu ul li.aan ul li {
							padding: 0;
						}

							#submenu ul li.aan ul li a {
								background: url(../images/menu_arrow.gif) 35px -180px no-repeat;
								padding-left: 45px;
							}

							#submenu ul li.aan ul li a:hover, #submenu ul li.aan ul li a:focus, #submenu ul li.aan ul li a.selected {
								background-position: 35px 0.5em;
							}

								#submenu ul li.aan ul li ul li a {
									background: url(../images/menu_arrow.gif) 45px -87px no-repeat;
									padding-left: 55px;
								}

								#submenu ul li.aan ul li ul li a:hover, #submenu ul li.aan ul li ul li a:focus, #submenu ul li.aan ul li ul li a.selected {
									background-position: 45px 0.5em;
								}

									#submenu ul li.aan ul li ul li ul li a {
										background: url(../images/menu_arrow.gif) 55px -87px no-repeat;
										padding-left: 65px;
									}

									#submenu ul li.aan ul li ul li ul li a:hover, #submenu ul li.aan ul li ul li ul li a:focus, #submenu ul li.aan ul li ul li ul li a.selected {
										background-position: 55px 0.5em;
									}

		#maincontent {
			float: left;
			padding-right: 24px;
			width: 504px;
			max-width: 100%;
			box-sizing: border-box;
		}

		.content-wrapper #maincontent {
			float: right;
		}

			#maincontent h1, #maincontent h2, #maincontent h3, #subcontent .subcontentItem h2, #maincontent .formGrijs {
				padding-left: 5px;
			}

			#maincontent h2 {
				padding: 15px 0 5px 5px;
				clear: left;
			}

			#maincontent .item, .pollButton, .pollTable, .imageItem {
				margin: 0 0 0 5px;
				line-height: 1.4em;
			}

				#maincontent .item .item, #maincontent .item h2, #maincontent .item h1 {
					padding-left: 0px;
				}
				#maincontent .item .item{margin-left: 0;}

			#maincontent h1, #tabbladencontainer h2 {
				padding: 0 0 15px 5px;
				margin: 0 0 15px 0;
				background: url(../images/scheidingslijn.gif) left bottom no-repeat;
			}

			#maincontent #tabbladencontainer h2, #maincontent .intro {
				margin-top: 24px;
			}

				#maincontent #tabbladencontainer h2.first {
					margin-top: 0;
				}

			#maincontent .formGrijs label, #maincontent .zoekButton {
				display: block;
				margin-top: 20px;
			}

			#sitemap {
				padding: 0 5px;
			}

				#maincontent #sitemap ul, #maincontent #sitemap ul li {
					padding-left: 0;
					background: none;
				}

					#maincontent #sitemap ul li ul {
						padding-bottom: 0.8em;
					}

					#maincontent #sitemap ul li a {
						font-weight: bold;
						font-size: 1.3em;
						text-decoration: none;
						padding: 0 15px;
						line-height: 2.0em;
						background: url(../images/menu_arrow.gif) 5px 0.5em no-repeat;
					}

					#maincontent #sitemap .aanwezigStep2 ul li {
						padding-left: 20px;
					}

						#maincontent #sitemap .aanwezigStep2 ul li a {
							font-weight: normal;
							font-size: 0.9em;
							font-family: Verdana, Geneva, sans-serif;
							background-position: 5px 0.35em;
						}

						#maincontent #sitemap .aanwezigStep3 ul {
							font-size: 0.95em;
						}

							#maincontent #sitemap .aanwezigStep3 ul li a {
								background: url(../images/menu_arrow_small.gif) 5px 0.4em no-repeat;
							}

		.addthis_toolbox{
			border-top: 1px solid #d5d9da;
			margin: 50px 0 0;
			padding: 10px 0 0;
			text-align:center;
			clear: both;
		}

		#subcontent {
			float: left;
			width: 210px;
			padding: 0 18px;
			box-sizing: border-box;
		}

			#subcontent .subcontentItem {
				margin-bottom: 30px;
				word-wrap: break-word;
			}

				#subcontent .subcontentItem h2, .kolomLinks h2, .kolomRechts h2,
				#subcontent .h2-placeholder {
					background: url(../images/scheidingslijn.gif) left bottom no-repeat;
					margin-bottom: 20px;
				}
				#subcontent .h2-placeholder {
					display: block;
					min-height: 3.5em;
				}


				#subcontent .subcontentStijl1 .item, #maincontent .kolomRechts .stijl1 .item {
					padding: 10px;
				}

				#subcontent .subcontentItem .item {
					margin-left: 5px;
				}

				#subcontent .imgPopUpright, #subcontent .imgPopUpleft {
					padding: 0 0 0 4px;
				}

		.print-button {
			display: inline-block;
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
			width: 2.5em;
			height: 2.5em;
			margin: 2em 0 1em 30px;
			padding: 0;
			background: none;
			border: none;
			cursor: pointer;
		}

		.home-page .print-button {
			margin: 0 0 1em 18px;
		}

			.print-button span {
				position: absolute !important;
				width: 1px;
				height: 1px;
				padding: 0;
				overflow: hidden;
				clip: rect(0,0,0,0);
				white-space: nowrap;
				border: 0;
			}

			.print-button svg {
				fill: #999fa3;
			}

				.print-button:focus svg,
				.print-button:hover svg {
					fill: #059;
				}

	/* --- /content styles --- */



	/* --- homepage styles --- */

	#topbalkmenu {
		background: #3377ad;
		display: block;
		padding: 20px 0 0 0;
		width: 282px;
		height: 93.056%;
		border-left: solid 48px #059;
	}

		#topbalkmenu > li {
			display: block;
			margin: 0 18px;
			padding: 0 6px;
			border-bottom: solid 1px #5c92bd;
		}
		#topbalkmenu > li:first-child {
			border-top: solid 1px #5c92bd;
		}


			#topbalkmenu > li > a {
				display: block;
				cursor: pointer;
				min-height: 53px;
				padding: 0 0 1em;
			}
			#topbalkmenu > li > a:focus, #topbalkmenu > li > a:hover, #topbalkmenu > li > a.aan {
				background: #3da0d4;
				padding-left: 24px;
				padding-right: 24px;
				margin: -1px -24px;
				border-top: solid 1px #3da0d4;
				border-bottom: solid 1px #3da0d4;
			}

				#topbalkmenu li span, #topbalkmenu label.naam {
					display: block;
				}

				#topbalkmenu .naam, #topbalkmenu label.naam {
					color: #fff;
					padding: 0.813em 0 0.188em;
					font-size: 1.25em;
					font-weight: normal;
				}

				#topbalkmenu .options {
					color: #85adce;
				}
				#topbalkmenu .options:after {
					background: url(../images/deelsite/topbalk-menu-arrow.gif) right center no-repeat;
					content: "";
					display: inline-block;
					width: 4px;
					height: 8px;
					margin-left: 6px;
				}

				#topbalkmenu a:focus .options, #topbalkmenu a:hover .options, #topbalkmenu a.aan .options {
					display: none;
				}


				#topbalkmenu li form .searchfield {
					width: 206px;
					margin: 0.417em 0 0.5em;
					padding: 0.5em 8px;
					border: solid 1px #059;
				}

				#topbalkmenu li form .searchbutton {
					margin: 0 0 0.917em;
				}


	/* uitklappers */
	#topbalkmenu .topbalkblok {
		background: #ebeced;
		position: absolute;
		left: 330px;
		top: 0;
		min-height: 288px;
		display: none;
	}

	#topbalkmenu .topbalkblok.aan {
		display: block;
	}

	.level1 #maincontent {
		width: 708px;
		max-width: 100%;
		padding: 0;
	}

	.level1 #maincontent .kolomLinks {
		width: 480px;
		margin: 0 0 20px;
		padding-left: 18px;
		float: left;
		box-sizing: border-box;
	}

	.level1 #maincontent .kolomRechts {
		width: 228px;
		margin: 0 0 20px;
		padding-left: 18px;
		float: left;
		box-sizing: border-box;
	}
		.level1 #maincontent .kolomRechts img {
			max-width: 100%;
		}

	.level1 #maincontent h2 {
		margin-top: 0;
	}

	.level1 .kolomLinks .stijl1, .level1 .kolomLinks .stijl3, .level1 .kolomLinks .blauw {
		margin-bottom: 30px;
	}

	.level1 .kolomLinks .imgPopUpleft {
		margin: 0 15px 0 5px;
	}

	.level1 .kolomRechts .stijl1, .level1 .kolomRechts .blauw, .level1 .kolomRechts .stijl3 {
		margin-bottom: 30px;
	}

	.level1 .kolomRechts .imgPopUpright, .kolomRechts .imgPopUpleft, .kolomRechts .imgPopUpright,
	.level1 #subcontent div.imgPopUpright, .level1 #subcontent div.imgPopUpleft, .level1 #subcontent div.imgPopUpright {
		padding: 0;
		float: none;
		clear: both;
	}
		.level1 .kolomRechts .stijl1 .imgPopUpright, .level1 .kolomRechts .stijl1 .imgPopUpleft, .level1 .kolomRechts .stijl1 .imgPopUpright,
		.level1 #subcontent .subcontentStijl1 .imgPopUpright, .level1 #subcontent .subcontentStijl1 .imgPopUpleft, .level1 #subcontent .subcontentStijl1 .imgPopUpright {
			background: #ebeced;
		}
			 .level1 .kolomRechts .stijl1 .imgPopUpright,
			 .level1 #subcontent .subcontentStijl1 .imgPopUpright {text-align: right}

	.kolomRechts .item, .kolomRechts .imgPopUpleft, .kolomRechts .imgPopUpright,  .level1 #subcontent .imgPopUpright {
		margin-left: 5px;
	}

	.level1 .item-home {
		margin-top: 30px;
		clear: both;
	}

		.level1 #maincontent .item-home.standaardicoon .item {
			float: left;
			width: 335px;
		}

		.level1 #maincontent .item-home.standaardicoon h3 {
			float: left;
			width: 335px;
		}

	.level1 div.firstitem {


	}

	.level1 #subcontent {
		width: 246px;
	}

	/* nieuws op home */
	.title-link-header {
		float: left;
	}

	.title-link-link {
		float: left;
		font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
		padding: 0.75em 0 0;
		margin-left: 17px;
	}

		#maincontent .title-link-link a {
			text-decoration: none;
			color: #5c6368;
		}
		#maincontent .title-link-link a:after {
			background: url(../images/arrow_link_verder.gif) 0 0 no-repeat;
			display: inline-block;
			content: "";
			width: 4px;
			height: 13px;
			margin-left: 7px;
		}

		#maincontent .title-link-link a:focus, #maincontent .title-link-link a:hover {
			text-decoration: underline;
			color: #5c6368;
		}

	#content .nieuws-home {
		margin: 0;
		padding: 0 0 0 5px;
	}
		#content .nieuws-home li {
			padding: 0;
			margin: 0.7em 0 0;
			background: none;
		}
			#content .nieuws-home li:first-child {margin-top: 0;}

			#content .nieuws-home li a {
				color: #000;
			}
				#content .nieuws-home li a:focus, #content .nieuws-home li a:hover {
					color: #d03;
				}

		#maincontent .item-home .bericht-icoon .imgPopUpleft, #maincontent .item-home .bericht-icoon .imgPopUpright {
			margin: 0;
			padding: 0;
		}

			.item-home .bericht-icoon .imgPopUpleft img, .item-home .bericht-icoon .imgPopUpright img {
				max-width: 84px;
				width: auto;
				height: auto;
			}


	/* ----- /homepage styles ----- */





	/* ----- nieuws & agenda pagina's/onderdelen ----- */

	#paginatie {
		margin: 1.4em 0 0 5px;
	}

	#pagVorige, #pagVolgende {
		float: left;
	}

	#pagVorige a {
		margin-right: 10px;
	}

	.bericht-icoon {
		float: left;
		margin: 3px 10px 0 5px;
		width: 84px;
	}

	#maincontent .kolomLinks .bericht-icoon div.imgPopUpleft{
		padding: 0;
		margin: 0 auto;
		float: none;
		text-align: center;
	}
	/* ----- /nieuws & agenda pagina's/onderdelen ----- */





	/* ----- zoekwijzer pagina's ----- */
	/* --- zw auto suggest --- */
	#wrapper .suggest-keyword {
		position: relative;
	}

		#wrapper .suggest-keyword ul {
			list-style-type: none;
			position: absolute;
			top: 0;
			left: 1px;
			z-index: 25;
			background: #fff;
			width: 222px;
			border-bottom: 6px solid #cacdcf;
			padding: 1px 0 1px;
			margin: -0.417em 0 0;
		}
		#wrapper .zw-trefwoord .suggest-keyword ul {
			width: 238px;
		}

			#wrapper .suggest-keyword ul li {
				background: none;
				border: none;
				border-top: 1px solid #cacdcf;
				display: block;
				float: none;
				margin: 0 15px;
				padding: 0;
			}
			#wrapper .suggest-keyword ul li:first-child {
				border-top: none;
			}

				#wrapper .suggest-keyword a { display: none; }

				#wrapper .suggest-keyword li a {
					text-decoration: none;
					display: block;
					color: #5c6368;
					padding: 10px 8px;
					min-height: 0;
					margin: 0;
				}
				#wrapper .suggest-keyword ul li a:hover, #wrapper .suggest-keyword ul li a:focus {
					background: none;
					color: #d03;
					margin: 0;
					padding: 10px 8px;
					border: none;
				}

					#wrapper .suggest-keyword li em {
						font-style: normal;
						font-weight: bold;
					}






	/* --- zw-page --- */
	/* - breadcrumb - */
	.zw-page #breadcrumb {
		padding-bottom: 9px;
	}


	/* - submenu - */
	.zw-page #submenu {
		display: none;
	}

	/* - maincontent - */
	.zw-page #maincontent {
		width: 624px;
		margin-left: 24px;
		margin-right: 78px;
	}

		.zw-page #maincontent h1 {
			padding-top: 3px;
		}
		.level2.zw-page #maincontent h1 {
			border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;
		}

		.level2.zw-page #maincontent h2 {
			background: url(../images/scheidingslijn.gif) 0 100% no-repeat;
			font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
			font-weight: normal;
			line-height: 1em;
			color: #059;
			margin: 0 0 15px;
			padding: 7px 0 15px 5px;
			font-size: 1.5em;
		}

		.level2.zw-page #maincontent .stijl1 {
			margin-bottom: 1.583em;
		}

	/* - list with arrows - */
	#wrapper .zw-list {
		background: #ebeced;
		border-top: solid 1px #dbddde;
		font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 1.1em;
		min-width: 264px;
		padding: 0;
	}

		#wrapper .zw-list li {
			border-bottom: solid 1px #dbddde;
			padding: 0;
			background: none;
		}

			.zw-list a, #wrapper .zw-list a, .topbalkblok .zw-list a {
				color: #5c6368;
				display: block;
				padding: 0.333em 12px 0.429em 37px;
				position: relative;
				text-decoration: none;
			}
			.zw-list a:before {
				background: #fff url(../images/deelsite/tab-arrow.gif) 4px -211px no-repeat;
				display: block;
				content: "";
				width: 16px;
				height: 16px;
				border-radius: 50%;
				position: absolute;
				left: 12px;
				top: 0.429em;
			}

	/* - smarty zorgwijzer - */
	.zw-section {
		background-color: #059;
		width: 618px;
		max-width: 100%;
		float: left;
		margin: 0 0 6px 6px;
		position: relative;
	}
	.zw-welke-zorg {
		background: #059 url(../images/deelsite/achter-zorgwijzer-welke-zorg.jpg) 0 0 no-repeat;
	}
	.zw-waar-zorg {
		background: #059 url(../images/deelsite/achter-zorgwijzer-waar-zorg.jpg) 0 0 no-repeat;
	}
	.zw-trefwoord {
		background: #059 url(../images/deelsite/achter-zorgwijzer-trefwoord.jpg) 0 0 no-repeat;
	}

		#wrapper .zw-section h3 {
			width: 96px;
			padding: 0;
			margin-left: 225px;
			position: absolute;
			left: 0;
			bottom: 39px;
			color: #fff;
			text-shadow: 0 0 4px #059;
			font-weight: normal;
		}

			#wrapper .zw-section h3 label {
				font-weight: normal;
			}

		#wrapper .zw-section .zw-list, #wrapper .zw-section form {
			float: right;
			border-left: solid 18px #4be;
			border-top: none;
			padding-left: 0;
			list-style: none;
			min-height: 216px;
			color: #5c6368;
			background-color: #ebeced;
		}

			#wrapper .zw-section .zw-list li {
				padding-left: 0;
				background: none;
			}
			#wrapper .zw-section .zw-list li:first-child {
				border-top: solid 1px #dbddde;
			}

		.zw-section form fieldset {
			border-top: solid 1px #dbddde;
			padding: 18px 12px;
		}

			.zw-section form .searchfield {
				width: 222px;
				margin: 0 0 0.5em;
				display: block;
				border: solid 1px #cacdcf;
				padding: 0.5em 8px;
			}

			.zw-section form .searchbutton {
				margin-bottom: 0.75em;
				display: block;
			}

			#maincontent .zw-section form .item {
				margin-left: 0;
			}

		/* subcontent + home kolomRechts - zorgwijzer */
		#subcontent .zw-section, #wrapper .kolomRechts .zw-section {
			background: none;
			width: 204px;
			float: none;
		}

			#subcontent .zw-section h3, #wrapper .kolomRechts .zw-section h3 {
				background: #4be url(../images/deelsite/achter-h2-1.gif) 0 0 no-repeat;
				width: 178px;
				padding: 1.083em 13px 0.75em;
				margin-left: 0;
				position: static;
				right: auto;
				bottom: auto;
				text-shadow: none;
			}
			#subcontent .zw-section.zw-waar-zorg h3, #subcontent .zw-section:nth-child(odd) h3,
			#wrapper .kolomRechts .zw-section.zw-waar-zorg h3, #wrapper .kolomRechts .zw-section:nth-child(odd) h3 {
				background-image: url(../images/deelsite/achter-h2-2.gif);
			}

				#subcontent .zw-section h3 br, .kolomRechts .zw-section h3 br {
					display: none;
				}

			#subcontent .zw-section .zw-list, #subcontent .zw-section form,
			#wrapper .kolomRechts .zw-section .zw-list, #wrapper .kolomRechts .zw-section form {
				float: none;
				width: 204px;
				border-left: none;
				min-height: 1px;
				min-width: 1px;
			}

				#subcontent .zw-section .zw-list li, #wrapper .kolomRechts .zw-section .zw-list li {
					width: 204px;
				}


			#subcontent .zw-trefwoord, #wrapper .kolomRechts .zw-trefwoord {
				display: none;
			}

			#subcontent .zw-section form, #wrapper .kolomRechts .zw-section form {
				background: #ebeced;
			}


				#subcontent .zw-section form .searchfield, #wrapper .kolomRechts .zw-section form .searchfield {
					width: 164px;
					margin: 0 0 0.5em;
				}

				#subcontent .zw-section form .item, #wrapper .kolomRechts .zw-section form .item {
					margin-left: 0;
					padding: 0 1px;
				}




	/* - zw-detail - */
	.zw-detail {
		margin-left: 6px;
	}

		#maincontent .zw-detail h2 {
			padding-left: 0;
		}


	/* - zw-items - */
	#wrapper .zw-items ul {
		margin-left: -24px;
		padding: 0;
		margin-top: 6px;
	}
	#wrapper .zw-items div ul {
		margin-left: 0;
	}
	#subcontent .zw-items ul {
		margin-top: 0;
		margin-left: 6px;
	}

		#wrapper .zw-item {
			background: #ebeced;
			width: 204px;
			min-height: 108px;
			border-top: solid 1px #dbddde;
			margin: 18px 0 0 24px;
			padding: 0 8px 0 85px;
			float: left;
			position: relative;
			line-height: 1.25em;
		}
		#subcontent .zw-item {
			background: none;
			width: auto;
			min-height: 0;
			border-top: none;
			padding: 0;
			margin-left: 0;
		}
		#subcontent .zw-item:first-child {
			margin-top: 0;
		}
		#subcontent .zw-img {
			padding-left: 58px;
			min-height: 74px;
		}

			#wrapper .zw-item h3 {
				color: #059;
				padding: 0;
				margin: 0.65em 0 0.15em;
			}
			#subcontent .zw-item h3 {
				margin-top: 0;
			}

				#wrapper .zw-item h3 a {
					color: #059;
					text-decoration: none;
				}
				#wrapper .zw-item h3 a:focus, #wrapper .zw-item h3 a:hover {
					color: #059;
					text-decoration: underline;
				}

			.zw-item .meta-data {
				color: #5c6368;
				font-weight: bold;
				margin: 0.4em 0 0;
			}

			.img-container {
				background: #059;
				position: absolute;
				left: 0;
				top: 0;
				width: 72px;
				height: 108px;
				overflow: hidden;
			}
			#subcontent .img-container {
				background: none;
				width: 50px;
				height: 74px;
				display: none;
			}
			#subcontent .zw-img .img-container {
				display: block;
			}

				#subcontent .img-container img {
					max-width: 50px;
				}

			#wrapper .zw-item .next {
				color: #5c6368;
				text-decoration: none;
			}
			#wrapper .zw-item .next:after {
				background: url(../images/arrow_link_verder.gif) 0 0 no-repeat;
				display: inline-block;
				content: "";
				width: 4px;
				height: 13px;
				margin-left: 6px;
			}

			#wrapper .zw-item .next:focus, #wrapper .zw-item .next:hover {
				text-decoration: underline;
			}

		/* zorgcentra */
		#maincontent .zw-item.zw-zorgcentra {
			float: none;
			width: 495px;
			min-height: 128px;
			padding-left: 115px;
		}

			.zw-zorgcentra .img-container {
				width: 102px;
				height: 128px;
			}

		/* locaties */
		#maincontent .zw-item.zw-locatie {
			background: none;
			float: none;
			width: 100%;
			min-height: 0;
			padding: 1em 0;
		}
		#maincontent .zw-item.zw-locatie:first-child {
			border-top: none;
			padding-top: 0;
		}

			#maincontent .zw-item.zw-locatie:first-child h3 {
				margin-top: 0;
			}

			.zw-locatie .img-container {
				display: none;
			}


			#maincontent .zw-locatie-detail h2 {
				background: url(../images/scheidingslijn.gif) 0 100% no-repeat;
				color: #059;
				font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
				font-size: 1.5em;
				font-weight: normal;
				line-height: 1em;
				margin: 1.5em 0 15px -6px;
				padding: 7px 0 15px 5px;
			}

		/* plaatsen */
		#wrapper ul .zw-item-plaats {
			padding: 0;
			background: none;
		}

	/* - zw-search-results - */
	#wrapper .zw-search-results li {
		padding-left: 0;
		background: none;
	}



	/* --- zw-extensive - uitgereide detailpagina met tabs --- */
	body.zw-extensive {
		background: #ebeced url(../images/deelsite/achter-zw-extensive.gif) 0 0 repeat-x;
	}

		/* header-compact */
		.header-compact {
			background: #059;
			height: 36px;
			position: relative;
			font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
			font-size: 1.1em;
		}

			#wrapper .header-compact a {
				position: absolute;
				left: 25px;
				bottom: 9px;
				color: #fff;
				text-decoration: none;
			}
			#wrapper .header-compact a:before {
				background: url(../images/deelsite/arrow-left-white.png) 0 0 no-repeat;
				display: inline-block;
				width: 5px;
				height: 8px;
				content: "";
				margin-right: 11px;
			}

			#wrapper .header-compact a:focus, #wrapper .header-compact a:hover {
				text-decoration: underline;
				color: #fff;
			}


		/* zw-header */
		.zw-header {
			margin-top: 1.583em;
		}

			.zw-header-img-container {
				background-color: #cacdcf;
				width: 405px;
				height: 216px;
				overflow: hidden;
				float: left;
				position: relative;
			}
			.zw-header-img-container:after {
				background: #059;
				zoom: 1;
				filter: alpha(opacity=40);
				opacity: 0.4;
				display: block;
				content: "";
				width: 24px;
				height: 100%;
				position: absolute;
				right: 0;
				top: 0;
			}

			.zw-header-title {
				background-color: #059;
				width: 243px;
				height: 216px;
				overflow: hidden;
				float: left;
				position: relative;
			}

				.zw-header-title h1 {
					color: #fff;
					font-size: 1.833em;
					line-height: 1.3em;
					position: absolute;
					left: 18px;
					bottom: 30px;
					padding: 0;
				}
				.large .zw-header-title h1 {
					font-size: 1.5em;
				}

			.zw-apply {
				background-color: #bbd7e8;
				width: 240px;
				height: 180px;
				float: left;
				padding: 27px 24px 9px;
			}

				.zw-apply h2 {
					font-size: 1em;
					font-family: Verdana, Geneva, sans-serif;
					padding: 0;
				}

				.zw-apply .action-link {
					margin: 1em 0 0;
				}

		/* zw-tabs */
		.zw-tabs {
			background-color: #ebeced;
			width: 936px;
			border-top: solid 1px #dbddde;
			font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
			font-size: 1.1em;
		}

			.zw-tabs li {
				float: left;
				border-right: solid 1px #dbddde;
			}

				#wrapper .zw-tabs a {
					display: block;
					line-height: 1.8em;
					font-weight: bold;
					color: #5c6368;
					text-decoration: none;
					padding: 0 20px 1px 28px;
					position: relative;
				}
				#wrapper .zw-tabs a:before {
					background: url(../images/deelsite/tab-arrow.gif) -2px 0 no-repeat;
					display: block;
					content: "";
					width: 4px;
					height: 8px;
					position: absolute;
					top: 0.714em;
					left: 13px;
				}

				#wrapper .zw-tabs a:focus, #wrapper .zw-tabs a:hover {
					text-decoration: underline;
					color: #5c6368;
				}

				#wrapper .zw-tabs .selected {
					background: #fff;
					color: #222;
				}
				#wrapper .zw-tabs .selected:before {
					background-position: 0 -146px;
					width: 8px;
					height: 4px;
					left: 11px;
					top: 0.786em;
				}

				#wrapper .zw-tabs .selected:focus, #wrapper .zw-tabs .selected:hover {
					color: #222;
				}

		/* content */
		.zw-extensive #maincontent h1 {
			display: none;
		}

		.zw-extensive #maincontent h2, .zw-label #maincontent h2 {
			background: url(../images/scheidingslijn.gif) 0 100% no-repeat;
			color: #059;
			font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
			font-size: 1.5em;
			font-weight: normal;
			line-height: 1em;
			margin: 1.5em 0 15px -6px;
			padding: 7px 0 15px 5px;
		}

		.zw-extensive #subcontent h2  {
			margin-top: 1.5em;
		}

		.zw-extensive #maincontent .item {
			margin-left: 0;
		}

		/* zw-banner */
		.bnr-zw {
			margin: 2.857em 0 2em;
		}

		/* contact */
		.gm img {
			border: solid 1px #dbddde;
		}

		/* gallery */
		.gallery-images {
			background: #ebeced;
			margin-left: 6px;
			padding: 0 0 2.5em;
		}

			#subcontent .imgPopUpright img, #subcontent .imgPopUpleft img {
				width: auto !important;
				height: auto !important;
			}

			/* small images */
			#subcontent .gallery-images .imgPopUpright, #subcontent .gallery-images .imgPopUpleft {
				width: 84px;
				height: 55px;
				margin: 12px 0 0 12px;
				float: left;
				overflow: hidden;
				padding: 0;
			}

				#subcontent .gallery-images .imgPopUpright a, #subcontent .gallery-images .imgPopUpleft a {
					width: 100% !important;
					height: 100% !important;
				}
				#subcontent .gallery-images > .imgPopUpright a, #subcontent .gallery-images > .imgPopUpleft a {
					background-position: 2000px 2000px;
				}

				#subcontent .gallery-images .imgPopUpright img, #subcontent .gallery-images .imgPopUpleft img {
					border-top: solid 1px #dbddde;
					max-width: none;
				}

			/* feature img */
			#subcontent .feature-img .imgPopUpright, #subcontent .feature-img .imgPopUpleft {
				padding: 0;
				margin: 0 auto 1.5em;
				float: none;
				width: 100%;
				height: auto;
			}

				#subcontent .gallery-images .feature-img > div img {
					margin: 0 auto;
					display: block;
					border: none;
					max-width: 100%;
				}

		/* videos */
		.gallery-videos {
			margin-left: 6px;
		}

			.gallery-videos iframe {
				width: 100%;
				height: 200px;
				margin-top: 1.667em;
			}
			.gallery-videos iframe:first-child {
				margin-top: 0;
			}

		/* --- zoek-zorg-in-de-buurt --- */
		.zoek-zorg-in-de-buurt {

		}
			#wrapper .zoek-zorg-in-de-buurt h2 {
				background: #4be url(../images/deelsite/achter-h2-2.gif) 0 0 no-repeat;
				width: 178px;
				padding: 1.083em 13px 0.75em;
				margin: 0 0 0 5px;
				text-shadow: none;
				color: #fff;
				font-size: 1.2em;
				line-height: 1.2em;
				font-weight: normal;
			}

			.zoek-zorg-in-de-buurt .searchfield {
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				width: 100%;
				border: 1px solid #cacdcf;
				display: block;
				margin: 0 0 0.5em;
				padding: 0.5em 8px;
			}

			#subcontent .suggest-keyword ul {
				width: 100%;
				margin-left: -1px;
			}


		/* ----- alphanumerieke navigatie & lijst ----- */

			.overview li.listheader {
				margin: 12px 0 5px;
				overflow: hidden;
				width: 100%;
			}

				.overview li.listheader ol {
					clear: both;
				}

				.overview li h3 {
					margin-top: 15px;
				}

				.overview li.listheader span.left {
					display: block;
					font-size: 1.2em;
					float: left;
				}

				.overview li.listheader span.right {
					display: block;
					float: right;
					padding-top: 0.1em;
				}

					.overview li.listheader span.right a {
						display: block;
						width: 250px;
						height: 14px;
						background: url(../images/deelsite/arrow-totop.gif) no-repeat 243px 6px;
					}

					.overview li.listheader span.right a:hover {
						background-position: 243px -10px;
					}

			.overview.grouplist li a.totop {
				float: right;
				display: block;
				width: 100px;
				height: 14px;
				margin: 15px 0 0;
				background: url(../images/deelsite/arrow-totop.gif) no-repeat 93px 6px;
			}

			.overview.grouplist li a.totop:hover {
				background-position: 93px -10px;
			}

			.overview.grouplist li h3 {
				display: block;
				float: left;
				width: 357px;
			}

		/* ----- /alphanumerieke navigatie & lijst ----- */

	/* ----- /zoekwijzer pagina's ----- */


	/* ----- fotoalbums ----- */

	.fotoalbums .fotoalbumitem {
		float: left;
		background: url(../images/deelsite/bg-fotoalbum.gif) left top no-repeat;
		width: 194px;
		padding: 15px 0 0;
		margin: 0 20px 0 0;
		text-align: center;
	}

	.fotoalbums .fotoalbumrij {
		margin: 10px 0 0;
		overflow: hidden;
		width: 100%
	}

	.fotoalbums .fotoalbumrij.first {
		margin: 0;
	}

	#maincontent .fotoalbums .fotoalbumitem a {
		text-decoration: none;
		display: block;
	}

	#maincontent .fotoalbums .fotoalbumitem a span {
		display: block;
		padding-top: 20px;
	}

	/* ----- /fotoalbums ----- */


	/* ----- footer styles ----- */

	#footer {
		padding: 15px 20px;
		font-size: 0.85em;
	}

		#footer a {
			font-weight: normal;
		}


	/* ----- /footer styles ----- */

/* ----- /layout styles ----- */





/* ----- globale styles (gebruikt door heel de site) ----- */

table td {
	padding: 2px 5px;
}

.leftmargin {
	margin-left: 5px;
}

.jsHide {
	display: none;
}

.pollTable {
	margin: 20px 0 0 5px;
}

.verberg {
	position: absolute;
	left: -9999px;
	overflow: hidden;
}

body #maincontent .margintop {
	margin-top: 15px;
}

.addthis_toolbox{
	border-top: 1px solid #d5d9da;
	margin: 50px 0 0;
	padding: 10px 0 0;
	text-align:center;
	clear: both;
}


/* action-link */
#wrapper .action-link, #wrapper .zw-tab strong em a, #wrapper .zw-tab em strong a {
	background-color: #d03;
	display: inline-block;
	color: #fff;
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	line-height: 2em;
	padding: 0 20px 0 38px;
	border-radius: 3px;
	position: relative;
}
#wrapper .zw-tab strong em, #wrapper .zw-tab em strong {
	display: block;
}

#wrapper .action-link:before, #wrapper .zw-tab strong em a:before, #wrapper .zw-tab em strong a:before {
	background: #5c6368 url(../images/deelsite/arrow-right-closed-white.gif) 12px 9px no-repeat;
	display: block;
	content: "";
	width: 28px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 3px 0 0 3px;
}

#wrapper .action-link:focus, #wrapper .action-link:hover,
#wrapper .zw-tab strong em a:focus, #wrapper .zw-tab strong em a:hover,
#wrapper .zw-tab em strong a:focus, #wrapper .zw-tab em strong a:hover {
	color: #fff;

}
#wrapper .action-link:focus:before, #wrapper .action-link:hover:before,
#wrapper .zw-tab strong em a:focus:before, #wrapper .zw-tab strong em a:hover:before,
#wrapper .zw-tab em strong a:focus:before, #wrapper .zw-tab em strong a:hover:before {
	background-color: #d03;
}

	/* ----- image popup ----- */

	div.imgPopUpleft, img.imgleft { /* Deze class wordt a.d.h. de uitlijning bepaald */
		float: left;
		position: relative;
		padding: 4px 4px 0 0;
		z-index: 1;
		max-width: 100%;
		width: auto;
	}

	div.imgPopUpright, img.imgright { /* Deze class wordt a.d.h. de uitlijning bepaald */
		float: right;
		position: relative;
		padding: 4px 0 0 4px;
		z-index: 1;
		max-width: 100%;
		width: auto;
	}

	div.imgPopUpcenter, img.imgcenter { /* Deze class wordt a.d.h. de uitlijning bepaald */
		margin: 3px 0 0;
		position: relative;
		text-align: center;
		z-index: 1;
		max-width: 100%;
		width: auto;
	}

	div.imgPopUpfoto { /* Deze class wordt a.d.h. de uitlijning bepaald */
		float: left;
		position: relative;
		padding: 6px 6px 0 0;
	}

	div.imgPopUpleft a, div.imgPopUpright a, div.imgPopUpcenter a, div.imgPopUpSub a, div.imgPopUpfoto a {
		background: transparent url(../images/img_popup.gif) bottom right no-repeat;
		/* De hoogte en breedte wordt in de _tpl_-file overschreven */
		margin: 0;
		display: inline;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
	}
	div.imgPopUpleft a.imgLink, div.imgPopUpright a.imgLink, div.imgPopUpcenter a.imgLink, div.imgPopUpSub a.imgLink, div.imgPopUpfoto a.imgLink{
		position: relative;
	}

	div.imgPopUpleft a:hover, div.imgPopUpright a:hover, div.imgPopUpcenter a:hover, div.imgPopUpSub a:hover, div.imgPopUpfoto a:hover {
		background: transparent url(../images/img_popup_a.gif) bottom right no-repeat;
	}

	.subcontentItem .imgPopUpleft, #maincontent .imgPopUpleft {
		margin-left: 5px;
	}

	.topbalkitem .imgPopUpleft, .topbalkitem .imgPopUpright, .zwsubcontent .imgPopUpleft, .zwsubcontent .imgPopUpright {
		padding: 0;
		margin-bottom: 10px;
	}

	.imgPopUpleft img, .imgPopUpright img, .imgPopUpcenter img {
		max-width: 100%;
		height: auto;
		width: auto;
	}

	/* ----- image popup ----- */





	/* ----- links uitklapmenu ----- */

	#wrapper .linkuitklapmenu {
		padding-left: 0;
	}

		#wrapper .linkuitklapmenu li {
			display: block;
			background: none;
			padding: 0;
			margin: 0;
			display: block;
			width: 100%;
			text-decoration: none;
		}

			.linkuitklapmenu li .linktitle {
				line-height: 2.3em;
				display: block;
				padding: 0 10px 0 35px;
				font-size: 1.1em;
				font-weight: bold;
				background: url(../images/deelsite/linkuitklapmenu-arrow.gif) 10px -176px no-repeat;
			}

			.linkuitklapmenu li .linkcontent {
				display: none;
			}

			.linkuitklapmenu li:hover .linktitle, .linkuitklapmenu li.jsSelected .linktitle {
				background-position: 10px 8px;
			}

			#wrapper .linkuitklapmenu li:hover .verderLink, #wrapper .linkuitklapmenu li.jsSelected .verderLink {
				text-align: right;
				display: block;
				text-decoration: none;
			}

			.linkuitklapmenu li:hover .linkcontent, .linkuitklapmenu li.jsSelected .linkcontent {
				padding: 5px 10px;
				display: block;
			}

	/* ----- /links uitklapmenu ----- */


	/* ----- linkuitklapmenu voor alle subsites van pantein ----- */

		#wrapper .linkuitklapmenuSubsites li {
			display: block;
			background: none;
			padding: 0;
			margin: 0;
			display: block;
			width: 100%;
			text-decoration: none;
			background: #ebeced;
			color: #7a8185;
			border-bottom: 1px solid #dbddde;
		}

			#wrapper ul.linkuitklapmenuSubsites li.first {
				border-top: 1px solid #dbddde;
			}



				#wrapper .linkuitklapmenuSubsites a {
				color: #5c6368;
				text-decoration: none;
				font-size: 1.1em;
				font-weight: bold;
				line-height: 2.3em;
				background: url(../images/deelsite/linkuitklapmenu-arrow.gif) 10px -176px no-repeat;
				display: block;
				padding: 0 10px 0 35px;
			}

			#wrapper .linkuitklapmenuSubsites a:hover, #wrapper .linkuitklapmenuSubsites a:active, #wrapper .linkuitklapmenuSubsites a:focus {
				display: block;
				background-color: #c8ccd0;
				background-position: 10px 8px;
				color: #000;
			}


	/* ----- /linkuitklapmenu voor alle subsites van pantein ----- */

/* ----- /globale styles (gebruikt door heel de site) ----- */





/* ----- algemene tekst, list & link styles ----- */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.4em;
}

body.large {
	font-size: 1.0em;
}

h2, h3, h4, h5, h6, #maincontent .blauw .item, .level1 #subcontent ul.linkuitklapmenu li .mainlink, #topbalkmenu .naam, #maincontent #sitemap ul li a {
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

h1, #mainmenu, #servicemenu-logo-balk, #footer, #subcontent h2, .kolomLinks h2, .kolomRechts h2, .topbalkblok .hoofdlink, #tabbladencontainer h2, #header-fotobalk h3, ol.overview li span.left {
	font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}

h1, #subcontent h2, #maincontent .kolomLinks h2, #maincontent .kolomRechts h2, #tabbladencontainer h2 {
	font-weight: normal;
	padding-bottom: 15px;
	line-height: 1.0em;
}

#maincontent h2 {
	font-size: 1.1em;
}

.level1 #maincontent h2, #maincontent .zwtab h2 {
	font-size: 1.5em;
}

#subcontent h2, .level1 #maincontent h2 {
	padding-top: 7px;
}

#header-fotobalk h3 {
	font-size: 2.6em;
	line-height: 1.0em;
}

.level2 #header-fotobalk h3 {
	padding: 30px 0 0 120px;
}

.level3 #header-fotobalk h3 {
	padding: 0;
	width: 380px;
	position: absolute;
	left: 168px;
	bottom: 31px;
}

h2, h3 {
	padding-bottom: 5px;
}

h4 {
	margin-top: 1.25em;
}

#header-fotobalk h2 {
	font-size: 1.1em;
}

#mainmenu ul li {
	line-height: 1.2em;
}

label {
	font-weight: bold;
}

a {
	text-decoration: none;
}

#maincontent a, #subcontent a {
	text-decoration: underline;
}

a.verderLink, .topbalkitem .item a {
	padding-right: 10px;
	background: url(../images/arrow_link_verder.gif) right top no-repeat;
}

a.terugLink {
	padding-left: 10px;
	background: url(../images/arrow_link_terug.gif) left top no-repeat;
}

#maincontent ul, #subcontent ul, #wrapper ul.linkuitklapmenu {
	padding-left: 5px;
}

	#maincontent ul li, #subcontent ul li, #wrapper .linkuitklapmenu li ul li, #wrapper .linkuitklapmenu li ul li:hover {
		background: url(../images/list-bullit.gif) 0 0.6em no-repeat;
	}

	li.jsClickable {
		cursor: pointer;
	}

	li.jsClickable:hover, li.jsClickableHover, li.jsClickableFocus,
	li.jsClickable:hover a.jsGuide, li.jsClickableHover a.jsGuide, li.jsClickableFocus a.jsGuide {

	}

#maincontent ol, #subcontent ol, .linkuitklapmenu li ol {
	list-style-type: decimal;
	margin-left: 30px;
}

	#maincontent ul li, #subcontent ul li, #wrapper .linkuitklapmenu li ul li {
		padding-left: 12px;
	}

#maincontent .geenBullits {
	padding: 0 0 0 5px;
}

	#maincontent .geenBullits li {
		background: none;
		padding: 0;
	}

		#maincontent .geenBullits li h1, #maincontent .geenBullits li h2, #maincontent .geenBullits li h3 {
			padding-left: 0;
		}

/* ----- /algemene tekst & link styles ----- */


/* ----- shared items ----- */
/* - contact - */
.phonenumber {
	background: #4be url(../images/deelsite/achter-h2-1.gif) 0 0 no-repeat;
	color: #fff;
	margin: 0 0 0 6px;
	padding: 1.6em 0 1.2em 50px;
	position: relative;
}
.phonenumber:before {
	background: url(../images/deelsite/ico-phone.png) 0 0 no-repeat;
	display: block;
	content: "";
	width: 28px;
	height: 39px;
	position: absolute;
	left: 12px;
	top: 1.667em;
}

	#content .phonenumber h3 {
		font-weight: normal;
		padding: 0;
		margin: 0 0 0.25em;
		font-size: 1.6em;
		font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	}

/* - volg-ons - */
#content .volg-ons {
	background: #ebeced;
	border-top: solid 1px #dbddde;
	margin-left: 6px;
	padding: 0;
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.1em;
}

	#content .volg-ons li {
		border-bottom: solid 1px #dbddde;
		padding: 0;
		background: none;
	}

		#content .volg-ons li a {
			color: #7a8185;
			text-decoration: none;
			display: block;
			padding: 0.286em 12px 0.429em 37px;
			position: relative;
		}
		#content .volg-ons li a:focus, #content .volg-ons li a:hover {
			color: #059;
		}

		.volg-ons li a:before {
			background: #fff url(../images/deelsite/ico-volg-ons.png) 200px 200px no-repeat;
			display: block;
			content: "";
			width: 16px;
			height: 16px;
			border-radius: 50%;
			position: absolute;
			left: 12px;
			top: 0.429em;
		}
		.volg-ons li .twitter:before {
			background-position: 2px 3px;
		}
		.volg-ons li .facebook:before {
			background-position: -14px 3px;
		}


/* ----- /shared items ----- */



/* ----- kleuren (specifiek per deelsite) ----- */

body {
	background: #ebeced;
}

.lichter {
	color: #5c6368;
}

.accent {
	color: #005599;
}

	/* ----- sitekeuze & service menu in topbalk ----- */

	#sitekeuze ul li a:hover, #sitekeuze ul li a:focus {
		color: #fff;
	}

	.servicemenu-algemeen:hover, .servicemenu-algemeen:focus {
		background: #999fa3;
	}

	.servicemenu-maasziekenhuis:hover, .servicemenu-maasziekenhuis:focus {
		background: #cccc11;
	}

	.servicemenu-thuiszorg:hover, .servicemenu-thuiszorg:focus {
		background: #44bbee;
	}

	.servicemenu-zorgcentra:hover, .servicemenu-zorgcentra:focus {
		background: #ee9900;
	}

	.servicemenu-wonen:hover, .servicemenu-wonen:focus {
		background: #009988;
	}

	.servicemenu-zorghotel:hover, .servicemenu-zorghotel:focus {
		background: #e2b800;
	}

	.servicemenu-extra:hover, .servicemenu-extra:focus {
		background: #EEC633;
	}

	.servicemenu-particulier:hover, .servicemenu-particulier:focus {
		background: #fb4e5e;
	}

	/* ----- /sitekeuze & service menu in topbalk ----- */



	/* ----- main menu ----- */

	#mainmenu ul li a, #servicemenu-logo-balk a, #servicemenu-logo-balk span {
		color: #5c6368;
	}

	#mainmenu ul li a:hover, #mainmenu ul li a:focus, #mainmenu ul li a.aan, #servicemenu-logo-balk a:hover, #servicemenu-logo-balk a:focus, #servicemenu-logo-balk a.aan {
		color: #dd0033;
	}

	/* ----- /main menu ----- */



	/* ----- sub menu ----- */

	#submenu a {
		color: #005599;
	}

	#submenu ul li.aan, a#submenu ul li.aan ul li a, #submenu ul li.aan ul li ul li a, #submenu ul li.aan ul li ul li ul li a {
		background-color: #c8ccd0;
	}
		#submenu ul li.aan a, #submenu ul li.aan ul li a, #submenu ul li.aan ul li ul li a, #submenu ul li.aan ul li ul li ul li a {
			font-weight: bold;
		}
		#submenu ul li a:hover, #submenu ul li a:focus{
			background-color: #c8ccd0;
			color: #222;
		}


	#submenu ul li.aan a, #submenu ul li.aan a.selected, #submenu ul li.aan ul li a:hover, #submenu ul li.aan ul li a:focus {
		color: #222;
	}

	#submenu ul li.aan ul li a {
		color: #059;
	}
	 #submenu ul li.aan ul li a{font-weight: normal}
	 #submenu ul li.aan ul li.aan a{font-weight: bold}


	/* ----- /sub menu ----- */



	/* ----- breadcrumbs ----- */

	#breadcrumb a {
		color: #999fa3;
	}

	#breadcrumb a:hover, #breadcrumb a:focus {
		color: #666;
	}

	/* ----- /breadcrumbs ----- */



	/* ----- main content ----- */

	#maincontent h1, #maincontent .blauw h2, #maincontent .blauw .item {
		color: #005599;
	}

	a {
		color: #5c6368;
	}

	a:hover, a:focus, a.hoofdlink:hover, a.hoofdlink:focus, #wrapper a:hover {
		color: #dd0033;
	}

	/* ----- /main content ----- */





	/* ----- uitklapmenu links -----*/

	#wrapper ul.linkuitklapmenu li {
		background: #ebeced;
		color: #7a8185;
		border-bottom: 1px solid #dbddde;
	}

		#wrapper ul.linkuitklapmenu li ul li {
			background-color: transparent;
			border: none;
		}

	#wrapper ul.linkuitklapmenu li.first {
		border-top: 1px solid #dbddde;
	}

		#wrapper ul.linkuitklapmenu li a {
			color: #5c6368;
		}

		#wrapper ul.linkuitklapmenu li.jsClickableHover a.jsGuide, #wrapper ul.linkuitklapmenu li.jsClickableFocus a.jsGuide {
			color: #999;
		}

	#wrapper ul.linkuitklapmenu li:hover, #wrapper ul.linkuitklapmenu li.jsSelected {
		background: #a3d592;
		color: #000;
	}

		#wrapper ul.linkuitklapmenu li:hover .linktitle, #wrapper ul.linkuitklapmenu li.jsSelected .linktitle {
			border-bottom: 1px solid #fff;
		}

	#wrapper ul.linkuitklapmenu li {
		color: #5c6368;
	}

	#wrapper ul.linkuitklapmenu li strong, .level1 #subcontent ul.linkuitklapmenu li b {
		color: #000;
	}

	/* ----- /uitklapmenu links ----- */




	/* ----- zoekwijzer ----- */





	#maincontent #tabs {
		background: #ebeced;
	}

	#maincontent #tabs li {
		border-right: 1px solid #dbddde;
	}

		#maincontent #tabs li a {
			color: #adb2b5;
		}

		#maincontent #tabs li a:hover, #maincontent #tabs li a:focus, #maincontent #tabs li a.aan {
			background-color: #fff;
			color: #4e4e4e;
		}

	.tabborder {
		border: 1px solid #dbddde;
		border-right: none;
	}

	#tabbladencontainer h2 {
		color: #005599;
	}

	.zwsubcontent #fotonavigatie li a.jsSelected {
		background: #ccc;
		color: #000;
	}

	.zoekwijzerlist li {
		margin-top: 12px;
	}

	.zoekwijzerlist li.first {
		margin-top: 0px;
	}


	/* ----- /zoekwijzer ----- */



	/* ----- sitemap ----- */

	#sitemap ul li a {
		color: #005599;
	}

	#sitemap ul li a:hover {
		color: #dd0033;
	}

	/* ----- /sitemap ----- */



	/* ----- sub content ----- */

	#subcontent .subcontentStijl1 .item, #maincontent .kolomRechts .stijl1 .item, .zwsubcontent .zwsubcontentitem .item {
		background: #ebeced;
	}

	#subcontent h2, .kolomLinks h2, .kolomRechts h2 {
		color: #005599;
	}

	/* ----- /sub content ----- */



	/* ----- footer ----- */

	#footer {
		color: #5C6368;
	}

		#footer a {
			color: #5c6368;
		}

		#footer a:hover, #footer a:focus {
			color: #999;
		}

	/* ----- footer ----- */

/* ----- /kleuren (specifiek per deelsite) ----- */





/* Enquete */

	div.enqKeuze th{
		color: #444444;
		text-align: left;
		font-weight: normal;
		font-style: normal;
		padding-left: 5px;
	}

	table.waardering td{
		vertical-align: top;
		padding:0;
	}

		table.waardering td.enqAntwoord{
			padding-right: 20px;
		}


div.enqAnders{
	clear: both;
	vertical-align: middle;
	padding-top: 4px;
}

table.waardering .enqueteRow td{
	background-color: #EBECED;
	padding: 2px 0 2px 2px;
	vertical-align: top;
}
	table.waardering .odd td, div#intellingContact .odd td{
		background-color: #fff;
	}

table.waardering td.enqueteLeeg{
	background-color: #fff;
}


div.enqResultaten table{
	width: 435px;
}

div.enqResultaten table td{
	vertical-align: top;
	padding: 0 5px 2px 0;
}

div.enqResultaten table td.percTable{
	padding: 0;
}

div.enqResultaten table td.percTable table{
	width: 280px;
}

div.enqResultaten table td.perc{
	width: 170px;
	padding: 0 0 2px 0;
}

td.tdRadio{
	width: 20px;
	padding: 0;
}

td.antwoord{
	width: 34px;
	text-align: center;
}
	div#intellingContact td.antwoord{
		width: auto;
	}


/* Cookiebanner */

.cookieBox {
	color: #111;
	text-align: center;
	margin: auto;
	padding: 0;
	background-color: #c3c3c8;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: var(--blx-cookie-banner-height);
	box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.4);
	z-index: 300;
}

	.cookieBox .telecom-tracking-dialog {
		height: 100%;
	}

/* action button */
#wrapper .action-button {
	display: block;
	background: none;
	padding: 0;
	margin: 0;
	display: block;
	width: 100%;
	text-decoration: none;
	background: #ebeced;
	color: #7a8185;
	border-bottom: 1px solid #dbddde;
	border-top: 1px solid #dbddde
}

#wrapper .action-button a {
	color: #5c6368;
	text-decoration: none;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 2.3em;
	background: url(../images/deelsite/linkuitklapmenu-arrow.gif) 10px -176px no-repeat;
	display: block;
	padding: 0 10px 0 35px;
}

body.cookieBnr div#wrapper {
	margin-top: var(--blx-cookie-banner-height);
}

body.cookieBnr {
	--blx-cookie-banner-top-offset: var(--blx-cookie-banner-height, 0);
	background-position: 0 var(--blx-cookie-banner-top-offset);
}




.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
body #wrapper .visuallyhidden, .verberg, .offScreen { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }


/* Custom Corona form */
.corona-form p, .corona-form ul {
	margin-bottom: 1em;
}

.corona-form .test-result {
	margin-bottom: 2em;
}

.corona-form p .corona-symptoms {
	color: red;
	font-weight: bold;
}

.form_question {
	margin-bottom: 1em;
}

.form_grid label {
	font-weight: normal;
}