#menuwrapper {
/* set the background color for the menu here */
	background-color: #4382a4;
	background-image: url(images-allgemein/bg.gif);
	background-repeat: repeat-x;
	
}

#primary-nav ul {

/* set your image here, tall enough for the ul */
	background: url(images/ultopup.png) no-repeat left top;
}
/* IE6 hacks on the above code */
* html #primary-nav ul {

	background: url(images/ultopup.gif) no-repeat left top;
}
#primary-nav ul ul {

/* set your image here, tall enough for the ul, this is the left arrow for third level ul */
	background: url(images/ultoprt.png) no-repeat left top;
}
/* IE6 hacks on the above code */
* html #primary-nav ul ul {

/* IE6 gets gif as it can't handle transparent png */
	background: url(images/ultoprt.gif) no-repeat right top;
}





ul#primary-nav li a:hover {
/* kind of obvious */
	background-color: #96bad1;
		background-image: url(images-allgemein/bg-OVER.gif);
	background-repeat: repeat-x; 
	background-position: bottom; 

	
}
ul#primary-nav li {
/* set your image here ->right*/
background-image: none;


}
ul#primary-nav li span {
/* set your image here -> left*/
background-image: none;



}
ul#primary-nav li li {
/* remove any image set in first level li */
	background:  none;
}
ul#primary-nav li li span {
/* remove any image set in first level li span */
	background:  none;

}
ul#primary-nav li:hover,
ul#primary-nav li.menuh,
ul#primary-nav li.menuparenth {
/* set hover image, right side */

	
}
ul#primary-nav li:hover span,
ul#primary-nav li.menuh span,
ul#primary-nav li.menuparenth span {
/* set hover image, left side */

	

}

/* IE6 hacks */
ul#primary-nav li.menuparenth li span {
	background:  none;

}
/* IE6 hacks */
ul#primary-nav li.menuparenth li.menuparent span {
/* gif for IE6, as it can't handle transparent png */
	background:  url(images/parent.gif) no-repeat right center;

}
/* IE6 hacks */
ul#primary-nav li.menuparenth li.menuh span {
	background:  none;

}
/* IE6 hacks */
ul#primary-nav li.menuparenth li.menuparenth {
	background:  none;

}
ul#primary-nav li.menuactive a {
/* set your image here for active tab right */
background-color: #2d698e;


}
ul#primary-nav li a.menuactive span {
/* set your image here for active tab left */
background-color: #2d698e;
background-image: url(images-allgemein/right-ON.gif);



}
#primary-nav li li a {

	background: none;
}

#primary-nav li li:hover {
/* remove image set in first level */
	background: none;
}
#primary-nav li li a:hover {
/* set different image than first level _->hover bild bei dropdown*/
background-color: #96bad1;
background-image: none;

}


#primary-nav li li.menuactive a.menuactive, #primary-nav li li.menuactive a.menuactive:hover {
/* set your image here, lighter than hover */
background-color: #96bad1;

}


/* IE6 hacks to above code */
#primary-nav li li.menuparenth a.menuparent span {
/* right arrow for menu parent, IE6 gif */
	background:  url(images/parent.gif) no-repeat right center;

}

#primary-nav li li.menuparent a.menuparent span {
/* right arrow for parent item */
	background:  url(images/parent.gif) no-repeat right center;
}

ul#primary-nav li li a.menuactive  span {
/* remove image set in first level */
	background:  none;

}
#primary-nav li.menuactive li a {
/* second level active link color */

	background: none;
}
#primary-nav li.menuactive li a:hover {
/* dark image for hover */
background-color: #96bad1;
	
}

ul#primary-nav li:hover li a span, ul#primary-nav li.menuparenth li a span {

	background:  none;
}
/* this is a special li type from the menu template, used to hold the bottom image for ul set above */
#primary-nav ul li.separator, #primary-nav .separator:hover {

/* set your image here */
	background: url(images/ulbtmrt.png) no-repeat left bottom;
}
/* same as above for next level to insure it shows correct */
#primary-nav ul ul li.separator, #primary-nav ul ul li.separator:hover {

	background: url(images/ulbtmrt.png) no-repeat left bottom;
}
/* IE6 hacks */
* html #primary-nav ul li.separator {

	background: url(images/ulbtmrt.gif) no-repeat left bottom;
}
/* IE6 hacks */
* html #primary-nav ul li.separatorh {

	background: url(images/ultop.gif) no-repeat left top;
}

