/* NAVI TOP */
/* Startseite [START] */
#content-navi a.link1
{
  float: left;
  font-weight: bold;
  font-size: 15px;
  display: block;
  width: 105px;
  height: 33px;
  padding-top: 17px;
  background-image: url(images/b-startseite.jpg);
  background-repeat: no-repeat;
  color: #FFFFFF;
  text-decoration: none;
  text-align: center;
}
#content-navi a.link1-active   /* Navigationsunterpunkt ist ausgewählt, daher anklickbar */
{
  float: left;
  font-weight: bold;
  font-size: 15px;
  display: block;
  width: 105px;
  height: 33px;
  padding-top: 17px;
  background-image: url(images/b-startseite1.jpg);
  background-repeat: no-repeat;
  color: #FFFFFF;
  text-decoration: none;
  text-align: center;
}
#content-navi a.link1:hover
{
  color: #FFFFFF;
  background-image: url(images/b-startseite1.jpg);
  background-repeat: no-repeat;
}
/* Startseite [ENDE] */

/* Aktuelles [START] */
#content-navi a.link2
{
  float: left;
  font-weight: bold;
  font-size: 15px;
  display: block;
  width: 108px;
  height: 33px;
  padding-top: 17px;
  background-image: url(images/b-aktuelles.jpg);
  background-repeat: no-repeat;
  color: #FFFFFF;
  text-decoration: none;
  text-align: center;
}
#content-navi a.link2-active   /* Navigationsunterpunkt ist ausgewählt, daher anklickbar */
{
  float: left;
  font-weight: bold;
  font-size: 15px;
  display: block;
  width: 108px;
  height: 33px;
  padding-top: 17px;
  background-image: url(images/b-aktuelles1.jpg);
  background-repeat: no-repeat;
  color: #FFFFFF;
  text-decoration: none;
  text-align: center;
}
#content-navi a.link2:hover
{
  color: #FFFFFF;
  background-image: url(images/b-aktuelles1.jpg);
  background-repeat: no-repeat;
}
/* Aktuelles [ENDE] */

/* Mazda-Neuwagen [START] */
#content-navi a.link3
{
  float: left;
  font-weight: bold;
  font-size: 15px;
  display: block;
  width: 166px;
  height: 33px;
  padding-top: 17px;
  background-image: url(images/b-mazda-neuwagen.jpg);
  background-repeat: no-repeat;
  color: #FFFFFF;
  text-decoration: none;
  text-align: center;
}
#content-navi a.link3-active   /* Navigationsunterpunkt ist ausgewählt, daher anklickbar */
{
  float: left;
  font-weight: bold;
  font-size: 15px;
  display: block;
  width: 166px;
  height: 33px;
  padding-top: 17px;
  background-image: url(images/b-mazda-neuwagen1.jpg);
  background-repeat: no-repeat;
  color: #FFFFFF;
  text-decoration: none;
  text-align: center;
}
#content-navi a.link3:hover
{
  color: #FFFFFF;
  background-image: url(images/b-mazda-neuwagen1.jpg);
  background-repeat: no-repeat;
}
/* Mazda-Neuwagen [ENDE] */

/* Gebrauchtwagen [START] */
#content-navi a.link4
{
  float: left;
  font-weight: bold;
  font-size: 15px;
  display: block;
  width: 160px;
  height: 33px;
  padding-top: 17px;
  background-image: url(images/b-gebrauchtwagen.jpg);
  background-repeat: no-repeat;
  color: #FFFFFF;
  text-decoration: none;
  text-align: center;
}
#content-navi a.link4-active   /* Navigationsunterpunkt ist ausgewählt, daher anklickbar */
{
  float: left;
  font-weight: bold;
  font-size: 15px;
  display: block;
  width: 160px;
  height: 33px;
  padding-top: 17px;
  background-image: url(images/b-gebrauchtwagen1.jpg);
  background-repeat: no-repeat;
  color: #FFFFFF;
  text-decoration: none;
  text-align: center;
}
#content-navi a.link4:hover
{
  color: #FFFFFF;
  background-image: url(images/b-gebrauchtwagen1.jpg);
  background-repeat: no-repeat;
}
/* Gebrauchtwagen [ENDE] */

/* Werkstatt [START] */
#top-link5
{
  float: left;
  width: 112px;
}
#top-link5 div
{
  display: none;
  width: 111px;
}
#top-link5:hover div, #top-link5 div.active /* Drop-Down, AKTIV */
{
  position: relative;
  height: 120px;
  margin-top: 50px;
  background-image: url(images/dd-verlauf.jpg);
  background-repeat: repeat-x;
  display: block;
  color: #6a8a9e;
  background-color: #FFFFFF;
}
#top-link5:hover div a.dd, #top-link5 div.active a.dd /* Drop-Down-Link */
{
  display: block;
  color: #6a8a9e;
  text-decoration: none;
  padding: 5px 10px 0 10px;
}
#content-navi a.link5
{
  float: left;
  font-weight: bold;
  font-size: 15px;
  display: block;
  width: 112px;
  height: 33px;
  padding-top: 17px;
  background-image: url(images/b-werkstatt.jpg);
  background-repeat: no-repeat;
  color: #FFFFFF;
  text-decoration: none;
  text-align: center;
}
#content-navi a.link5-active   /* Navigationsunterpunkt ist ausgewählt, daher anklickbar */
{
  float: left;
  font-weight: bold;
  font-size: 15px;
  display: block;
  width: 112px;
  height: 33px;
  padding-top: 17px;
  background-image: url(images/b-werkstatt1.jpg);
  background-repeat: no-repeat;
  color: #FFFFFF;
  text-decoration: none;
  text-align: center;
}
#content-navi a.link5:hover
{
  color: #FFFFFF;
  background-image: url(images/b-werkstatt1.jpg);
  background-repeat: no-repeat;
}
/* Werkstatt [ENDE] */

/* Über uns [START] */
#top-link6
{
  float: left;
  width: 109px;
}
#top-link6 div
{
  display: none;
  width: 108px;
}
#top-link6:hover div, #top-link6 div.active /* Drop-Down, AKTIV */
{
  position: relative;
  height: 120px;
  margin-top: 50px;
  background-image: url(images/dd-verlauf.jpg);
  background-repeat: repeat-x;
  display: block;
  color: #6a8a9e;
  background-color: #FFFFFF;
}
#top-link6:hover div a.dd, #top-link6 div.active a.dd /* Drop-Down-Link */
{
  display: block;
  color: #6a8a9e;
  text-decoration: none;
  padding: 5px 10px 0 10px;
}
#content-navi a.link6
{
  float: left;
  font-weight: bold;
  font-size: 15px;
  display: block;
  width: 109px;
  height: 33px;
  padding-top: 17px;
  background-image: url(images/b-ueber-uns.jpg);
  background-repeat: no-repeat;
  color: #FFFFFF;
  text-decoration: none;
  text-align: center;
}
#content-navi a.link6-active   /* Navigationsunterpunkt ist ausgewählt, daher anklickbar */
{
  float: left;
  font-weight: bold;
  font-size: 15px;
  display: block;
  width: 109px;
  height: 33px;
  padding-top: 17px;
  background-image: url(images/b-ueber-uns1.jpg);
  background-repeat: no-repeat;
  color: #FFFFFF;
  text-decoration: none;
  text-align: center;
}
#content-navi a.link6:hover
{
  color: #FFFFFF;
  background-image: url(images/b-ueber-uns1.jpg);
  background-repeat: no-repeat;
}
/* Über uns [ENDE] */

/* Kontakt [START] */
#top-link7
{
  float: left;
  width: 100px;
}
#top-link7 div
{
  display: none;
  width: 100px;
}
#top-link7:hover div, #top-link7 div.active /* Drop-Down, AKTIV */
{
  position: relative;
  height: 120px;
  margin-top: 50px;
  background-image: url(images/dd-verlauf.jpg);
  background-repeat: repeat-x;
  display: block;
  color: #6a8a9e;
  background-color: #FFFFFF;
}
#top-link7:hover div a.dd, #top-link7 div.active a.dd /* Drop-Down-Link */
{
  display: block;
  color: #6a8a9e;
  text-decoration: none;
  padding: 5px 10px 0 10px;
}
#content-navi a.link7
{
  float: left;
  font-weight: bold;
  font-size: 15px;
  display: block;
  width: 100px;
  height: 33px;
  padding-top: 17px;
  background-image: url(images/b-kontakt.jpg);
  background-repeat: no-repeat;
  color: #FFFFFF;
  text-decoration: none;
  text-align: center;
}
#content-navi a.link7-active   /* Navigationsunterpunkt ist ausgewählt, daher anklickbar */
{
  float: left;
  font-weight: bold;
  font-size: 15px;
  display: block;
  width: 100px;
  height: 33px;
  padding-top: 17px;
  background-image: url(images/b-kontakt1.jpg);
  background-repeat: no-repeat;
  color: #FFFFFF;
  text-decoration: none;
  text-align: center;
}
#content-navi a.link7:hover
{
  color: #FFFFFF;
  background-image: url(images/b-kontakt1.jpg);
  background-repeat: no-repeat;
}
/* Kontakt [ENDE] */

#content-navi a:visited
{
  color: #FFFFFF;
}

/* aktiver Link im Drop-Down */
b.dd-aktiv
{
  color: #36617a;
}