html, body {
    background-color: #897E6C;
}

#container {
    background-color: #FFFFFF;
    margin: 0 auto;
    padding: 2em;
    width: 50em; /* = 54 - 2 - 2 */
}

#navigation ul {
    border-bottom: 1px solid #A10012;
    padding-bottom: 1em;
}

#navigation li {
    display: inline;
    margin-right: 0.29em;
}

#navigation li.last {
    margin-right: 0;
}

#navigation a {
    color: #666666;
    font-size: 1.1em;
    text-decoration: none;
}

#navigation a:hover {
    color: #463C3C;
}

#page-museum #menu-museum a,
#page-expositie #menu-expositie a,
#page-contact #menu-contact a,
#page-trouwen #menu-trouwen a,
#page-geschiedenis #menu-geschiedenis a,
#page-impressies #menu-impressies a,
#page-donateurs #menu-donateurs a { /* current menu item */
    color: #463C3C;
    font-weight: bold;
}

#header {
    background-image: url(/img/header.jpg);
    background-repeat: no-repeat;
    background-position: 0em 4em;
    height: 12.6em;
    margin: 0.5em 0 4em 0;
}

#header h1 {
    color: #8A7E6C;
    font-size: 2.8em;
    font-weight: bold;
    text-align: center;
}

#footer {
    clear: both;
}

#success-message, #error-message {
    margin-bottom: 1em;
    padding: 1em;
}

#success-message {
    background-color: #eeffcc;
    border: 2px solid #009900;
}

#error-message {
    background-color: #ffeecc;
    border: 2px solid #ff0000;
}