/* CSS Document */
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, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; line-height: 1; font-family: inherit; text-align: left; vertical-align: baseline; }
a img, :link img, :visited img { border: 0; }
table { border-collapse: collapse; border-spacing: 0; }
ol, ul { list-style: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }
html { background: #000  url(/images/bg.gif) center top no-repeat;text-align:center; font:normal 12px/18px Arial, Helvetica, sans-serif;}
body {width:960px;text-align:left;margin:0 auto;padding:230px 0 0;position:relative;color: #FFFFFF;line-height:18px;}
#header {width:950px;height:200px;position:absolute;top:0;left:5px;	border-bottom-width: 1px;border-bottom-style: solid;	border-bottom-color: #FFFFFF;}
#header span.sitelogo {position:absolute;top:20px;border: 1px solid #FFFFFF;width:230px;background:#000; text-align:center;}
#header h1 {position:absolute;font:bold 24px/24px Arial, Helvetica, sans-serif;color:#fff;padding:20px;left:225px;top:30px;}
#header h1 span{display:block;font:bold 36px/36px Arial, Helvetica, sans-serif;}
#footer{clear:both;margin: 18px 5px 0;width: auto;}
#footer p {	text-align:right;color: #A4A299;}
ul.navlist { width:auto; height:32px; position:absolute; top:184px; right:0px }
ul.navlist li{ width:auto; padding:0 10px; height:32px; float:left; display:inline; outline:none;}
ul.navlist li a {outline:none;display:block;	padding:7px 5px;	text-align:center;	background: url(/images/btn.gif);	color: #FFFFFF;	text-decoration: none;	font-weight: bold;	font-variant: small-caps;	border: 1px solid #FFFFFF;	font-family: Verdana, Arial, Helvetica, sans-serif;}
ul.navlist li a:hover, ul.navlist li.active a{	border: 1px solid #000;	background: url(/images/btn_over.gif);color:#fff;z-index: 1;cursor: pointer;outline:none;}
#content-right {margin:0 5px 0 245px;width:710px;padding:30px 10px;}
#content-right h1 {	font:bold 24px/36px Arial, Helvetica, sans-serif;	color:#fff;	padding-bottom:5px;	text-decoration: underline;}
#content-right p { line-height:18px;margin:0 10px 18px;	font-size: 13px;}
#content-right .newscontent { line-height:18px;margin:0 10px 18px;	font-size: 13px;}
#content-left { width:230px; position:absolute; top:260px; left:5px; margin-top:20px; }
#content-left img { margin:0 auto; display:block; text-align:center;  }
.gallery{width:720px; overflow:hidden; margin:0 -5px;}
.gallery li {float:left; display:inline; margin:5px; width:170px; text-align:center; }
.gallery li img { margin:0 auto;}
.gallery li a {border:1px solid #fff; display:block; height:110px; width:110px;}
#links {padding-left:50px; position:relative; top:20px;}
#links li {padding-bottom:20px;}
#links li a {background-image: url(/images/external_link.gif);	background-repeat: no-repeat;	background-position: 0 50%;	padding: 0 0 0 20px;	font-size: 16px;}
#project-list,#media-list,#overpatsy-list,#meter-list{padding-left:50px; position:relative; top:20px; }
#project-list li,#media-list li,#overpatsy-list li,#meter-list li { font-size: 16px;padding: 0 0 0 20px;padding-bottom:20px;background-image: url(/images/ArrowRight.gif);background-repeat: no-repeat;background-position: 0 3px;}
a {text-decoration: underline;color: #7B869A;} a:hover {color: #FF0000;	text-decoration: underline;}
input, select, table, textarea{	font-size: 100%;	font-family: Arial, Helvetica, sans-serif;}
#content-right label{display: block;float: left;clear: both;width: 21em;margin-top: 1em;padding-left: 8em;}
#content-right .labelText{position: relative;	left: -8em;	float: left;width: 7em;	margin-right: -7em;	font-weight: bold;}
#content-right input.text{position: relative;top: -0.2em;width: 20em;}
#content-right textarea{position: relative;	top: -0.2em;width: 20em;height: 10em;}
#content-right input.submit{display: block;	clear: both;width: 20.5em;	height: 2.5em;	margin-left: 8em;}
h1,h2,h3,h4,h5,h6{	font-weight: bold;	color: #FFFFFF;}
h2{	font:bold 20px/32px Arial, Helvetica, sans-serif;  padding-bottom:10px;	}
h3{	padding:20px 0px;font-size: 16px;line-height: 20px;}
h4{padding:10px 0px;}
h5{padding:5px 0px;}
p img.right {float:right; display:inline; padding:2px;}
p img.left {float:left; display:inline;padding:0 8px 0 0; }
#content-left form {padding:5px 0px; margin:0px;}
#content-left form fieldset{padding:5px ; border:1px solid #fff;}
#content-left form legend{font-weight: bold;text-transform: uppercase;color:#FF0000;}
#content-left form fieldset p.note{	float:right;display:inline;	font-size: 10px;font-weight: lighter;color: #939393;margin-bottom:0px;}
#content-left form fieldset table {margin:10px 0;}
#content-left form fieldset label{padding:2px;margin:0px;cursor:pointer;  }
#content-left form fieldset input{padding:2px;margin:0px;cursor:text; background:#2E2E2E; border:1px solid #fff; color:#FFFFFF;}
#content-left form fieldset p {margin:10px 0;}
#content-left form fieldset input.btn{cursor:pointer;}
/*	Start Timeline	*/
ol#timeline {list-style: none;margin: 0;padding: 0;width: 50em;}
ol#timeline li{border-bottom: 1px solid #fff;clear: both;font-weight: bold;font-size: 120%;}
ol#timeline ol {list-style: none;margin: 0 0 0 10em;padding: 0;display: block;border-left: 1px solid #fff;float: left;position: relative;top: -1em;}
ol#timeline ol li {border: 0;display: block;padding: 0 0.5em 0 0.5em;clear: both;font-weight: normal;font-size: 90%;color: #fff;}
ol#timeline ol li.nested {border-bottom: 1px solid #fff;color: #fff;}
ol#timeline ul {list-style: none;margin: 0 0 0 10em;padding: 0.5em;display: block;background:#000;border: 1px solid #fff;width: 30em;float: left;position: relative;top: -1em;}
ol#timeline ul li {color: #fff;}
ol#timeline ul li p {clear: both;margin: 0.5em 0;font-size: 100%;text-align: right;}
/*	End Timeline	*/
p#breadcrumb a{padding: 0 0 0 20px;background-image: url(/images/icon_back.gif);background-repeat: no-repeat;background-position: 0 50%;}
blockquote {margin: 10px auto;	width:75%; clear:both;	background: transparent url(/images/quote-left-main.gif) left top no-repeat;color: #6A666C;}
blockquote div {background: transparent url(/images/quote-right-main.gif) right bottom no-repeat;padding:0 20px 0 30px ;}
#picture-list-twee{margin:0 auto; padding-bottom:20px; display:block; width:360px;}
#picture-list-twee:after{clear:both;}
#picture-list-twee li {float:left; display:inline; margin:5px; width:170px; text-align:center; }
#picture-list-twee li img { margin:0 auto;}
#picture-list-twee li a {border:1px solid #fff; display:block; height:110px; width:110px;}
img.centeredimg{display: block; margin-left: auto;   margin-right: auto ;}
#contactl{ float:left; display:inline; width:400px; border-right:1px dashed #fff; margin-bottom:20px;}
#contactr{float:left;display:inline; width:280px; padding-left:20px;}
ul#gastenboek {}
ul#gastenboek li {border: 1px solid #fff; margin-bottom:5px;}
div.pagileft{float:left; width:20%;}
div.pagiright{ float:right; width: 20%; text-align:right;}