html, body { width: 100%; height: 100%; margin: 0px; overflow: hidden; }
#leftDiv { float: left; width: 157px; height: 100%; background: #3a3042 url(../images/klok-links.png) no-repeat fixed bottom left; }
#randDiv { float: right; width: 7px; height: 100%; background-image: url(../images/menurand.png); }
#rightDiv { float: right; width: 100%; height: 100%; margin-left: -157px; background-color: #bcbcbc; background-image: url(../images/klok-rechts.png); background-repeat: no-repeat; background-position: bottom right; background-attachment: fixed; overflow: auto; }

#menuDiv { margin-top: 20px; margin-left: 15px; }
#menuDiv .submenuDiv { margin-left: 20px; }
#menuDiv, #menuDiv a { font-family: Times New Roman; font-weight: bold; color: #ffffff; font-size: 12pt; text-decoration: none; }
#contactDiv { margin-top: 40px; margin-left: 15px; font-family: Times New Roman; color: #ffffff; font-size: 10pt; }

#logoDiv, #contentDiv { margin-left: 167px; margin-top: 10px; }
#contentDiv, #contentDiv a { font-family: Times New Roman; font-size: 12pt; color: #000000; }
#contentDiv { width: 778px; }
#contentDiv a { text-decoration: underline; }
#contentDiv h1 { font-size: 16pt; margin-bottom: 10px;}
#contentDiv .piozum , #contentDiv .piozum a { font-size: 10pt; }

.overzichtfoto, .detailfoto, .detailomschrijving, .detailextra { float: left; padding: 5px; background-color: #f4f4f4; border: 1px solid #939393; margin-right: 10px; }

.overzichtfoto { width: 125px; height: 167px; text-align: center; margin-bottom: 10px; }
.overzichtfoto img { vertical-align: middle; }

.detailfoto { width: 300px; height: 400px; text-align: center; }
.detailomschrijving { width: 400px; height: 189px; text-align: left; margin-bottom: 10px; }
.detailextra { width: 189px; height: 189px; text-align: center; }

.detailrechts { float: left; }

.clearboth { clear: both; }