/* links - main visibility*/
a:link { text-decoration:none; font-weight:bold; color:#00F; }
a:visited { text-decoration:none; font-weight:bold; color:#00F; }
a:hover { text-decoration:none; font-weight:bold; background-color:#CCC; }
a:active { text-decoration:none; font-weight:bold; background-color:#CCC; }
a:focus { text-decoration:none; font-weight:bold; background-color:#FFF; }

/* leistungen.html*/
#wrapper {position:relative; height:350px; width:400px; margin:0 auto; }
/* fuer Internet Explorer erzwingt einen refresh nach :active + ul */
#menu li a,

/* general style */
#menu, #menu ul {padding:0; margin:0; list-style:none; width:355px;}
#menu {padding:10px 0; background:white; border:0px; position:top; bottom:0; }

#menu li {display:inline;}
#menu li {*float:left;} /* removes horizontal gap between li in IE7*/
#menu li a {display:block; width:355px; line-height:30px; background:white; color:#990000; text-decoration:underline; font-family:'Courier New', sans-serif; font-size:13px; text-align:left; font-weight:bold; outline:0;}
#menu li:hover > a {background:lightgrey;}
#menu ul {background:white; height:0; overflow:hidden;}

#menu ul li a {background:white; font-family:'Courier New'; font-weight:normal; font-size:13px;}
#menu ul li a:hover {background:pink; }

#menu li a:active {background:white;}
#menu li a:active + ul {padding:0 0 10px 0;}
#menu li a:active + ul.fly {height:auto;}

#menu li a:focus {background:white; }
#menu li a:focus + ul {padding:0 0 10px 0;}
#menu li a:focus + ul.fly {height:auto;}

#menu li ul:hover {padding:0 0 10px 0;}
#menu li ul.fly:hover {height:auto;}