ul.menu ul li .output{ position:absolute; left: 468px; top:-55px; width:270px; padding:10px; color:#053849; font-weight:900; }
ul.menu ul li .output a{  color:#98A7A9; font-weight:900; font-size:12px; text-decoration:none; line-height:14px; display:block;
background: url(/fileadmin/ClubTemplate/img/arrow.png) no-repeat 0 3px;
padding-left:23px;

display:block;
height:auto;
margin: 0;
padding:5px 10px 5px 30px;
height:40px;
text-align:left;
line-height: 13px;
}
ul.menu ul li .output span{padding-left:23px; position:absolute; left:30px; top:27px; }
ul.menu ul.output li:hover a{cursor:pointer; background: url(/fileadmin/ClubTemplate/img/arrow_ho.png) no-repeat 0 3px #fff;  color:#053849;}
ul.menu ul.output li:hover{background:none; cursor:pointer;}

ul.menu ul li .output a:hover{text-decoration:none; color:#053849;}

ul.menu ul li .output li{
border:0;
border-bottom:1px solid #98A7A9;
width:100%;
position:relative;
padding:0;
margin:0;
height:50px;
text-align:left; }

ul.menu ul li .output li img{/* float:left;*/ margin-right: 10px;}

ul.menu li:hover {
cursor:pointer;
}



ul.menu, ul.menu ul {
    list-style-type: none;
}
ul.menu{
	height:450px;
}

ul.menu a {
 
	font-weight: normal;
}



ul.menu li {
    padding: 9px 0;

	text-align:center;
    margin: 0 10px 0 10px;

	font-size:12px;
	font-weight:900;
	background:#fff;
	color:#053849;	
    /*float: left;*/
	height: auto;
	width:100px;
	display:inline-block;

}

ul.menu ul li {
    background-color: transparent;
	font-weight:100;
	margin:5px 5px 5px 5px; padding:3px 5px;
	 width:87px;
	 height:58px;
	 color:#98A7A9;
	 text-align:center;
	 border:1px solid;
	 height:65px;
	 display:block;
	 float:left; 
}

   ul.menu ul li:hover{background:#fff; color:#053849;}
    ul.menu ul li.hover:hover{ color:#98A7A9; }
   li.hover2{background:#053849;}
   li.hover{background:#053849;}
   ul.menu ul li.hover2:hover{ color:#fff; text-decoration:underline;}

 ul.menu ul.menu{ margin:20px 0 0 0;  width:0;}

/* Links auf Unterpunkten sollen die Hintergrundfarbe ändern */

ul.menu ul li.hover{
background:#053849;
}



/* Zweite Ebene */

        ul.menu ul {

              margin:0;

               padding: 0;

               position: absolute;
			   left:0; top:60px;

                /* display: none; */

                    width: 180px;

     }

  ul.menu ul, ul.menu ul ul{ display: none; }

   /* Zweite Ebene anzeigen */

       ul.menu li.hover ul,  ul.menu li.hover1 #year /*, ul.menu li:hover ul  */{

               display: block;

   }



/* Dritte Ebene */

   ul.menu li.hover ul ul/*, ul.menu li:hover ul ul */{

                  display: none;
        }
		
		   ul.menu li.hover2 ul ul/*, ul.menu li:hover ul ul */{

                  display: none;
        }




   /* Dritte Ebene anzeigen */

       ul.menu li.hover ul li.hover ul/*, ul.menu li:hover ul li:hover ul */{

                display: block;

   }
   
          ul.menu li.hover ul li.hover2 ul/*, ul.menu li:hover ul li:hover ul */{

                display: block;

   }





/* Vierte Ebene */

     ul.menu li.hover ul li.hover ul ul/*, ul.menu li:hover ul li:hover ul ul*/ {

                  display: none;

    }



   /* Vierte Ebene anzeigen */

       ul.menu li.hover ul li.hover ul li.hover ul /*, ul.menu li:hover ul li:hover ul li:hover ul*/ {

               display: block;

   }
   
   .hover2 ul{display:block; }

   
   
ul#year{height:324px;
padding-left:18px;
width:480px; }
ul#year li{border:1px solid; }
ul#year ul.output li{border:0; border-bottom:1px solid #98A7A9; }


*html ul.menu ul li .output a{display:inline; position:relative; top:0; margin-bottom:10px;}
*html ul.menu ul li .output a:hover{ background:#fff; }
*html ul.menu ul li .output li a{ padding: 0; cursor:hand;}
*html ul.menu ul li .output li{ padding: 0; cursor:hand;}

