#navi_home, #navi_home:link, #navi_home:visited, #navi_home:hover,#navi_home.active,
#navi_ueber, #navi_ueber:link, #navi_ueber:visited, #navi_ueber:hover,#navi_ueber.active,
#navi_phil, #navi_phil:link, #navi_phil:visited, #navi_phil:hover,#navi_phil.active,
#navi_impr, #navi_ueber:link, #navi_impr:visited, #navi_impr:hover,#navi_impr.active,
#navi_plan, #navi_plan:link, #navi_plan:visited, #navi_plan:hover,#navi_plan.active,
#navi_partner, #navi_partner:link, #navi_partner:visited, #navi_partner:hover,#navi_partner.active,
#navi_kontakt, #navi_kontakt:link, #navi_kontakt:visited, #navi_kontakt:hover,#navi_kontakt.active,
#navi_impressum, #navi_impressum:link, #navi_impressum:visited, #navi_impressum:hover,#navi_impressum.active {
    padding : 0px;
    margin : 0px;
    color : #000000;
    display : block;
    position : relative;
    text-align : center;
    text-decoration : none;
    text-transform : capitalize;
    width : 120px;
    height: 60px;
  }


#navi_home, #navi_home:link, #navi_home:visited {
    background : url('../images/navi/home.png') no-repeat center center;
  }


#navi_ueber, #navi_ueber:link, #navi_ueber:visited {
    background : url('../images/navi/ueber.png') no-repeat center center;
  }


#navi_phil, #navi_phil:link, #navi_phil:visited {
    background : url('../images/navi/phil.png') no-repeat center center;
  }


#navi_impr, #navi_impr:link, #navi_impr:visited {
    background : url('../images/navi/impr.png') no-repeat center center;
  }


#navi_plan, #navi_plan:link, #navi_plan:visited {
    background : url('../images/navi/plan.png') no-repeat center center;
  }

#navi_partner, #navi_partner:link, #navi_partner:visited {
    background : url('../images/navi/partner.png') no-repeat center center;
  }

#navi_kontakt, #navi_kontakt:link, #navi_kontakt:visited {
    background : url('../images/navi/kontakt.png') no-repeat center center;
  }


#navi_impressum, #navi_impressum:link, #navi_impressum:visited {
    background : url('../images/navi/impressum.png') no-repeat center center;
  }


#navi_home:hover, #navi_home.active {
    background: url('../images/navi/home-active.png') no-repeat center center;
  }


#navi_ueber:hover, #navi_ueber.active {
    background: url('../images/navi/ueber-active.png') no-repeat center center;
  }


#navi_phil:hover, #navi_phil.active {
    background: url('../images/navi/phil-active.png') no-repeat center center;
  }


#navi_impr:hover, #navi_impr.active {
    background: url('../images/navi/impr-active.png') no-repeat center center;
  }


#navi_plan:hover, #navi_plan.active {
    background: url('../images/navi/plan-active.png') no-repeat center center;
  }

#navi_partner:hover,#navi_partner.active {
    background : url('../images/navi/partner-active.png') no-repeat center center;
  }

#navi_kontakt:hover, #navi_kontakt.active {
    background: url('../images/navi/kontakt-active.png') no-repeat center center;
  }


#navi_impressum:hover, #navi_impressum.active {
    background: url('../images/navi/impressum-active.png') no-repeat center center;
  }


#topnav ul {
    font : normal 15px arial,helvetica,sans-serif;
    padding : 0.2em 2em;
    margin : 0em;
    list-style : none;
    color : #000000;
    text-align : center;
    width : auto;
  }


#topnav li {
    display: inline;
  }


#topnav li a {
    text-decoration: none;
    color: #000000;
    padding: .2em 1em;
    margin: 2em 1.5em;
    border: 1px solid #000000;
  }


#topnav li a:hover , #topnav li a.active {
    background-color: #519249;
    color: #ffffff;
    border: 1px solid #FFAC1D;
  }