body
{
    background : url(images/background.jpg);
    margin : 0px;
    text-align : center;
    margin-bottom : 50px;
}

a
{
    color : #FFFFFF;
    text-decoration : none;
    font-weight : bold;
}

a:hover
{
    text-decoration : underline;
}

#container
{
    width : 862px;
    height : auto;
    margin-left : auto;
    margin-right : auto;
    margin-top : 50px;
    background : url(images/body.jpg);
}

#header
{
    position : relative;
    width : 862px;
    height : 180px;
    background : url(images/header.jpg);
}

#titel
{
    position : absolute;
    top : 137px;
    right : 22px;
}

#spacer
{
    position : relative;
    width : 862px;
    background : url(images/body.jpg);
    height : 46px;
}

#midden
{
    position : relative;
    width : 862px;
    background : url(images/body.jpg);
}

#menu
{
    position : relative;
    float : left;
    width : 284px;
    height : 295px;
    padding-left : 25px; 
    text-align : left;   
}

#inhoud
{
    position : relative;
    float : left;
    width : 500px;
    padding-left : 34px; 
    text-align : left;  
    font-family : Verdana, Arial;
    font-size : 9pt;
    color : #FFFFFF;
    line-height : 15px;
    word-spacing : 1px;
}

#inhoud table
{
    font-family : Verdana, Arial;
    font-size : 9pt;
    color : #FFFFFF;
    line-height : 15px;
    margin-left : 15px;
    word-spacing : 1px;
}

#inhoud td
{
    font-family : Verdana, Arial;
    font-size : 9pt;
    color : #FFFFFF;
    line-height : 15px;
    margin-left : 15px;
    word-spacing : 1px;
}

#clear
{
    clear : both;
}

#footer
{
    position : relative;
    width : 862px;
    height : 20px;
    background : url(images/footer.jpg) no-repeat;
}

/*scroll-effect*/

#scroll_up {
    cursor: pointer;
}
#scroll_down {
    cursor: pointer;
}
#scroll_box {
height:  345px;
width: 380px;
overflow: auto;
}