#container1, #container2 { background-image: url("../images/zijkant.jpg"); background-repeat: repeat-y; }
#container1 { height: 100%; }
#logo { background-image: url("../images/boven.jpg"); background-repeat: repeat-x; height: 110px; }
#logo h1 { margin: 0; padding: 0; float: left; }
#logo a { display: block; float: left; width: 294px; height: 110px; background-image: url("../images/logo.jpg"); margin-right: 40px; }
#logo a span { display: none; }
#logo h3 { margin: 0; text-decoration: none; }
#logo h3.boven { color: navy; font-size: 14px; padding: 14px 0 0 0; }
#logo h3.onder { color: white; font-size: 15px; padding: 5px 0 0 0; }
#main { width: 865px; }
#menu { float: left; width: 160px; padding: 40px 0 0 0; }
#menu a.home { display: block; height: 48px; width: 82px; background-image: url("../images/menu_home.jpg"); background-position: 0 0; margin: 8px 0 0 0; }
#menu a.home:hover { background-position: 0 -48px; }
#menu a.home span { display: none; }
#menu ul { display: block; list-style: none; margin: 0; padding: 0; }
#menu ul li { display: block; height: 40px; }
#menu ul li a { color: navy; font-size: 12px; text-decoration: none; height: 30px; padding: 4px 0 0 15px; display: block; background-position: 0 0; background-image: url("../images/menu_bg.jpg"); }
#menu ul li a:hover { text-decoration: none; background-position: 0 -34px; }
#content { width: 680px; float: left; padding: 25px 0 50px 25px; }