body {background: #ccc2b0 ; padding:0; margin:0; font: medium 'trebuchet ms'; }
#wrapper {}
#masthead {background: url(../img/masthead-bg.png) repeat-x top left}
#masthead h1 {margin-left: auto; margin-right: auto; width: 600px;} 
h1 { padding:0; margin:0;  color: #321f0d; height: 40px; padding: 25px 0; text-align: center;}
h2 { color: #321f0d;}
ul {list-style-type: none; margin:0; padding:0}
#masthead ul {margin-left: auto; margin-right: auto; width: 600px; border-left: 2px solid #ccc2b0}
#masthead li {display: inline; margin:0; padding:0} 

#masthead a {background: url(../img/button-bg.png) top left; color: #321f0d; font-weight: bold; text-decoration: none; font-size: 125%;border-right: 2px solid #ccc2b0; padding: 0 10px; margin: 0;}
#masthead a:visited {color: #321f0d; font-weight: bold; text-decoration: none; font-size: 125%;}
#masthead a:hover {color: #6c5d44}

#body {margin-left: auto; margin-right: auto; width: 600px; padding:0; margin-top: 50px; }
#homepage {width: 600px}
#homepage img {float: left; margin-right: 10px;}

#body p {text-align: justify;}

#body a {color: #321f0d; padding: 0; text-decoration: none; border-bottom: 1px solid #a59272; }
#body a:hover {background: #a59272; }

img {border: none;}

.gastenboek0 dd, .gastenboek1 dd {padding:0; margin:0;}
.gastenboek0, .gastenboek1 {font-size: 80%; border-top: 1px solid #321f0d}

.gastenboek0 dl {background: #d8d1c3;}
.gastenboek1 dl {}

.verzender {font-weight: bold;}
.boodschap blockquote { padding:0; margin: 0}
.timestamp {font-size: 85%; padding-top:5px;}

blockquote:before, blockquote:after {
color: #321f0d;
font-size: 150%;
}

blockquote:before {
content: open-quote;
height: 0;
}

blockquote:after {
content: close-quote;
} 

input, textarea {padding:5px;}

#input_gasten {font-size: 80%;}
#input_gasten, #input_gasten input, #input_gasten p {padding:0; margin:0;}

#footer {clear: both}
#footer ul { border-top: 3px solid #a59272; margin-top: 50px; }
#footer ul { margin-left: auto; margin-right: auto; width: 600px;}
#footer li {display: inline; padding: 0; font-size: 70% ;} 
#footer a {color: #321f0d; padding: 0; text-decoration: none; border-bottom: 1px solid #a59272; }
#footer a:hover {background: #a59272; }

#masthead a.active {background:#ccc2b0}

li.l-pic {clear: both; width: 235px; height: 235px; float: left; margin: 5px; border: 1px dotted #a59272}
li.r-pic {width: 235px; height: 235px; float: right; margin: 5px; border: 1px dotted #a59272}

#body .l-pic a { border:0}
#body .r-pic a { border:0}

#footer img { margin-bottom: -3px}

#body .l-pic a:hover span {background:#A59272 none repeat scroll 0%;}
#body .r-pic a:hover span {background:#A59272 none repeat scroll 0%;}

#body .l-pic a:hover {background:0;}
#body .r-pic a:hover {background:0;}

.l-pic span, .l-pic img, .r-pic span, .r-pic img {margin-left: 2px;}