/************************************            www.zaan.be          CSS2/3 stylesheet     (c) 2010 - Marceau Dewilde     (c) 2010 - Marceau Dewilde	 ************************************//* algemeen	*/body, div, img, h1, table, td, tr, form{margin:0;border:0;padding:0;}body {	background:#e6e6e6;font-family:Georgia, serif;text-align:center;padding-left:6%;padding-right:6%;margin-bottom:2%;}a {text-decoration:none;}a:link {color:#000;border-bottom:dotted 1px #000;}a:visited,a:hover,a:focus,a:active {color:#666;border-bottom:0px;}.foto a {border: 0px}/* kort dingetje om de WIJDTE van het middenblok af te stellen	*/div.sitelinks, div.wrapper {margin:0 auto;width:98%;max-width:1400px;}/* mooschen met shadow en radius	*/div.sitelinks, div.wrapper {	-moz-box-shadow:0 0 2.5em #000;	-webkit-box-shadow: 0 0 2.5em #000;    box-shadow: 0 0 2.5em #000;}/*div.sitelinks, #topnavbar  {	-moz-border-radius: 0em 0em 10px 10px;	-webkit-border-radius: 0em 0em 5px 5px;	border-radius: 0em 0em 5px 5px;}div.wrapper {	-moz-border-radius: 15px;	-webkit-border-radius: 5px;	border-radius: 5px;}div.kopmaterie {	-moz-border-radius: 12px 12px 0px 0px;	-webkit-border-radius: 5px 5px 0em 0em;	border-radius: 5px 5px 0em 0em;}*//* formattering van de site-wijde links bovenaan	*/div.sitelinks {top:0px;text-align:left;border:solid 4px #000;border-top:none;padding-top:0px;}a.site_link{color:#000;border-bottom:0px;}a.site_link:visited,a.site_link:hover,a.site_link:focus,a.site_link:active {color:#999;}#topnavbar{	font-family:sans-serif,verdana;	font-weight:bold;	width:100%;	table-layout:fixed;	vertical-align:middle;	background-color:#fff;	color:#000;	padding-bottom:0.1em;}#siteleft {width:60%;padding-left:0.3em;}#siterechts {text-align:right;width:40%;padding-right:0.3em;} /* de emptypage klasse. wij weten wat je doet.	*/.emptypage {background:#fff none;padding:25px;text-align:center;}/* Wrapper, het blok der blokken */div.wrapper {	border:solid 4px #000;	margin-top:30px;	background:#fff;}/* KOPSTUK met prentjes	*/		.kopmaterie {		border:0px;		height:200px;		margin-bottom:0px;		background:url("redkopje.gif") right bottom no-repeat;		background-color:#f00;		text-align:right;}	div.hanzi {		margin:0px;		padding:0px;		border:0px;		float:left;		text-align:center;		height:200px;		overflow:hidden;		width:78%;}	/* de volgende set selectoren hebben als functie de echte inhoud van de pagina te stileren */div.lichaamsmaterie {	overflow:hidden;	margin-top:0px;	line-height:1.4em;	padding:0px;	background-color:#fff;/*	border-top:solid 4px #000; */	text-align:justify;	margin-bottom:15px;}div.verpakking {		margin:0px;		padding:10px;		padding-right:25px;		padding-left:25px;		border:0px;		border-top: solid 4px #000;}#emailadres {width: auto;}div.datum {		margin:0px;		padding:0px;		border:0px;		font-size: 0.75em;		font-weight:normal;		margin-bottom:14px;		font-style:italic;		line-height:0.75em;}		div.foto {		text-align:center;			border:0px;		margin-top:20px;		margin-bottom:10px;	}		div.foto img {		text-align:center;		display:inline;		width:95%; 	}		div.flickrshow {		background:#000;		text-align:center;			border:0px;		margin-top:20px;		margin-bottom:10px;	}		span.onderschrift {			font-size:0.8em;		font-style:oblique;		}/*	De volgende dingen zijn erg algemene dingen die op een of andere manier verwacht	worden de cascade te overleven en staande te blijven*/	img {		padding:none;		border:none;	}	h1 {		margin:0px;		padding:0px;		border:0px;		font-size: 1.3em;		font-weight:bold;		line-height:1li;		margin-bottom:10px;	}	h2 {		padding:0px;		border:0px;		font-size: 1.1em;		font-weight:normal;		line-height:1li;		font-weight:bold;		}	p {			margin:0px;		padding:0px;		border:0px;		margin-bottom:14px;	}	li {		margin:0px;		padding:0px;		border:0px;		font-size:1em;		}	.toplink, .toplink:active, .toplink:hover, .toplink:visited, .toplink:focus, .toplink:link {				font-size:0.9em;		color: #ff0000;		}/*	De volgende selectoren werden uit mijn oude stijlscheet gered. Ze blijken	nuttig voor het rechthouden van allerlei kleine prullaria.*/DIV.inh2 	{ text-indent:25px;}DIV.inh3 	{ text-indent:50px;}BLOCKQUOTE	{ font-size:0.9em; margin-left:60px; margin-right:20px; font-style:oblique;}P.foot		{font-size:0.9em;text-align:left;}P.cent		{text-align:center;}P.code		{text-indent:0px;text-align:left; background-color:#e5e5e5;padding:0.5em 2em;font-family:Monaco,Courier,serif;}SPAN.it		{font-style:oblique;font-size:0.85em;}SPAN.code	{font-family:Monaco,Courier,serif;font-size:0.8em;}.floatleft	{float:left;}.floatright	{float:right; margin-left:10px;}DIV.center	{text-align:center;}.cursief	{font-style:oblique;}.klein		{font-size:0.85em;}.vet		{font-weight:bold;}/* dingen voor dropdown menu in site-wijde navigatie */#sddm{	margin: 0;	padding: 0;/*	z-index: 4em; */	font-family: sans-serif, verdana ;	font-weight:bold;	border:0px;}#sddm li{	margin-top: 0.2em;	margin-bottom: 0.1em;	padding: 0px 0.3em;	list-style: none;	float: left;	border-right: solid 1px #000;}#sddm li a{	display: block;	margin: 0px;	padding: 0px;	width: auto;	background: #fff;	color: #000;	text-align: center;	text-decoration: none}#sddm li a:hover{	background: #fff;	color: #999;}#sddm div{	position: absolute;	visibility: hidden;	margin: 0;	padding: 0;	background: #fff;	border: 1px solid #000;	border-bottom:0px;	-moz-box-shadow:0 0.3em 0.7em #000;	font-size:0.8em;	font-weight:normal;}	#sddm div a	{	position: relative;		display: block;		margin: 0;		padding: 0.3em 0.7em;		width: auto;		white-space: nowrap;		text-align: left;		text-decoration: none;		background: #fff;		color: #000;		border-bottom: 1px solid #000;		font-family: sans-serif, verdana ;}	#sddm div a:hover	{	background: #e5e5e5;		color: #000;}li.tekst {margin-bottom:1em;}/********	 Email obfuscation with code redirection taken from http://techblog.tilllate.com/2008/07/20/ten-methods-to-obfuscate-e-mail-addresses-compared/*******/span.emailrichting { unicode-bidi:bidi-override; direction: rtl; }