* { background-color: tranparent; border: 0; font-size: 1em; list-style: none; margin: 0; outline: 0; padding: 0; text-decoration: none }
a { color: #8c6c0e }
a:hover, a:active, a.active { color: #605f51 }
address { font-style: normal }
b, strong { font-weight: bold }
body { background: url('images/blok.gif') #fff repeat; margin: auto; padding: 11px; width: 919px }
button { color: #8c6c0e; font: bold 11px/19px 'Georgia', 'Times New Roman', 'Times', serif }
cite, dfn, em, i, var { font-style: italic }
form { padding: 11px 0 }
h2, h3 { color: #605f51; font: normal 100%/19px 'Arial', sans-serif; text-transform: uppercase }
h2 { border-top: 1px solid #605f51; font-size: 12px }
html { background: #fff; font: normal 11px/19px 'Georgia', 'Times New Roman', 'Times', serif; overflow-y: scroll; padding: 11px 0 22px 11px }
img { vertical-align: bottom }
input, select, textarea { border: 1px solid #605f51 }

/* blokje = 144 * 144 */

.first { height: 144px; margin: 0 0 11px 0 }
h1.member { font-size: 14px; font-weight: bold; margin: 0 0 0 155px; padding: 0 7px }
.description { margin: 0 0 0 155px; padding: 0 7px }
#foto-1 { height: 299px; margin: 0 0 11px 0; overflow: hidden; width: 100% }
#foto-2 { float: left; margin: 0 11px 11px 0; overflow: hidden; width: 144px }
#address { float: left; padding: 11px }
#foto-3 { clear: both; height: 144px; padding: 0 0 0 155px }

.item { padding: 7px; width: 285px }
.date { font-size: 9px }
.item h2 { color: #000; font: bold 11px/19px 'Georgia', 'Times New Roman', 'Times', serif; text-transform: none }

.header, .body, .footer { clear: both; position: relative; width: 941px }

.header { height: 144px; margin-bottom: 11px }

.aside { float: left; width: 299px }

.intro { color: #605f51; font-size: 12px; height: 137px; margin: 0 0 11px 0; padding: 7px 0 0 7px; width: 292px }

.logo, .slogan { width: 299px }

.logo { background: url('images/logo.gif') transparent no-repeat; height: 121px; overflow: hidden }
.logo a { display: block; height: 121px; text-indent: -9999px }
.slogan { background: url('images/slogan.gif') transparent no-repeat; height: 23px; overflow: hidden; text-indent: -9999px }

#foto1, #foto2 { background: purple; height: 144px; overflow: hidden; position: absolute; width: 299px; }

#foto1 { left: 310px; top: 0 }
#foto2 { right: 22px; top: 0 }

#met-dank-aan { float: left; margin: 0 11px 11px 0; padding: 0 7px; width: 130px }

#contact, #members, #nieuwsbrief { float: left; margin: 0; padding: 0 7px; width: 130px }
#nieuwsbrief { width: 285px }

#content { float: left; margin: 0 11px; width: 454px }

.footer { clear: both; width: 100% }

.bedankt { font-weight: bold }

.memberlist {line-height: 15px }