#navi {
    padding-top:300px;
    position:relative;
}


#navi ul {
    list-style-type: none;
}

#navi ul li img {
    width:200px;
}


#subNaviContainer{
    float:left;
    margin-top:302px;
    margin-left:89px;
    position:relative;
    margin-bottom:17px;
}

#subNavi li{
    float:left;
    margin-left:3px;
    width:55px;
    height: 48px;
}

#subNavi {
    list-style: none;
    height: 48px;
    width: 55px;
    width: 660px;
}

.vehicleClass {
    width: 55px;
    height: 48px;
}

.classB {
    background:transparent url('../images/klassen/navB.png') center top no-repeat;
    display:block;
}

.classB:hover {
    background:transparent url('../images/klassen/navB_g.png') center top no-repeat;
}

.classBActive {
    background: transparent url('../images/klassen/navB_g.png') center top no-repeat;
    display: block;
}

.classBe {
    background: transparent url('../images/klassen/navBe.png') center top no-repeat;
    display: block;
}

.classBe:hover {
    background:transparent url('../images/klassen/navBe_g.png') center top no-repeat;
}

.classBeActive {
    background: transparent url('../images/klassen/navBe_g.png') center top no-repeat;
    display: block;
}

.classB96 {
    background: transparent url('../images/klassen/navB96.png') center top no-repeat;
    display: block;
}

.classB96:hover {
    background:transparent url('../images/klassen/navB96_g.png') center top no-repeat;
}

.classB96Active {
    background: transparent url('../images/klassen/navB96_g.png') center top no-repeat;
    display: block;
}

.classB196 {
    background: transparent url('../images/klassen/navB196.png') center top no-repeat;
    display: block;
}

.classB196:hover {
    background: transparent url('../images/klassen/navB196_g.png') center top no-repeat;
}

.classB196Active {
    background: transparent url('../images/klassen/navB196_g.png') center top no-repeat;
    display: block;
}

.classA {
    background: transparent url('../images/klassen/navA.png') center top no-repeat;
    display: block;
}

.classA:hover {
    background:transparent url('../images/klassen/navA_g.png') center top no-repeat;
}

.classAActive {
    background: transparent url('../images/klassen/navA_g.png') center top no-repeat;
    display: block;
}

.classA2 {
    background: transparent url('../images/klassen/navA2.png') center top no-repeat;
    display: block;
}

.classA2:hover {
    background:transparent url('../images/klassen/navA2_g.png') center top no-repeat;
}

.classA2Active {
    background: transparent url('../images/klassen/navA2_g.png') center top no-repeat;
    display: block;
}

.classA1 {
    background: transparent url('../images/klassen/navA1.png') center top no-repeat;
    display: block;
}

.classA1:hover {
    background:transparent url('../images/klassen/navA1_g.png') center top no-repeat;
}

.classA1Active {
    background: transparent url('../images/klassen/navA1_g.png') center top no-repeat;
    display: block;
}

.classAm {
    background: transparent url('../images/klassen/navAm.png') center top no-repeat;
    display: block;
}

.classAm:hover {
    background:transparent url('../images/klassen/navAm_g.png') center top no-repeat;
}

.classAmActive {
    background: transparent url('../images/klassen/navAm_g.png') center top no-repeat;
    display: block;
}

.classB197 {
    background: transparent url('../images/klassen/navB197.png') center top no-repeat;
    display: block;
}

.classB197:hover {
    background:transparent url('../images/klassen/navB197_g.png') center top no-repeat;
}

.classB197Active {
    background: transparent url('../images/klassen/navB197_g.png') center top no-repeat;
    display: block;
}

.classT {
    background: transparent url('../images/klassen/navT.png') center top no-repeat;
    display: block;
}

.classT:hover {
    background:transparent url('../images/klassen/navT_g.png') center top no-repeat;
}

.classTActive {
    background: transparent url('../images/klassen/navT_g.png') center top no-repeat;
    display: block;
}

.classL {
    background: transparent url('../images/klassen/navL.png') center top no-repeat;
    display: block;
}

.classL:hover {
    background:transparent url('../images/klassen/navL_g.png') center top no-repeat;
}

.classLActive {
    background: transparent url('../images/klassen/navL_g.png') center top no-repeat;
    display: block;
}

.classMofa {
    background: transparent url('../images/klassen/navMofa.png') center top no-repeat;
    display: block;
}

.classMofa:hover {
    background:transparent url('../images/klassen/navMofa_g.png') center top no-repeat;
}

.classMofaActive {
    background: transparent url('../images/klassen/navMofa_g.png') center top no-repeat;
    display: block;
}


.index {
    width: 200px;
    height:30px;
    background:transparent url('../images/Bullet-0---Startseite.png') center top no-repeat;
    display:block;
    margin-bottom:5px;
}

.index:hover {
    background-image: url('../images/Bullet-0---Startseite_b.png');
}

.indexActive {
    background-image: url('../images/Bullet-0---Startseite_b.png');
    display:block;
    margin-bottom:5px;
    width: 200px;
    height:30px;
}

.fahrschule {
    width: 200px;
    height:30px;
    background:transparent url('../images/Bullet-1---Die-Fahrschule.png') center top no-repeat;
    display:block;
    margin-bottom:5px;
}

.fahrschule:hover {
    background-image: url('../images/Bullet-1---Die-Fahrschule_b.png');
}

.fahrschuleActive {
    background-image: url('../images/Bullet-1---Die-Fahrschule_b.png');
    display:block;
    margin-bottom:5px;
    width: 200px;
    height:30px;
}

.klassen {
    width: 200px;
    height:30px;
    background:transparent url('../images/Bullet-2---Führerscheinklassen.png') center top no-repeat;
    display:block;
    margin-bottom:5px;
}

.klassen:hover {
    background-image: url('../images/Bullet-2---Führerscheinklassen_b.png');
}

.klassenActive {
    background-image: url('../images/Bullet-2---Führerscheinklassen_b.png');
    display:block;
    margin-bottom:5px;
    width: 200px;
    height:30px;
}

.anmeldung {
    width: 200px;
    height:30px;
    background:transparent url('../images/Bullet-3---Anmeldung.png') center top no-repeat;
    display:block;
    margin-bottom:5px;
}

.anmeldung:hover {
    background-image: url('../images/Bullet-3---Anmeldung_b.png');
}

.anmeldungActive {
    background-image: url('../images/Bullet-3---Anmeldung_b.png');
    display:block;
    margin-bottom:5px;
    width: 200px;
    height:30px;
}

.fuehrerschein {
    width: 200px;
    height:30px;
    background:transparent url('../images/Bullet-4---Führerschein-mit-17.png') center top no-repeat;
    display:block;
    margin-bottom:5px;
}

.fuehrerschein:hover {
    background-image: url('../images/Bullet-4---Führerschein-mit-17_b.png');
}

.fuehrerscheinActive {
    background-image: url('../images/Bullet-4---Führerschein-mit-17_b.png');
    display:block;
    margin-bottom:5px;
    width: 200px;
    height:30px;
}

.fuhrpark {
    width: 200px;
    height:30px;
    background:transparent url('../images/Bullet-5---Fuhrpark.png') center top no-repeat;
    display:block;
    margin-bottom:5px;
}

.fuhrpark:hover {
    background-image: url('../images/Bullet-5---Fuhrpark_b.png');
}

.fuhrparkActive {
    background-image: url('../images/Bullet-5---Fuhrpark_b.png');
    display:block;
    margin-bottom:5px;
    width: 200px;
    height:30px;
}

.termine {
    width: 200px;
    height:30px;
    background:transparent url('../images/Bullet-6---Termine.png') center top no-repeat;
    display:block;
    margin-bottom:5px;
}

.termine:hover {
    background-image: url('../images/Bullet-6---Termine_b.png');
}

.termineActive {
    background-image: url('../images/Bullet-6---Termine_b.png');
    display:block;
    margin-bottom:5px;
    width: 200px;
    height:30px;
}

.aktuelles {
    width: 200px;
    height:30px;
    background:transparent url('../images/Bullet-7---Aktuelles.png') center top no-repeat;
    display:block;
    margin-bottom:5px;
}

.aktuelles:hover {
    background-image: url('../images/Bullet-7---Aktuelles_b.png');
}

.aktuellesActive {
    background-image: url('../images/Bullet-7---Aktuelles_b.png');
    display:block;
    margin-bottom:5px;
    width: 200px;
    height:30px;
}

.kontakt {
    width: 200px;
    height:30px;
    background:transparent url('../images/Bullet-8---Kontakt.png') center top no-repeat;
    display:block;
    margin-bottom:5px;
}

.kontakt:hover {
    background-image: url('../images/Bullet-8---Kontakt_b.png');
}

.kontaktActive {
    background-image: url('../images/Bullet-8---Kontakt_b.png');
    display:block;
    margin-bottom:5px;
    width: 200px;
    height:30px;
}

.impressum {
    width: 200px;
    height:30px;
    background:transparent url('../images/Bullet-9---Impressum.png') center top no-repeat;
    display:block;
    margin-bottom:5px;
}

.impressum:hover {
    background-image: url('../images/Bullet-9---Impressum_b.png');
}

.impressumActive {
    background-image: url('../images/Bullet-9---Impressum_b.png');
    display:block;
    margin-bottom:5px;
    width: 200px;
    height:30px;
}

.datenschutz {
    width: 200px;
    height:30px;
    background:transparent url('../images/Bullet-10---Datenschutzerklaerung.png') center top no-repeat;
    display:block;
    margin-bottom:5px;
}

.datenschutz:hover {
    background-image: url('../images/Bullet-10---Datenschutzerklaerung_b.png');
}

.datenschutzActive {
    background-image: url('../images/Bullet-10---Datenschutzerklaerung_b.png');
    display:block;
    margin-bottom:5px;
    width: 200px;
    height:30px;
}