/*
Website:		www.kranenberg-juweliers.nl
CSS : 		Kranenberg Juweliers: global navigation
---------------------------------------
*/

/* GENERAL HEADER */
#generalheader { width: 980px; height: 50px; margin: 10px auto; position: relative; z-index: 9998; }

#generalheader #generalnavigation { margin: 0; padding: 0; }
#generalheader #generalnavigation li { display: inline; }
#generalheader #generalnavigation li a { float: left; width: 150px; height: 0; padding-top: 50px; overflow: hidden; }
#generalheader #generalnavigation li a {background-image: url(../images/basic/i_nav.png); background-repeat: no-repeat; }

/* NORMAL BUTTON */
#generalheader #generalnavigation li#gn-home a {background-position: 0 0; }
#generalheader #generalnavigation li#gn-bedrijf a {background-position: -150px 0; }
#generalheader #generalnavigation li#gn-nieuws a {background-position: -300px 0; }
#generalheader #generalnavigation li#gn-logo a { width: 80px; background-position: -450px 0; }
#generalheader #generalnavigation li#gn-collectie a {background-position: -530px 0; }
#generalheader #generalnavigation li#gn-contact a {background-position: -680px 0; }
#generalheader #generalnavigation li#gn-special a {background-position: -830px 0; }

/* BUTTON OVER */
#generalheader #generalnavigation li#gn-home a:hover {background-position: 0 -50px; }
#generalheader #generalnavigation li#gn-bedrijf a:hover {background-position: -150px -50px; }
#generalheader #generalnavigation li#gn-nieuws a:hover {background-position: -300px -50px; }
#generalheader #generalnavigation li#gn-logo a:hover { width: 80px; background-position: -450px -50px; }
#generalheader #generalnavigation li#gn-collectie a:hover {background-position: -530px -50px; }
#generalheader #generalnavigation li#gn-contact a:hover {background-position: -680px -50px; }
#generalheader #generalnavigation li#gn-special a:hover {background-position: -830px -50px; }

/* BUTTON DOWN / ACTIVE */
#generalheader #generalnavigation li#gn-home a:active {background-position: 0 -100px; }
#generalheader #generalnavigation li#gn-bedrijf a:active {background-position: -150px -100px; }
#generalheader #generalnavigation li#gn-nieuws a:active {background-position: -300px -100px; }
#generalheader #generalnavigation li#gn-logo a:active { width: 80px; background-position: -450px -100px; }
#generalheader #generalnavigation li#gn-collectie a:active {background-position: -530px -100px; }
#generalheader #generalnavigation li#gn-contact a:active {background-position: -680px -100px; }
#generalheader #generalnavigation li#gn-special a:active {background-position: -830px -100px; }

/* BUTTON ON */
#generalheader #generalnavigation li#gn-home-act a {background-position: 0 -150px; }
#generalheader #generalnavigation li#gn-bedrijf-act a {background-position: -150px -150px; }
#generalheader #generalnavigation li#gn-nieuws-act a {background-position: -300px -150px; }
#generalheader #generalnavigation li#gn-logo-act a { width: 80px; background-position: -450px -150px; }
#generalheader #generalnavigation li#gn-collectie-act a {background-position: -530px -150px; }
#generalheader #generalnavigation li#gn-contact-act a {background-position: -680px -150px; }
#generalheader #generalnavigation li#gn-special-act a {background-position: -830px -150px; }