#navigation ul {
    list-style: none;
    position: absolute;
    right: 30px;
    top: -12px;
}

#navigation ul li {
    float:left;
}

#navigation ul li a span {
    display: none;
}

#navigation ul li a.ueber_uns {
    background: url(../images/navi_ueber_uns.png) no-repeat;
    border-left: 1px solid #bedfff;
    width: 66px;
    height: 30px;
    display: block;
}
#navigation ul li a.ueber_uns:hover,
#navigation ul li a.ueber_uns_aktiv {
    background: url(../images/navi_ueber_uns.png) no-repeat 0 -30px;
    border-left: 1px solid #bedfff;
    width: 66px;
    height: 30px;
    display: block;
}

#navigation ul li a.unsere_leistungen {
    background: url(../images/navi_unsere_leistungen.png) no-repeat;
    border-left: 1px solid #bedfff;
    width: 117px;
    height: 30px;
    display: block;
}
#navigation ul li a.unsere_leistungen:hover,
#navigation ul li a.unsere_leistungen_aktiv {
    background: url(../images/navi_unsere_leistungen.png) no-repeat 0 -30px;
    border-left: 1px solid #bedfff;
    width: 117px;
    height: 30px;
    display: block;
}

#navigation ul li a.referenzen {
    background: url(../images/navi_referenzen.png) no-repeat;
    border-left: 1px solid #bedfff;
    width: 79px;
    height: 30px;
    display: block;
}
#navigation ul li a.referenzen:hover,
#navigation ul li a.referenzen_aktiv {
    background: url(../images/navi_referenzen.png) no-repeat 0 -30px;
    border-left: 1px solid #bedfff;
    width: 79px;
    height: 30px;
    display: block;
}

#navigation ul li a.logbuch {
    background: url(../images/navi_logbuch.png) no-repeat;
    border-left: 1px solid #bedfff;
    width: 66px;
    height: 30px;
    display: block;
}
#navigation ul li a.logbuch:hover,
#navigation ul li a.logbuch_aktiv {
    background: url(../images/navi_logbuch.png) no-repeat 0 -30px;
    border-left: 1px solid #bedfff;
    width: 66px;
    height: 30px;
    display: block;
}

#navigation ul li a.kontakt {
    background: url(../images/navi_kontakt_anfahrt.png) no-repeat;
    border-left: 1px solid #bedfff;
    border-right: 1px solid #bedfff;
    width: 115px;
    height: 30px;
    display: block;
}
#navigation ul li a.kontakt:hover,
#navigation ul li a.kontakt_aktiv {
    background: url(../images/navi_kontakt_anfahrt.png) no-repeat 0 -30px;
    border-left: 1px solid #bedfff;
    border-right: 1px solid #bedfff;
    width: 115px;
    height: 30px;
    display: block;
}



/* Subnavigation */
#subnavigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#subnavigation ul li {
    border-bottom: 1px solid #d1e1f0;
    width: 109px;
    margin-left: 30px;
}

#subnavigation ul li a span {
    display: none;
}

#subnavigation ul li a.die_agentur {
    background: url(../images/subnavi_die_agentur.png) no-repeat;
    width: 109px;
    height: 28px;
    display: block;
}
#subnavigation ul li a.die_agentur:hover,
#subnavigation ul li a.die_agentur_aktiv {
    background: url(../images/subnavi_die_agentur.png) no-repeat 0 -28px;
    width: 109px;
    height: 28px;
    display: block;
}

#subnavigation ul li a.ulf_dyszak {
    background: url(../images/subnavi_ulf_dyszak.png) no-repeat;
    width: 109px;
    height: 28px;
    display: block;
}
#subnavigation ul li a.ulf_dyszak:hover,
#subnavigation ul li a.ulf_dyszak_aktiv {
    background: url(../images/subnavi_ulf_dyszak.png) no-repeat 0 -28px;
    width: 109px;
    height: 28px;
    display: block;
}

#subnavigation ul li a.sebastian_draeger {
    background: url(../images/subnavi_sebastian_draeger.png) no-repeat;
    width: 109px;
    height: 28px;
    display: block;
}
#subnavigation ul li a.sebastian_draeger:hover,
#subnavigation ul li a.sebastian_draeger_aktiv {
    background: url(../images/subnavi_sebastian_draeger.png) no-repeat 0 -28px;
    width: 109px;
    height: 28px;
    display: block;
}

#subnavigation ul li a.nero_der_mops {
    background: url(../images/subnavi_nero_der_mops.png) no-repeat;
    width: 109px;
    height: 28px;
    display: block;
}
#subnavigation ul li a.nero_der_mops:hover,
#subnavigation ul li a.nero_der_mops_aktiv {
    background: url(../images/subnavi_nero_der_mops.png) no-repeat 0 -28px;
    width: 109px;
    height: 28px;
    display: block;
}

#subnavigation ul li a.brand {
    background: url(../images/subnavi_brand.png) no-repeat;
    width: 109px;
    height: 28px;
    display: block;
}
#subnavigation ul li a.brand:hover,
#subnavigation ul li a.brand_aktiv {
    background: url(../images/subnavi_brand.png) no-repeat 0 -28px;
    width: 109px;
    height: 28px;
    display: block;
}

#subnavigation ul li a.concept {
    background: url(../images/subnavi_concept.png) no-repeat;
    width: 109px;
    height: 28px;
    display: block;
}
#subnavigation ul li a.concept:hover,
#subnavigation ul li a.concept_aktiv {
    background: url(../images/subnavi_concept.png) no-repeat 0 -28px;
    width: 109px;
    height: 28px;
    display: block;
}

#subnavigation ul li a.graphic_design {
    background: url(../images/subnavi_graphic_design.png) no-repeat;
    width: 109px;
    height: 28px;
    display: block;
}
#subnavigation ul li a.graphic_design:hover,
#subnavigation ul li a.graphic_design_aktiv {
    background: url(../images/subnavi_graphic_design.png) no-repeat 0 -28px;
    width: 109px;
    height: 28px;
    display: block;
}

#subnavigation ul li a.gruenderpaket {
    background: url(../images/subnavi_gruenderpaket.png) no-repeat;
    width: 109px;
    height: 28px;
    display: block;
    margin-top: 40px;
}
#subnavigation ul li a.gruenderpaket:hover,
#subnavigation ul li a.gruenderpaket_aktiv {
    background: url(../images/subnavi_gruenderpaket.png) no-repeat 0 -28px;
    width: 109px;
    height: 28px;
    display: block;
    margin-top: 40px;
}

#subnavigation ul li a.partner {
    background: url(../images/subnavi_partner.png) no-repeat;
    width: 109px;
    height: 28px;
    display: block;
}
#subnavigation ul li a.partner:hover,
#subnavigation ul li a.partner_aktiv {
    background: url(../images/subnavi_partner.png) no-repeat 0 -28px;
    width: 109px;
    height: 28px;
    display: block;
}

#subnavigation ul li a.kontakt {
    background: url(../images/subnavi_kontakt.png) no-repeat;
    width: 109px;
    height: 28px;
    display: block;
}
#subnavigation ul li a.kontakt:hover,
#subnavigation ul li a.kontakt_aktiv {
    background: url(../images/subnavi_kontakt.png) no-repeat 0 -28px;
    width: 109px;
    height: 28px;
    display: block;
}

#subnavigation ul li a.anfahrt {
    background: url(../images/subnavi_anfahrt.png) no-repeat;
    width: 109px;
    height: 28px;
    display: block;
}
#subnavigation ul li a.anfahrt:hover,
#subnavigation ul li a.anfahrt_aktiv {
    background: url(../images/subnavi_anfahrt.png) no-repeat 0 -28px;
    width: 109px;
    height: 28px;
    display: block;
}