html, body {
background: url('images/bg.jpg');
height: 100%;
font: 0.85em "Tahoma";
margin: 0;
}

.clear { clear:both; }
.special { width:5px; visibility:hidden; }

#container {
background: #d6c090;
margin: 0 auto;
position: relative;
min-height: 100%;
height:auto !important;
height:100%;
width: 770px;
}

#header {
background: url('images/header.jpg') no-repeat;
height: 75px;
margin: 0 20px 0 20px;
}

#menu { padding: 40px 0 0 0; margin-left: -25px; }
#menu ul { list-style-type: none; }

#menu li, #menu li a {
float: left;
color: #fff;
font: 0.99em "Tahoma";
font-weight: bold;
text-decoration: none;
padding-right: 5px;
}

#menu li a:hover { text-decoration: underline; }

#splash {
background: url('images/duinhoeve_foto.jpg') no-repeat;
margin: 10px 20px 0 20px;
height: 183px;
width: 730px;
}

#content-container {
background: #fff;
margin: 10px 20px 0 20px;
padding-bottom: 30px;
width: 730px;
}

#content { padding: 1px 15px 10px 15px; }
#content a { color: #2f6fde; text-decoration: none; font-weight: bold; }
#content a:hover { text-decoration: underline; }
#content li { margin-left: 15px; }

#footer {
background: #d6c090;
position: absolute;
bottom: 0;
height: 35px;
width: 730px;
padding: 5px 0 0 20px;
}

#footer a { color: #9d8c67; text-decoration: none; font-weight: bold; }
#footer a:hover { text-decoration: underline; }