/* quick navigation
 ***********************************************/
 
#quick-navi nav li a.social-media-fb {
	background-image: url(/files/layout/icons/facebook.png);
	background-repeat: no-repeat;
	background-position: left top;
    padding-left: 24px;
}


#quick-navi ul {
    margin: 0;
    padding: 0;
}

#quick-navi ul li {
    display: inline;
    list-style-type: none;
    border-left: 1px solid #FFFFFF;
}

#quick-navi ul li.first {
    border: none;
}

#quick-navi li a,
#quick-navi li span {
    display: inline;
    display: inline-block;
    padding: 0px 2px 0px 4px;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
    line-height: 20px;
}

#quick-navi li a:hover ,
#quick-navi li.active span {
    color: #F3B500;
}

 
/* main navigation
 ***********************************************/
#main-navi ul {
    margin: 0px;
    padding: 0px;
}

#main-navi li a,
#main-navi li span {
    display: block;
    padding: 6px 0px 5px 0px;
    line-height: 18px;
    text-decoration: none;
    color: transparent;
}

#main-navi ul li {
    float: left;
    list-style-type: none;
    height: 29px;
}

#main-navi ul li.home,
#main-navi ul li.aktuelles,
#main-navi ul li.fahrplaene,
#main-navi ul li.tarife,
#main-navi ul li.kontakt,
#main-navi ul li.service,
#main-navi ul li.online-shop,
#main-navi ul li.ueber-uns,
#main-navi ul li.geschichte,
#main-navi ul li.partner {
    background-image: url(../images/mainnavi.gif);
    background-repeat: no-repeat;
    background-position: 0px -2px;
}

#main-navi ul li.home {
    width: 66px;
    background-position: 0px -2px;
}
#main-navi ul li.home:hover,
#main-navi ul li.active.home,
#main-navi ul li.trail.home {
    background-position: 0px -33px;
}

#main-navi ul li.aktuelles {
    width: 93px;
    background-position: -66px -2px;
}
#main-navi ul li.aktuelles:hover,
#main-navi ul li.active.aktuelles,
#main-navi ul li.trail.aktuelles{
    background-position: -66px -33px;
}

#main-navi ul li.fahrplaene {
    width: 96px;
    background-position: -159px -2px;
}
#main-navi ul li.fahrplaene:hover,
#main-navi ul li.active.fahrplaene,
#main-navi ul li.trail.fahrplaene {
    background-position: -159px -33px;
}

#main-navi ul li.tarife {
    width: 67px;
    background-position: -255px -2px;
}
#main-navi ul li.tarife:hover,
#main-navi ul li.active.tarife,
#main-navi ul li.trail.tarife {
    background-position: -255px -33px;
}

#main-navi ul li.kontakt {
    width: 84px;
    background-position: -322px -2px;
}
#main-navi ul li.kontakt:hover,
#main-navi ul li.active.kontakt,
#main-navi ul li.trail.kontakt {
    background-position: -322px -33px;
}

#main-navi ul li.service{
    width: 75px;
    background-position: -406px -2px;
}
#main-navi ul li.service:hover,
#main-navi ul li.active.service,
#main-navi ul li.trail.service {
    background-position: -406px -33px;
}

#main-navi ul li.online-shop {
    width: 107px;
    background-position: -481px -2px;
}
#main-navi ul li.online-shop:hover,
#main-navi ul li.active.online-shop,
#main-navi ul li.trail.online-shop {
    background-position: -481px -33px;
}

#main-navi ul li.ueber-uns {
    width: 91px;
    background-position: -588px -2px;
}
#main-navi ul li.ueber-uns:hover,
#main-navi ul li.active.ueber-uns,
#main-navi ul li.trail.ueber-uns {
    background-position: -588px -33px;
}

#main-navi ul li.geschichte {
    width: 103px;
    background-position: -679px -2px;
}
#main-navi ul li.geschichte:hover,
#main-navi ul li.active.geschichte,
#main-navi ul li.trail.geschichte {
    background-position: -679px -33px;
}

#main-navi ul li.partner {
    width: 80px;
    background-position: -782px -2px;
}
#main-navi ul li.partner:hover,
#main-navi ul li.active.partner,
#main-navi ul li.trail.partner {
    background-position: -782px -33px;
}

/* sub navigation
 ***********************************************/
#sub-navi ul {
    margin: 0px;
    padding: 0px;
}

#sub-navi ul li {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    height: 51px;
}

#sub-navi li a,
#sub-navi li span {
    display: block;
    padding: 15px 0px 15px 0px;
    text-decoration: none;
    color: transparent;
}


/* HOME */
#sub-navi ul li.pressnitztalbahn,
#sub-navi ul li.bergen-lauterbach,
#sub-navi ul li.sonderzugfahrten {
    background-image: url(../images/subnavi-home.png);
    background-repeat: no-repeat;
    background-position: -2px 0px;
}

#sub-navi ul li.pressnitztalbahn {
    background-position: -2px 0px;
}
#sub-navi ul li.pressnitztalbahn:hover,
#sub-navi ul li.active.pressnitztalbahn{
    background-position: -208px 0px;
}

#sub-navi ul li.bergen-lauterbach {
    background-position: -2px -51px;
}
#sub-navi ul li.bergen-lauterbach:hover,
#sub-navi ul li.active.bergen-lauterbach{
    background-position: -208px -51px;
}

#sub-navi ul li.sonderzugfahrten {
    background-position: -2px -102px;
}
#sub-navi ul li.sonderzugfahrten:hover,
#sub-navi ul li.active.sonderzugfahrten{
    background-position: -208px -102px;
}

/* UEBER UNS */
#sub-navi ul li.fahrzeuge,
#sub-navi ul li.streckennetz {
    background-image: url(../images/subnavi-ueber-uns.png);
    background-repeat: no-repeat;
    background-position: -2px 0px;
}

#sub-navi ul li.fahrzeuge {
    background-position: -2px 0px;
}
#sub-navi ul li.fahrzeuge:hover,
#sub-navi ul li.active.fahrzeuge {
    background-position: -208px 0px;
}

#sub-navi ul li.streckennetz {
    background-position: -2px -51px;
}
#sub-navi ul li.streckennetz:hover,
#sub-navi ul li.active.streckennetz{
    background-position: -208px -51px;
}


/* TARIFE */
#sub-navi ul li.tb-bb,
#sub-navi ul li.fahrgastrechte {
    background-image: url(../images/subnavi-tarife.png);
    background-repeat: no-repeat;
    background-position: -2px 0px;
}

#sub-navi ul li.tb-bb {
    background-position: -2px 0px;
}
#sub-navi ul li.tb-bb:hover,
#sub-navi ul li.active.tb-bb{
    background-position: -208px 0px;
}

#sub-navi ul li.fahrgastrechte {
    background-position: -2px -51px;
}
#sub-navi ul li.fahrgastrechte:hover,
#sub-navi ul li.active.fahrgastrechte{
    background-position: -208px -51px;
}

/* SERVICE */
#sub-navi ul li.angebote,
#sub-navi ul li.webcam,
#sub-navi ul li.online-shop,
#sub-navi ul li.trauung  {
    background-image: url(../images/subnavi-service.png);
    background-repeat: no-repeat;
    background-position: -2px 0px;
}

#sub-navi ul li.angebote {
    background-position: -2px 0px;
}
#sub-navi ul li.angebote:hover,
#sub-navi ul li.active.angebote {
    background-position: -208px 0px;
}

#sub-navi ul li.webcam {
    background-position: -2px -51px;
}
#sub-navi ul li.webcam:hover,
#sub-navi ul li.active.webcam {
    background-position: -208px -51px;
}

#sub-navi ul li.online-shop {
    background-position: -2px -102px;
}
#sub-navi ul li.online-shop:hover,
#sub-navi ul li.active.online-shop {
    background-position: -208px -102px;
}

#sub-navi ul li.trauung {
    background-position: -2px -153px;
}
#sub-navi ul li.trauung:hover,
#sub-navi ul li.active.trauung {
    background-position: -208px -153px;
}