* {
    margin: 0;
}

html, body#top {
    height:100%;
}

body
{
    background-image:url(../images/layout/body_bg.jpg);
    background-repeat:repeat-x;
    background-position:center top;
    
    font: normal 11px "Trebuchet Ms"; color: #e0e0e0;
    background-color:#242021;
    
    /*
    background-color:#f4f4f4;
    line-height:20px;
    */
}

a
{
    font: normal 11px "Trebuchet Ms"; color: #FFDE00;
    text-decoration:none;
}



#site_header
{
    height:149px;
    /*
    background-image:url(../images/layout/header.jpg);
    background-repeat:no-repeat;
    background-position:left top;
    */
    width:951px;
    position:relative;
}

#logo
{
    display:block;
    text-indent:-9999px;
    height:73px;
    width:142px;
    position:absolute;
    top:42px;
    left:19px;
    
    background-image:url(../images/layout/logo.png);
    background-repeat:no-repeat;
    background-position:left top;
}

#flash
{
    width:950px;
    height:316px;
    background-color:#000000;
}

#wrapper
{
    min-height: 100%; 
    height: auto !important; 
    height: 100%;
    
    margin:0px auto -56px;
    width:951px;
    
    background-image:url(../images/layout/bg_wrapper.jpg);
    background-repeat:no-repeat;
    background-position:left top;
}

#footer, #push { height: 56px; clear: both; }
#footer 
{
    height:56px;
    background-image:url(../images/layout/bg_footer.jpg);
    background-repeat:repeat-x;
    background-position:left top;
    
    /*
    width:951px;
    margin:0px auto;
    */
}


#footer_container
{
    width:951px;
    margin:0px auto;
    text-align:center;
    overflow:hidden;
    
    background-image:url(../images/layout/bg_footer_container.jpg);
    background-position:left top;
    background-repeat:no-repeat;
    height:56px;
}

#footer_data a
{
    font: bold 9px "Century Gothic"; color: #bf2b37;
    text-decoration:none;
}

#footer_data
{
    margin-top:11px;
    height:21px;    
    padding-top:6px;
}

#footer_data,
#footer_data a
{
    font: normal 11px "Trebuchet Ms"; color: #231f20;    
    text-decoration:none;
}

#copyright_year
{
    float:left;
    padding-left:8px;
}

a.copy
{
    font: normal 7px "Trebuchet Ms"; color: #ffffff;
    text-decoration:none;
    float:left;
    margin-left:11px;
    margin-top:6px;
}

#content_wrapper
{
}

#inhoud,
#inhoud_historiek,
#inhoud_certificaten,
#inhoud_linkitems,
#inhoud_downloads
{
    padding-bottom:20px;
    overflow:hidden;
}

#inhoud,
#inhoud_historiek,
#inhoud_linkitems
{
    line-height:20px;
    padding-left:17px;
}

#inhoud h2
{
    font: bold 14px "Trebuchet Ms"; color: #e0e0e0;
    margin-bottom:29px;
}

#inhoud_links
{
    float:left;
    width:432px;
}

#inhoud_rechts
{
    margin-left:490px;
    
}

.historieklist
{
    list-style:none;
}

.historieklist li
{
    list-style-position:outside;
    list-style-type:none;
    margin-bottom:20px;
    overflow:hidden;
}

.historieklist li label
{
    text-align:left;
    display: inline-block;
    vertical-align: top;
    float:left;
    clear:left;

    font: normal 11px "Trebuchet Ms"; color: #e0e0e0;
    padding-left:10px;
    width: 32px;
    padding-top:2px;
}

.historieklist li div.item_inhoud
{
    float:left;
    width:377px;
}

.historieklist li div.item_inhoud
{
    width:339px;
}

#certificatenlist
{
    list-style:none;
}

#certificatenlist li
{
    list-style-type:none;
    list-style-position:outside;
    overflow:hidden;
    width:350px;
    margin-bottom:19px;
}

#certificatenlist li.last
{
    margin-bottom:0px;
}

#certificatenlist li div.img
{
    float:left;
    width:153px;
    height:105px;
}

#certificatenlist li div.item_inhoud
{
    margin-left:168px;
    padding-top:11px;
}

#certificatenlist li div.item_inhoud ul.documentenlist
{
    list-style:none;
}

#certificatenlist li div.item_inhoud ul.documentenlist li
{
    list-style-type:none;
    list-style-position:outside;
    width:180px;
    margin:0px;
    padding:0px;
    margin-bottom:3px;
}

#certificatenlist li div.item_inhoud ul.documentenlist li.last
{
    margin-bottom:0px;
}

#certificatenlist li div.item_inhoud ul.documentenlist li a,
#certificatenlist li div.item_inhoud ul.documentenlist li a span
{
    display:inline-block;
    cursor:pointer;
}

#certificatenlist li div.item_inhoud ul.documentenlist li a
{
    display:block;
    height:20px;
    text-decoration:none;
    background-position:left 2px;
    background-repeat:no-repeat;
}

#certificatenlist li div.item_inhoud ul.documentenlist li a.vlag_nl
{
    background-image:url(../images/layout/vlag_nl.png);
}

#certificatenlist li div.item_inhoud ul.documentenlist li a.vlag_en
{
    background-image:url(../images/layout/vlag_en.png);
}

#certificatenlist li div.item_inhoud ul.documentenlist li a.vlag_fr
{
    background-image:url(../images/layout/vlag_fr.png);
}

#certificatenlist li div.item_inhoud ul.documentenlist li a.vlag_de
{
    background-image:url(../images/layout/vlag_de.png);
}

#certificatenlist li div.item_inhoud ul.documentenlist li a span
{
    padding-left:23px;
    font: normal 11px "Trebuchet Ms"; color: #e0e0e0;
    height:20px;
    line-height:20px !important;    
    
}

#inhoud_projecten,
#inhoud_projecten_detail_container
{
    margin-left:231px;
    width:719px;
}

#projectenlist
{
    list-style:none;
}

#projectenlist li
{
    list-style-type:none;
    list-style-position:outside;
    overflow:hidden;
    width:719px;
    margin-bottom:19px;
    background-image:url(../images/layout/bg_listitem_project.png);
    /*
    background-position:153px top;
    */
    background-position:left top;
    background-repeat:no-repeat;
    position:relative;
    
}

#projectenlist li.last
{
    margin-bottom:0px;
}

#projectenlist li div.img
{
    /*
    float:left;
    */
    width:153px;
    height:106px;
    text-align:center;
}

#projectenlist li div.item_inhoud
{
    margin-left:153px;
}

#projectenlist li div.item_inhoud ul.project_data
{
    width:auto;
    /*
    padding-left:23px;
    padding-top:17px;
    */
    list-style:none;
    position:absolute;
    left:177px;
    top:17px;
}

#projectenlist li div.item_inhoud ul.project_data li
{
    width:auto;
    list-style-type:none;
    list-style-position:outside;
    background:none;
    padding:0px;
    margin:0px;
    font: normal 11px "Trebuchet Ms"; color: #231f20;
    margin-bottom:11px;
}

#projectenlist li div.item_inhoud ul.project_data li.last
{
    margin-bottom:0px;
}

#projectenlist li div.item_inhoud ul.project_data li label
{
    width:65px;
    padding-right:4px;
}

a.knop
{
    background-image:url(../images/layout/knop_links.png);
    background-position:left top;
    background-repeat:no-repeat;
    text-decoration:none;
}

a.knop,
a.knop span
{
    display:inline-block;
    height:24px;
    cursor:pointer;
}

a.knop span
{
    margin-left:4px;
    background-image:url(../images/layout/knop_rechts.png);
    background-position:right top;
    background-repeat:no-repeat;
    
    font: normal 11px "Trebuchet Ms"; color: #e0e0e0;
    line-height:24px;
    padding-right:5px;
}

#inhoud_projecten_detail
{
    margin-top:24px;
    margin-left:19px;
}

#project_detail_flash
{
    width:719px;
    height:361px;
}

#inhoud_projecten_detail table td
{
    padding-right:16px;
    height:20px;
}

#inhoud_projecten_detail_container
{
    background-image:url(../images/layout/bg_project_detail_container.png);
    background-position:left top;
    background-repeat:no-repeat;
    min-height:478px;
}

a.knop_project_infofiche
{
    margin-top:10px;
}

a.knop_project_infofiche span
{
    padding-left:93px;
}

#linkslist a
{
    font: bold 11px "Trebuchet Ms"; color: #ffde00;
}

#inhoud_linkitems
{
    margin-top:45px;
}

#kolom_brochure
{
    width:228px;
    float:left;
}

#kolom_infofiches
{
    margin-left:114px;
    float:left;
    /*
    width:153px;
    */
    width:175px;
}

#kolom_certificaten
{
    margin-left:392px;
    width:327px;
}

#knop_downloads_brochure
{
    display:block;
    background-image:url(../images/pages/downloads_brochure.png);
    background-position:1px top;
    background-repeat:no-repeat;
    width:229px;
    /*
    height:155px;
    */
    height:176px;
    position:relative;
    text-indent:-9999px;
}

#knop_downloads_brochure span
{
    display:block;
    height:19px;
    padding-top:2px;
    background-image:url(../images/layout/bg_knop_downloads_brochure.png);
    background-position:left top;
    background-repeat:no-repeat;
    position:absolute;
    bottom:0px;
    left:0px;
    text-align:right;
    width:229px;
}

#infoficheslist
{
    list-style:none;
    overflow:auto;
    height:400px;
    position:relative; /* http://www.rowanw.com/bugs/overflow_relative.htm */
}

#infoficheslist li
{
    list-style-type:none;
    list-style-position:outside;
    margin-bottom:12px;
}

#infoficheslist li.last
{
    margin-bottom:0px;
}

#infoficheslist li a.knop_item_infofiche
{
    display:block;
    width:155px;
    /*height:105px;*/
    height:137px;
        
    background-position:1px top;
    background-repeat:no-repeat;
    
    position:relative;    
}

#infoficheslist li a.knop_item_infofiche span
{
    display:block;
    position:absolute;
    bottom:0px;
    left:0px;
    
    background-image:url(../images/layout/bg_knop_item_infofiche.png);
    background-position:left top;
    background-repeat:no-repeat;
    width:155px;
    height:35px;
    padding-top:6px;
    
    font: normal 11px "Trebuchet Ms"; color: #e0e0e0;
}

#kolom_brochure h3,
#kolom_infofiches h3,
#kolom_certificaten h3
{
    font: bold 13px "Trebuchet Ms"; color: #bdbdbd;
    margin-bottom:47px;
}

#inhoud_downloads
{
    margin-top:26px;
}

#blok_fichesencert
{
    /*
    margin-left:228px;
    */
    width:719px;
    overflow:hidden;
}
