/*** Navigation control *******************************************************/

/* intrinsic classes */
.GridElementLightGray {
    width:50px;
    height:50px;
    background-image:url('/img/general/grey_button.png'); 
    background-repeat: no-repeat;
    background-position: center center;
    float:left;
    margin: 0px 1px 0px 0px;
}
.GridElementDarkGray {
    width:50px;
    height:50px;
    background-image:url('/img/general/darkgrey_button.png');
    background-repeat: no-repeat;
    background-position: center center;
    float:left;
    margin: 0px 1px 0px 0px;
}

/* custom classes */


.SectionWeb {
    background-image: url('/img/menu/website_buttonmou.png');
    background-repeat: no-repeat;
    background-position: center center;
    color: White;
    font: 12px Arial,Helvetica,sans-serif;
    font-weight:bold;
    cursor: default;
}
.SectionWeb_MouseOver {
    background-image: url('/img/menu/website_buttonmov.png');
    background-repeat: no-repeat;
    background-position: center center;
    font: 12px Arial,Helvetica,sans-serif;
    color: Orange;
    font-weight:bold;
    cursor: pointer;
}
.SectionWeb_Active {
    background-image: url('/img/menu/website_buttonmov.png');
    background-repeat: no-repeat;
    background-position: center center;
    font: 12px Arial,Helvetica,sans-serif;
    color: Orange;
    font-weight:bold;
    cursor: default;
}
.SectionSupport {
    background-image: url('/img/menu/support_buttonmou.png');
    background-repeat: no-repeat;
    background-position: center center;
    color: White;
    font: 12px Arial,Helvetica,sans-serif;
    font-weight:bold;
    cursor: default;
}
.SectionSupport_MouseOver {
    background-image: url('/img/menu/support_buttonmov.png');
    background-repeat: no-repeat;
    background-position: center center;
    font: 12px Arial,Helvetica,sans-serif;
    color: #99cc33;
    font-weight:bold;
    cursor: pointer;
}
.SectionSupport_Active {
    background-image: url('/img/menu/support_buttonmov.png');
    background-repeat: no-repeat;
    background-position: center center;
    font: 12px Arial,Helvetica,sans-serif;
    color: #99cc33;
    font-weight:bold;
    cursor: default;
}
.SectionDb {
    background-image: url('/img/menu/database_buttonmou.png');
    background-repeat: no-repeat;
    background-position: center center;
    color: White;
    font: 12px Arial,Helvetica,sans-serif;
    font-weight:bold;
    cursor: default;
}
.SectionDb_MouseOver {
    background-image: url('/img/menu/database_buttonmov.png');
    background-repeat: no-repeat;
    background-position: center center;
    font: 12px Arial,Helvetica,sans-serif;
    color: #00a0c6;
    font-weight:bold;
    cursor: pointer;
}
.SectionDb_Active {
    background-image: url('/img/menu/database_buttonmov.png');
    background-repeat: no-repeat;
    background-position: center center;
    font: 12px Arial,Helvetica,sans-serif;
    color: #00a0c6;
    font-weight:bold;
    cursor: default;
}
.SectionOffice {
    background-image: url('/img/menu/office_buttonmou.png');
    background-repeat: no-repeat;
    background-position: center center;
    color: White;
    font: 12px Arial,Helvetica,sans-serif;
    font-weight:bold;
    cursor: default;
}
.SectionOffice_MouseOver {
    background-image: url('/img/menu/office_buttonmov.png');
    background-repeat: no-repeat;
    background-position: center center;
    font: 12px Arial,Helvetica,sans-serif;
    color: #006699;
    font-weight:bold;
    cursor: pointer;
}
.SectionOffice_Active {
    background-image: url('/img/menu/office_buttonmov.png');
    background-repeat: no-repeat;
    background-position: center center;
    font: 12px Arial,Helvetica,sans-serif;
    color: #006699;
    font-weight:bold;
    cursor: default;
}
.SiteHome {
    background-image: url('/img/menu/gv_buttonmou.png');
    background-repeat: no-repeat;
    background-position: center center;
    cursor: default;
}
.SiteHome_MouseOver {
    background-image: url('/img/menu/gv_buttonmov.png');
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}
.Nieuws {
    background-image: url('/img/home/red_nieuwsbutton.png');
    background-repeat: no-repeat;
    background-position: center center;
    color: White;
    font: 12px Arial,Helvetica,sans-serif;
    font-weight: bold;
    cursor:default;
    margin-left:-1px;  

}

.Nieuws_MouseOver {
    background-image: url('/img/home/red_nieuwsbutton.png');
    background-repeat: no-repeat;
    background-position: center center;
    color: White;
    font: 12px Arial,Helvetica,sans-serif;
    font-weight: bold;
    cursor: pointer;
    margin-left:-1px;      
    
}
.Nieuws_Active {
    background-image: url('/img/home/red_nieuwsbutton.png');
    background-repeat: no-repeat;
    background-position: center center;
    color: White;
    font: 12px Arial,Helvetica,sans-serif;
    font-weight: bold;
    cursor:default; 
    margin-left:-1px;   
    
}
.Contact {
    background-image: url('/img/home/red_contactbutton.png');
    background-repeat: no-repeat;
    background-position: center center;
    color: White;
    font: 12px Arial,Helvetica,sans-serif;
    font-weight: bold;
    cursor:default;    
    margin-left:-1px;  
}
.Contact_MouseOver {
    background-image: url('/img/home/red_contactbutton.png');
    background-repeat: no-repeat;
    background-position: center center;
    color: White;
    font: 12px Arial,Helvetica,sans-serif;
    font-weight: bold;
    cursor: pointer;
    margin-left:-1px;      
}
.Contact_Active {
    background-image: url('/img/home/red_contactbutton.png');
    background-repeat: no-repeat;
    background-position: center center;
    color: White;
    font: 12px Arial,Helvetica,sans-serif;
    font-weight: bold;
    cursor:default;
    margin-left:-1px;       
}
.AboutUs {
    background-image: url('/img/home/red_overonsbutton.png');
    background-repeat: no-repeat;
    background-position: center center;
    color: White;
    font: 12px Arial,Helvetica,sans-serif;
    font-weight: bold;
    cursor:default;
    margin-left:-1px;      
}
.AboutUs_MouseOver {
    background-image: url('/img/home/red_overonsbutton.png');
    background-repeat: no-repeat;
    background-position: center center;
    color: White;
    font: 12px Arial,Helvetica,sans-serif;
    font-weight: bold;
    cursor: pointer;
    margin-left:-1px;      
}
.AboutUs_Active {
    background-image: url('/img/home/red_overonsbutton.png');
    background-repeat: no-repeat;
    background-position: center center;
    color: White;
    font: 12px Arial,Helvetica,sans-serif;
    font-weight: bold;
    cursor:default; 
    margin-left:-1px;         
}
.Search {
    background-image: url('/img/home/red_zoekenbutton.png');
    background-repeat: no-repeat;
    background-position: center center;
    color: White;
    font: 12px Arial,Helvetica,sans-serif;
    font-weight: bold;
    cursor:default;
    margin-left:-1px;      
}
.Search_MouseOver {
    background-image: url('/img/home/red_zoekenbutton.png');
    background-repeat: no-repeat;
    background-position: center center;
    color: White;
    font: 12px Arial,Helvetica,sans-serif;
    font-weight: bold;
    cursor: pointer; 
    margin-left:-1px;        
}
.Search_Active {
    background-image: url('/img/home/red_zoekenbutton.png');
    background-repeat: no-repeat;
    background-position: center center;
    color: White;
    font: 12px Arial,Helvetica,sans-serif;
    font-weight: bold;
    cursor:default; 
    margin-left:-1px;         
}
.Portfolio {
    background-image: url('/img/home/red_portfoliobutton.png');
    background-repeat: no-repeat;
    background-position: center center;
    color: White;
    font: 12px Arial,Helvetica,sans-serif;
    font-weight: bold;
    cursor:default;
    margin-left:-1px;      
}
.Portfolio_MouseOver {
    background-image: url('/img/home/red_portfoliobutton.png');
    background-repeat: no-repeat;
    background-position: center center;
    color: White;
    font: 12px Arial,Helvetica,sans-serif;
    font-weight: bold;
    cursor: pointer; 
    margin-left:-1px;        
}
.Portfolio_Active {
    background-image: url('/img/home/red_portfoliobutton.png');
    background-repeat: no-repeat;
    background-position: center center;
    color: White;
    font: 12px Arial,Helvetica,sans-serif;
    font-weight: bold;
    cursor:default;
    margin-left:-1px;  
    
}

/* ===================================================================================================================
												PORTFOLIO IMAGES
=================================================================================================================== */

.PF_HU {
    background-image: url('/img/menu/portfolio/greyhu_button.png');
    background-repeat: no-repeat;
    background-position: center center;
}
.PF_HU_MouseOver, .PF_HU_Active {
    background-image: url('/img/menu/portfolio/hu_button.png');
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}
.PF_Images {
    background-image: url('/img/menu/portfolio/greyimages_button.png');
    background-repeat: no-repeat;
    background-position: center center;
}
.PF_Images_MouseOver, .PF_Images_Active {
    background-image: url('/img/menu/portfolio/images_button.png');
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;    
}
.PF_KN {
    background-image: url('/img/menu/portfolio/greykn_button.png');
    background-repeat: no-repeat;
    background-position: center center;
}
.PF_KN_MouseOver, .PF_KN_Active {
    background-image: url('/img/menu/portfolio/kn_button.png');
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;    
}
.PF_Lafaber {
    background-image: url('/img/menu/portfolio/greylafaber_button.png');
    background-repeat: no-repeat;
    background-position: center center;
}
.PF_Lafaber_MouseOver, .PF_Lafaber_Active {
    background-image: url('/img/menu/portfolio/lafaber_button.png');
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;    
}
.PF_Maxgrip {
    background-image: url('/img/menu/portfolio/greymaxgrip_button.png');
    background-repeat: no-repeat;
    background-position: center center;
}
.PF_Maxgrip_MouseOver, .PF_Maxgrip_Active {
    background-image: url('/img/menu/portfolio/maxgrip_button.png');
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;    
}
.PF_MU {
    background-image: url('/img/menu/portfolio/greymu_button.png');
    background-repeat: no-repeat;
    background-position: center center;
}
.PF_MU_MouseOver, .PF_MU_Active {
    background-image: url('/img/menu/portfolio/mu_button.png');
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}
.PF_Mustsee {
    background-image: url('/img/menu/portfolio/greymustsee_button.png');
    background-repeat: no-repeat;
    background-position: center center;
}
.PF_Mustsee_MouseOver, .PF_Mustsee_Active {
    background-image: url('/img/menu/portfolio/mustsee_button.png');
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}
.PF_Quintis {
    background-image: url('/img/menu/portfolio/greyquintis_button.png');
    background-repeat: no-repeat;
    background-position: center center;
}
.PF_Quintis_MouseOver, .PF_Quintis_Active {
    background-image: url('/img/menu/portfolio/quintis_button.png');
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}
.PF_ROC {
    background-image: url('/img/menu/portfolio/greyroc_button.png');
    background-repeat: no-repeat;
    background-position: center center;
}
.PF_ROC_MouseOver, .PF_ROC_Active {
    background-image: url('/img/menu/portfolio/roc_button.png');
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}
.PF_Wolff {
    background-image: url('/img/menu/portfolio/greywolff_button.png');
    background-repeat: no-repeat;
    background-position: center center;
}
.PF_Wolff_MouseOver, .PF_Wolff_Active {
    background-image: url('/img/menu/portfolio/wolff_button.png');
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}
.PF_Zonnehuizen {
    background-image: url('/img/menu/portfolio/greyzonnehuizen_button.png');
    background-repeat: no-repeat;
    background-position: center center;
}
.PF_Zonnehuizen_MouseOver, .PF_Zonnehuizen_Active {
    background-image: url('/img/menu/portfolio/zonnehuizen_button.png');
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}
.PF_Zorgdraad {
    background-image: url('/img/menu/portfolio/greyzorgdraad_button.png');
    background-repeat: no-repeat;
    background-position: center center;
}
.PF_Zorgdraad_MouseOver, .PF_Zorgdraad_Active {
    background-image: url('/img/menu/portfolio/zorgdraad_button.png');
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}