.vertnav-container {
	margin-bottom: 20px;
	line-height: 150%; /* damit der zeilenabstand v.a. zw. den level1-elementen passt */
}

.vertnav-container li a span { behavior: url(iepngfix.htc); }

.vertnav-container li.b-cher a span {
	background: url(../images/media/buecher.png) 0 100% no-repeat;
}
.vertnav-container li.originale a span {
	background: url(../images/media/originale.png) 0 100% no-repeat;
}
.vertnav-container li.postkarten a span {
	background: url(../images/media/postkarten.png) 0 100% no-repeat;
}
.vertnav-container li.tassen a span {
	background: url(../images/media/tassen.png) 0 100% no-repeat;
}
.vertnav-container li.t-shirts a span {
	background: url(../images/media/t-shirts.png) 0 100% no-repeat;
}
.vertnav-container li.siebdrucke a span {
	background: url(../images/media/siebdrucke.png) 0 100% no-repeat;
}
.vertnav-container li.weiteres a span {
	background: url(../images/media/weiteres.png) 0 100% no-repeat;
}

#vertnav li a {
	font-family: "Times New Roman", Minion, serif;
	display: block;
	/*width:129px;*/
	color: #434343;
	cursor: pointer; /* IE6-Fix */
}

#vertnav li.level0 a span { display: block; height: 60px; }

#vertnav li.level0 {
	min-height: 76px;
	height: auto !important;
	height: 76px;
	font-size: 18px;
	font-weight: normal !important; /* damit font-weight nicht von a:link überschrieben wird -> klappt aber nicht */
	background: url(../images/media/categ_trennlinie.gif) 0 100% no-repeat;
	padding-bottom: 1px;
}

#vertnav li.level0 a {
	height: 69px;
	padding-top: 7px;
	padding-left: 15px;
}

#vertnav li.active a {
	height: 60px;
}
#vertnav li.parent a {
	height: 60px;
}

#vertnav li.level1 a {
	height: 20px;
	padding-top: 5px;
}

#vertnav li.active a {
	background: url(../images/media/pfeil.gif) 0 12px no-repeat;
}
#vertnav li.parent a {
	background: url(../images/media/pfeil.gif) 0 12px no-repeat;
}

#vertnav li.inactive {
}

#vertnav .inactive a {
}

#vertnav .next a {
}

#vertnav .prev a {
}

#vertnav .first a {
}

#vertnav .last a {
	border-bottom:0px; /* damit der letzte button unten keinen rand hat */
}

#vertnav .only a {
	/* gilt für alle kategorien und unterkategorien, falls es nur einen davon gibt */
}

#vertnav li.parent a {
	/* gilt für das vaterelement UND ALLE KINDELEMENTE! */
	/*background-color:#FFD97E;*/
	color: #673B15;
}

#vertnav li.parent.level1 a {
	/*background-color:#FFD97E;*/
}

#vertnav li.active a {
	/* gilt für das aktive element UND ALLE KINDELEMENTE! */
	/*background-color:#FFD97E;*/
	color: #673B15;
}

#vertnav li.level1 a { background: none; }
#vertnav li.level2 a { background: none; }
#vertnav li.level3 a { background: none; }
#vertnav li.level1 a span { background: none; height: auto; }
#vertnav li.level2 a span { background: none; height: auto; }
#vertnav li.level3 a span { background: none; height: auto; }

#vertnav li.inactive a {
	/*background-color:#ffcc66 !important;*/ /* gilt für ALLE inaktiven elemente */
	color:#434343; /* gilt für ALLE inaktiven elemente */
}
#vertnav li.level1 a {
height: auto;
}
#vertnav li.inactive a:hover {
	/*background-color:#FFD97E !important;*/ /* gilt für ALLE inaktiven elemente */
}

#vertnav .level0 {

}

#vertnav .level0 a {
	text-decoration:none;
}

#vertnav .level1 a {
	font-size:12px;
	padding:1px 5px 1px 10px;
	border-bottom:0px; /* damit nur level0-elemente unten einen rand haben */
}

#vertnav li a:hover {
	color: #673B15 !important;
}

#vertnav li .level1 a:hover {
	background-color: #f7f5ed !important;
}

#vertnav .level2 a {
	padding-left: 20px;
}

#vertnav .level3 a {
	padding-left: 30px;
}
