@charset "utf-8";
/* CSS Document */

html, body {
} 

body {
    background-color: #2b2b2b;
    background-image: url(../images/bg.gif);
    background-repeat: repeat-x;
    margin: 0;
    text-align: center;
    font-family: "Lucida Sans Unicode", Verdana, sans-serif;
    font-size: 11px;
    color: #444f58;
    text-decoration: none;
} 

#top {
    display: none;
    text-align: left;    
    margin: 0 auto;
    width: 990px;
    height: 71px;
    overflow: hidden;
}

#logo {
    float: left;
    height: 71px;
    width: 148px;
    
    display: inline; /* voor margin in ie6 */
    
    margin-left: 60px;
    margin-top: 0px;
    padding: 0;    
    
    border: none;    
    background-image: url(../images/logo.gif);
    background-repeat: no-repeat;
}

#logo a {    
    height: 71px;
    width: 148px;
    display:block;
    overflow: hidden;
    text-indent:-5000px;
}

#main {                      
    background-color: #FFF;
    background-image: url(../images/bg_main.gif);
    background-repeat: repeat-x;
}

#content {
    overflow: hidden;
    width: 990px;
    min-height: 495px;
    text-align: left;
    margin-top: 12px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;    
    padding-bottom: 10px;
}
    #content.portfolio,
    #content.over_ons,
    #content.werkwijze,
    #content.nieuwsoverzicht,
    #content.project,
    #content.diensten {
        background-color:#FFF;
        background-image: url(../images/bg_portfolio.jpg);
        background-repeat: no-repeat;          
        padding-bottom: 20px;  
    }
    
    #content.over_ons {
        margin-top: 12px;
    }
    
#map_canvas {
    width: 100%;
    height: 620px;    
}

/*
#fade_div {
    position: absolute;
    top: 71px;
    left: 0px;
    
    display: block;
    
    width: 100%;
    height: 46px;
    
    background: url(../images/fading.png);
}
*/

div#map_overlay_container {
    position: absolute;
    top: 125px; 
    
    width: 330px;
    height: 460px;    
}


div#map_overlay_button {
    width: 330px;
    height: 52px;
    
    margin: 1px 0 0 0;
    
    background: url(../images/map_overlay_netwerk.png) top left no-repeat;    
}

#map_overlay {
    height: 400px;
    width: 330px;
    
    z-index: 16567;
    
    color: white;
    background: black;    
    text-align: left;
}

    #map_overlay img {
        margin: 0px 17px 0px 17px;
    }
    
    #map_overlay img.button1 {
        margin: 14px 0px 14px 17px;    
    }
    #map_overlay img.button2 {
        margin: 14px 10px 14px 22px;    
    }
    
    #map_overlay p {
        margin: 14px 17px 14px 17px;    
    }
    
    #map_overlay p img {
        margin: 0 0 0 0; 
    }
 
    #map_overlay p a {
        color: white;
    }
    
    #map_overlay label,
    #map_overlay input {
        margin: 0px 17px 0px 17px;    
    }
    
#routeForm .textField {
    width: 200px;
    background-color: #f1f1f1;
    border: 0px;
    margin-bottom: 5px;
}

#routeForm .submitButton {
    margin-top: 10px;
}

.clearer {
    clear: both;    
}
    

/*
    Menu
*/

#menu {
    float: right;
    display: inline;
    
    overflow: hidden;
    
    margin-top: 0px;
    margin-right: 30px;
    padding: 0px;
}

#menu li {
    float: left;
    display: block;
    margin-top: 0;
    padding: 0px;
}

    #menu li img {
        border: none;    
    }

    #menu li a {
        border: none;    
    }             

/*  CSS van de hoofd-menu-items staat in menu.css  */


/*
    Overig
*/

img {
    border: none;
}

h2 {
    color: #34383D;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 19px;
    margin-left: 18px;
    line-height: 20px;
    font-weight: normal;
}

h2 a:link, a:active, a:visited {
    text-transform: none;
    text-decoration: none;
    color: #34383D;
}

h2 a:hover {
    text-decoration: none;
    color: #fff;
    background-color: #c31b2f;
}


h4 {
    color: #c80a11;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 15px;
    margin-left: 8px;
    margin-right: 8px;
    line-height: 24px;
    font-weight: normal;        
}

h5 {
    color: #34383D;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 13px;
    margin-left: 8px;
    margin-right: 8px;
    line-height: 24px;
    font-weight: normal;        
}


p {
    line-height:16px;
}

.more {
    border: none;
    padding-left: 10px;
}

#toggle img {
    padding: 4px 4px 4px 0px;
}



/*
    Homepage
*/

#slider_wrap {
    float: left;
    
    height: 179px;
    width: 612px;        
                        
    overflow: hidden;
    
    padding: 0 0 0 0;
    margin: 40px 0px 0px 25px;
}

    #slider_wrap a,
    #slider_wrap a:hover {
        text-decoration: none;
    }

    #slider_menu {
        height: 14px;  
        width: 2500px;             
    }                
    #slider_menu img { 
        margin: 0 13px 0 0;   
    }
    #slider_menu img.last { 
        margin: 0 33px 0 0;   
    }
        #slider_menu.menu0 {
            margin-left: 0px;
        }
        #slider_menu.menu1 {
            margin-left: -612px;
        }
        #slider_menu.menu2 {
            margin-left: -1224px;            
        }
        #slider_menu.menu3 {
            margin-left: -1838px;            
        }
    
    #slider_blocks {    
        height: 165px;   
        width: 2600px;    
    }    
        #slider_blocks.block0 {
            margin-left: -1845px;
        }
        #slider_blocks.block1 {
            margin-left: -1230px;
        }
        #slider_blocks.block2 {
            margin-left: -615px;
        }
        #slider_blocks.block3 {
            margin-left: 0px;
        }

#split {
    float: left;
    width: 5px;
    height: 237px;      
    background-image:url(../images/vertical_line.gif);
    background-position: right;
    background-repeat:no-repeat;
}

#news {
    float: left;
    width: 318px;
    margin-top: 27px;
}

.news_intro {
    margin-left: 18px;
    line-height: 20px;
    color: #6e767c;
    margin-top: -14px;
}



/*
    Kruimelpad
*/

#kruimelpad {
    margin: 0 34px 0 0;
    text-align: right;
    
    list-style:  none;
}

    #kruimelpad li {
        display: inline;
        padding: 0;
        margin: 0;
    }
    
    #kruimelpad img {
        margin-left: 6px;
    }
    
    #kruimelpad  a {
        color: #6e767c;
        text-decoration:none;
    }
    
    #kruimelpad  a:hover {
        background-color: #c31b2f;    
        color: #fff;    
    }
    
    #kruimelpad a.overview,
    #kruimelpad a.overview:hover {
        background-color: transparent;           
    }
    
    
    
/*
    Artikel
*/

#artikel {
    width: 624px;
    overflow: hidden;    
    float: left;
}

#artikel #intro p {
    font-size: 13px;
    line-height: 24px;
    color: #41474B;
    text-decoration: none;
    margin-left: 25px;
}

    #artikel h2 {
        font-family: Georgia, "Times New Roman", Times, serif;
        font-size: 27px;
        color: #535a60;
        text-decoration: none;
        font-weight: lighter;
        margin-top: 10px;
        line-height: 22px;
        margin-top: 12px;
        margin-bottom: 10px;
        margin-left: 25px;
        margin-right: 10px;
    }

    #artikel h3 {
        font-size: 13px;
        color: #018dd5;
        text-decoration: none;
        font-style: italic;
        font-weight: normal;
        margin-bottom: -8px;
    }

    #artikel #column1 {
        float:left;
        display: inline;
        
        width: 302px;
        
        margin: 12px 0 0 25px;
        padding-bottom: 20px;
    }

        #artikel #column1 p {
            line-height: 22px;    
        }

    #artikel #column2 {
        float:right;
        width: 280px;
        margin-top: 12px;
        margin-left: 4px;
    }

        #artikel #column2 p {
            line-height: 22px;    
            padding-right: 8px;
        }
        
    #artikel ul {
        list-style-image: url(../images/arrow_blue.gif);
        padding-top: 4px;
        padding-bottom: 4px;
        line-height: 22px;    
    }

    #artikel a {
        color: #c31b2f;    
        text-decoration: none;
    }

    #artikel a:hover {
        background-color: #c31b2f;    
        color: #fff;
    }
    
    #artikel div.nav {
        float: left;
        display: inline;
        
        width: 100%;
        height: 25px;
                                     
        margin: 0px 0 0 0;
    }
        
        #artikel div.nav a.nav_links {
            float: left;
            
            height: 23px;
            width: 23px;
            
            margin: 0 0 0 25px;
            
            background: url(../images/arrow_left.gif) no-repeat;
        }
        #artikel div.nav a.nav_links:hover {
            background: url(../images/arrow_red_left.gif) no-repeat;            
        }
        
        #artikel div.nav a.nav_rechts {
            float: right;
            
            height: 23px;
            width: 23px;
            
            background: url(../images/arrow_right.gif) no-repeat;
        }
        #artikel div.nav a.nav_rechts:hover {
            background: url(../images/arrow_red_right.gif) no-repeat;            
        }


    
    
/*
    Portfolio
*/

#portfolio_meer {    
    text-align: right;
    margin-left: 16px;
    margin-top: 4px;
    margin-right: 44px;
    margin-bottom: 16px;
}

#content.portfolio #kruimelpad {
    margin: 20px 25px 0 0;
    text-align: right;
}
                                          
    #content.portfolio #kruimelpad a:hover {
        background-color: transparent;
    }

#portfolioContent div#cats {
    margin: 12px 25px 0 0;
    text-align: right;
}
    
    #portfolioContent div#cats a,
    #portfolioContent div#cats a:hover{
        text-decoration: none;    
    }

#portfolioContent div#projecten {  
    margin: 30px 0 0 30px;    
}

    #portfolioContent div#projecten a,
    #portfolioContent div#projecten a:hover{
        text-decoration: none;    
    }

    #portfolioContent div#projecten img {
        margin: 0 25px 50px 0;    
    }
        
        #portfolioContent div#projecten img.last {
            margin: 0 0 50px 0;    
        }

        #portfolioContent div#projecten a.nav_links {
            margin:  -30px 0 0 0;
            float: left;
            
            height: 23px;
            width: 23px;
            
            background: url(../images/arrow_left.gif) no-repeat;
        }
        
        #portfolioContent div#projecten a.nav_links:hover {
            background: url(../images/arrow_red_left.gif) no-repeat;            
        }

        #portfolioContent div#projecten a.nav_rechts {
            margin:  -30px 15px 0 0;
            float: right;
            
            height: 23px;
            width: 23px;
                        
            background: url(../images/arrow_right.gif) no-repeat;
        }
        
        #portfolioContent div#projecten a.nav_rechts:hover {
            background: url(../images/arrow_red_right.gif) no-repeat;            
        }        

#portfolioContent div.projectenList {
    float: left;
    display: inline;
    
    width: 225px;
    height: 400px;
    
    margin: 30px 15px 0 0;    
}
    
    #portfolioContent div.projectenList.first {
        margin-left: 25px;    
    }
    
    #portfolioContent div.projectenList.last {
        margin-right: 0;    
    }
    
    #portfolioContent div.projectenList h2,
    #portfolioContent div.projectenList h2 a, 
    #portfolioContent div.projectenList h2 a:hover { 
        color: #34383D;
        font-family: Georgia, "Times New Roman", Times, serif;
        font-size: 19px;
        font-weight: normal;
        
        margin: 30px 0 0 0; 
        line-height: 15px;   
        
        background: none;
    }
    
    #portfolioContent div.projectenList a,
    #portfolioContent div.projectenList a:hover {
        color: #018DD5;
        font-family: "Lucida Sans Unicode", Verdana, sans-serif;
        font-size: 10px;
        font-weight: normal;
        line-height: 8px;                    
        text-decoration: none;            
    }
                                          
    #portfolioContent div.projectenList a:hover {
        color: #ffffff;
        background-color: #018dd5;    
    }
    
    #portfolioContent div.projectenList.showcases {
        background: url(../images/showcases.gif) no-repeat;
    }
    #portfolioContent div.projectenList.jaar2009 {
        background: url(../images/2009.gif) no-repeat;
    }
    #portfolioContent div.projectenList.jaar2008 {
        background: url(../images/2008.gif) no-repeat;
    }
    #portfolioContent div.projectenList.archief {
        background: url(../images/archief.gif) no-repeat;
    }

#portfolioContent div.nav {          
    float: left;
    display: inline;
                  
    width: 225px;              
    height: 25px;              
    
    margin: 30px 15px 0 0;    
}

    #portfolioContent div.nav.first {
        margin-left: 25px;    
    }
    
    #portfolioContent div.nav.last {
        margin-right: 0;    
    }
    
    #portfolioContent div.nav a.nav_links {
        float: left;
        
        height: 23px;
        width: 23px;
        
        background: url(../images/arrow_left.gif) no-repeat;
    }
    
    #portfolioContent div.nav a.nav_links:hover {
        background: url(../images/arrow_red_left.gif) no-repeat;
    }
    
    #portfolioContent div.nav a.nav_rechts {
        float: right;
        
        height: 23px;
        width: 23px;
        
        background: url(../images/arrow_right.gif) no-repeat;
    }
    
    #portfolioContent div.nav a.nav_rechts:hover {
        background: url(../images/arrow_red_right.gif) no-repeat;            
    }
    
    
    
/*
    Nieuws
*/
       
#nieuws {
    float: left;
    display: inline;
    
    width: 650px;
    overflow: hidden;    
    
    margin: 30px 0 0 0;
    padding: 10px 0 0 0;
    
    background: url(../images/nieuws.gif) no-repeat 25px 0px;
}
       
    #nieuws .nieuwsitem {
        float: left;
        display: inline;
        
        width: 300px;
        height: 100px;
        
        overflow: hidden;    
        margin: 4px 0 0 25px;
    }
        
        #nieuws .nieuwsitem img {
            float: left;
            margin: 10px 5px 5px 0;
        }
        
        #nieuws .nieuwsitem p {
            margin: 8px 0 0 0;    
        }
        
        #nieuws a {
            color: #c31b2f;    
            text-decoration: none;
        }
        #nieuws a:hover,
        #nieuws .nieuwsitem h2 a:hover {
            background-color: #c31b2f;    
            color: #fff;
        }
        
        #nieuws .nieuwsitem h2 {
            margin: 0;    
        }

        #nieuws .nieuwsitem h2 a {
            color: #34383D;
        }
        
    #nieuws div.nav {
    float: left;
    display: inline;
    
    width: 625px;
    height: 25px;
    
    margin: 30px 15px 0 25px;    
}

    #nieuws div.nav a.nav_links {
        float: left;
        
        height: 23px;
        width: 23px;        
        
        background: url(../images/arrow_left.gif) no-repeat;
    }
    #nieuws div.nav a.nav_links:hover {
        background: url(../images/arrow_red_left.gif) no-repeat;            
    }
    
    #nieuws div.nav a.nav_rechts {
        float: right;
        
        height: 23px;
        width: 23px;
        
        background: url(../images/arrow_right.gif) no-repeat;
    }
    
    #nieuws div.nav a.nav_rechts:hover {
        background: url(../images/arrow_red_right.gif) no-repeat;            
    }

#extern_nieuws {
    float: left;
    display: inline;
    
    width: 320px;
    
    margin: 30px 0 0 20px;   
    padding: 10px 0 0 0;
    
    background: url(../images/voorugeselecteerd.gif) no-repeat;
}

    #extern_nieuws .nieuwsitem {
        width: 300px;           
                              
        margin: 4px 0 20px 0;
    }

        #extern_nieuws .nieuwsitem h2 {
            margin: 0;    
        }
        
        #extern_nieuws .nieuwsitem a.externe_link {
            text-decoration: none;
            color: #0095e1;
        }
        
    #extern_nieuws div.nav {
        float: left;
        display: inline;
        
        width: 300px;
        height: 25px;
                                     
        margin: 30px 0 0 0;
    }
        
        #extern_nieuws div.nav a.nav_links {
            float: left;
            
            height: 23px;
            width: 23px;        
            
            background: url(../images/arrow_left.gif) no-repeat;
        }
        #extern_nieuws div.nav a.nav_links:hover {
            background: url(../images/arrow_red_left.gif) no-repeat;            
        }
        
        #extern_nieuws div.nav a.nav_rechts {
            float: right;
            
            height: 23px;
            width: 23px;
            
            background: url(../images/arrow_right.gif) no-repeat;
        }
        
        #extern_nieuws div.nav a.nav_rechts:hover {
            background: url(../images/arrow_red_right.gif) no-repeat;            
        }


/*
    Projecten
*/

#projects_home {
    background-image: url(../images/bg_recent.gif);
    background-repeat: no-repeat;
    background-position: right;
    height: 200px;
    width: 990px;
    float:left;
}

.project_strip {
    overflow: hidden;
    text-align: center;
    margin-left: 16px;
    
}

.project_pic {
    float: left;
    padding: 10px;
}

.project_menu {
    margin-left: 16px;
    margin-top:30px;
}

    .project_menu img {
        float: left;    
    }

    .project_menu a.btn_totaaloverzicht { 
        float: left;
        
        width: 132px;
        height: 34px;
        
        margin: 0;
        padding: 0;
        
        background: url(../images/btn_totaaloverzicht.gif) top left no-repeat;    
    }
    .project_menu a.btn_totaaloverzicht:hover {
        background: url(../images/btn_totaaloverzicht_hover.gif) top left no-repeat;
    }

.project_filters {
    text-align: right;
    margin-left: 16px;
    margin-top:10px;
    margin-right: 48px;
    margin-bottom: 10px;
}



/*
    Diensten
*/

.diensten_intro {
    float:left;
    margin-left: 18px;
    color: #6e767c;
    margin-top: -14px;
    padding-top: 4px;
}

    .diensten_intro h2 {
        float:left;
        margin: 0 0 5px 0;
    }

    .diensten_intro img.icon {
        float:left;
        padding-top: 4px;
        padding-right: 8px;
        padding-bottom: 0px;
        padding-left: 0px;
    }    

    .diensten_intro p {
        float:left;
        text-decoration: none;
        margin: 0 0 15px 0;
        padding: 0px;
        width: 260px;
    }

.dienst_item {
    padding-bottom: 24px;    
}

    .dienst_item  h2 a.active {
        text-transform: none;
        text-decoration: none;
        /*color: #34383D;*/
        color: #c31b2f;
    }
    .dienst_item h2 a.active:hover {
        text-decoration: none;
        color: #fff;
        background-color: #c31b2f;
    }

/*
    Over Ons
*/

div#over_ons_content {
    float: left;
    display: inline;
    
    width: 990px;
                         
    padding: 0 0 100px 0;   
    margin: 0px 0 0 25px;
}

    div#over_ons_content h1 {
        font-family: Georgia, "Times New Roman", Times, serif;
        font-size: 27px;

        color: #535a60;
        text-decoration: none;
        font-weight: lighter;
        line-height: 22px;

        margin: 12px 10px 10px 0;
    }
    
    div#over_ons_content #intro {
        color: #41474B;
        text-decoration: none;
        font-size: 13px;
        line-height: 24px;
        
        margin: 0 0 0 2px;
    }
    
    div#over_ons_content div.medewerker {
        position: relative;
        float: left;
        
        width: 282px; 
        height: 83px;             
        
        margin: 0px 60px 20px 0px;     
        
        font-size: 11px;       
    }
    
        div#over_ons_content div.medewerker h2,
        div#over_ons_content div.medewerker h2 a,
        div#over_ons_content div.medewerker h2 a:hover {
            margin: 10px 0px 5px 0px;   
            
            color: #c31b2f;
            background-color: transparent;
            
            font-family: "Lucida Sans Unicode", Verdana, sans-serif;
            font-size: 13px;
            font-weight: bold;
            line-height: 10px;          
        }
        
        div#over_ons_content a.email {
            position: absolute;
            top: 60px;
            left: 110px;
                        
            color: #018dd5;    
            line-height: 18px;            
            text-decoration: none;
        }    
        
            div#over_ons_content a.email img { 
                margin: 0 5px -3px 0;
            }
    
    div#over_ons_content div.last {
        margin: 0px 0px 20px 0px;    
    }
    
div#medewerkers_popup {   
    position: absolute;         
    top: 150px;    
    left: 25%;   
    
    display: none;
    
    height: 313px;
    width: 596px;

    overflow: hidden;   
    
    text-align: left;
    background: url(../images/bg_peepz.png) no-repeat top left;
}

    div#medewerkers_popup div.popupContainer {
        width: 540px;
        height: 250px;
        
        margin: 25px 0 0 30px;
        z-index: 20; 
        overflow: hidden;
    }

    div#medewerkers_popup a#right {    
        position: absolute; 
        
        display: block;
        height: 23px;
        width: 23px;
        
        margin: 263px 0 0 568px;                    
        background: url(../images/arrow_red_right.gif) no-repeat top left;
    }
    
    div#medewerkers_popup a#left {
        position: absolute; 
        
        display: block;
        height: 23px;
        width: 23px;
        
        margin: 263px 0 0 3px;
        background: url(../images/arrow_red_left.gif) no-repeat top left;            
    }
    
    div#medewerkers_popup a#close {
        position: absolute; 
        
        display: block;
        height: 23px;
        width: 23px;
        
        margin: 22px 0 0 568px;
        background: url(../images/close.gif) no-repeat top left;            
    }
    
    div#medewerkers_popup div.media {
        float: left;
        display: inline;
        
        width: 150px;
                                               
        /*margin: 20px 0 0 20px;*/
    }
    
    div#medewerkers_popup div.tekst {
        float: left;
        display: inline;
        
        width: 370px;
        height: 270px;
                                  
        overflow: hidden;                
        margin: 0 20px 0 0;
    }
    
        div#medewerkers_popup h2 {
            margin-bottom: 0px;
            color: #34383D;
            font-family: Georgia, "Times New Roman", Times, serif;
            font-size: 19px;
            margin-left: 18px;
            line-height: 20px;
            font-weight: normal;
        }
    
    div#medewerkers_popup a.email {
        position: static;
        color: #018dd5;    
        line-height: 18px;            
        text-decoration: none;
    }    
        
        div#medewerkers_popup a.email img { 
            margin: 0 5px -3px 0;
        }
    
    
    
/*
    Rechter kolom
*/

#right_column {
    margin-left: 24px;
    background-image: url(../images/bgline.gif);
    background-repeat: no-repeat;
    background-position: center 28px;
}

    #right_column #showcases {
        float: left;
        width: 318px;
        margin-top: 27px;
        padding-top: 30px;
        padding-left: 22px;
        background-image: url(../images/h_showcases.gif);
        background-repeat: no-repeat;
        background-position: center 4px;
    }

        #right_column #showcases h2 {
            margin: 20px 0px 0px 0px;        
        }

        #right_column #showcases .externe_link a {
            text-decoration: none;
            color: #0095e1;
        }
        #right_column #showcases .externe_link a:hover {
            text-decoration: none;
            color: #bc1219;  
        }
        
    #right_column #quick_facts {
        float: left;
        width: 318px;
        margin: 30px 0 0 0;
        padding: 0 0 0 22px;  
        
        background-image: url(../images/bgline.gif);
        background-repeat: no-repeat;
        background-position: center 0px;
    }
 
        #right_column #quick_facts h2 {
            margin: 20px 0 0 0; 
            line-height: 15px;   
        }
        
        #right_column #quick_facts span {
            color:#cccccc;
            font-family: Georgia,"Times New Roman",Times,serif;
            font-size:9px;
            font-style:italic;
            font-weight:normal;
            line-height:8px;                    
        }
        
        #right_column #quick_facts a,
        #right_column #quick_facts a:hover {
            text-decoration: none;    
        }
 
    #right_column #gerelateerd {
        float: left;
        width: 318px;
        margin: 30px 0 0 0;
        padding: 15px 0 0 22px;  
        
        background-image: url(../images/h_gerelateerdeprojecten.gif);
        background-repeat: no-repeat;
        background-position: center 0px;
    }                        
    
        #right_column #gerelateerd h2 {
            margin: 20px 0 0 0; 
            line-height: 15px;   
            color: #34383D;
            font-family: Georgia, "Times New Roman", Times, serif;
            font-size: 19px;
            font-weight: normal;
        }
        
        #right_column #gerelateerd h2 a:link, 
        #right_column #gerelateerd h2 a:active, 
        #right_column #gerelateerd h2 a:visited {
            text-transform: none;
            text-decoration: none;
            color: #34383D;
        }
        
        #right_column #gerelateerd h2 a:hover {
            text-decoration: none;
            color: #fff;
            background-color: #c31b2f;
        }
                                    
        #right_column #gerelateerd a.externe_link {
            color: #018DD5;                                            
            font-family: "Lucida Sans Unicode", Verdana, sans-serif;
            font-size: 10px;
            font-weight: normal;
            line-height: 8px;                    
        }
        
        #right_column #gerelateerd a.externe_link,
        #right_column #gerelateerd a.externe_link:hover {
            text-decoration: none;    
        }
        
        #right_column #gerelateerd a.externe_link:hover {
            color: #ffffff;
            background-color: #018dd5;    
        }
    
    #right_column #other_news {
        float: left;
        width: 318px;
        margin-top: 27px;
        padding-top: 30px;
        background-image: url(../images/h_overignieuws.gif);
        background-repeat: no-repeat;
        background-position: right 4px;
    }
    
        #right_column #other_news a {
            color: #c31b2f;    
            text-decoration: none;
        }

        #right_column #other_news a:hover {
            background-color: #c31b2f;    
            color: #fff;
        }
        
    #right_column #streamer {
        float: left;
        width: 318px;
        margin: 30px 0 0 0;
        padding: 15px 0 0 22px;  
        
        background-image: url(../images/h_streamer.gif);
        background-repeat: no-repeat;
        background-position: center 4px;
    }    
    
        #right_column #streamer h2,
        #right_column #streamer h2 a {
            margin: 20px 0 0 0; 
            line-height: 15px;   
            color: #34383D;
            font-family: Georgia, "Times New Roman", Times, serif;
            font-size: 19px;
            font-weight: normal;
        }
    
        #right_column #streamer a {
            color: #c31b2f;    
            text-decoration: none;
        }

        #right_column #streamer a:hover {
            background-color: #c31b2f;    
            color: #fff;
        }       
            
    
    
/*
    Beneden balk
*/    

#eipToolbar {
    display: none;    
}

#bottom {              
    color: #5c5c5c;
    text-decoration: none;      
    height: 130px;
    vertical-align:top;  
}

    #bottom #bottom_bar {
        overflow: hidden;
        text-align: left;
        width:990px;
        margin:    0 auto;
    }

        #bottom #bottom_bar ul {
            width: 140px;
            margin: 8px 0 0 0;
            padding: 0 0 0 22px;
        }
        
        #bottom #bottom_bar li {
            display: block;
            margin: 0 0 0 0;
            padding: 2px;
            list-style-type: none;
        }
    
.btm_nav {
    display: none;
    float: left;
    margin: 0 0 0 0;
}

    .btm_nav a:link, a:active, a:visited {
        text-decoration: none;
        color: #5c5c5c;    
    }

    .btm_nav a:hover {
        color: #fff;    
    }

#btm_right {       
    float: right;
    background-image: url(../images/bg_btm_right.gif);
    height: 135px;
    width: 346px;        
}

#adres {
    text-align: right;
    padding-top: 40px;
    padding-right: 26px;
    line-height: 18px;
}