* {
    margin: 0;
}

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

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

a
{
    font: normal 11px "Arial"; color: #005faa;
    text-decoration:underline;
}

#wrapper
{
    min-height: 100%; 
    height: auto !important; 
    height: 100%;
    
    margin:0px auto -19px;
    width:961px;
    
    /*
    background-image:url(../images/layout/bg_wrapper.jpg);
    background-position:left 384px;
    background-repeat:no-repeat;
    */
}

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

/*
#flash
{
    position:absolute;
    top:112px;
    left:0px;
    width:950px;
    height:197px;
}
*/

#logo
{
    display:block;
    text-indent:-9999px;
    width:168px;
    height:72px;
    position:absolute;
    top:0px;
    left:0px;
    
    /*
    background-image:url(../images/layout/logo.jpg);
    background-repeat:no-repeat;
    background-position:left top;
    */
}

#footer, #push { height: 19px; clear: both; }
#footer 
{
    height:19px;
    /*
    background-image:url(../images/layout/bg_footer.jpg);
    background-repeat:repeat-x;
    background-position:left top;
    */
    
    width:961px;
    margin:0px auto;
}


#footer_container
{
    position:relative;
    width:961px;
    margin:0px auto;
    text-align:left;
    overflow:hidden;
}

/*
#footer_data a
{
    font: bold 9px "Century Gothic"; color: #bf2b37;
    text-decoration:none;
}
*/

#footer_data
{
    height:16px;
    padding-top:3px;
}

a.copy
{
    position:absolute;
    left:422px;
    font: normal 12px "Arial"; color: #3e598b;
    text-decoration:none;
}

#content_wrapper
{
    padding-top:13px;
}

#inhoud_kol_images
{
    width:299px;
    float:left;
}

#inhoud_small,
#inhoud_form,
#inhoud_waarden_small,
#inhoud_management_small,
#inhoud_vacatures_small,
#inhoud_locaties_small
{
    /*
    width:661px;
    */
    width:642px;
    margin-left:316px;
}

#inhoud,
#inhoud_waarden,
#inhoud_management,
#inhoud_vacatures,
#inhoud_locaties,
#inhoud_small,
#inhoud_form,
#inhoud_waarden_small,
#inhoud_management_small,
#inhoud_vacatures_small,
#inhoud_locaties_small,
#form_content_intro,
span.quote,
#blok_algemeen_wrapper
{
    line-height:20px !important;
}

#inhoud a.knop_download,
#inhoud_small a.knop_download
{
    margin-top:20px;
}

#inhoud h2,
#inhoud_waarden h2,
#inhoud_management h2,
#inhoud_vacatures h2,
#inhoud_locaties h2,
#inhoud_small h2,
#inhoud_form h2,
#inhoud_waarden_small h2,
#inhoud_management_small h2,
#inhoud_vacatures_small h2,
#inhoud_locaties_small h2
{
    overflow:hidden;
    font: bold 16px "Century Gothic"; color: #3e598b;
    text-transform:uppercase;
    background-image:url(../images/layout/titelstreep.jpg);
    background-position:left bottom;
    background-repeat:no-repeat;
    margin-bottom:20px;
    width:642px;
}

#inhoud h2 span.titel,
#inhoud_waarden h2 span.titel,
#inhoud_management h2 span.titel,
#inhoud_vacatures h2 span.titel,
#inhoud_locaties h2 span.titel,
#inhoud_small h2 span.titel,
#inhoud_form h2 span.titel,
#inhoud_waarden_small h2 span.titel,
#inhoud_management_small h2 span.titel,
#inhoud_vacatures_small h2 span.titel,
#inhoud_locaties_small h2 span.titel
{
    display:block;
    padding-top:9px;
    padding-bottom:12px;
    float:left;
}

#inhoud h2 a.knop,
#inhoud_waarden h2 a.knop,
#inhoud_management h2 a.knop,
#inhoud_vacatures h2 a.knop,
#inhoud_locaties h2 a.knop,
#inhoud_small h2 a.knop,
#inhoud_form h2 a.knop,
#inhoud_waarden_small h2 a.knop,
#inhoud_management_small h2 a.knop,
#inhoud_vacatures_small h2 a.knop,
#inhoud_locaties_small h2 a.knop
{
    float:right;
}

/*
#inhoud h2 a.knop span,
#inhoud_waarden h2 a.knop span
#inhoud_small h2 a.knop span,
#inhoud_waarden_small h2 a.knop span
{
    padding-left:18px;
    padding-right:18px;
}
*/

#inhoud ul li,
#inhoud_small ul li
{
    list-style-type:none;
    background-image:url(../images/layout/inhoud_listitem.jpg);
    background-position:left 5px;
    background-repeat:no-repeat;
    padding-left:20px;
}


/* knop en formknop */
a.knop,
a.knop span,
a.formknop,
a.formknop span
{
    display:inline-block;
    height:30px;
    line-height:30px !important;
    cursor:pointer;
}

a.knop,
a.formknop
{
    background-image:url(../images/layout/knop_links.png);
    background-position:left top;
    background-repeat:no-repeat;  
}

a.knop span,
a.formknop span
{
    margin-left:5px;
    background-image:url(../images/layout/knop_rechts.png);
    background-position:right top;
    background-repeat:no-repeat;    
    font: normal 11px "Arial"; color: #ffffff;
    text-transform:uppercase;
    
    padding-left:18px;
    padding-right:18px;
}

span.subtitel
{
    font: bold 14px "Arial"; color: #3f598b;
}

span.quote
{
    display:block;
    font: italic 12px "Arial"; color: #3f598b;
    border-left:solid 5px #bababa;
    padding-left:13px;
}

/* waardenlist */
#waardenlist
{
    list-style:none;
}

#waardenlist li
{
    list-style-type:none;
    list-style-position:outside;
    background-image:url(../images/layout/titelstreep.jpg);
    background-position:left bottom;
    background-repeat:no-repeat;
    width:642px;
    overflow:hidden;
    padding-top:20px;
    padding-bottom:20px;
}

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

#waardenlist li div.item_inhoud_wrapper
{
}

#waardenlist li div.item_inhoud_wrapper h3
{
    font: bold 14px "Arial"; color: #3e598b;
    text-transform:uppercase;
    margin-bottom:12px;
}

#waardenlist li div.item_inhoud_wrapper div.item_inhoud
{
    font: italic 12px "Arial"; color: #3e598b;
    border-left:solid 5px #bababa;
    padding-left:9px;
}

/* managementlist */
#managementlist
{
    list-style:none;   
}

#managementlist li
{
    list-style-type:none;
    list-style-position:outside;
    background-image:url(../images/layout/inhoud_listitem.jpg);
    background-position:left 4px;
    background-repeat:no-repeat;
    padding-left:15px;
    margin-top:20px;
}

#managementlist li.first
{
    margin-top:0px;
}

#managementlist li div.item_inhoud_wrapper
{
    font: normal 12px "Arial"; color: #3e598b;
}

#managementlist li div.item_inhoud_wrapper h3
{
    font: normal 12px "Arial"; color: #3e598b;
}

#managementlist li div.item_inhoud_wrapper span.functieomschrijving
{
    font-style:italic;
}

/* knop download */
a.knop_download,
a.knop_download span
{
    display:inline-block;
    height:30px;
    line-height:30px !important;
    cursor:pointer;
}

a.knop_download
{
    background-image:url(../images/layout/knop_download_links.png);
    background-position:left top;
    background-repeat:no-repeat;  
    float:right;
}

a.knop_download span
{
    margin-left:5px;
    background-image:url(../images/layout/knop_download_rechts.png);
    background-position:right top;
    background-repeat:no-repeat;    
    font: normal 11px "Arial"; color: #ffffff;
    text-transform:uppercase;
    padding-left:27px;
    padding-right:35px;
}

/* vacatureslist */
#vacatureslist
{
    list-style:none;    
}

#vacatureslist li
{
    list-style-type:none;
    list-style-position:outside;
    width:642px;
    overflow:hidden;
    background-image:url(../images/layout/titelstreep.jpg);
    background-position:left bottom;
    background-repeat:no-repeat;
    padding-top:20px;
    padding-bottom:20px;
}

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

#vacatureslist li div.item_inhoud_wrapper
{
    overflow:hidden;
    position:relative;
}

#vacatureslist li div.item_inhoud_wrapper h3
{
    font: bold 14px "Arial"; color: #3f5a8b;
    text-transform:uppercase;
    margin-bottom:17px;
}

#vacatureslist li div.item_inhoud_wrapper div.item_inhoud
{
    float:left;
    width:465px;
}

#vacatureslist li div.item_inhoud_wrapper a.knop
{
    /*
    float:right;
    */
    position:absolute;
    right:0px;
    bottom:0px;
}

/* locatieslist */
#locatieslist
{
    list-style:none;
    background-image:url(../images/layout/locaties_onder.jpg);
    background-position:left bottom;
    background-repeat:no-repeat;
    overflow:hidden;
    padding-bottom:23px;
}

#locatieslist li
{
    list-style-type:none;
    list-style-position:outside;
    width:200px;
    margin-left:21px;
    float:left;
    overflow:hidden;
}

#locatieslist li.first
{
    margin-left:0px;
}

#locatieslist li div.item_inhoud_wrapper
{
    
}

#locatieslist li div.item_inhoud_wrapper div.img
{
    width:220px;
    height:200px;
}

#locatieslist li div.item_inhoud_wrapper div.item_inhoud
{
    margin-top:20px;
    height:125px;
}

#locatieslist li div.item_inhoud_wrapper div.item_inhoud h3
{
    font: bold 14px "Arial"; color: #3e598b;
    text-transform:uppercase;
    margin-bottom:3px;
}

#locatieslist li div.item_inhoud_wrapper a.knop
{
    float:right;
}


/* blok algemeen */
#blok_algemeen_wrapper
{
    margin-top:100px;
    background-image:url(../images/layout/blok_algemeen_top.png);
    background-position:left top;
    background-repeat:no-repeat;
    
    clear:both;
    /*
    padding-left:20px;
    padding-top:20px;
    */
    width:960px;
    overflow:hidden;
}

#blok_algemeen_top
{
    padding-left:20px;
    padding-top:20px;
    padding-bottom:20px;
}

#blok_algemeen_wrapper h2
{
    font: bold 14px "Arial"; color: #3e598b;
    background-image:url(../images/layout/blok_algemeen_titelstreep.jpg);
    background-position:left bottom;
    background-repeat:no-repeat;
    margin-bottom:5px;
    padding-bottom:5px;
    text-transform:uppercase;
}

#blok_algemeen_onder
{
    background-image:url(../images/layout/blok_algemeen_onder.png);
    background-position:left top;
    background-repeat:no-repeat;
    height:7px;
    width:960px;
}

/* newsletterlist */
#blok_algemeen_nieuwsbrieven
{ 
    width:439px;
    float:left;
}

#newsletterlist
{
    list-style:none;
}

#newsletterlist li
{
    list-style-type:none;
    list-style-position:outside;
    width:439px;
    overflow:hidden;
    margin-top:5px;
}

#newsletterlist li.first
{
    margin-top:10px;
}

#newsletterlist li div.item_inhoud_wrapper
{
    
}

#newsletterlist li div.item_inhoud_wrapper div.kalender
{
    background-image:url(../images/layout/icoon_kalender.jpg);
    background-position:left top;
    background-repeat:no-repeat;
    width:40px;
    height:45px;
    float:left;
}

#newsletterlist li div.item_inhoud_wrapper div.kalender span.kalender_maand
{
    width:38px;
    height:13px;
    padding-top:3px;
    text-align:center;
    display:block;
    font: normal 11px "Arial"; color: #ffffff;
    text-transform:uppercase;
}

#newsletterlist li div.item_inhoud_wrapper div.kalender span.kalender_dag
{
    font: bold 18px "Arial"; color: #3e598b;
    display:block;
    width:40px;
    height:27px;
    padding-top:3px;
    text-align:center;
   
}

#newsletterlist li div.item_inhoud_wrapper div.item_inhoud
{
    margin-left:50px;    
}

/* company brochure */
#blok_company_brochure
{
    margin-left:479px;
    width:460px;
}

#blok_company_brochure h2
{    
}

#blok_company_brochure div.item_inhoud_wrapper
{
    overflow:hidden;
}

#blok_company_brochure div.item_inhoud_wrapper div.pdf
{
    float:left;
    width:58px;
}

#blok_company_brochure div.item_inhoud_wrapper div.item_inhoud
{
    width:270px;
    padding-right:10px;
    float:left;
}

#blok_company_brochure div.item_inhoud_wrapper a.knop_download_brochure
{
}

/* blok vacatures */
#blok_vacatures
{
    margin-top:12px;
    margin-left:479px;
    width:460px;    
}

#blok_vacatures div.item_inhoud_wrapper
{
}

#blok_vacatures div.item_inhoud_wrapper h3
{
    font: bold 12px "Arial"; color: #3e598b;
}

/* hier onder zetten */
a.knop_download_brochure,
a.knop_download_brochure span
{
    display:inline-block;
    height:50px;
    line-height:50px !important;
    cursor:pointer;
}

a.knop_download_brochure,
a.knop_download_brochure span
{
    display:inline-block;
    height:50px;
    line-height:50px !important;
    cursor:pointer;
}

a.knop_download_brochure
{
    background-image:url(../images/layout/knop_download_brochure_links.png);
    background-position:left top;
    background-repeat:no-repeat;  
}

a.knop_download_brochure span
{
    margin-left:5px;
    background-image:url(../images/layout/knop_download_brochure_rechts.png);
    background-position:right top;
    background-repeat:no-repeat;    
    font: normal 11px "Arial"; color: #ffffff;
    text-transform:uppercase;
    
    padding-left:18px;
    padding-right:18px;
}

/* icoon pdf */
a.icoon_pdf,
a.icoon_pdf span
{
    display:inline-block;
    height:30px;
    line-height:30px !important;
    cursor:pointer;
}

a.icoon_pdf
{
    margin-left:10px;
    margin-top:10px;
    
    background-image:url(../images/layout/icoon_pdf.png);
    background-position:left top;
    background-repeat:no-repeat;  
    width:32px;
    height:30px;
    display:block;
    text-indent:-9999px;
}

a.icoon_pdf span
{
}

#blok_algemeen_onder
{
    background-image:url(../images/layout/blok_algemeen_onder.png);
    background-position:left bottom;
    background-repeat:no-repeat;
    height:7px;
    width:960px;
}

/*
#navMain
{
    z-index:10;
}

#sddm
{
    z-index:20;
}

#navAlgemeen
{
    z-index:30;
}
*/

#home_flash
{
    position:relative;
}

#home_flash_text
{
    background-image:url(../images/layout/home_flash_text.png);
    background-position:left top;
    background-repeat:no-repeat;
    position:absolute;
    left:20px; 
    top:15px;
    
    font: normal 12px "Arial"; color: #ffffff; 
    line-height:20px !important;
    /*
    height:435px;
    */
    height:417px;    
    padding-top:18px;
    
    /*
    width:276px;
    */
    width:254px;
    padding-left:11px;
    padding-right:11px;
}

#home_flash_text h2
{
    font: bold 14px "Arial"; color: #ffffff; 
    margin-bottom:10px;
    padding-bottom:10px;
    background-image:url(../images/layout/home_text_streep.png);
    background-position:left bottom;
    background-repeat:no-repeat;
    
}