/* http://www.RHZet.nl */

/* main */
body {background-color: #202020; font-family: Verdana, Arial, Helvetica, sans-serif; width: 100%;}
div.name {position: absolute; width: 0px;}
div.main {position: absolute; width: 725px; left: 50%;	margin: 0px 0px 0px -370px;}

/* layout menu top */
div.menutop {position:relative; left:0px; top:0px; width:725px; height:21px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:75%; line-height:21px; background-color:#202020;}
div.menutop a:link {display: block; text-decoration: none; color: #202020; font-weight: bold; background-color:#FFF8F0;}
div.menutop a:visited {display: block; text-decoration: none; color: #202020; font-weight: bold; background-color:#FFF8F0;}
div.menutop a:hover {color: #202020; font-weight: bold; background-color:#A8958F;}
div.menutop .menuitem {position: absolute;	bottom: 0px; width: 300px; top: 0px; color: #E7EEF6;}

div.menutop #home {left: 0px; width: 101px; text-align: center; background-color:#FFF8F0;}
div.menutop #discografie {left: 102px; width: 145px; text-align: center; background-color:#FFF8F0;}
div.menutop #biografie {left: 248px; width: 135px; text-align: center; background-color:#FFF8F0;}
div.menutop #fotos {left: 384px; width: 110px; text-align: center; background-color:#FFF8F0;}
div.menutop #contact {left: 495px; width: 230px; text-align: center; background-color:#FFF8F0;}

/* layout homepage  */
div.contentholder {position:absolute; left:0px; top:30px; width:725px;}
div.layout {border: 1px solid #FFF8F0;}

div.homesublayout {background-color:#A8958F; height:534px; margin: 0px;  float: left;}
div.homelinks {width: 303px; height:534px; background-image: url(../images/home_dessy.jpg); background-repeat: no-repeat;}
div.homerechts {width: 420px; height:534px; background-image: url(../images/home_piano.jpg); background-repeat: no-repeat;}
div.hometekstlayout{position: absolute; top: 300px; width: 410px; height:204px; padding: 0px 0px 0px 10px;}
div.hometekst{ width: 400px; height:234px; overflow:auto}
div.muziekfragmenten{ float: left;}
div.spacer {clear: both;}

div.footer {padding: 2px 0px 2px 0px; text-align: left;10  margin: 0px 0px 10px 0px;}

/* layout pages  */
div.pagebanner {width: 723px; height:154px; background-image: url(../images/page_banner.jpg); background-repeat: no-repeat;}
div.pageholder {position:absolute; top: 155px; width: 720px; }
div.page_foto {width: 260px; height:400px; text-align:justify; float: left;}
div.pagetekstlayout {width: 450px; height:400px; padding: 15px 0px 0px 10px; float: left;}
div.pagetekst {width: 450px; height:352px; overflow:auto}
div.positiefotogalerij {position:absolute; width: 235px; height:350px; left:15; top:15; background-image: url(../images/dessy_3.jpg);}
div.positiefotogalerij #fotogalerij{width: 235px; height: 350px;}

/* scrollbar */
<!-- body {
scrollbar-face-color:#A8958F; 
scrollbar-highlight-color:#FFF8F0; 
scrollbar-shadow-color:#FFF8F0; 
scrollbar-3Dlight-color:#000000; 
scrollbar-arrow-color:#000000; 
scrollbar-track-color:#A8958F; 
scrollbar-darkshadow-color:#000000} -->

/* General elements */
p {font-size: 75%; margin: 0px 0px 3px 0px}
p.klein {font-size: 70%; margin: 0px 0px 0px 0px}
p.foto {margin: 15px 0px 0px 15px}

h1 {font-size: 0px; color: #202020;} 
h2 {font-size: 95%; font-weight: bold; color: #990000; letter-spacing: 0.2em; margin: 0px 0px 0px 0px}
h3 {font-size: 75%; font-weight: bold; color: #990000;  margin: 3px 0px 3px 0px;}

a:link{color: #000000;}
a:active{color: #000000;}
a:visited{color: #000000;}
a:hover{color: #990000;}

a.klein:link{color: #000000; font-size: 90%; text-decoration: none;}
a.klein:active{color: #000000; font-size: 90%; text-decoration: none;}
a.klein:visited{color: #000000; font-size: 90%; text-decoration: none;}
a.klein:hover{color: #000000; font-size: 90%; text-decoration: underline;}

a.mp3:link{color: #000000; background-image:url(../images/mp3.gif); background-repeat: no-repeat; background-position: right; padding-right: 16px; padding-top: 2px;}
a.mp3:active{color: #000000;}
a.mp3:visited{color: #000000; background-image:url(../images/mp3.gif); background-repeat: no-repeat; background-position: right; padding-right: 16px; padding-top: 2px;}
a.mp3:hover{color: #990000;}

ul {font-size: 75%; margin: 10px 0px 0px 18px; line-height: 150%; padding: 0px 0px 0px 0px; list-style-image:  url(../../RHZwebsites/images/li_rood.gif);}
ul.linktips {font-size: 75%; margin: 10px 0px 0px 18px; line-height: 150%; padding: 0px 0px 0px 0px; list-style-image:  url(../../RHZwebsites/images/li_rood_smal.gif);}
ul.1 {margin: 0px 0px 0px 18px; padding: 0px 0px 0px 0px; list-style-image:  url(../../RHZwebsites/images/li_blauw.gif);}
ul.links {margin: 0px 0px 0px 18px; padding: 0px 0px 0px 0px; list-style-image:  url(../../RHZwebsites/images/algemeen/li_rood_wit.gif);}
ol {font-size: 75%; margin: -3px 0px 0px 24px; padding: 0px 0px 0px 0px; text-align:justify;}

table {border-collapse: separate;}
table.startpagina {width:169px; border: 1px solid #9EACBC; border-collapse: collapse; font-size: 100%;}
.th_startpagina {background-color: #7CA0BA;}