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

#menu li #homepage {
    display: block;
    width: 82px;
    height: 56px;
    background-image: url('../images/btn_home.gif');
}
    #menu li #homepage:hover {
        background-image: url('../images/btn_home_hover.gif');
    }
    #menu li #homepage.active {
        background-image: url('../images/btn_home_actief.gif');
    }
    
#menu li #portfolio {
    display: block;
    width: 80px;
    height: 56px;
    background-image: url('../images/btn_portfolio.gif');
}
    #menu li #portfolio:hover {
        background-image: url('../images/btn_portfolio_hover.gif');
    }
    #menu li #portfolio.active {
        background-image: url('../images/btn_portfolio_actief.gif');
    }
    
#menu li #diensten {
    display: block;
    width: 74px;
    height: 56px;
    background-image: url('../images/btn_diensten.gif');
}
    #menu li #diensten:hover {
        background-image: url('../images/btn_diensten_hover.gif');
    }
    #menu li #diensten.active {
        background-image: url('../images/btn_diensten_actief.gif');
    }
        
#menu li #werkwijze {
    display: block;
    width: 84px;
    height: 56px;
    background-image: url('../images/btn_werkwijze.gif');
}
    #menu li #werkwijze:hover {
        background-image: url('../images/btn_werkwijze_hover.gif');
    }
    #menu li #werkwijze.active {
        background-image: url('../images/btn_werkwijze_actief.gif');
    }
    
#menu li #over_ons {
    display: block;
    width: 76px;
    height: 56px;
    background-image: url('../images/btn_overons.gif');
}
    #menu li #over_ons:hover {
        background-image: url('../images/btn_overons_hover.gif');
    }
    #menu li #over_ons.active {
        background-image: url('../images/btn_overons_actief.gif');
    }
    
#menu li #nieuws_en_blog {
    display: block;
    width: 111px;
    height: 56px;
    background-image: url('../images/btn_nieuws.gif');
}
    #menu li #nieuws_en_blog:hover {
        background-image: url('../images/btn_nieuws_hover.gif');
    }
    #menu li #nieuws_en_blog.active {
        background-image: url('../images/btn_nieuws_actief.gif');
    }
    
#menu li #contact {
    display: block;
    width: 68px;
    height: 56px;
    background-image: url('../images/btn_contact.gif');
}
    #menu li #contact:hover {
        background-image: url('../images/btn_contact_hover.gif');
    }
    #menu li #contact.active {
        background-image: url('../images/btn_contact_actief.gif');
    }