/* Most IE hacks are indicated by rules starting with * or _. *property is
 * recognized by IE 6 and 7, _property only by IE6.
 *
 * Dynamic properties (CSS expressions) are always evaluated by both, but I've
 * still marked all of them with _ or * to indicate whether they're used by IE7
 * or not. In some cases I've used a * for rules only meant for IE6. Those rules
 * are commented or indicate the IE version in the property name.
 *
 * The main reason for that deviation is the fact that Safari sometimes has
 * problems with the braces used in the expressions, but only for properties
 * starting with an underscore (_), not those starting with an asterisk (*).
 *
 * The expressions should really go in a separate JavaScript file to stop them
 * being evaluated continuously.
 */



/** Layout **/

body {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	font: 69%/172% Verdana;
	background: white url(/images/bg_mid.gif) repeat-y center;
	color: black;
}
	body.site_nv-zeedijk {
		background-color: #ececec;
	}

#body {
	position: relative;
	margin: 0 5px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
	.site_evenementen #body {
		background-image: url(/images/bg_top_evenementen.png);
	}
	.site_ontdek-het-centrum #body {
		background-image: url(/images/bg_top_ontdek.png);
	}
	.site_nv-zeedijk #body {
		background-image: url(/images/bg_top_nv.jpg);
	}


#header {
	height: 212px;
}
	#header img {
		position: absolute;
		top: 17px;
		left: 17px;
	}

	#header ul {
		margin-left: 18px;
		font-size: 121%;
		text-align: center;
	}
		#header li {
			display: inline;
		}

		#header ul li a {
			display: -moz-inline-box;
			display: inline-block;
			_float: expression(!parentNode.previousSibling && 'right');
			margin: 15px 13px;
			text-decoration: none;
			color: white;
		}
			#header ul li:first-child a {
				float: right;
			}
			#header ul li a:hover {
				text-decoration: underline;
			}


	#header h1 {
		position: absolute;
		background-repeat: no-repeat;
	}
		.site_evenementen #header h1 {
			top: 90px;
			left: 555px;
			width: 184px;
			height: 22px;
			background-image: url(/images/titel_evenementen.png);
		}
		.site_ontdek-het-centrum #header h1 {
			top: 89px;
			left: 393px;
			width: 278px;
			height: 23px;
			background-image: url(/images/titel_ontdek.png);
		}
		.site_nv-zeedijk #header h1 {
			top: 80px;
			left: 25px;
			width: 116px;
			height: 65px;
			background-image: url(/images/logo_nv_zeedijk.png);
		}

		#header h1 span {
			display: none;
		}


#content {
	position: relative;
	margin: 0 auto;
	width: 762px;
	_width: expression(
		/* IE6 replacement for + CSS sibling selector (see rule below). */
		function(){
			if (previousSibling && previousSibling.id == 'section-menu') {
				runtimeStyle.marginLeft = '240px';
				runtimeStyle.width = '636px';
			}
		}());
	margin-bottom: 80px;
}
	#content:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		height: 0;
		font-size: 0;
		line-height: 0;
	}

	#section-menu + #content {
		width: 636px;
		margin-left: 240px;
	}
	.flash_kaart #content {
		width: auto;
		margin: 0;
		margin-top: -100px;
		_margin-bottom: -3px;
	}


#footer {
	background: #018eea url(/images/bg_btm.png) no-repeat left bottom;
	clear: both;
	color: white;
	margin: 0 -5px;
	overflow: hidden;
	padding: 12px 119px 21px;
	_padding-bottom: 0;
	*zoom: 1;
}
	#footer ul {
		float: left;
		_padding-bottom: 21px;
		text-align: center;
	}
		#footer li {
			display: inline;
		}

	#footer a {
		float: right;
		text-decoration: none;
		color: white;
	}
		#footer a:hover {
			text-decoration: underline;
		}

		.site_nv-zeedijk #footer a {
			color: #018eea;
		}

	#footer li a {
		float: none;
		margin-right: 45px;
	}


.site_nv-zeedijk #footer {
	background-color: white;
	_bottom: 0;
	color: #018eea;
	*padding-top: 21px;
	position: relative;
	_width: 762px;
}
	.site_nv-zeedijk #footer hr {
		display: block;
		*position: absolute;
		*top: 0;
		*left: 119px;
		*width: 990px;
		height: 9px;
		margin: -12px -114px 12px;
		*margin-top: 0;
		border: 0;
		background-color: #018eea;
		color: #018eea;
	}



/** Section menu **/

#section-menu {
	position: absolute;
	top: 269px;
	left: 0;
	z-index: 1;
}
	.site_nv-zeedijk #section-menu {
		top: 228px;
	}

	#section-menu li {
		margin-bottom: 2px;
		font-size: 118%;
	}
	#section-menu li a,
	#section-menu li span {
		display: block;
		width: 191px;
		padding: 1px 6px 4px 29px;
		text-decoration: none;
		color: black;
	}
		#section-menu li span {
			background: #efaf03 url(/images/list_bg_red.gif) repeat-y left top;
			color: white;
		}
			.site_nv-zeedijk #section-menu li span {
				background: #31a3ee none;
			}
		#section-menu li a:hover {
			background: #018eea url(/images/list_bg_red.gif) repeat-y left top;
			color: white;
		}
			.site_nv-zeedijk #section-menu li a:hover {
				background: #007ed3 none;
			}


/** Style **/

hr {
	display: none;
}

/* Narrow text content: */
#content .inhoud {
	float: left;
	clear: left;
	width: 345px;
	margin-right: 15px;
}

#content h2 {
	overflow: auto;
	_zoom: 1;
	margin-bottom: 20px;
	_margin-bottom: expression((nextSibling && nextSibling.className == 'adres') ? '0' : '20px');
	padding: 4px 8px 7px;
	font-size: 164%;
	line-height: 122%;
	background-color: #cc2524;
	color: white;
}
	#content h2 + .adres {
		margin-top: -20px;
	}


	#content img.titel {
		width: 630px;
		margin: -20px 0 30px;
		border: 3px solid #850004;
	}
		.site_nv-zeedijk #content img.titel {
			border-color: white;
		}


	.site_nv-zeedijk #content h2 {
		background-color: white;
		color: #4d4d4d;
		*float: expression(
			/* CSS selector replacement for IE6 */
			function() {
				if (previousSibling && previousSibling.id == 'laatste_nieuws') {
					runtimeStyle.width = '345px';
					runtimeStyle.padding = '0 15px 0 0';
					runtimeStyle.fontSize = '176%';
					runtimeStyle.background = 'transparent';
					runtimeStyle.color = 'white';

					/* Setting the float runtime-style somehow doesn't work: */
					return 'left';
				}
			}());
	}
		.site_nv-zeedijk #content #laatste_nieuws + h2 {
			float: left;
			width: 345px;
			padding: 0;
			font-size: 176%;
			background: transparent;
			color: white;
		}
			.site_nv-zeedijk #content #laatste_nieuws + h2 + img.titel {
				float: right;
				width: 270px;
				margin: 0;
				border: 3px solid white;
			}
				.site_nv-zeedijk #content img {
					*float: expression(
						/* CSS selector replacement for IE6 */
						function() {
							if ((x = previousSibling) && x.nodeName == 'H2'
							&& (y = x.previousSibling) && y.id == 'laatste_nieuws') {
								runtimeStyle.width = '270px';
								runtimeStyle.margin = '0';
								runtimeStyle.border = '3px solid white';

								return 'right';
							}
						}());
				}


#content p {
	margin-bottom: 1.1em;
}


#content a {
	text-decoration: none;
	color: #31a3ee;
}
	#content a:hover {
		text-decoration: underline;
		color: #0478c6;
	}

	.site_nv-zeedijk #content a {
		color: #920101;
	}
		.site_nv-zeedijk #content a:hover {
			color: #007ed3;
		}


#content a.al-het-nieuws {
	float: left;
	padding: 0 7px 2px 19px;
	font-size: 93%;
	text-decoration: none;
	background: #018eea url(/images/arrow_white.gif) no-repeat 7px center;
	color: white;
}
	#content a.al-het-nieuws:hover {
		text-decoration: none;
		background-color: #929292;
		color: white;
	}


#content a.terug {
	display: block;
	_position: expression(
		function() {
			if (!previousSibling && parentNode.id == 'content') {
				runtimeStyle.top = '-2.41em';
				runtimeStyle.position = 'absolute';
			}
		}());
	clear: both;
	margin-left: 2px;
	padding: 2px 15px;
	text-decoration: none;
	background: url(/images/back_red.gif) no-repeat left center;
	color: #bb2127;
}
	#content a.terug:hover {
		background-image: url(/images/back_blue.gif);
		color: #018eea;
	}

	#content > a.terug:first-child {
		position: absolute;
		top: -2.41em;
	}


#content a.verder {
	padding: 0 6px 1px;
	font-size: 92%;
	text-decoration: none;
	white-space: nowrap;
	background-color: #31a3ee;
	color: white;
}
	#content a.verder:hover {
		text-decoration: none;
		background-color: #007ed3;
		color: white;
	}


#content h2 a,
#content h2 a:hover {
	display: block;
	text-decoration: none;
	color: inherit;
	*filter: expression(
		function() {
			if (innerHTML.search(/<span/i) == -1) {
				innerHTML = '<span class="ie-after">'
					+ getAttribute('href') + '</span>' + innerHTML;
			}
			style.color = parentNode.currentStyle.color;
			style.filter = '';
		}());
}
	#content h2 a:after,
	#content h2 a .ie-after {
		content: " " attr(href);
		float: right;
		font-size: 62%;
		text-decoration: none;
		color: #efaf03;
		cursor: pointer;
	}
	
	#content h2 a:hover:after,
	#content h2 a:hover .ie-after {
		color: #fee447;
	}

#content a.print {
	display: block;
	position: absolute;
	top: -33px;
	right: 0;
	width: 30px;
	height: 33px;
	background: url(/images/print.png) no-repeat top;
	cursor: pointer;
}
	#content a.print:hover {
		background-position: bottom;
	}

	.site_nv-zeedijk #content a.print {
		top: -25px;
		width: 25px;
		height: 25px;
		background-image: url(/images/print_nv.png);
	}


/** Latest news on homepages. NV Zeedijk overrides default. **/

#content #laatste_nieuws {
	display: table;
	min-width: 376px;
	margin-bottom: 43px;
}

#content #laatste_nieuws h3 a {
	margin: 14px 0 2px;
	padding-left: 12px;
	font-weight: bold;
	background: url(/images/arrow_blue.gif) no-repeat left 0.18em;
	color: #b70000;
}


.site_nv-zeedijk #content #laatste_nieuws {
	display: block;
	overflow: hidden;
	width: 100%;
	background-color: white;
}
	.site_nv-zeedijk #content #laatste_nieuws img {
		float: left;
		width: 270px;
		height: 200px;
		margin-right: 10px;
		border: 3px solid white;
	}

	.site_nv-zeedijk #content #laatste_nieuws div {
		display: block;
		min-width: 340px;
		margin: 3px 10px 12px;
		*margin-bottom: 0;
		overflow: auto;
	}

	.site_nv-zeedijk #content #laatste_nieuws .datum {
		float: right;
		margin-right: 10px;
		*margin-right: 0;
		font-size: 93%;
		color: #b2b2b2;
	}

	.site_nv-zeedijk #content #laatste_nieuws h3 {
		clear: right;
		margin: 3px 0 5px;
		font-size: 128%;
		font-weight: normal;
		color: #4d4d4d;
	}



/** Flash embedding **/

object {
	display: block;
}



/** Ondernemerspagina **/

#content .adres {
	margin-bottom: 25px;
	padding: 8px 10px;
	background: #929292;
	color: white;
}

#content #afbeeldingen {
	float: right;
	width: 270px;
	margin: -22px 3px 15px 18px;
	_margin-right: 2px;
	background-color: #afafaf;
}
	#content #afbeeldingen img {
		width: 270px;
		height: 210px;
		margin: -3px -3px 38px;
		border: 3px solid white;
	}

	#content #afbeeldingen ul {
		_zoom: 1;
		overflow: hidden;
		border-top: 3px solid white;
		background-color: white;
	}
		#content #afbeeldingen li {
			float: left;
			list-style: none;
		}
		#content #afbeeldingen li span,
		#content #afbeeldingen li a:hover {
			border: 12px solid #efaf03;
			float: left;
			overflow: hidden;
		}
			#content #afbeeldingen li img {
				float: left;
				width: 135px;
				height: 105px;
				margin: 0;
				border: 0;
			}
				#content #afbeeldingen li span img,
				#content #afbeeldingen a:hover img {
					margin: -12px;
				}




/** Evenementenblokken op homepage **/

/* Evenementenkalender flash... */
#flash_evenementen {
	float: left;
	width: 376px;
	height: 304px;
	margin: 0 10px 48px 0;
	_margin-right: 7px;
}

#content .evenementen {
	position: relative;
	clear: left;
	overflow: hidden;
	_zoom: 1;
	margin-left: -10px;
	background-image: url(/images/bg_evenement.png);
}

#content .evenement {
	float: left;
	width: 183px;
	height: 202px;
	overflow: hidden;
	margin: 0 0 9px 10px;
	_margin-left: 0;
	_padding-left: 10px;
}
	#content .evenement h2 {
		display: table-cell;
		width: 183px;
		height: 63px;
		*height: auto;
		*height: expression(
			/* IE6/7 don't know display: table-cell, so can't align vertically.
			 * Set top padding dynamically instead. */
			 function() {
			 	ptop = (63 - clientHeight) / 2;
			 	runtimeStyle.paddingTop = ptop + 'px';
			 	runtimeStyle.height = (63 - ptop) + 'px';
			}());
		margin: 0;
		padding: 0;
		text-align: center;
		vertical-align: middle;
		font-size: 128%;
		font-weight: normal;
		background-color: #fad427;
		color: #b70000;
	}

	#content .evenement img {
		display: block;
	}

	#content .evenement a {
		display: block;
		height: 43px;
		overflow: hidden;
		padding: 8px;
		text-decoration: none;
		background-color: #e1f2fd;
		color: #027dce;
	}
		#content .evenement a:after {
			content: url(/images/arrow_blue.gif);
			padding: 5px;
			vertical-align: middle;
		}

		#content .evenement a:hover {
			background-color: #018eea;
			color: white;
		}
			#content .evenement a:hover:after {
				content: url(/images/arrow_white.gif);
			}



/** Nieuws- en evenementen(overzichts)pagina's **/

#content h2.overzicht {
	position: absolute;
	top: -25px;
	left: 0;
	height: 19px;
	overflow: hidden;
	margin: 0;
	padding: 5px 10px 1px;
	font-size: 110%;
	background: white;
	color: #cc2524;
}
	.site_nv-zeedijk #content h2.overzicht {
		background: #b70000;
		color: white;
	}

#content h3.overzicht {
	clear: both;
	_zoom: 1;
	margin: 0;
	padding: 3px 10px;
	font-size: 136%;
	font-weight: normal;
	background-color: #31a3ee;
	color: white;
}

#content .item {
	clear: both;
	overflow: hidden;
	margin-bottom: 36px;
}

#content .item img {
	float: right;
	clear: right;
	width: 270px;
	margin-top: 24px;
	_margin-top: expression(!previousSibling ? '0' : '24px');
	border: 3px solid white;
}
	#content .item img:first-child {
		margin: 0;
	}

#content .item .titel {
	/* Force full-width if no right-floated image. */
	_width: expression(!previousSibling ? '100%' : '');
	margin-bottom: 18px;
	background: #e9e9e8;
}
	#content .item .titel h4 {
	 	width: 335px;
		padding: 3px 15px 7px 10px;
		margin: 0;
		font-size: 155%;
		line-height: 130%;
		background-color: #cc2524;
		color: white;
	}
		.site_nv-zeedijk #content .item .titel h4 {
			background: white;
			color: #262626;
		}

	#content .item .inhoud .datum {
		position: relative;
		float: left;
		_float: none;
		_zoom: 1;
		top: -18px;
		margin-right: -15px;
		padding: 1px 10px 2px;
		font-weight: normal;
		background: #929292;
		color: white;
	}
	#content .item .inhoud .datum + * {
		clear: left;
	}



/** Right-hand-side "widget" used for contact details, links and downloads **/

.widget {
	float: right;
	clear: right;
	width: 276px;
	background-color: #fad427;
	color: #cc2524;
}
	.site_nv-zeedijk .widget {
		background-color: white;
		color: #007ed3;
	}


#content .widget h3 {
	margin: 3px 3px 14px;
	padding: 1px 10px 3px 16px;
	font-size: 110%;
	background-color: white;
}
	.site_nv-zeedijk #content .widget h3 {
		margin: 0 0 14px;
		background-color: #777777;
		color: white;
	}


#content .widget p {
	margin: 0 10px 1em 16px;
}

	#content .widget p a {
		padding: 2px;
		text-decoration: none;
		background-color: white;
		color: inherit;
	}
		#content .widget p a:hover {
			text-decoration: none;
			background-color: #018eea;
			color: white;
		}
		
		.site_nv-zeedijk #content .widget p a {
			background-color: #31a3ee;
			color: white;
		}
			.site_nv-zeedijk #content .widget p a:hover {
				background-color: #007ed3;
			}


#content .widget ul {
	margin: 15px 10px 26px 16px;
	font-size: 110%;
}
#content .widget li {
	*zoom: 1;
	margin-bottom: 2px;
	padding-left: 16px;
	background: url(/images/bullet_yellow.gif) no-repeat left center;
}
	.site_nv-zeedijk #content .widget li {
		background-image: url(/images/bullet_white.gif);
	}

	#content .widget li a {
		color: #323337;
		display: block;
		text-decoration: none;
		*zoom: 1;
	}
		.site_nv-zeedijk #content .widget li a {
			color: #6a6a6a;
		}

	#content .widget li a:hover {
		margin-left: -16px;
		padding-left: 16px;
		text-decoration: underline;
		background: url(/images/bullet_yellow.gif) no-repeat -276px center;
		color: #007ed3;
	}
		.site_nv-zeedijk #content .widget li a:hover {
			background-image: url(/images/bullet_white.gif);
		}