
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}

.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			126px; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	0;
}
.sf-menu a {
	border-left:	0;
	border-top:		0;
	padding: 		0;
	text-decoration:none;
	text-indent: -9999px;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#000;
}
.sf-menu li:hover {
	cursor:	pointer;
}

/*** Menupunkte Hauptnavi ANFANG ***/

.sf-menu li.start, .sf-menu li.classicdoggold, .sf-menu li.classiccatgold, .sf-menu li.classicfishgold, .sf-menu li.kontakt { height: 30px; }

.sf-menu li.start a { width: 91px; height: 30px; }
.sf-menu li.classicdoggold a { width: 126px; height: 30px; }
.sf-menu li.classiccatgold a { width: 123px; height: 30px; }
.sf-menu li.classicfishgold a { width: 123px; height: 30px; }
.sf-menu li.kontakt a { width: 81px; height: 30px; }

.sf-menu li.start {
	background:	url(../img/navi01.jpg);
	width: 91px;
}
.sf-menu li.start:hover {
	background-position: 0px -30px;
}

.sf-menu li.classicdoggold {
	background:	url(../img/navi02.jpg);
	width: 126px;
}
.sf-menu li.classicdoggold:hover {
	background-position: 0px -30px;
}

.sf-menu li.classiccatgold {
	background:	url(../img/navi00.jpg);
	width: 123px;
}
.sf-menu li.classiccatgold:hover {
/***	background-position: 0px -30px;**/
	background-position: 0px 0px;
	cursor:	default;
}

.sf-menu li.classicfishgold {
	background:	url(../img/navi00.jpg);
	width: 123px;
}
.sf-menu li.classicfishgold:hover {
/***	background-position: 0px -30px;***/
	background-position: 0px 0px;
	cursor:	default;
}

.sf-menu li.kontakt {
	background:	url(../img/navi05.jpg);
	width: 81px;
}
.sf-menu li.kontakt:hover {
	background-position: 0px -30px;
}

/*** Menupunkte Hauptnavi ENDE ***/


/*** Menupunkte ClassicDogGold ANFANG ***/

.sf-menu li.cdg_nassfutter, .sf-menu li.cdg_trockenfutter, .sf-menu li.cdg_snacks { height: 28px; }

.sf-menu li.cdg_nassfutter a, .sf-menu li.cdg_trockenfutter a, .sf-menu li.cdg_snacks a { height: 28px; width: 126px; }

.sf-menu li.cdg_nassfutter {
	background:	url(../img/navi_cdg_nassfutter.jpg);
	width: 126px;
}
.sf-menu li.cdg_nassfutter:hover {
	background-position: -126px 0;
}
.sf-menu li.cdg_trockenfutter {
	background:	url(../img/navi_cdg_trockenfutter.jpg);
	width: 126px;
}
.sf-menu li.cdg_trockenfutter:hover {
	background-position: -126px 0;
}
.sf-menu li.cdg_snacks {
	background:	url(../img/navi_cdg_snacks.jpg);
	width: 126px;
}
.sf-menu li.cdg_snacks:hover {
	background-position: -126px 0;
	cursor:	default;
}

/*** Menupunkte ClassicDogGold ENDE ***/


/*** Menupunkte ClassicDogGold Nassfutter ANFANG ***/

.sf-menu li.cdg_nf_01, .sf-menu li.cdg_nf_02, .sf-menu li.cdg_nf_03, .sf-menu li.cdg_nf_04 { height: 28px; }

.sf-menu li.cdg_nf_01 a, .sf-menu li.cdg_nf_02 a, .sf-menu li.cdg_nf_03 a, .sf-menu li.cdg_nf_04 a { height: 28px; width: 135px; }

.sf-menu li.cdg_nf_01 {
	background:	url(../img/navi_cdg_nf_01.jpg);
	width: 135px;
}
.sf-menu li.cdg_nf_01:hover {
	background-position: -135px 0;
}
.sf-menu li.cdg_nf_02 {
	background:	url(../img/navi_cdg_nf_02.jpg);
	width: 135px;
}
.sf-menu li.cdg_nf_02:hover {
	background-position: -135px 0;
}
.sf-menu li.cdg_nf_03 {
	background:	url(../img/navi_cdg_nf_03.jpg);
	width: 135px;
}
.sf-menu li.cdg_nf_03:hover {
	background-position: -135px 0;
}
.sf-menu li.cdg_nf_04 {
	background:	url(../img/navi_cdg_nf_04.jpg);
	width: 135px;
}
.sf-menu li.cdg_nf_04:hover {
	background-position: -135px 0;
}

/*** Menupunkte ClassicDogGold Nassfutter ENDE ***/


/*** Menupunkte ClassicDogGold Trockenfutter ANFANG ***/

.sf-menu li.cdg_tf_01, .sf-menu li.cdg_tf_02, .sf-menu li.cdg_tf_03, .sf-menu li.cdg_tf_04, .sf-menu li.cdg_tf_05, .sf-menu li.cdg_tf_06, .sf-menu li.cdg_tf_07 { height: 28px; }

.sf-menu li.cdg_tf_01 a, .sf-menu li.cdg_tf_02 a, .sf-menu li.cdg_tf_03 a, .sf-menu li.cdg_tf_04 a, .sf-menu li.cdg_tf_05 a, .sf-menu li.cdg_tf_06 a, .sf-menu li.cdg_tf_07 a { height: 28px; width: 135px; }

.sf-menu li.cdg_tf_01 {
	background:	url(../img/navi_cdg_tf_01.jpg);
	width: 135px;
}
.sf-menu li.cdg_tf_01:hover {
	background-position: -135px 0;
}
.sf-menu li.cdg_tf_02 {
	background:	url(../img/navi_cdg_tf_02.jpg);
	width: 135px;
}
.sf-menu li.cdg_tf_02:hover {
	background-position: -135px 0;
}
.sf-menu li.cdg_tf_03 {
	background:	url(../img/navi_cdg_tf_03.jpg);
	width: 135px;
}
.sf-menu li.cdg_tf_03:hover {
	background-position: -135px 0;
}
.sf-menu li.cdg_tf_04 {
	background:	url(../img/navi_cdg_tf_04.jpg);
	width: 135px;
}
.sf-menu li.cdg_tf_04:hover {
	background-position: -135px 0;
}
.sf-menu li.cdg_tf_05 {
	background:	url(../img/navi_cdg_tf_05.jpg);
	width: 135px;
}
.sf-menu li.cdg_tf_05:hover {
	background-position: -135px 0;
}
.sf-menu li.cdg_tf_06 {
	background:	url(../img/navi_cdg_tf_06.jpg);
	width: 135px;
}
.sf-menu li.cdg_tf_06:hover {
	background-position: -135px 0;
}
.sf-menu li.cdg_tf_07 {
	background:	url(../img/navi_cdg_tf_07.jpg);
	width: 135px;
}
.sf-menu li.cdg_tf_07:hover {
	background-position: -135px 0;
}

/*** Menupunkte ClassicDogGold Trockenfutter ENDE ***/


.sf-menu li li {

}
.sf-menu li li li {

}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:		0;
}
.sf-menu li.classicdoggold.sfHover {
background-position: 0px -30px;
}
.sf-menu li.cdg_nassfutter.sfHover, .sf-menu li.cdg_trockenfutter.sfHover, .sf-menu li.cdg_snacks.sfHover {
background-position: -126px 0;
}

