/* CSS Document geschreven door Tom Verhaeg - Real Websolutions*/

/***** algemeen *****/

* { margin: 0; padding: 0; }

body{
    background: url('../images/bg.png')
}
/***** wrapper *****/
#wrapper{
    width: 745px; margin: 9px auto;
}

#left{
    float:left;
    width: 137px;
}

#menu{
    float:left;
    background: url('../images/menu-bg.png');
}

#menu ul{
    list-style: none;
}

#menu ul li{
    width: 137px;
    height: 34px;
    padding: 13px 0 0 18px;
    border-bottom: 1px solid #c99113;
}

#menu ul li.active{
    width: 137px;
    background: #303030;
    height: 34px;
    padding: 13px 0 0 18px
}

#menu ul li a{
    font: 14px Arial;
    color: #FFFFFF;
    text-transform: uppercase;
}

#right{
    width: 590px;
    float: right;
    margin: 0 0 0 -5px; 
}

#header{
    width: 590px;
    height: 234px;
    background: url('../images/header.png');
    float:left;
}

#block{
    width: 590px;
    float:left;
}

#block-left{
    width: 222px;
    float:left;
    height: 63px;
    background-color: #e0a215;    
}

#block-left h1{
    padding: 24px 0 0 39px;
    font: bold 18px Arial;
    text-transform: uppercase;
    color: #FFFFFF;
}

#block-right{
    width: 368px;
    float:right;
    background-color: #FFFFFF;
    height: 63px;    
}

#block-right h2{
    padding: 24px 0 0 39px;
    font: 18px Arial;
    color: #000000;
}

#content{
    background-color: #FFFFFF;
}

#content p{
    font: 12px Arial;
    color: #000000;
    padding: 0 0 0 10px;
} 

#content-bottom{
    width: 590px;
    height: 11px;
    background: url('../images/content-bottom.png');
    float:left;
} 

#footer{
    float:left;
    margin: 5px 0 0 9px;
} 

#footer span{
    font: 12px Arial;
    color: #FFFFFF;
}