/* NEUE CSS für die Navigation über eine Liste */

/* === CSS für navi-links.php === ANFANG */
#navButton-links
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}
#navButton-links ul
{
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#navButton-links li
{
/* float: left; */
  margin: 0px;
}

/* mouseover.gif: 4px*12px */
/* 175px max. Breite */

/* einzeilig ANFANG */
#navButton-links li.active  /* Navigationspunkt ist ausgewählt */
{
  display: block;
  padding: 0 0 0 10px;
  width: 165px;
  height: 25px;
  color: #717E77;
  background-image: url(images/mouseover.gif);
  background-repeat: no-repeat;
}
#navButton-links a
{
  display: block;
  padding: 0 0 0 10px;
  width: 165px;
  height: 25px;
  color: #717E77;
  text-decoration: none;
  text-align: left;
}
#navButton-links a.active   /* Navigationsunterpunkt ist ausgewählt, daher anklickbar */
{
  display: block;
  padding: 0 0 0 10px;
  width: 165px;
  height: 25px;
  background-image: url(images/mouseover.gif);
  background-repeat: no-repeat;
  color: #717E77;
  text-decoration: none;
  text-align: left;
}
/* einzeilig ENDE */

/* zweizeilig ANFANG */
#navButton-links li.activeZwei  /* Navigationspunkt ist ausgewählt */
{
  display: block;
  padding: 0 0 0 10px;
  width: 165px;
  height: 40px;
  color: #717E77;
  background-image: url(images/mouseover.gif);
  background-repeat: no-repeat;
}
#navButton-links a.zwei
{
  display: block;
  padding: 0 0 0 10px;
  width: 165px;
  height: 40px;
  color: #717E77;
  text-decoration: none;
  text-align: left;
}
#navButton-links a.activeZwei   /* Navigationsunterpunkt ist ausgewählt, daher anklickbar */
{
  display: block;
  padding: 0 0 0 10px;
  width: 165px;
  height: 40px;
  background-image: url(images/mouseover.gif);
  background-repeat: no-repeat;
  color: #717E77;
  text-decoration: none;
  text-align: left;
}
/* zweizeilig ENDE */

#navButton-links a:visited
{
  color: #717E77;
}
#navButton-links a:hover
{
  color: #717E77;
  background-image: url(images/mouseover.gif);
  background-repeat: no-repeat;
}
/* === CSS für navi-links.php === ENDE */

/* === CSS für navi-oben.php === ANFANG */
#navButton-oben
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}
#navButton-oben ul
{
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#navButton-oben li
{
 float: left;
  margin: 0px;
}

/* mouseover.gif: 4px*12px */
/* 175px max. Breite */

#navButton-oben li.active  /* Navigationspunkt ist ausgewählt */
{
  display: block;
  padding: 0 12px 0 10px;
  width: auto;
  height: 25px;
  color: #717E77;
  background-image: url(images/mouseover.gif);
  background-repeat: no-repeat;
}
#navButton-oben a
{
  display: block;
  padding: 0 12px 0 10px;
  width: auto;
  height: 25px;
  color: #717E77;
  text-decoration: none;
  text-align: left;
}
#navButton-oben a.active   /* Navigationsunterpunkt ist ausgewählt, daher anklickbar */
{
  display: block;
  padding: 0 12px 0 10px;
  width: auto;
  height: 25px;
  background-image: url(images/mouseover.gif);
  background-repeat: no-repeat;
  color: #717E77;
  text-decoration: none;
  text-align: left;
}

#navButton-oben a:visited
{
  color: #717E77;
}
#navButton-oben a:hover
{
  color: #717E77;
  background-image: url(images/mouseover.gif);
  background-repeat: no-repeat;
}
/* === CSS für navi-oben.php === ENDE */