html, body {
 margin: 0;
 padding: 0;
 height: 100%;
 }

html {
 background: #fff;
 font-family: Arial, sans-serif;
 font-size: 13px;
 color: #6e6b66;
 line-height: 1.8; 
 }

body {
 background: #fff url(img/html.png) repeat-x 0 0;
 }

#content, #menu, h1 {
 width: 800px;
 margin: 0 auto;
 }

a {
 text-decoration: none;
 }

#content a {
 color: #403201;
 }

#content a:hover, #content a:focus {
 border-bottom: 1px solid #ffc703;
 }

h1 {
 background: #ffc703 url(img/html.png) repeat-x 0 0;
 height: 230px;
 }

h1 a {
 display: block;
 text-indent: -9999em;
 overflow: hidden;
 height: 285px;
 width: 513px;
 background: transparent url(img/h1.png) no-repeat 0 0;
 }

h1 a, #menu {
 position: relative;
 left: -110px;
 }

#home h1 a {
 background-position: 0 0;
 }

#agenda h1 a {
 background-position: -513px 0;
 }

#foto h1 a {
 background-position: 0 0;
 }

#contact h1 a {
 background-position: -1026px 0;
 }

h2 {
 text-indent: -9999em;
 overflow: hidden;
 margin-top: -40px;
 height: 81px; /* Hiermee wordt de padding-top van #content geregeld */
 width: 587px;
 }

h3 {
 font-size: 15px;
 font-weight: bold;
 margin: 0;
 padding: 0;
 }

#container { /* footerStickAlt nonFooter */
 position: relative;
 min-height: 100%;
 margin: 0;
 }

#footer {
 text-align: center;
 background: transparent url(img/footer.png) repeat-x 0 0;
 display: block;
 width: 100%;
 height: 60px;
 line-height: 60px;
 color: #6e6b66;
 font-size: 10px;
 text-transform: uppercase;
 margin: 0;
 padding: 0;
 position: relative; /* footerStickAlt */
 margin-top: -60px; /* footerStickAlt */
 }

#footer a {
 color: #6e6b66;
 border-bottom: 1px dotted #353535;
 }

#content {
 margin-top: 101px; /* hoogte h2.png */
 min-height: 100px;
 padding: 0 120px 60px 20px; /* padding-bottom: 60px; voor de footer (footerStickAlt) */
 width: 660px;
 background: transparent url(img/h2.png) no-repeat 0 0;
 }

#home #content {
 background-position: 0 0;
 }

#agenda #content {
 background-position: -1600px 0;
 padding-right: 20px;
 width: 760px;
 }

#foto #content {
 background-position: -800px 0;
 }

#contact #content {
 background-position: -2400px 0;
 }

#disclaimer #content {
 background-position: -3200px 0;
 }

#error-404 #content {
 background-position: -4000px 0;
 }

#error-403 #content {
 background-position: -4800px 0;
 }

#media #content {
 background-position: -5600px 0;
 }

#menu {
 list-style: none;
 padding: 0;
 margin: -32px auto 0;
 text-align: right;
 text-transform: lowercase;
 }

#menu li {
 display: inline;
 }

#menu li a {
 padding: 10px 8px 10px 8px;
 margin: 0 7px;
 font-size: 14px;
 color: #403201;
 font-weight: bold;
 }

#menu li a:hover, #menu li a:focus, #menu li.current a {
 background: transparent url(img/nav-hover.png) no-repeat 50% 90%;
 }

#menu li.current a {
 border-color: #dedede;
 }

#menu li a:hover, #menu li a:focus {
 border-color: #403201;
 }

.figure {
 text-align: center;
 }

.figure img {
 border: 1px solid #dedede;
 padding: 5px;
 }

form fieldset {
 border: 0;
 margin: 0;
 padding: 0;
 }

form fieldset legend {
 display: none;
 }

form label {
 display: block;
 float: left;
 width: 60px;
 padding-left: 10px;
 height: 30px;
 cursor: pointer;
 background: #f2efe9;
 border-right: 1px solid #ffc703;
 position: relative;
 text-transform: lowercase;
 line-height: 28px;
 }

form label[for='form-1-input-3'] {
 height: 160px;
 }

form input, form textarea {
 vertical-align: top;
 height: 20px;
 padding: 6px 0 4px 10px;
 background: #f2efe9;
 border: 0;
 width: 390px;
 color: #403201;
 font-family: Arial;
 font-size: 13px;
 }

form input.submit {
 margin-left: 71px;
 width: 400px;
 height: 30px;
 padding: 0;
 cursor: pointer;
 }

form input.submit:hover, form input.submit:focus {
 background: #ccc9c4;
 }

form input.fout, form textarea.fout {
 background: #f2efe9 url(img/form-fout.png) no-repeat 385px 3px;
 }

form textarea {
 margin-top: 0;
 height: 150px;
 overflow: auto;
 }

form p small {
 line-height: 30px;
 }

#agenda dl {
 width: 350px;
 margin: 0 0 1em 0;
 padding: 0;
 }

#agenda dl dd {
 border-left: 2px solid #ffc703;
 margin: 0 0 0 2px;
 padding: 0 0 0 10px;
 height: 23px;
 }

#agenda dl dt {
 margin-top: 10px;
 }

#agenda dl dd a {
 background: transparent url(img/maps-icon.png) no-repeat right -1px;
 padding: 4px 28px 1px 0;
 /*border-bottom: 1px solid #ffc703;*/
 }

#agenda dl dd.current a {
 background-position: right -24px;
 }

/*
JS only
*/

#agenda dl dd.current {
 background: #f2efe9;
 }

#google-maps {
 float: right;
 margin-top: 35px;
 background: transparent url(img/maps-container.png) no-repeat 0 0;
 width: 358px;
 height: 292px;
 }

#google-maps #map {
 background: #f2efe9;
 width: 310px;
 height: 233px;
 margin: 33px 0 0 12px;
}