/*
############# Main Menu ######################
*/

div#mainMenu{
    margin-top:         70px; 
    height:             44px;
    margin-left:        115px;
}

div#mainMenu ul {
    float:              left; 
    margin:             0;
    padding:            0;
    list-style:         none;
    display:            inline;
    overflow:           hidden;
    height:             44px;
}
div#mainMenu li {
    margin:             0;
    padding:            0;
    list-style:         none;
    display:            inline;
    height:             44px;
    float:              left;
}

div#mainMenu a {
    float:              left;
    padding:            44px 0 0;
    overflow:           hidden;
    height:             0px !important;
}


div#mainMenu li.leipziger-triathlon a{
    background:         url(/backstage/le-triathlon/picpool/common/menu/leipziger-triathlon.jpg) 0px 0px no-repeat;
    width:              164px;
}
div#mainMenu li.leipziger-triathlonSel a{
    background:         url(/backstage/le-triathlon/picpool/common/menu/leipziger-triathlon.jpg) 0px 0px no-repeat;
    width:              164px;
    background-position: 0px -44px;
}

div#mainMenu li.swim-and-run a{
    background:         url(/backstage/le-triathlon/picpool/common/menu/swim-and-run.jpg) 0px 0px no-repeat;
    width:              107px;
}
div#mainMenu li.swim-and-runSel a{
    background:         url(/backstage/le-triathlon/picpool/common/menu/swim-and-run.jpg) 0px 0px no-repeat;
    width:              107px;
    background-position: 0px -44px;
}

div#mainMenu li.fockeberglauf a{
    background:         url(/backstage/le-triathlon/picpool/common/menu/fockeberglauf.jpg) 0px 0px no-repeat;
    width:              130px;
}
div#mainMenu li.fockeberglaufSel a{
    background:         url(/backstage/le-triathlon/picpool/common/menu/fockeberglauf.jpg) 0px 0px no-repeat;
    width:              130px;
    background-position: 0px -44px;
}

div#mainMenu li.lipsiade a{
    background:         url(/backstage/le-triathlon/picpool/common/menu/lipsiade.jpg) 0px 0px no-repeat;
    width:              79px;
}
div#mainMenu li.lipsiadeSel a{
    background:         url(/backstage/le-triathlon/picpool/common/menu/lipsiade.jpg) 0px 0px no-repeat;
    width:              79px;
    background-position: 0px -44px;
}

div#mainMenu li.bmx-contest a{
    background:         url(/backstage/le-triathlon/picpool/common/menu/bmx-contest.jpg) 0px 0px no-repeat;
    width:              115px;
}
div#mainMenu li.bmx-contestSel a{
    background:         url(/backstage/le-triathlon/picpool/common/menu/bmx-contest.jpg) 0px 0px no-repeat;
    width:              115px;
    background-position: 0px -44px;
}

div#mainMenu li.sponsoren a{
    background:         url(/backstage/le-triathlon/picpool/common/menu/sponsoren.jpg) 0px 0px no-repeat;
    width:              99px;
}
div#mainMenu li.sponsorenSel a{
    background:         url(/backstage/le-triathlon/picpool/common/menu/sponsoren.jpg) 0px 0px no-repeat;
    width:              99px;
    background-position: 0px -44px;
}

div#mainMenu li.teilnahmebedingungen a{
    background:         url(/backstage/le-triathlon/picpool/common/menu/teilnahmebedingungen.jpg) 0px 0px no-repeat;
    width:              190px;
}
div#mainMenu li.teilnahmebedingungenSel a{
    background:         url(/backstage/le-triathlon/picpool/common/menu/teilnahmebedingungen.jpg) 0px 0px no-repeat;
    width:              190px;
    background-position: 0px -44px;
}





div#mainMenu li a:hover {
    background-position: 0px -44px;
}
div#mainMenu li a:active {
    background-position: 0px -44px;
}

/*
############# Sub Menu ######################
*/
div#subMenu {
    margin: 16px 0 11px 0;
    padding: 0px 0 0 0px;
    list-style-type: none;
    background: #fff;
    width: 180px;
}


div#subMenu li {
    display: inline; 
}

div#subMenu li a{
    font-size: 12px;
    display: block;
    text-decoration: none;
    margin-bottom: 0px; 
    padding: 3px 2px 2px 4px;  
    border-top: #0187C5;
    color: #0187C5;
}

* html div#subMenu li a {
       margin-bottom: 0px; 
       padding-bottom: 0px;
}




div#subMenu li a:hover{
    color: #001B54;
    font-weight: bold;
}

div#subMenu li a.selected{
    color: #001B54;
    font-weight: bold;
}


div#subMenu ul.subSubMenu{
margin: 6px 0 20px 0px;
list-style-type: none;
}   



div#subMenu ul.subSubMenu li{
    display: block;

  background: none;
    list-style-type: none;  
}   

div#subMenu ul.subSubMenu li a{
  color: #0187C5;   
    background: none;
  font-size: 11px;  
    font-weight: normal;
    border-bottom: 1px dashed #ccd8dc;
    padding: 2px 0px 2px 4px;  
}   

div#subMenu ul.subSubMenu li a:hover{
  color: #001B54;
    font-weight: normal; 
}   

div#subMenu ul.subSubMenu li a.selected{
  font-weight: bold;
}

div#subMenu ul.subSubMenu li.selected li a{
  color: #3c76a8;  
}