.navigation 
{
  position: relative;
  top: -45px;
  height: 260px;
  width: 860px;
  margin: 0 auto;
  margin-bottom: -30px;
  background-image: url("../images/navigation/navigation1.png");
  background-position: top;
  background-repeat: no-repeat;
  font-family: Arial;     
}

.navigation ul {
  height: 228px;
  width: 12.95em;
  margin-left: 0.38em;
  list-style-type: none;
  padding-top: 35px;
  padding-left: 0.63em;
}

.navigation li {
  height: 20px;
  width: 150px;
  font-size: 16px;
  margin-left: 21px;
  margin-bottom: 0.75em;
}

.navigations-button 
{
  margin-right: 15px;
  vertical-align: inherit;
  }

.navigation a {
  text-decoration: none;
  vertical-align: middle;
  color: #fff;
  display: block;
}

.navigation a:hover {
  font-weight: bold;
}

/* === Navigation Pfad === */

.navi-pfad 
{
  font-size: 12px;
  color: #3a3b3d;
  margin-left: 5px;
  margin-bottom: 10px;
}

.navi-pfad a
{
    text-decoration: none;
    color: #495c77;
}

.navi-pfad a:hover{text-decoration: underline;}

/* === Navigation Link Kategorien === */

.NavigationKategorie
{
  text-decoration: none;
  vertical-align: middle;
  font-size: 12px;
  color: #1f201a;  
}

.NavigationKategorie a:hover {text-decoration: none;}

/* === Footer Navigation === */

.navigation_footer 
{
  clear: both;
  height: 110px;
  width: 960px;
  margin: 0 auto;
  font-size: 12px;
  background-image: url("../images/footer.png");
  background-position: top;
  background-repeat: no-repeat; 
}
  
.navigation_footer ul 
{
  position: relative;
  top: 38px;
  left: 90px;  
  height: 20px;
  width: 400px;
}

.splitter 
{
  color: #fff;
  margin-left: 3px;
  margin-right: 3px;
}

.navigation_footer li
{
  display: inline;
  color: #fff;
}

.navigation_footer a 
{
  text-decoration: none;
  color: #fff;
}

.navigation_footer a:hover
{
  text-decoration: underline;  
}