/*Main navigation*/

#main_nav ul {
float: left;
list-style: none;
padding-left: 60px
}

#main_nav li { float: left; list-style:none; margin: 0; padding: 0 }
#main_nav li a { text-indent: -999999px; overflow: hidden; display: block; height: 38px; } 

#bedrijf { background: url(/img/navigation/main/bedrijf.gif); width: 96px; }
#bedrijf:hover { background: url(/img/navigation/main/bedrijf.gif) -96px 0; }
#bedrijf.active { background: url(/img/navigation/main/bedrijf.gif) -192px 0; }

#themas { background: url(/img/navigation/main/themas.gif); width: 78px; }
#themas:hover { background: url(/img/navigation/main/themas.gif) -78px 0; }
#themas.active { background: url(/img/navigation/main/themas.gif) -156px 0; }

#projecten { background: url(/img/navigation/main/projecten.gif); width: 88px; }
#projecten:hover { background: url(/img/navigation/main/projecten.gif) -88px 0; }
#projecten.active { background: url(/img/navigation/main/projecten.gif) -176px 0; }

#nieuws { background: url(/img/navigation/main/nieuws.gif); width: 70px; }
#nieuws:hover { background: url(/img/navigation/main/nieuws.gif) -70px 0; }
#nieuws.active { background: url(/img/navigation/main/nieuws.gif) -140px 0; }

#werkenbij { background: url(/img/navigation/main/werkenbij.gif); width: 92px; }
#werkenbij:hover { background: url(/img/navigation/main/werkenbij.gif) -92px 0; }
#werkenbij.active { background: url(/img/navigation/main/werkenbij.gif) -184px 0; }

#mvo { background: url(/img/navigation/main/mvo_duurzaamheid.gif); width: 167px; }
#mvo:hover { background: url(/img/navigation/main/mvo_duurzaamheid.gif) -167px 0; }
#mvo.active { background: url(/img/navigation/main/mvo_duurzaamheid.gif) -334px 0; }

#contact { background: url(/img/navigation/main/contact.gif); width: 75px; }
#contact:hover { background: url(/img/navigation/main/contact.gif) -75px 0; }
#contact.active { background: url(/img/navigation/main/contact.gif) -150px 0; }

#contact_nav ul {
float: left;
list-style: none;
margin-top: 10px;
}

#contact_nav li { float: left; list-style:none; margin: 0; padding: 0 }
#contact_nav li a { text-indent: -999999px; overflow: hidden; display: block; height: 31px; } 

#tabmap { background: url(/img/contact/tab_map.png); width: 117px; }
#tabmap:hover { background: url(/img/contact/tab_map.png) -117px 0; }
#tabmap.active { background: url(/img/contact/tab_map.png) -117px 0; }

#tablijst{ background: url(/img/contact/tab_lijst.png); width: 117px; }
#tablijst:hover { background: url(/img/contact/tab_lijst.png) -117px 0; }
#tablijst.active { background: url(/img/contact/tab_lijst.png) -117px 0; }