a img {
    border: 0; 
}
body {
    background-color: #bac698; 
    color: black; 
    font-family: 'Liberation Sans','Arial',sans-serif;
    font-size: 13px; 
    letter-spacing: 1px; 
    margin: 0; 
    padding: 0; 
}
h3, .daimei {
    display: block; 
    font-size: 100%; 
    font-weight: bold; 
    margin: 7px 0px; 
    padding: 0; 
}
#content-root {
    width: 850px; 
    border: solid 2px #181811; 
    background-color: white; 
    margin: 0 auto; 
    padding: 0; 
    min-height: 800px; 
    margin-top: 8px; 
}
#content-page {
    min-height: 600px; 
    margin: 50px 20px; 
    line-height: 1.6em; 
}

#navigation {
    height: 55px; 
    padding: 22px 20px 10px 20px; 
}
#header {
    width: 850px; /* 850px */
    height: 120px; 
    margin: 0; 
     background-color: #181811;  
    border-top: solid 2px #181811; 
    border-bottom: solid 2px #181811; 
}
#name {
    display: block; 
    float: left; 
    margin-right: 50px; 
}
h1, h2 {
    font-size: 130%; 
    font-weight: bold; 
    letter-spacing: 0.2em; 
    margin: 0 0 0 0; padding: 0; 
}
#top-menu, #bottom-menu {
    list-style-type: none;
    display: block; 
}
#top-menu {
    float: left; 
    margin: 0 0 2em 0; padding: 0; 
}
#bottom-menu {
    height: 30px; 
    margin-left: 300px; 
    margin: 0 0 40px 30px; padding: 0; 
}
#footer {
    width: 800px; 
    margin: 30px auto 10px auto; 
    border-top: solid 3px #cccccc; 
}
#top-menu li, #bottom-menu li {
    display: block; 
    float: left; 
    border-bottom: solid 3px #cccccc; 
    margin-right: 1.5em; 
    margin-top: 3px; 
}
#show-img {
    margin: 30px auto; 
    padding: 0; 
    border: solid 3px green; 
    width: 649px; 
    height: 480px; 
}
#middle-left, #middle-right {
    width: 400px; 
}
#middle-left p { 
    width: 350px; 
    line-height: 1.5em; 
}
.odd, .even, .hoverblue {
    display: block; 
    text-decoration: none; 
    color: black; 
    border: solid 3px red; 
}
.odd {
    background-color: #f7f7f7;
}
.even {
    background-color: #ededed;
}
.hoverblue {
    background-color: #ededed;
}

.odd:hover, .even:hover, .hoverblue:hover {
    background-image: url(hover-block-link.png); 
    background-repeat: repeat; 
    background-color: white;
}
#middle-right .odd, #middle-right .even, .hoverblue {
    width: 350px; 
    height: 85px; 
    padding: 5px; 
    border: solid 1px #404440; 
    margin-top: 10px; 
    overflow: hidden; 
}
#middle-right h2, #middle-left h2, #container-page h2 {
    border-bottom: solid 2px #cccccc; 
    width: 350px; 
    padding-bottom: 10px; 
    margin-bottom: 25px; 
}
.middle-thumb-img {
    float: left; 
    margin-right: 20px; 
    border: 0; 
}
#container-page p {
    line-height: 1.5em; 
}
#container-painting {
    /* zoek het midden */
}
#container-page {
    min-height: 400px; 
    margin: 90px 20px 5px 20px;
}
#click-image {
    display: block; 
    border: solid 3px black; 
    margin: -30px auto 10px auto; 
}
#click-image-title {
    width: 600px; 
    margin: 7px auto; 
    text-align: center; 
}
.hl-link:hover {
    background-image: url(hover-block-link.png); 
    border: solid 60px black; 
    z-index: 333; 
    margin-right: 4px; 
}
a {
    text-decoration: none; 
    color: black; 
    border: 0; 
}
h1 a:hover, h2 a:hover, h3 a:hover, li a:hover, p a:hover, .link:hover {
    background-color: #f6ff62; 
}
p a, .link {
    color: #1a5387; 
}
#scroll {
    background-image: url(scrollen.png); 
    background-repeat: no-repeat; 
    background-position: top left; 
    width: 38px; 
    left: 812px; 
}
#scroll:hover {
    background-image: url(scrollen-hover.png); 
}
#header-home {
   /*  header-img-01.jpg */
}
#toon-schilderij {
    display: block; 
    margin: 10px auto 20px; 
    border: solid 2px black; 
}
#content-painting {
    margin-bottom: 70px; 
    min-height: 550px; 
}
#top-menu #aef { 
    border-bottom: solid 3px yellow; 
}
#top-menu #aef:hover { 
    border-bottom: solid 3px #cccccc; 
}
a.nh:hover {
    background-color: white; 
    text-decoration: none; 
}
.schilderij-info {
    width: 27em; 
    margin: 1em auto; 
}
#sitemap ul {
    list-style-position:inside; 
    list-style-type:square; 
    padding-left:1.7em;
}
.gth-row-odd, .gth-row-even {
    height: 220px; 
    width: 726px; 
    line-height: 1.1em; 
    overflow: hidden; 
    margin: 0 auto; 
}
.gth-row-odd .gth-div {
    background-color: #f7f7f7;
}
.gth-row-even .gth-div {
    background-color: #ededed;
}
.gth-row-odd .gth-div:hover, .gth-row-even .gth-div:hover {
    background-image: url(hover-block-link.png); 
    background-repeat: repeat; 
    background-color: white;
}
.gth-div {
    display: block; 
    float: left; 
    padding: 13px 10px 0 10px; 
    border: solid 1px #cccccc; 
    margin: 10px; 
    width: 200px; 
    text-align: center; 
    color: black; 
    min-height: 170px; 
}
.gth-div:hover {
    border: solid 1px #056ecf; 
}
.gth-title {
    display: block; 
    margin-top: 9px; 
    text-align: center; 
    font-weight: bold; 
}
.gth-info {
    display: block; 
    margin-top: 7px; 
}
/* galerie */
#tabs {
    text-align: center;
    font-size: 80%;
    height: 0; 
}
#tabs ul {
    display: inline;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#tabs li { 
    float: right; 
}
#tabs a {
    float: left;
    border: 2px solid #626363; 
    border-bottom: 0px; 
    margin: 1px 2px 0 0;
    margin-top: -2px; 
    padding: 0px 5px 0px 10px; 
    text-decoration: none;
    /* background-color: #FFFAE1; */
    /* color: #333; */
    background-color: yellow; 
}
#tabs a:hover, #tabs a.active {
    background-color: white; 
    position: relative;
    top: 0;
    /* padding: 5px 5px 6px 10px; */
    padding: 0px 5px 0px 10px; 
    margin-top: 0px;
}
#list-index-jaar ul, #list-index-tags ul {
    display: inline;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#list-index-jaar li, #list-index-tags li {
    float: left; 
}
#list-index-jaar li a, #list-index-tags li a {
    padding: 0 10px; 
}
#hoofdje-galerie {
    border-bottom: 2px solid #cccccc; 
    width: 820px; 
    margin-bottom: 25px;  
}
#titels-op-datum {
    overflow: auto; 
    max-height: 21em; 
    border-top: solid 1px #cccccc; 
    border-bottom: solid 1px #cccccc; 
    border-left: solid 1px #cccccc; 
    margin-left: 0;
}
#inhoud-een-pagina {
    margin: 0 30px; 
    padding: 0 2em; 

}
#container-map-foto-drie-doeken {
    height: 450px;  
}
#map-foto-drie-doeken {
    margin: 0 auto; 
    padding 0; 
    position: absolute; 
    top: 140px; 
}
#map-foto-drie-doeken-1 {
    display: block; 
    position: relative; 
    top: -405px; 
    left: 35px; 
    height: 133px; 
    width: 133px; 
}
#map-foto-drie-doeken-1:hover {
    border: solid 3px red; 
}
#map-foto-drie-doeken-2 {
    display: block; 
    position: relative; 
    top: -535px; 
    left: 208px; 
    height: 133px; 
    width: 133px; 
}
#map-foto-drie-doeken-2:hover {
    border: solid 3px yellow; 
}
#map-foto-drie-doeken-3 {
    display: block; 
    position: relative; 
    top: -665px; 
    left: 397px; 
    height: 133px; 
    width: 133px; 
}
#map-foto-drie-doeken-3:hover {
    border: solid 3px black; 
}
.adm-link {
    color: red; 
}
.adm-link:hover {
    color: black; 
    background-color: yellow; 
}
.adm-link a {
    color: blue; 
    text-decoration: none; 
}
.adm-link a:hover {
    color: red; 
    border-bottom: dotted 2px red; 
}