body,
html { font-family: Helvetica, Arial, sans-serif; padding: 0; height: 100%; width: 100%; margin: 0; }
#body { margin: 0; width: 547px; position: relative; height: 100%; float: right; padding: 10px 30px 0px 10px; background: url(afbeeldingen/BackContent.gif) repeat-x; }
.backLinks { background: url(afbeeldingen/backLinks.gif) repeat-x right top; }
.backRight { background: url(afbeeldingen/backRight.gif) repeat-x left top; }
.contentHolder { margin: 0px; padding: 0px; width: 890px; vertical-align: top; height: 100%; background: url(afbeeldingen/BackMain.gif) repeat-y center; }
#hdr { position: relative; width: 890px; padding-top: 56px; background: url(afbeeldingen/BarHdr.gif) no-repeat left top; display: block; }
#pic { float: left; height: 229px; width: 615px; margin: 0px; padding: 0px; clear: none; }

#nieuws { position: relative; height: 209px; width: 255px; vertical-align: top; margin: 0px; padding: 10px; clear: none; overflow: hidden; float: right; background: #B1D436 url(afbeeldingen/backNieuws.gif) repeat-x; }
#nieuws h1 { margin: 0px 0px 2px; padding: 0px 0px 2px; font: bold 12px Helvetica, Arial, sans-serif; color: #fff; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #515151; }
#nieuws p { font-size: 11px; color: #202020; margin: 5px 0 0 0; padding: 0px; }
#nieuws a { display: block; padding: 10px 10px 5px; margin-bottom: 5px; text-decoration: none; }
#nieuws a:hover { background:#B4D55B; }
#nieuwsLeesverder { font-size: 10px; color: #202020; margin: 5px; text-decoration: underline; text-align: right; }

#main { margin: 0px; padding: 0px; position: relative; width: 890px; }

#nav { width: 303px; display: block; float: left; background: #38383A url(afbeeldingen/BackContent.gif) repeat-x top; text-align: right; padding-top: 22px; }
#nav img { margin: 0px; padding: 0px; border-width: 0px; border-style: none; }
#nav ul, #nav li { margin: 0px; padding: 0px; list-style: none; }
#nav a:link, #nav a:visited { color: #FFFFFF; text-decoration: none; margin: 0px; padding: 0px; font: bold 18px/22px Helvetica, Arial, sans-serif; }
#nav a:hover { color: #9BC526; text-decoration: none; }
#nav .active { color: #9BC526; text-decoration: none;}


#ftr { font-size: 10px; color: #999999; padding-bottom: 10px; margin: 30px 30px 10px 20px; }
#ftrLeft { float: left; }
#ftrRight { float: right; margin-right: 10px; }
#ftr a { color: #999999; text-decoration: none; }
#ftr a:hover { color: #FFFFFF; text-decoration: none; }

#body h2 { font-size: 18px; font-weight: bold; color: #FFF; margin: 0px 0px 4px; padding: 0px; }
#body h3 { font-size: 14px; font-weight: bold; margin: 0px; padding: 0px; color: #FFF; }
#body h4 { font-size: 14px; font-weight: bold; color: #9BC526; margin: 0px; padding: 0px; }
#body h5 { font-size: 18px; color: #FFF; margin: 0px 0px 4px; padding: 0px; font-weight: normal; }
#body p { margin: 0px; padding: 0px; font-weight: normal; line-height: 19px; color: #FFF; font-size: 12px; }
#bodyLeesverder { color: #9BC526; font-size: 12px; font-weight: normal; }


#project { margin: 10px 30px 10px 10px; padding: 0px; }
#project h1 { font-size: 14px; font-weight: normal; color: #FFFFFF; line-height: 16px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #575757; margin: 0px 0px 5px; padding: 0px 0px 5px; }
#project h1 .new {text-transform: uppercase; margin-right: 15px; color: #39393A; background: #9BC526; padding: 3px; font-size: 9px; font-weight: bold; }
#project a { font-weight: bold; display: block; padding: 10px; text-decoration: none; cursor: hand; }
#project a:hover { text-decoration: none; background-color: #2E2E2E; cursor: hand; }
#projectimage { margin: 0px; padding: 0px; float: left; position: relative; }
#project #indexpic { float: left; position: relative; }
#project #indexpic img { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
#project #indextxt { float: right; width: 370px; position: relative; }
.detailimg { margin: 0px; padding-bottom: 0px; }

#terug { font-size: 11px; margin: 15px 0 20px 20px; text-transform: uppercase; font-weight: bold; }
#terug a { color: #FFFFFF; text-decoration: none; }
#terug a:hover { color: #9BC526; text-decoration: none; }

#tekst { padding: 12px 30px 10px 20px; }
#tekst p { margin: 0px; padding: 0px; }
#tekst a { color: #9AC626; text-decoration: none; }
#tekst a:hover { text-decoration: underline; }
#tekst img { border-style: none; margin-bottom: 5px; }
#tekst #imgRight { float: right; text-align: right; padding-left: 20px; }
.date { color: #FFFFFF; font-weight: bold; line-height:35px;}


#archief { padding: 12px 30px 10px 20px; }
#archief a { color: #FFF; text-decoration: none;}
#archief a:hover { color: #9AC626; text-decoration: none; }
#archief img { float: right; padding-right: 15px; padding-left: 10px; display: block; clear: both; padding-bottom: 10px; border-style: none; }
#contact2col { color: #FFFFFF; font-size: 12px; line-height: 20px; vertical-align: bottom; }
#bodyNaarartikel { color: #9BC526; font-size: 12px; font-weight: normal; float: right; position: absolute; right: 30px;}

.kaart { position:absolute; left:50%; width:955px; height:600px; z-index:99; visibility:hidden; margin-left: -477px; margin-top: -300px; top: 50%; }
.spread { position:absolute; z-index:99; visibility:hidden; left:50%; top: 50%; width:621px; height:413px; margin-left: -310px; margin-top: -206px; }