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;
  padding-top:15px;
  margin-left: 13px;
  overflow:hidden;
  margin-right: 10.8em;
  *zoom:1;
  margin-bottom:-3px;
  

  
  *position:relative;
  *z-index:10;
}

div.body div.navigation ul
{
  list-style-type: none;
  float:left;

}

div.body div.navigation ul li 
{
  /*
  display:-moz-inline-box;
  display:inline-block;
  *display:inline;
  */
  float:left;
  
  border-left:2px solid #D81D1B;
  background-color: #B60101;

  background-position : 0 0;
  background-repeat: repeat-x;
  background-image: url(../images/navi_bg.png);  
  padding:5px 5px 3px 5px;
  font-size: 0.7em;
  
}

div.body div.navigation ul li.first
{
  border-left:0;
}

div.body div.navigation ul li a
{
  color: #FFF;
  
  
  display:inline-block;
  
  _display:inline;
  _zoom:1;
  padding:0.25em 0.25em;
  
}

div.body div.navigation ul li.active,
div.body div.navigation ul li:hover,
div.body div.navigation ul li.hover
{
  background-color: #FFF;
  background-image: none;
}

div.body div.navigation ul li.active a,
div.body div.navigation ul li:hover a,
div.body div.navigation ul li.hover a
{
  color: #333333;
}

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

div.body div.subnavi  
{
  float:left;
  width:16em;
  padding-left:5px;
  padding-top:10px;
}

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

div.body div.subnavi ul.subnavi li 
{
  padding:0.5em 0 0.5em 0.8em;
  padding-left:16px;
  border-bottom: 1px solid #FFF;
  font-size: 0.95em;
  background-image: url(../images/subnavi_li_bg.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
}

div.body div.subnavi ul.subnavi li a
{
  color: #333333; 
  font-weight: normal;
}

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-image: url(../images/subnavi_li_active_bg.gif);
  background-repeat: repeat-y;
  background-position: 0 0;
  
}

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: #333333; 
  font-weight: bold;
}

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

div.body div.subnavi ul.subnavi ul.sub li a
{
  font-weight:normal;
}

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

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;
  /*font-size: 1.25em;*/
  
  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 
{
  
  font-weight: normal;
}

div.content ul.shop_navi li a
{
  color:black;
  font-weight: bold;
}

div.content ul.shop_navi li .caption
{
  display: block;
  /*font-weight: bold;  */
  height:2em;
  white-space: nowrap;
  font-size: 0.9em;
} 

div.content ul.shop_navi li.active .caption
{
  color: #141414;
  white-space: nowrap;
  font-size: 0.9em;
}

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:40px;  
}

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);
}

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: black;
}

div.body div.subnavi h3 a {
    color: #DD0502;
}

div.body div.subnavi h3 {
    padding-bottom: 5px;
    padding-top:5px;
    padding-left:5px;
    margin-top:1px;
    margin-bottom: 1px;

}

h3.active
{
  background-color: white;
}

h3:hover
{
  background-color: white;
}