body, html {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #a7c2c7;
}

#bg {
    margin-top: 233px;
    width: 100%;
    height: 100%;
    overflow: hidden;
}


#inhoud, #contact, #archief {
    position: absolute;
    z-index: 3;
   
    top: 233px;
    width: 364px;
    background-color: #ffffff;
    bottom: 0px;
    overflow: auto;
    margin: 0;
    padding: 0 8px 0px 12px;
}

#inhoud {
     left: 100px;
}

#archief {
     left: 100px;
     width: 500px;
     background-color: #a7c2c7;
}

#contact {
     left: 485px;
    
}

#inhoud-bg {
    position: absolute;
    height: 100%;
    z-index: 2;
    left: 100px;
    top: 233px;
    width: 364px;
    background-color: #ffffff;
    bottom: 0px;
    margin: 0;
    padding: 0 8px 0px 12px;
    border: 0px;
}

#boven {
    position: absolute;
    z-index: 3;
    top: 0px;
    left: 0px;
    height: 233px;
    width: 100%;
    background-color: #ffffff;
}


.linksImg {
    margin-right: 5px;
    margin-top: 5px;
}

.rechtsImg {
    margin-left: 2px;
    margin-top: 5px;
}

/* popup */

#navigatie {
    margin-top: 18px;
    width:  500px;

    text-align: center;
}

#bovenpopup {
    width: 100%;
    height: 101px;

}

#contentpopup {
    padding: 10px;
    width: 480px;
    height: 319px;
    color: #000000;
    border: 0px solid red;
    overflow: auto;

   
}

#contentpopup p, td p, #contentpopup a {
    font-size: 12px;
    line-height: 22px;
    color: #000000;
}

#contentpopup  h5 {
    font-size: 11px;
    line-height: 14px;
    font-weight: bold;
    color: #000000;
}

#linkspopup {
    position: absolute;
    top: 460px;
    left: 230px;
}

#rechtspopup {
    position: absolute;
    top: 460px;
    left: 260px;
}