/*********** #Menu Positionierung oben***********/

.menu {
			display: block;
			position: relative;
			left: 0px;
			top: 3px;
			width: 900px;
			z-index: 100;
			}	
/*********** #Korrektur schmaler Streifen IE***********/
* html .menu {
			top: 0px;
			}
.menu ul { 
			display: block;
			list-style-type: none; 
			margin: 0;
			padding: 0;
}
.menu li {
			float:left;
			text-align: center;
			position: relative;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/basic_dd.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* use the table to position the dropdown list */
.menu table{
			position:absolute;
			border-collapse:collapse;
			z-index:80;
			left:0px;
			top:24px;
}
/******* korrektur IE 5.5 ******/
*html .menu table {
			top:23px;
}

/* style all the links */
.menu a, .menu :visited {
			display:block;
			margin-right:0px;
			text-align:left;
			padding 0;
			text-align:left;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 9px;
			font-weight: normal;
			color: #666666;
			text-decoration: none;
}
li .menu1 { 
			width : 100px;
			height : 24px;
			margin: 0;
			background-image: url(menu/biography.gif);
			background-repeat: no-repeat;
}
li .menu2 { 
			width : 110px;
			height : 24px;
			margin: 0;
			background-image: url(menu/ensembles_e.gif);
			background-repeat: no-repeat;
}
li .menu3 { 
			width : 99px;
			height : 24px;
			margin: 0;
			background-image: url(menu/concerts.gif);
			background-repeat: no-repeat;
}
li .menu4 { 
			width : 104px;
			height : 24px;
			margin: 0;
			background-image    : url(menu/festivals.gif);
			background-repeat   : no-repeat;
}
li .menu5 { 
			width : 133px;
			height : 24px;
			margin: 0;
			background-image    : url(menu/audiosamples.gif);
			background-repeat   : no-repeat;
}
li .menu6 { 
			width : 98px;
			height : 24px;
			margin: 0;
			background-image    : url(menu/releases.gif);
			background-repeat   : no-repeat;
}
li .menu7 { 
			width : 119px;
			height : 24px;
			margin: 0;
			background-image    : url(menu/management_e.gif);
			background-repeat   : no-repeat;
}
li .menu8 { 
			width : 137px;
			height : 24px;
			margin: 0;
			background-image    : url(menu/service.gif);
			background-repeat   : no-repeat;
}

/* style the links hover */
.menu :hover{
			color:#000000;
			background:#8a2323;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 9px;
			font-weight: normal;
			color: #000000;
			text-decoration: none;
}
li .menu1:hover { 
			margin: 0;
			background-image: url(menu/biography.gif);
			background-repeat: no-repeat;
			background-color: #8a2323;
}
li .menu2:hover { 
			margin: 0;
			background-image	: url(menu/ensembles_e.gif);
			background-repeat   : no-repeat;
			background-color: #8a2323;
}
li .menu3:hover { 
			margin: 0;
			background-image    : url(menu/concerts.gif);
			background-repeat   : no-repeat;
			background-color: #8a2323;
}
li .menu4:hover { 
			margin: 0;
			background-image    : url(menu/festivals.gif);
			background-repeat   : no-repeat;
			background-color: #8a2323;
}
li .menu5:hover { 
			margin: 0;
			background-image    : url(menu/audiosamples.gif);
			background-repeat   : no-repeat;
			background-color: #8a2323;
}
li .menu6:hover { 
			margin: 0;
			background-image    : url(menu/releases.gif);
			background-repeat   : no-repeat;
			background-color: #8a2323;
}
li .menu7:hover { 
			margin: 0;
			background-image    : url(menu/management_e.gif);
			background-repeat   : no-repeat;
			background-color: #8a2323;
}
li .menu8:hover { 
			margin: 0;
			background-image    : url(menu/service.gif);
			background-repeat   : no-repeat;
			background-color: #8a2323;
}
/*********** Menu aktuell******/
li .menu1aktuell { 
			width : 100px;
			height : 24px;
			margin: 0;
			background-image: url(menu/biography.gif);
			background-repeat: no-repeat;
			background-color: #8a2323;
}
li .menu2aktuell { 
			width : 110px;
			height : 24px;
			margin: 0;
			background-image: url(menu/ensembles_e.gif);
			background-repeat: no-repeat;
			background-color: #8a2323;
}
li .menu3aktuell { 
			width : 99px;
			height : 24px;
			margin: 0;
			background-image: url(menu/concerts.gif);
			background-repeat: no-repeat;
			background-color: #8a2323;
}
li .menu4aktuell { 
			width : 104px;
			height : 24px;
			margin: 0;
			background-image    : url(menu/festivals.gif);
			background-repeat   : no-repeat;
			background-color: #8a2323;
}
li .menu5aktuell { 
			width : 133px;
			height : 24px;
			margin: 0;
			background-image    : url(menu/audiosamples.gif);
			background-repeat   : no-repeat;
			background-color: #8a2323;
}
li .menu6aktuell { 
			width : 98px;
			height : 24px;
			margin: 0;
			background-image    : url(menu/releases.gif);
			background-repeat   : no-repeat;
			background-color: #8a2323;
}
li .menu7aktuell { 
			width : 119px;
			height : 24px;
			margin: 0;
			background-image    : url(menu/management_e.gif);
			background-repeat   : no-repeat;
			background-color: #8a2323;
}
li .menu8aktuell { 
			width : 137px;
			height : 24px;
			margin: 0;
			background-image    : url(menu/service.gif);
			background-repeat   : no-repeat;
			background-color: #8a2323;
}

li .menu1aktuell:hover{ 
			background-image: url(menu/biography.gif);
			background-repeat: no-repeat;
			background-color: #8a2323;
}
li .menu2aktuell:hover{ 
			background-image: url(menu/ensembles_e.gif);
			background-repeat: no-repeat;
			background-color: #8a2323;
}
li .menu3aktuell:hover { 
			background-image: url(menu/concerts.gif);
			background-repeat: no-repeat;
			background-color: #8a2323;
}
li .menu4aktuell:hover { 
			background-image    : url(menu/festivals.gif);
			background-repeat   : no-repeat;
			background-color: #8a2323;
}
li .menu5aktuell:hover { 
			background-image    : url(menu/audiosamples.gif);
			background-repeat   : no-repeat;
			background-color: #8a2323;
}
li .menu6aktuell:hover { 
			background-image: url(menu/releases.gif);
			background-repeat: no-repeat;
			background-color: #8a2323;
}
li .menu7aktuell:hover { 
			background-image: url(menu/management_e.gif);
			background-repeat: no-repeat;
			background-color: #8a2323;
}
li .menu8aktuell:hover { 
			background-image: url(menu/service.gif);
			background-repeat: no-repeat;
			background-color: #8a2323;
}
/* hide the sub level links */
.menu ul ul {
			display:block;
			visibility:hidden;
			position:absolute;
			background: #f8f8f8;
			width: 100px;
			height: 0px;
}
.menu ul ul a {
			display:block;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 9px;
			font-weight: normal;
			color: #666666;
			text-decoration: none;
			text-align: left;
			background: #f8f8f8;
			padding: 2px 0px 3px 12px;
}
/* korrektur IE 5 & 6 */
*html #.menu ul ul a {
			display:block;
			padding: 5px 0px 5px 14px;
}
.menu ul ul :hover{
			display:block;
			background: #f8f8f8;
			margin: 0;
			padding 0;
			color: #000000;
}
ul .umenu1 { 
			width:90px;
			background: #f8f8f8;
}
ul .umenu2 { 
			width:99px;
			background: #f8f8f8;
}
ul .umenu3 { 
			width:79px;
			background: #f8f8f8;
}
ul .umenu4 { 
			width:114px;
			background: #f8f8f8;
}
ul .umenu6 { 
			width:151px;
			background: #f8f8f8;
}
ul .umenu8 { 
			width:118px;
			background: #f8f8f8;
}
/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
			visibility:visible;
}
ul .umenu2:hover { 
			color: #000000;
}
ul .umenu3:hover { 
			color: #000000;
}
ul .umenu6:hover { 
			color: #000000;
}
ul .umenu8:hover { 
			color: #000000;
}
