* {
    margin: 0;
}

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

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

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

#wrapper
{
    min-height: 100%; 
    height: auto !important; 
    height: 100%;
    
    margin:0px auto -19px;
    width:930px;
    
    background-image:url(../images/layout/rechterkol.jpg);
    background-repeat:no-repeat;
    background-position:652px 355px;
    overflow:hidden;
    position:relative;
}

#site_header
{
    height:355px;
    width:930px;
    position:relative;
    overflow:hidden;
    background-image:url(../images/layout/site_header.png);
    background-repeat:no-repeat;    
    background-position:left top;
}

#logo
{
    display:block;
    text-indent:-9999px;
    height:78px;
    width:227px;
    position:absolute;
    top:14px;
    right:45px;
}

#flash
{
    position:absolute;
    /*
    left:16px;
    */
    left:0px;
    top:115px;
    width:652px;
    height:240px;
    background-image:url(../images/pages/flash_bedrijf.jpg);
    background-repeat:repeat-x;
    background-position:left top;    
}

#inhoud, #inhoud_realisaties, #inhoud_realisaties_detail, #form, #formcontent, #inhoud_contactgegevens, #footer_content, #inhoud_home
{
    line-height:18px !important;
}

#headertekst
{
    width:208px; /*(264-56)*/
    padding-left:28px;
    padding-right:28px;
    height:240px;
    /*
    position:absolute;
    top:115px;
    right:29px;
    */
    float:right;
    margin-right:29px;
    margin-top:115px;
    font: bold 16px "Lucida Sans"; color: #ffffff;
    font-style:italic;
    text-align:center;
    padding-top:47px;
}

#home
{
    background-image:url(../images/layout/nav_home.png);
    background-repeat:no-repeat;
    background-position:left top;        
    float:left;
    text-indent:-9999px;
    display:block;
    height:20px;
    width:20px;
    margin-left:3px;
}

#content_wrapper
{
    width:916px;
    padding-bottom:10px;
    overflow:hidden;
}

#inhoud, #inhoud_realisaties, #inhoud_realisaties_detail, #form, #inhoud_contactgegevens, #inhoud_home
{
    font: normal 12px "Lucida Sans"; color: #4b4b4a;
    text-align:justify;
    
    /*width:652px;*/
    width:606px;
    padding-left:16px;
    padding-right:30px;
    float:left;
}

#inhoud h2, #inhoud_realisaties h2, #inhoud_realisaties_detail h2, #form h2, #inhoud_contactgegevens h2
{
    font: normal 22px "Lucida Sans"; color: #234485;
    display:block;
    line-height:normal !important;
    padding-top:15px;
    padding-bottom:30px;
    background-image:url(../images/layout/titel_streep.png);
    background-repeat:no-repeat;
    background-position:left bottom;
}

#inhoud h3, .inhoud_subtitel
{
    font: normal 16px "Lucida Sans"; color: #636363;
}

#inhoud img, #inhoud_realisaties_detail img
{
    border:solid 2px #234485;
    margin-right:10px;
}

#rechterkol
{
    float:right;
    width:264px;
}

/* realisaties list */

#realisatieslist
{
    list-style:none;
}

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

#realisatieslist li
{
    margin-top:4px;
    overflow:hidden;
    list-style-type: none; 
    list-style-position:outside;    
    
    background-image:url(../images/layout/lijstitem_tussen.png);
    background-repeat:no-repeat;
    background-position:left bottom;    
    /*
    margin-top:25px;
    padding-top:17px;
    */
    padding-bottom:39px;
    
    position:relative;
}

#realisatieslist li h3
{
    background-image:url(../images/layout/pijl_lijst_titel.png);
    background-repeat:no-repeat;
    background-position:left center;    
    padding-left:16px;
    margin-bottom:14px;
    font: normal 16px "Lucida Sans"; color: #636363;
}

#realisatieslist li div.img
{
    width:96px;
    height:96px;
    border:solid 2px #234485;
    float:left;
}

#realisatieslist li div.inhoud
{
    margin-left:116px;
}

a.leesmeer
{
    float:left;
    background-image:url(../images/layout/pijl_lijst_leesmeer.png) ;
    background-position:right center;
    background-repeat:no-repeat ;
    display:block ;
    text-decoration:none ;
    padding-right:19px;
    
    font: bold 13px "Lucida Sans"; color: #868484;
    position:absolute;
    bottom:39px;
    left:116px;
}

a.leesmeer:hover
{
    background-image:url(../images/layout/pijl_lijst_leesmeer_hover.png);
    color:#234485;
}

a.home_leesmeer,
a.home_leesmeer:hover
{
    float:left;
    background-position:left center;
    background-repeat:no-repeat;
    display:block ;
    text-decoration:none ;
    padding-left:19px;
    margin-top:13px;
}

a.home_leesmeer
{
    background-image:url(../images/layout/pijl_home_leesmeer.png) ;
    font: bold 13px "Lucida Sans"; color: #868484;
}

a.home_leesmeer:hover
{
    background-image:url(../images/layout/pijl_home_leesmeer_hover.png) ;
    font: bold 13px "Lucida Sans"; color: #234485;
}

a.knop, a.formknop
{
    background-image:url(../images/layout/pijl_knop.png) ;
    background-position:left center;
    background-repeat:no-repeat ;    
    font: bold 13px "Lucida Sans"; color: #868484;
    padding-left:20px;
    text-decoration:none;
}

a.knop:hover,
a.formknop:hover
{
    background-image:url(../images/layout/pijl_knop_hover.png) ;
    color:#234485;
}

#solliciteer_nu
{
    float:left;
    margin-top:30px;
}

#inhoud_contactgegevens ul
{
    list-style:none;
}

#inhoud_contactgegevens ul li
{
    float:left;
    width:202px;
}

#inhoud_contactgegevens ul li div.afdeling_content
{
    background-image:url(../images/layout/lijstitem_contactgegevens_tussen.png);
    background-repeat:no-repeat;
    background-position:left bottom;    
    padding-bottom:44px;    
    margin-bottom:5px;
}

#inhoud_contactgegevens ul li h2
{
    font: normal 22px "Lucida Sans"; color: #234485;
    display:block;
    
    padding-top:15px;
    padding-bottom:30px;
    
    background-image:url(../images/layout/lijstitem_contactgegevens_titel_tussen.png);
    background-repeat:no-repeat;
    background-position:left bottom;    
}

#inhoud_contactgegevens ul li ul li
{
    background-image:url(../images/layout/lijstitem_contactgegevens_sub_tussen.png);
    background-repeat:no-repeat;
    background-position:left bottom;    
    padding-bottom:13px;
    margin-bottom:13px;
}

#inhoud_contactgegevens ul li ul li.last
{
    background:none;
    padding-bottom:0px;
    margin-bottom:0px;
}

#inhoud_contactgegevens ul li ul li h3
{
    font: bold 13px "Lucida Sans"; color: #234485;
    margin-bottom:12px;
}

#footer
{
    position:absolute;
    bottom:0px;
    right:-12px;
    width:293px;
    height:233px;
    
    background-image:url(../images/layout/rechterkol_footer.png);
    background-repeat:no-repeat;
    background-position:left top;   
    padding-bottom:5px;
}

#footer_content
{
    margin-top:100px;
    width:239px; /* 264-25 */
    padding-right:25px;
    font: normal 12px "Lucida Sans"; color: #ffffff;
    text-align:right;
}

#footer_content a
{
    font: normal 12px "Lucida Sans"; color: #ffffff;
    text-decoration:underline;
}

a.copy
{
    display:block;
    text-indent:-9999px;
    width:12px;
    height:135px;
    position:absolute;
    bottom:0px;
    right:0px;
}

/* HOME LIST */
#homelist
{
    list-style:none;
    overflow:hidden;
}

#homelist li
{
    float:left;
    width:196px;
    margin-left:6px; /*normaal 9px maar geraakt niet op 1 lijn dan */
}

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

#homelist li div.home_img
{
    margin-bottom:18px;
    width:196px;
    height:116px;
}

#homelist li div.home_content
{
    overflow:hidden;
}

#homelist li h2
{
    font: normal 22px "Lucida Sans"; color: #234485;
    display:block;
    
    line-height:normal !important;
    padding-top:15px;
    padding-bottom:30px;
    
    background-image:url(../images/layout/lijstitem_home_tussen.png);
    background-repeat:no-repeat;
    background-position:left bottom;    
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #site_header
    {
        background-image:url(../images/layout/safari_site_header.png);
        background-position:left top;
        width:931px;
    }   
    
    #flash
    {
        left:1px;        
    }
    
    #wrapper
    {
        width:931px;
        background-position:653px 355px;
    }
}