/*<font style="background-color: #<font color="#a7382f">333333</font>"><font style="background-color: #d63e03"></font></font> */ /* common styling */
/*.menu {font-family: verdana, arial, sans-serif; width:735px; position:relative; font-size:11px; margin:50px; auto; } */

<font /> /*  sonst gibts Bildschirmdurcheinander ??? */
.menu {font-family: verdana, arial, sans-serif; width:940px; position:relative; font-size:11px; margin:50px; auto; }

/* Men�punkte der ersten Ebene, die direkt unter dem Banner angezeigt werden */                       
/* Formatierung der Links in der ersten Ebene */
.menu ul li a {display:block; text-decoration:none; width:105px; height:23px; 
               border:1px solid #e0b33c; background:#952138; 
               text-align:left; color:#FFF0D8; padding-left:10px;
               line-height:25px; font-size:11px;}
                       
/* einige Elemente etwas breiter, damit die Men�zeile das Bild ausf�llt */  
.menu ul li a[firstItem] { border-width:1px 1px 1px 0px; width: 105px;}                      
.menu ul li a[lastItem]  { border-width:1px 0px 1px 1px; width: 105px;}                      
.menu ul li a[largeItem] { width: 107px; }      

#menu_1 { border-width:1px 1px 1px 0px; width: 105px;}                      
#menu_8 { border-width:1px 0px 1px 1px; width: 105px;}                      
#menu_3, #menu_4, #menu_5, #menu_6 { width: 107px; } 
                       
 /* Rahmen und Einr�ckung der Men�zeile / -punkte erster Ebene*/
.menu ul {padding:0; margin:0;list-style-type: none; position:relative; left: 9px; }      
.menu ul li {float:left; position:relative;}    	  /* damit alles in eine Zeile kommt      			   	   */
.menu ul li ul {display: none;} 			  /* weitere untergeordnete Listenelemente (noch) nicht darstellen  	   */
.menu ul li a.active {color:#F59700; background:#FFF0D8;} /* Text vom aktuell aktiven Eintrag gelb einf„rben, Hintergrund hellgelb */

/* ausgew„hlte/ber�hrte Elemente/Links oder Untermen�s davon, "specific to non IE browsers" */
.menu ul li:hover a {color:#741125; background:#FFF0D8;}			/* ber�hrter Link erster Ebene einf„rben	   */
.menu ul li:hover ul {display:block; position:absolute; bottom:24px; left:0;}	/* Untermen�s jetzt darstellen			   */
.menu ul li:hover ul li a.hide {background:#952138; color:#FFF0D8;}		/* ausgew„hlter Link, der weitere Untermen�s hat   */
/*.menu ul li:hover ul li {display:block; background:#fff; color:#000;width:150px; clear:both;}  
.menu ul li:hover ul li:hover a.hide {background:#C64C66; color:#E0B33C;}
.menu ul li:hover ul li ul {display: none;}*/

/* Untermen�s */

/*
.menu ul li:hover ul li a {display:block; background:#952138; color:#FFF0D8; opacity:0.5; width:100%; padding-left:10px;}
.menu ul li:hover ul li a:hover {background:#FFF0D8; color:#741125;} 
*/

.menu ul li:hover ul li a {display:block; background:#952138; color:#FFF0D8;
                           opacity:0.75; filter: alpha(opacity=75);		/* der IE bis Version 8 kennt kein opacity, daher alpha... */
                           width:150px; padding-left:10px;}
.menu ul li:hover ul li a:hover {background:#FFF0D8; color:#741125;} 

/* Versuch mit Hintergrundbild 
.menu ul li:hover ul li a {display:block; border:0; background-image: url('../../../inc/img/menu_item_bg.png'); color:#FFF0D8; width:150px; padding-left:10px;}
.menu ul li:hover ul li a:hover {background-image: url('../../../inc/img/menu_item_bg.png'); color:#741125;}

.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:161px; bottom:0;}
.menu ul li:hover ul li:hover ul li a {background:#952138; color:#FFF0D8;}
.menu ul li:hover ul li:hover ul li a:hover {background:#C64C66; color:#E0B33C;}  

.menu ul li:hover ul.left {left:-105px;}
.menu ul li:hover ul li:hover ul.left {left:-210px; width:209px;}
*/