* {
    margin: 0;
}

html, body#top {
    height:100%;
}

body
{
    background-image:url(../images/layout/body_bg.jpg);
    background-repeat:no-repeat;
    background-position:center top;
    font: normal 12px "Lucida Sans"; color: #636363;
    line-height:20px;
}

a
{
    font: normal 12px "Lucida Sans"; color: #636363;
}

#wrapper
{
    min-height: 100%; 
    height: auto !important; 
    height: 100%;
    
    margin:0px auto -45px;
    width:960px;
}

#footer, #push { height: 45px; clear: both; }
#footer 
{
    height:45px;
    background-image:url(../images/layout/bg_footer.jpg);
    background-repeat:repeat-x;
    background-position:left top;
}


#footer_container
{
    width:960px;
    line-height:45px;
    
    margin:0px auto;
    overflow:hidden;
    background-image:url(../images/layout/footer_logo.png);
    background-repeat:no-repeat;
    background-position:33px 16px;
    padding-top:20px;
    height:25px;
}

#footer_container, #footer_container a, #footer_container a.copy
{
    font: normal 10px "Lucida Sans"; color: #004359;
    text-decoration:none;
}

#footer_data
{
    float:right;
}

#site_header
{
    height:133px;
    background-image:url(../images/layout/header.jpg);
    background-repeat:no-repeat;
    background-position:center top;
    position:relative;
}

#flash
{
    
    background-image:url(../images/flash.jpg);
    width:950px;
    padding-top:6px;
    padding-left:10px;    
    height:334px;
}

#navSub h1, #contact h1, #inhoud h2, #geschiedenis h2, #projecten h2, #projectendetail h2, #nieuws h2, #nieuwsdetail h2, #form h2
{
    font: bold 18px "Lucida Sans"; color: #004359;
    font-style:italic;
    padding-bottom:25px;
}

#content_wrapper
{
    margin-top:28px;
    margin-left:20px;
    margin-right:18px;
    margin-bottom:20px;
    overflow:hidden;
        
    background-image:url(../images/layout/navsub_bg.png);
    background-position:205px top;
    background-repeat:repeat-y;
}

#inhoud, #geschiedenis, #projecten, #nieuws, #projectendetail, #nieuwsdetail, #form
{
    margin-left:30px;
    float:left;
    width:684px;
}

#inhoud
{
    font: normal 12px "Lucida Sans"; color: #636363;
    line-height:20px;
}

#inhoud img, #projectendetail img, #nieuwsdetail img
{
    padding-right:18px;
}

/* GESCHIEDENIS LIST */
#geschiedenislist
{
    list-style-type:none;    
}

#geschiedenislist li h3
{
    font: bold 14px "Lucida Sans"; color: #c4211a;    
    font-style:italic;
    padding-bottom:29px;
}

#geschiedenislist li
{
    border-bottom:1px solid #b3ccdb;
    padding-bottom:17px;
    padding-top:31px;
}

#geschiedenislist li.last
{
    border:none;
    padding-bottom:0px;
}

#geschiedenislist li.first
{
    padding-top:0px;
}

#geschiedenislist li img
{
    padding-right:5px;
    padding-top:5px;
}

/* PROJECTENLIST LIST */
#projectenlist, #nieuwslist
{
    list-style-type:none;    
}

#projectenlist li h3, #nieuwslist li h3
{
    font: bold 14px "Lucida Sans"; color: #c4211a;    
    font-style:italic;
    margin-left:92px;
}

#projectenlist li h3 span.datum, #nieuwslist li h3 span.datum
{
    color:#004359;
}

#projectenlist li, #nieuwslist li
{
    border-bottom:1px solid #b3ccdb;
    padding-bottom:13px;
    padding-top:14px;
    width:684px;
}

#projectenlist li p, #nieuwslist li p
{
    margin-left:92px;
}

#projectenlist li.last, #nieuwslist li.last
{
    border:none;
    padding-bottom:0px;
}

#projectenlist li.first, #nieuwslist li.first
{
    padding-top:0px;
}

#projectenlist li img, #nieuwslist li img
{
    float:left;
}

#projectenlist li a.knop, #nieuwslist li a.knop
{
    float:right;
    margin-top:12px;
}

#projectenlist li div, #nieuwslist li div
{
    overflow:hidden;
}

a.knop, a.knop span, a.formknop, a.formknop span
{
    display:inline-block;
    height:22px !important;
    line-height:22px !important;    
}

a.knop, a.formknop
{
    background-image:url(../images/layout/meerinfo_links.png);    
    background-repeat:no-repeat;
    background-position:left top;
    float:left;
    font: normal 12px "Lucida Sans"; color: #ffffff;
    text-decoration:none;
}

a.knop span, a.formknop span
{
    background-image:url(../images/layout/meerinfo_rechts.png);    
    background-repeat:no-repeat;
    background-position:right top;
    margin-left:10px;
    padding-left:10px;
    padding-right:20px;
}