﻿
/*************************************************************************************/
/*************************   DEFAULT MENU (COLOURED BUTTONS)  ************************/
/*************************************************************************************/

#hdr .ColouredButtons {height:35px; margin-top:-1px; margin-bottom:22px;}
#hdr .ColouredButtons .myfacemap a{ background:url(images/menu/ColouredButtons/bt_facemap.png) no-repeat; width:80px; height:30px; margin:0 3px 0 1px; display:block; } 
#hdr .ColouredButtons .myfacemap a:hover { background:url(images/menu/ColouredButtons/bt_facemap-over.png) no-repeat;  width:80px; height:30px;}
#hdr .ColouredButtons .myfacemap_active a{ background:url(images/menu/ColouredButtons/bt_facemap-over.png) no-repeat;  width:80px; height:30px; margin:0 3px 0 1px; display:block;}

#hdr .ColouredButtons .mysearches a{ background:url(images/menu/ColouredButtons/bt_groups.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;} 
#hdr .ColouredButtons .mysearches a:hover { background:url(images/menu/ColouredButtons/bt_groups-over.png) no-repeat; width:80px; height:30px;} 
#hdr .ColouredButtons .mysearches_active a{ background:url(images/menu/ColouredButtons/bt_groups-over.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;} 

#hdr .ColouredButtons .myfaves a{ background:url(images/menu/ColouredButtons/bt_faves.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;}
#hdr .ColouredButtons .myfaves a:hover { background:url(images/menu/ColouredButtons/bt_faves-over.png) no-repeat; width:80px; height:30px;}	
#hdr .ColouredButtons .myfaves_active a{ background:url(images/menu/ColouredButtons/bt_faves-over.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;}	

#hdr .ColouredButtons .myprofile a{ background:url(images/menu/ColouredButtons/bt_profile.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;}
#hdr .ColouredButtons .myprofile a:hover { background:url(images/menu/ColouredButtons/bt_profile-over.png) no-repeat; width:80px; height:30px; }
#hdr .ColouredButtons .myprofile_active a{ background:url(images/menu/ColouredButtons/bt_profile-over.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block; }

#hdr .ColouredButtons .inbox .unreadcount {padding-left:52px; font-size:10px;}
#hdr .ColouredButtons .inbox a{ background:url(images/menu/ColouredButtons/bt_inbox.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block; padding-top:1px;}
#hdr .ColouredButtons .inbox a:hover { background:url(images/menu/ColouredButtons/bt_inbox-over.png) no-repeat; width:80px; height:30px; }
#hdr .ColouredButtons .inbox_active .unreadcount {padding-left:52px; font-size:10px; color:#000;}
#hdr .ColouredButtons .inbox_active a{ background:url(images/menu/ColouredButtons/bt_inbox-over.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block; padding-top:1px; }

#hdr .ColouredButtons .login a{ background:url(images/menu/ColouredButtons/btn_inloggen.png) no-repeat; width:80px; height:30px; display:block;}
#hdr .ColouredButtons .login a:hover { background:url(images/menu/ColouredButtons/btn_inloggen-over.png) no-repeat; width:80px; height:30px; }

#hdr .ColouredButtons .logout a{ background:url(images/menu/ColouredButtons/btn_uitloggen.png) no-repeat; width:80px; height:30px; display:block;}
#hdr .ColouredButtons .logout a:hover { background:url(images/menu/ColouredButtons/btn_uitloggen-over.png) no-repeat; width:80px; height:30px; }

#hdr .ColouredButtons .updates .unreadcount {padding-left:50px; font-size:10px;}
#hdr .ColouredButtons .updates a{ background:url(images/menu/ColouredButtons/bt_updates.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;}
#hdr .ColouredButtons .updates a:hover { background:url(images/menu/ColouredButtons/bt_updates-over.png) no-repeat; width:80px; height:30px;}	
#hdr .ColouredButtons .updates_active .unreadcount {padding-left:50px; font-size:10px; color:#000;}
#hdr .ColouredButtons .updates_active a{ background:url(images/menu/ColouredButtons/bt_updates-over.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;}	

#hdr .ColouredButtons .partner .unreadcount {padding-left:50px; font-size:10px;}
#hdr .ColouredButtons .partner a{ background:url(images/menu/ColouredButtons/bt_partners.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;}
#hdr .ColouredButtons .partner a:hover { background:url(images/menu/ColouredButtons/bt_partners-over.png) no-repeat; width:80px; height:30px;}	
#hdr .ColouredButtons .partner_active .unreadcount {padding-left:50px; font-size:10px; color:#000;}
#hdr .ColouredButtons .partner_active a{ background:url(images/menu/ColouredButtons/bt_partners-over.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;}	

#hdr .ColouredButtons .prikbord .unreadcount {padding-left:50px; font-size:10px;}
#hdr .ColouredButtons .prikbord a{ background:url(images/menu/ColouredButtons/bt_prikbord.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;}
#hdr .ColouredButtons .prikbord a:hover { background:url(images/menu/ColouredButtons/bt_prikbord-over.png) no-repeat; width:80px; height:30px;}	
#hdr .ColouredButtons .prikbord_active .unreadcount {padding-left:50px; font-size:10px; color:#000;}
#hdr .ColouredButtons .prikbord_active a{ background:url(images/menu/ColouredButtons/bt_prikbord-over.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;}


/*********************************************************************************/
/*************************   OPTION MENU (TextLinkWhite)  ************************/
/*********************************************************************************/

#hdr .TextLinkWhite {height:35px; margin-top:-1px; margin-bottom:22px;}
#hdr .TextLinkWhite .myfacemap a{ background:url(images/menu/ColouredButtons/bt_facemap.png) no-repeat; width:80px; height:30px; margin:0 3px 0 1px; display:block; } 
#hdr .TextLinkWhite .myfacemap a:hover { background:url(images/menu/ColouredButtons/bt_facemap-over.png) no-repeat;  width:80px; height:30px;}
#hdr .TextLinkWhite .myfacemap_active a{ background:url(images/menu/ColouredButtons/bt_facemap-over.png) no-repeat;  width:80px; height:30px; margin:0 3px 0 1px; display:block;}

#hdr .TextLinkWhite .mysearches a{ background:url(images/menu/ColouredButtons/bt_groups.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;} 
#hdr .TextLinkWhite .mysearches a:hover { background:url(images/menu/ColouredButtons/bt_groups-over.png) no-repeat; width:80px; height:30px;} 
#hdr .TextLinkWhite .mysearches_active a{ background:url(images/menu/ColouredButtons/bt_groups-over.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;} 

#hdr .TextLinkWhite .myfaves a{ background:url(images/menu/ColouredButtons/bt_faves.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;}
#hdr .TextLinkWhite .myfaves a:hover { background:url(images/menu/ColouredButtons/bt_faves-over.png) no-repeat; width:80px; height:30px;}	
#hdr .TextLinkWhite .myfaves_active a{ background:url(images/menu/ColouredButtons/bt_faves-over.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;}	

#hdr .TextLinkWhite .myprofile a{ background:url(images/menu/ColouredButtons/bt_profile.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;}
#hdr .TextLinkWhite .myprofile a:hover { background:url(images/menu/ColouredButtons/bt_profile-over.png) no-repeat; width:80px; height:30px; }
#hdr .TextLinkWhite .myprofile_active a{ background:url(images/menu/ColouredButtons/bt_profile-over.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block; }

#hdr .TextLinkWhite .inbox .unreadcount {padding-left:52px; font-size:10px;}
#hdr .TextLinkWhite .inbox a{ background:url(images/menu/ColouredButtons/bt_inbox.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block; padding-top:1px;}
#hdr .TextLinkWhite .inbox a:hover { background:url(images/menu/ColouredButtons/bt_inbox-over.png) no-repeat; width:80px; height:30px; }
#hdr .TextLinkWhite .inbox_active .unreadcount {padding-left:52px; font-size:10px; color:#000;}
#hdr .TextLinkWhite .inbox_active a{ background:url(images/menu/ColouredButtons/bt_inbox-over.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block; padding-top:1px; }

#hdr .TextLinkWhite .login a{ background:url(images/menu/ColouredButtons/btn_inloggen.png) no-repeat; width:80px; height:30px; display:block;}
#hdr .TextLinkWhite .login a:hover { background:url(images/menu/ColouredButtons/btn_inloggen-over.png) no-repeat; width:80px; height:30px; }

#hdr .TextLinkWhite .logout a{ background:url(images/menu/ColouredButtons/btn_uitloggen.png) no-repeat; width:80px; height:30px; display:block;}
#hdr .TextLinkWhite .logout a:hover { background:url(images/menu/ColouredButtons/btn_uitloggen-over.png) no-repeat; width:80px; height:30px; }

#hdr .TextLinkWhite .updates .unreadcount {padding-left:50px; font-size:10px;}
#hdr .TextLinkWhite .updates a{ background:url(images/menu/ColouredButtons/bt_updates.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;}
#hdr .TextLinkWhite .updates a:hover { background:url(images/menu/ColouredButtons/bt_updates-over.png) no-repeat; width:80px; height:30px;}	
#hdr .TextLinkWhite .updates_active .unreadcount {padding-left:50px; font-size:10px; color:#000;}
#hdr .TextLinkWhite .updates_active a{ background:url(images/menu/ColouredButtons/bt_updates-over.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;}	

#hdr .TextLinkWhite .partner .unreadcount {padding-left:50px; font-size:10px;}
#hdr .TextLinkWhite .partner a{ background:url(images/menu/ColouredButtons/bt_partners.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;}
#hdr .TextLinkWhite .partner a:hover { background:url(images/menu/ColouredButtons/bt_partners-over.png) no-repeat; width:80px; height:30px;}	
#hdr .TextLinkWhite .partner_active .unreadcount {padding-left:50px; font-size:10px; color:#000;}
#hdr .TextLinkWhite .partner_active a{ background:url(images/menu/ColouredButtons/bt_partners-over.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;}	

#hdr .TextLinkWhite .prikbord .unreadcount {padding-left:50px; font-size:10px;}
#hdr .TextLinkWhite .prikbord a{ background:url(images/menu/ColouredButtons/bt_prikbord.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;}
#hdr .TextLinkWhite .prikbord a:hover { background:url(images/menu/ColouredButtons/bt_prikbord-over.png) no-repeat; width:80px; height:30px;}	
#hdr .TextLinkWhite .prikbord_active .unreadcount {padding-left:50px; font-size:10px; color:#000;}
#hdr .TextLinkWhite .prikbord_active a{ background:url(images/menu/ColouredButtons/bt_prikbord-over.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;}


/*********************************************************************************/
/*************************   OPTION MENU (TextLinkBlack)  ************************/
/*********************************************************************************/

#hdr .TextLinkBlack {height:35px; margin-top:-1px; margin-bottom:22px;}
#hdr .TextLinkBlack .myfacemap a{ background:url(images/menu/ColouredButtons/bt_facemap.png) no-repeat; width:80px; height:30px; margin:0 3px 0 1px; display:block; } 
#hdr .TextLinkBlack .myfacemap a:hover { background:url(images/menu/ColouredButtons/bt_facemap-over.png) no-repeat;  width:80px; height:30px;}
#hdr .TextLinkBlack .myfacemap_active a{ background:url(images/menu/ColouredButtons/bt_facemap-over.png) no-repeat;  width:80px; height:30px; margin:0 3px 0 1px; display:block;}

#hdr .TextLinkBlack .mysearches a{ background:url(images/menu/ColouredButtons/bt_groups.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;} 
#hdr .TextLinkBlack .mysearches a:hover { background:url(images/menu/ColouredButtons/bt_groups-over.png) no-repeat; width:80px; height:30px;} 
#hdr .TextLinkBlack .mysearches_active a{ background:url(images/menu/ColouredButtons/bt_groups-over.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;} 

#hdr .TextLinkBlack .myfaves a{ background:url(images/menu/ColouredButtons/bt_faves.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;}
#hdr .TextLinkBlack .myfaves a:hover { background:url(images/menu/ColouredButtons/bt_faves-over.png) no-repeat; width:80px; height:30px;}	
#hdr .TextLinkBlack .myfaves_active a{ background:url(images/menu/ColouredButtons/bt_faves-over.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;}	

#hdr .TextLinkBlack .myprofile a{ background:url(images/menu/ColouredButtons/bt_profile.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;}
#hdr .TextLinkBlack .myprofile a:hover { background:url(images/menu/ColouredButtons/bt_profile-over.png) no-repeat; width:80px; height:30px; }
#hdr .TextLinkBlack .myprofile_active a{ background:url(images/menu/ColouredButtons/bt_profile-over.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block; }

#hdr .TextLinkBlack .inbox .unreadcount {padding-left:52px; font-size:10px;}
#hdr .TextLinkBlack .inbox a{ background:url(images/menu/ColouredButtons/bt_inbox.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block; padding-top:1px;}
#hdr .TextLinkBlack .inbox a:hover { background:url(images/menu/ColouredButtons/bt_inbox-over.png) no-repeat; width:80px; height:30px; }
#hdr .TextLinkBlack .inbox_active .unreadcount {padding-left:52px; font-size:10px; color:#000;}
#hdr .TextLinkBlack .inbox_active a{ background:url(images/menu/ColouredButtons/bt_inbox-over.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block; padding-top:1px; }

#hdr .TextLinkBlack .login a{ background:url(images/menu/ColouredButtons/btn_inloggen.png) no-repeat; width:80px; height:30px; display:block;}
#hdr .TextLinkBlack .login a:hover { background:url(images/menu/ColouredButtons/btn_inloggen-over.png) no-repeat; width:80px; height:30px; }

#hdr .TextLinkBlack .logout a{ background:url(images/menu/ColouredButtons/btn_uitloggen.png) no-repeat; width:80px; height:30px; display:block;}
#hdr .TextLinkBlack .logout a:hover { background:url(images/menu/ColouredButtons/btn_uitloggen-over.png) no-repeat; width:80px; height:30px; }

#hdr .TextLinkBlack .updates .unreadcount {padding-left:50px; font-size:10px;}
#hdr .TextLinkBlack .updates a{ background:url(images/menu/ColouredButtons/bt_updates.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;}
#hdr .TextLinkBlack .updates a:hover { background:url(images/menu/ColouredButtons/bt_updates-over.png) no-repeat; width:80px; height:30px;}	
#hdr .TextLinkBlack .updates_active .unreadcount {padding-left:50px; font-size:10px; color:#000;}
#hdr .TextLinkBlack .updates_active a{ background:url(images/menu/ColouredButtons/bt_updates-over.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;}	

#hdr .TextLinkBlack .partner .unreadcount {padding-left:50px; font-size:10px;}
#hdr .TextLinkBlack .partner a{ background:url(images/menu/ColouredButtons/bt_partners.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;}
#hdr .TextLinkBlack .partner a:hover { background:url(images/menu/ColouredButtons/bt_partners-over.png) no-repeat; width:80px; height:30px;}	
#hdr .TextLinkBlack .partner_active .unreadcount {padding-left:50px; font-size:10px; color:#000;}
#hdr .TextLinkBlack .partner_active a{ background:url(images/menu/ColouredButtons/bt_partners-over.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;}	

#hdr .TextLinkBlack .prikbord .unreadcount {padding-left:50px; font-size:10px;}
#hdr .TextLinkBlack .prikbord a{ background:url(images/menu/ColouredButtons/bt_prikbord.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;}
#hdr .TextLinkBlack .prikbord a:hover { background:url(images/menu/ColouredButtons/bt_prikbord-over.png) no-repeat; width:80px; height:30px;}	
#hdr .TextLinkBlack .prikbord_active .unreadcount {padding-left:50px; font-size:10px; color:#000;}
#hdr .TextLinkBlack .prikbord_active a{ background:url(images/menu/ColouredButtons/bt_prikbord-over.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;}


/*********************************************************************************/
/*************************   OPTION MENU (WhiteButtons)  ************************/
/*********************************************************************************/

#hdr .WhiteButtons {height:35px; margin-top:-1px; margin-bottom:22px;}
#hdr .WhiteButtons .myfacemap a{ background:url(images/menu/ColouredButtons/bt_facemap.png) no-repeat; width:80px; height:30px; margin:0 3px 0 1px; display:block; } 
#hdr .WhiteButtons .myfacemap a:hover { background:url(images/menu/ColouredButtons/bt_facemap-over.png) no-repeat;  width:80px; height:30px;}
#hdr .WhiteButtons .myfacemap_active a{ background:url(images/menu/ColouredButtons/bt_facemap-over.png) no-repeat;  width:80px; height:30px; margin:0 3px 0 1px; display:block;}

#hdr .WhiteButtons .mysearches a{ background:url(images/menu/ColouredButtons/bt_groups.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;} 
#hdr .WhiteButtons .mysearches a:hover { background:url(images/menu/ColouredButtons/bt_groups-over.png) no-repeat; width:80px; height:30px;} 
#hdr .WhiteButtons .mysearches_active a{ background:url(images/menu/ColouredButtons/bt_groups-over.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;} 

#hdr .WhiteButtons .myfaves a{ background:url(images/menu/ColouredButtons/bt_faves.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;}
#hdr .WhiteButtons .myfaves a:hover { background:url(images/menu/ColouredButtons/bt_faves-over.png) no-repeat; width:80px; height:30px;}	
#hdr .WhiteButtons .myfaves_active a{ background:url(images/menu/ColouredButtons/bt_faves-over.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;}	

#hdr .WhiteButtons .myprofile a{ background:url(images/menu/ColouredButtons/bt_profile.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;}
#hdr .WhiteButtons .myprofile a:hover { background:url(images/menu/ColouredButtons/bt_profile-over.png) no-repeat; width:80px; height:30px; }
#hdr .WhiteButtons .myprofile_active a{ background:url(images/menu/ColouredButtons/bt_profile-over.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block; }

#hdr .WhiteButtons .inbox .unreadcount {padding-left:52px; font-size:10px;}
#hdr .WhiteButtons .inbox a{ background:url(images/menu/ColouredButtons/bt_inbox.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block; padding-top:1px;}
#hdr .WhiteButtons .inbox a:hover { background:url(images/menu/ColouredButtons/bt_inbox-over.png) no-repeat; width:80px; height:30px; }
#hdr .WhiteButtons .inbox_active .unreadcount {padding-left:52px; font-size:10px; color:#000;}
#hdr .WhiteButtons .inbox_active a{ background:url(images/menu/ColouredButtons/bt_inbox-over.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block; padding-top:1px; }

#hdr .WhiteButtons .login a{ background:url(images/menu/ColouredButtons/btn_inloggen.png) no-repeat; width:80px; height:30px; display:block;}
#hdr .WhiteButtons .login a:hover { background:url(images/menu/ColouredButtons/btn_inloggen-over.png) no-repeat; width:80px; height:30px; }

#hdr .WhiteButtons .logout a{ background:url(images/menu/ColouredButtons/btn_uitloggen.png) no-repeat; width:80px; height:30px; display:block;}
#hdr .WhiteButtons .logout a:hover { background:url(images/menu/ColouredButtons/btn_uitloggen-over.png) no-repeat; width:80px; height:30px; }

#hdr .WhiteButtons .updates .unreadcount {padding-left:50px; font-size:10px;}
#hdr .WhiteButtons .updates a{ background:url(images/menu/ColouredButtons/bt_updates.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;}
#hdr .WhiteButtons .updates a:hover { background:url(images/menu/ColouredButtons/bt_updates-over.png) no-repeat; width:80px; height:30px;}	
#hdr .WhiteButtons .updates_active .unreadcount {padding-left:50px; font-size:10px; color:#000;}
#hdr .WhiteButtons .updates_active a{ background:url(images/menu/ColouredButtons/bt_updates-over.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;}	

#hdr .WhiteButtons .partner .unreadcount {padding-left:50px; font-size:10px;}
#hdr .WhiteButtons .partner a{ background:url(images/menu/ColouredButtons/bt_partners.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;}
#hdr .WhiteButtons .partner a:hover { background:url(images/menu/ColouredButtons/bt_partners-over.png) no-repeat; width:80px; height:30px;}	
#hdr .WhiteButtons .partner_active .unreadcount {padding-left:50px; font-size:10px; color:#000;}
#hdr .WhiteButtons .partner_active a{ background:url(images/menu/ColouredButtons/bt_partners-over.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;}	

#hdr .WhiteButtons .prikbord .unreadcount {padding-left:50px; font-size:10px;}
#hdr .WhiteButtons .prikbord a{ background:url(images/menu/ColouredButtons/bt_prikbord.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;}
#hdr .WhiteButtons .prikbord a:hover { background:url(images/menu/ColouredButtons/bt_prikbord-over.png) no-repeat; width:80px; height:30px;}	
#hdr .WhiteButtons .prikbord_active .unreadcount {padding-left:50px; font-size:10px; color:#000;}
#hdr .WhiteButtons .prikbord_active a{ background:url(images/menu/ColouredButtons/bt_prikbord-over.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;}



/*************************************************************************************/
/*************************   OPTION MENU (OrangeButtons)  ************************/
/*************************************************************************************/

#hdr .OrangeButtons {height:35px; margin-top:-1px; margin-bottom:22px;}
#hdr .OrangeButtons .myfacemap a{ background:url(images/menu/OrangeButtons/bt_facemap.png) no-repeat; width:80px; height:30px; margin:0 3px 0 1px; display:block; } 
#hdr .OrangeButtons .myfacemap a:hover { background:url(images/menu/OrangeButtons/bt_facemap-o.png) no-repeat;  width:80px; height:30px;}
#hdr .OrangeButtons .myfacemap_active a{ background:url(images/menu/OrangeButtons/bt_facemap-o.png) no-repeat;  width:80px; height:30px; margin:0 3px 0 1px; display:block;}

#hdr .OrangeButtons .mysearches a{ background:url(images/menu/OrangeButtons/bt_groups.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;} 
#hdr .OrangeButtons .mysearches a:hover { background:url(images/menu/OrangeButtons/bt_groups-o.png) no-repeat; width:80px; height:30px;} 
#hdr .OrangeButtons .mysearches_active a{ background:url(images/menu/OrangeButtons/bt_groups-o.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;} 

#hdr .OrangeButtons .myfaves a{ background:url(images/menu/OrangeButtons/bt_faves.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;}
#hdr .OrangeButtons .myfaves a:hover { background:url(images/menu/OrangeButtons/bt_faves-o.png) no-repeat; width:80px; height:30px;}	
#hdr .OrangeButtons .myfaves_active a{ background:url(images/menu/OrangeButtons/bt_faves-o.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;}	

#hdr .OrangeButtons .myprofile a{ background:url(images/menu/OrangeButtons/bt_profile.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;}
#hdr .OrangeButtons .myprofile a:hover { background:url(images/menu/OrangeButtons/bt_profile-o.png) no-repeat; width:80px; height:30px; }
#hdr .OrangeButtons .myprofile_active a{ background:url(images/menu/OrangeButtons/bt_profile-o.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block; }

#hdr .OrangeButtons .inbox .unreadcount {padding-left:50px; font-size:10px;}
#hdr .OrangeButtons .inbox a{ background:url(images/menu/OrangeButtons/bt_inbox.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block; padding-top:1px;}
#hdr .OrangeButtons .inbox a:hover { background:url(images/menu/OrangeButtons/bt_inbox-o.png) no-repeat; width:80px; height:30px; }

#hdr .OrangeButtons .inbox_active .unreadcount {padding-left:50px; font-size:10px; color:#000;}
#hdr .OrangeButtons .inbox_active a{ background:url(images/menu/OrangeButtons/bt_inbox-o.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block; padding-top:1px; }

#hdr .OrangeButtons .login a{ background:url(images/menu/OrangeButtons/bt_inloggen.png) no-repeat; width:80px; height:30px; display:block;}
#hdr .OrangeButtons .login a:hover { background:url(images/menu/OrangeButtons/bt_inloggen-o.png) no-repeat; width:80px; height:30px; }

#hdr .OrangeButtons .logout a{ background:url(images/menu/OrangeButtons/bt_uitloggen.png) no-repeat; width:80px; height:30px; display:block;}
#hdr .OrangeButtons .logout a:hover { background:url(images/menu/OrangeButtons/bt_uitloggen-o.png) no-repeat; width:80px; height:30px; }

#hdr .OrangeButtons .updates .unreadcount {padding-left:50px; font-size:10px;}
#hdr .OrangeButtons .updates a{ background:url(images/menu/OrangeButtons/bt_updates.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;}
#hdr .OrangeButtons .updates a:hover { background:url(images/menu/OrangeButtons/bt_updates-o.png) no-repeat; width:80px; height:30px;}	
#hdr .OrangeButtons .updates_active .unreadcount {padding-left:50px; font-size:10px; color:#000;}
#hdr .OrangeButtons .updates_active a{ background:url(images/menu/OrangeButtons/bt_updates-o.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;}	

#hdr .OrangeButtons .partner .unreadcount {padding-left:50px; font-size:10px;}
#hdr .OrangeButtons .partner a{ background:url(images/menu/ColouredButtons/bt_partners.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;}
#hdr .OrangeButtons .partner a:hover { background:url(images/menu/ColouredButtons/bt_partners-over.png) no-repeat; width:80px; height:30px;}	
#hdr .OrangeButtons .partner_active .unreadcount {padding-left:50px; font-size:10px; color:#000;}
#hdr .OrangeButtons .partner_active a{ background:url(images/menu/ColouredButtons/bt_partners-over.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;}	

#hdr .OrangeButtons .prikbord .unreadcount {padding-left:50px; font-size:10px;}
#hdr .OrangeButtons .prikbord a{ background:url(images/menu/OrangeButtons/bt_prikbord.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;}
#hdr .OrangeButtons .prikbord a:hover { background:url(images/menu/OrangeButtons/bt_prikbord-o.png) no-repeat; width:80px; height:30px;}	
#hdr .OrangeButtons .prikbord_active .unreadcount {padding-left:50px; font-size:10px; color:#000;}
#hdr .OrangeButtons .prikbord_active a{ background:url(images/menu/OrangeButtons/bt_prikbord-o.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;}

/*************************************************************************************/
/*************************   OPTION MENU (PinkButtons)  ************************/
/*************************************************************************************/

#hdr .PinkButtons {height:35px; margin-top:-1px; margin-bottom:22px;}
#hdr .PinkButtons .myfacemap a{ background:url(images/menu/PinkButtons/bt_facemap.png) no-repeat; width:80px; height:30px; margin:0 3px 0 1px; display:block; } 
#hdr .PinkButtons .myfacemap a:hover { background:url(images/menu/PinkButtons/bt_facemap-o.png) no-repeat;  width:80px; height:30px;}
#hdr .PinkButtons .myfacemap_active a{ background:url(images/menu/PinkButtons/bt_facemap-o.png) no-repeat;  width:80px; height:30px; margin:0 3px 0 1px; display:block;}

#hdr .PinkButtons .mysearches a{ background:url(images/menu/PinkButtons/bt_groups.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;} 
#hdr .PinkButtons .mysearches a:hover { background:url(images/menu/PinkButtons/bt_groups-o.png) no-repeat; width:80px; height:30px;} 
#hdr .PinkButtons .mysearches_active a{ background:url(images/menu/PinkButtons/bt_groups-o.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;} 

#hdr .PinkButtons .myfaves a{ background:url(images/menu/PinkButtons/bt_faves.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;}
#hdr .PinkButtons .myfaves a:hover { background:url(images/menu/PinkButtons/bt_faves-o.png) no-repeat; width:80px; height:30px;}	
#hdr .PinkButtons .myfaves_active a{ background:url(images/menu/PinkButtons/bt_faves-o.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;}	

#hdr .PinkButtons .myprofile a{ background:url(images/menu/PinkButtons/bt_profile.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;}
#hdr .PinkButtons .myprofile a:hover { background:url(images/menu/PinkButtons/bt_profile-o.png) no-repeat; width:80px; height:30px; }
#hdr .PinkButtons .myprofile_active a{ background:url(images/menu/PinkButtons/bt_profile-o.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block; }

#hdr .PinkButtons .inbox .unreadcount {padding-left:50px; font-size:10px;}
#hdr .PinkButtons .inbox a{ background:url(images/menu/PinkButtons/bt_inbox.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block; padding-top:1px;}
#hdr .PinkButtons .inbox a:hover { background:url(images/menu/PinkButtons/bt_inbox-o.png) no-repeat; width:80px; height:30px; }

#hdr .PinkButtons .inbox_active .unreadcount {padding-left:50px; font-size:10px; color:#000;}
#hdr .PinkButtons .inbox_active a{ background:url(images/menu/PinkButtons/bt_inbox-o.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block; padding-top:1px; }

#hdr .PinkButtons .login a{ background:url(images/menu/PinkButtons/bt_inloggen.png) no-repeat; width:80px; height:30px; display:block;}
#hdr .PinkButtons .login a:hover { background:url(images/menu/PinkButtons/bt_inloggen-o.png) no-repeat; width:80px; height:30px; }

#hdr .PinkButtons .logout a{ background:url(images/menu/PinkButtons/bt_uitloggen.png) no-repeat; width:80px; height:30px; display:block;}
#hdr .PinkButtons .logout a:hover { background:url(images/menu/PinkButtons/bt_uitloggen-o.png) no-repeat; width:80px; height:30px; }

#hdr .PinkButtons .updates .unreadcount {padding-left:50px; font-size:10px;}
#hdr .PinkButtons .updates a{ background:url(images/menu/PinkButtons/bt_updates.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;}
#hdr .PinkButtons .updates a:hover { background:url(images/menu/PinkButtons/bt_updates-o.png) no-repeat; width:80px; height:30px;}	
#hdr .PinkButtons .updates_active .unreadcount {padding-left:50px; font-size:10px; color:#000;}
#hdr .PinkButtons .updates_active a{ background:url(images/menu/PinkButtons/bt_updates-o.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;}	

#hdr .PinkButtons .partner .unreadcount {padding-left:50px; font-size:10px;}
#hdr .PinkButtons .partner a{ background:url(images/menu/ColouredButtons/bt_partners.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;}
#hdr .PinkButtons .partner a:hover { background:url(images/menu/ColouredButtons/bt_partners-over.png) no-repeat; width:80px; height:30px;}	
#hdr .PinkButtons .partner_active .unreadcount {padding-left:50px; font-size:10px; color:#000;}
#hdr .PinkButtons .partner_active a{ background:url(images/menu/ColouredButtons/bt_partners-over.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;}	

#hdr .PinkButtons .prikbord .unreadcount {padding-left:50px; font-size:10px;}
#hdr .PinkButtons .prikbord a{ background:url(images/menu/PinkButtons/bt_prikbord.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;}
#hdr .PinkButtons .prikbord a:hover { background:url(images/menu/PinkButtons/bt_prikbord-o.png) no-repeat; width:80px; height:30px;}	
#hdr .PinkButtons .prikbord_active .unreadcount {padding-left:50px; font-size:10px; color:#000;}
#hdr .PinkButtons .prikbord_active a{ background:url(images/menu/PinkButtons/bt_prikbord-o.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;}


/*************************************************************************************/
/*************************   OPTION MENU (VTM Buttons)  ******************************/
/*************************************************************************************/

#hdr .VTMButtons {height:35px; margin-top:-1px; margin-bottom:22px;}
#hdr .VTMButtons .myfacemap a{ background:url(images/menu/VTMButtons/bt_fab_mijnfacemap.png) no-repeat; width:80px; height:30px; margin:0 3px 0 1px; display:block; } 
#hdr .VTMButtons .myfacemap a:hover { background:url(images/menu/VTMButtons/bt_fab_mijnfacemap-o.png) no-repeat;  width:80px; height:30px;}
#hdr .VTMButtons .myfacemap_active a{ background:url(images/menu/VTMButtons/bt_fab_mijnfacemap-o.png) no-repeat;  width:80px; height:30px; margin:0 3px 0 1px; display:block;}

#hdr .VTMButtons .mysearches a{ background:url(images/menu/VTMButtons/bt_fab_mijngroepen.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;} 
#hdr .VTMButtons .mysearches a:hover { background:url(images/menu/VTMButtons/bt_fab_mijngroepen-o.png) no-repeat; width:80px; height:30px;} 
#hdr .VTMButtons .mysearches_active a{ background:url(images/menu/VTMButtons/bt_fab_mijngroepen-o.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;} 

#hdr .VTMButtons .myfaves a{ background:url(images/menu/VTMButtons/bt_fab_mijnfav.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;}
#hdr .VTMButtons .myfaves a:hover { background:url(images/menu/VTMButtons/bt_fab_mijnfav-o.png) no-repeat; width:80px; height:30px;}	
#hdr .VTMButtons .myfaves_active a{ background:url(images/menu/VTMButtons/bt_fab_mijnfav-o.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;}	

#hdr .VTMButtons .myprofile a{ background:url(images/menu/VTMButtons/bt_fab_mijnprofiel.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;}
#hdr .VTMButtons .myprofile a:hover { background:url(images/menu/VTMButtons/bt_fab_mijnprofiel-o.png) no-repeat; width:80px; height:30px; }
#hdr .VTMButtons .myprofile_active a{ background:url(images/menu/VTMButtons/bt_fab_mijnprofiel-o.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block; }

#hdr .VTMButtons .inbox .unreadcount {padding-left:50px; font-size:10px;}
#hdr .VTMButtons .inbox a{ background:url(images/menu/VTMButtons/bt_fab_inbox.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block; padding-top:1px;}
#hdr .VTMButtons .inbox a:hover { background:url(images/menu/VTMButtons/bt_fab_inbox-o.png) no-repeat; width:80px; height:30px; }

#hdr .VTMButtons .inbox_active .unreadcount {padding-left:50px; font-size:10px; color:#000;}
#hdr .VTMButtons .inbox_active a{ background:url(images/menu/VTMButtons/bt_fab_inbox-o.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block; padding-top:1px; }

#hdr .VTMButtons .login a{ background:url(images/menu/VTMButtons/bt_fab_inloggen.png) no-repeat; width:80px; height:30px; display:block;}
#hdr .VTMButtons .login a:hover { background:url(images/menu/VTMButtons/bt_fab_inloggen-o.png) no-repeat; width:80px; height:30px; }

#hdr .VTMButtons .logout a{ background:url(images/menu/VTMButtons/bt_fab_uitloggen.png) no-repeat; width:80px; height:30px; display:block;}
#hdr .VTMButtons .logout a:hover { background:url(images/menu/VTMButtons/bt_fab_uitloggen-o.png) no-repeat; width:80px; height:30px; }

#hdr .VTMButtons .updates .unreadcount {padding-left:50px; font-size:10px;}
#hdr .VTMButtons .updates a{ background:url(images/menu/VTMButtons/bt_fab_updates.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;}
#hdr .VTMButtons .updates a:hover { background:url(images/menu/VTMButtons/bt_fab_updates-o.png) no-repeat; width:80px; height:30px;}	
#hdr .VTMButtons .updates_active .unreadcount {padding-left:50px; font-size:10px; color:#000;}
#hdr .VTMButtons .updates_active a{ background:url(images/menu/VTMButtons/bt_fab_updates-o.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;}	

#hdr .VTMButtons .partner .unreadcount {padding-left:50px; font-size:10px;}
#hdr .VTMButtons .partner a{ background:url(images/menu/VTMButtons/bt_partners.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;}
#hdr .VTMButtons .partner a:hover { background:url(images/menu/VTMButtons/bt_partners-over.png) no-repeat; width:80px; height:30px;}	
#hdr .VTMButtons .partner_active .unreadcount {padding-left:50px; font-size:10px; color:#000;}
#hdr .VTMButtons .partner_active a{ background:url(images/menu/VTMButtons/bt_partners-over.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;}	

#hdr .VTMButtons .prikbord .unreadcount {padding-left:50px; font-size:10px;}
#hdr .VTMButtons .prikbord a{ background:url(images/menu/VTMButtons/bt_fab_prikbord.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;}
#hdr .VTMButtons .prikbord a:hover { background:url(images/menu/VTMButtons/bt_fab_prikbord-o.png) no-repeat; width:80px; height:30px;}	
#hdr .VTMButtons .prikbord_active .unreadcount {padding-left:50px; font-size:10px; color:#000;}
#hdr .VTMButtons .prikbord_active a{ background:url(images/menu/VTMButtons/bt_fab_prikbord-o.png) no-repeat; width:80px; height:30px; margin-right:3px; display:block;}
