div.head div.navigation
{
  font-size: 0.95em;
  line-height:2em;
  float:right;
  border:1px solid #999999;
  border-top:none;
  background-image: url(../images/head_navi_bg.png);
  background-repeat:repeat-x;
  background-position: 0 100%;
  margin-bottom:1em;
  padding:0 0.5em;  

}

div.head div.navigation ul
{
  display:-moz-inline-box;
  display:inline-block;
  *display:inline;
  margin-right:3em;   
}

div.head div.navigation ul li
{
  display:-moz-inline-box;
  display:inline-block;
  *display:inline;
  padding:0 0.5em;
  
  border-left:1px solid #656565;
}

div.head div.navigation ul li.first
{
  border-left:none;
  padding-left:0;
}

div.head div.navigation a
{
  color:#656565;
  text-decoration: none;
  font-weight: bold;
}


/* */

div.body div.navigation 
{
  font-size:1.5em;
  overflow:hidden;
  margin-bottom:1.5em;
  _zoom:1;  
}

div.body div.navigation ul
{
  list-style-type: none;
  border-left:1px solid white;
  float:left;

}

div.body div.navigation ul li 
{
  /*
  display:-moz-inline-box;
  display:inline-block;
  *display:inline;
  */
  float:left;
  
  border:1px solid white;
  border-left: none;
  background-color:#9E9E9E;

  background-position : 0 0;
  background-repeat: repeat-x;
  background-image: url(../images/navi_bg.png);  
  padding:6px 0 0 0;
  
  
}

div.body div.navigation ul li a
{
  color:white;
  font-weight: bold;
  display:inline-block;
  padding:0.25em 0.5em;
  
}

div.body div.navigation ul li.active,
div.body div.navigation ul li:hover,
div.body div.navigation ul li.hover
{
  background-image: url(../images/navi_bg_active.png);
  background-color: #E48C8E;
}

/*********************/

div.body div.subnavi  
{
  float:left;
  width:13em;
}

div.body div.subnavi ul.subnavi
{
  list-style-type: none;

}

div.body div.subnavi ul.subnavi li 
{
  padding:0.5em 0;
  padding-left:1em;
  
}

div.body div.subnavi ul.subnavi li a
{
  color:#3E3E3E; 
  font-weight: bold;
}

div.body div.subnavi ul.subnavi li.active,
div.body div.subnavi ul.subnavi li:hover,
div.body div.subnavi ul.subnavi li.hover
{
  background-color: #C61217;
  background-image: url(../images/subnavi_active.png);
  background-repeat: no-repeat;
  background-position: 0 50%;
  
}

div.body div.subnavi ul.subnavi li.active a,
div.body div.subnavi ul.subnavi li:hover a,
div.body div.subnavi ul.subnavi li.hover
{
  color:white;
}

/*******************/

div.content ul.shop_navi
{
  list-style-type: none;
  padding: 2em 0;
  overflow: hidden;
  background-image:url(../images/shop_navi_bg.png);
  background-repeat: repeat-x;
  background-position: 0 100%;
  padding-bottom:0;
  margin-bottom:1em;
  zoom:1;
  margin-left:1em;
  margin-right:2em;
}

div.content ul.shop_navi li
{
  float:left;
  
  width:11em;
  width:16.6%; /* verkleinerung */
  text-align:center;
  
}

div.content ul.shop_navi li 
{
  color:#A4A4A4;
}

div.content ul.shop_navi li a
{
  color:black;
}

div.content ul.shop_navi li .caption
{
  display: block;
  font-weight: bold;  
  height:2.75em;  
} 

div.content ul.shop_navi li.active .caption
{
  color:#C61217;
}

div.content ul.shop_navi li span.step-id
{
  display:none;
}

div.content ul.shop_navi li
{
  background-position: 50% 100%;
  background-repeat: no-repeat;
  padding-bottom:32px;  
}

div.content ul.shop_navi li.step-1 
{
  background-image: url(../images/step-1.png);  
}

div.content ul.shop_navi li.step-2
{
  background-image: url(../images/step-2.png);
}

div.content ul.shop_navi li.step-3
{
  background-image: url(../images/step-3.png);
}

div.content ul.shop_navi li.step-4
{
  background-image: url(../images/step-4.png);
}

div.content ul.shop_navi li.step-5
{
  background-image: url(../images/step-5.png);
}

div.content ul.shop_navi li.step-6
{
  background-image: url(../images/step-6.png);
}

div.content ul.shop_navi li.step-1-active
{
  background-image: url(../images/step-1_active.png);
}

div.content ul.shop_navi li.step-2-active
{
  background-image: url(../images/step-2_active.png);
}

div.content ul.shop_navi li.step-3-active
{
  background-image: url(../images/step-3_active.png);
}

div.content ul.shop_navi li.step-4-active
{
  background-image: url(../images/step-4_active.png);
}

div.content ul.shop_navi li.step-5-active
{
  background-image: url(../images/step-5_active.png);
}

div.content ul.shop_navi li.step-6-active
{
  background-image: url(../images/step-6_active.png);
}