.hm, .hm * { margin:0; padding:0; 
/*Formatierung Aufzählungslisten*/ list-style:none;}

.hm { line-height:50px; /*Menü-Schriftgröße*/font-size: 15px;  /*Menü-Schriftdicke*/font-weight:300; width: 1200px; opacity:1; filter:alpha(opacity=100);
/*Hintergrundfarbe des Hauptmenüs*/ background:none; }
.hm ul { position:absolute; top:-999em; width:10em; }
.hm ul li { width:100%;}
.hm li:hover { visibility:inherit; }
.hm li { float:left; position:relative; }
.hm a { display:block; position:relative; }

.hm li:hover ul, .hm li.sfHover ul { left:0px; top:40px; z-index:99; }
ul.hm li:hover li ul, ul.hm li.sfHover li ul { top:-999em; }
ul.hm li li:hover ul, ul.hm li li.sfHover ul { left:175px; top:0; }
ul.hm li li:hover li ul, ul.hm li li.sfHover li ul { top:-999em; }
ul.hm li li li:hover ul, ul.hm li li li.sfHover ul { left:10em; top:0; }

.hm { float:left; }
/*Schriftfarbe des Menüs*/
.hm a, .hm a:visited  { color:white; }
.hm a:focus, .hm a:hover, .hm a:active { /*Menüfarbe wenn Maus drüber*/background-color:transparent; opacity:1; filter: alpha(opacity=1); outline:0;
 /*Schriftfarbe wenn Maus drüber*/color:#3FA9D6;  /*Fettschrift wenn Maus drüber*/font-weight:light;  }

/*MenüSpaltenbreite und Höhe */
.hm li { min-width: 10px; height: 50px; text-align: center; margin-left:50px; margin-right:50px;}
.hm li a { padding: 0px 0px 0px 0px ; text-decoration:none;}
.hm li:hover, .hm li.sfHover { /*Menüfarbe wenn Maus drüber*/ background:transparent; outline:0; }

.hm li li { border-left: 1px solid #555; border-right: 1px solid #555; width: 180px; height: auto; background-color:#444; text-transform: none; text-align: left; }
.hm li li a {padding: 10px 10px 12px 10px; text-decoration:none; background: url(../images/bg_hm_subli.png) left bottom repeat-x #444; }
.hm li li a:hover { outline:0; background: url(../images/bg_hm_subli.png) left bottom repeat-x #333; }

.hm li li li { background-color:#444; }

.hm a.sf-with-ul { padding-right: 2.25em; min-width:1px; }
.sf-sub-indicator { position:absolute; display:block; right:10px; top:-10px; width:10px; height:10px; text-indent: -999em; overflow:hidden; background:url('../images/arrows-ffffff.png') no-repeat -10px -100px; }

.hm li a .sf-sub-indicator { right: 10px; top:15px; background-position: 0 -100px; }
.hm li li a .sf-sub-indicator { right: 10px; top:10px; background-position: 0 -100px; }

a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; }
.hm ul .sf-sub-indicator { background-position:  -10px 0; }
.hm ul a > .sf-sub-indicator { background-position:  0 0; }
.hm ul a:focus > .sf-sub-indicator, .hm ul a:hover > .sf-sub-indicator, .hm ul a:active > .sf-sub-indicator, .hm ul li:hover > a > .sf-sub-indicator, .hm ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; }