/* Hauptstyle */
 
.menu {font-family:"Script MT Bold"; width:150px; height:150px; position:relative; font-size:19px; margin:25px 0px 0px 21px;  }

.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; width:138px; height:35px; text-align:center; 
                 border-color: #000000; border-style:double; margin-top: 1px; border-width:medium; background-color:#800000;        	                 line-height:30px; font-size:19px; color:#FFCC00;}

.menu ul {padding:0; margin:0;list-style-type: none;}

.menu ul li {float:left; margin-right:1px; position:relative;}

.menu ul li ul {display: none; backgound-color:#800000; }








/* Speziell für Firefox und IE7 */

.menu ul li:hover a {color:#ffffff; background:#000000; border-color:#FFCC00;}     /* Farben des ganzen Flyout-Menü beim Drauffahren*/
.menu ul li:hover ul {display:block; position:absolute; top:20px; left:144px; width:133px;background-color:#800000;border-right:1px solid #FFCC00;border-bottom:1px solid #FFCC00;}   /*  ganzes Flyoutmenü */
.menu ul li:hover ul li a.hide {background:#dfc184; color:#000000; margin-top: 6px;} /* Zeile des Flyoutmenü*/
.menu ul li:hover ul li:hover a.hide {width:150px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; border-color:#000000;background:#800000; color:#FFCC00; width:125px; height:25px; line-height:23px; font-size:17px;margin-top:0px; } /* Hover effekt der einzelen Zeile*/
.menu ul li:hover ul li a:hover {background:#000000; color:#ffffff; border-color:#FFCC00;}

*+html .menu ul li:hover ul {left:146px; width:135px;} /*Verschiebung nach links des Flyoutmenü für IE7