div.head div.navigation
{
  font-size: 1em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  line-height:2.3em;
  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:1.7em;
  padding:0 0 0 1em;  
}

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

div.head div.navigation ul li
{
  display:-moz-inline-box;
  display:inline-block;
  *display:inline;
  padding:0 0.5em;
  line-height: 1.6em;
  *line-height: 2.3em;
  margin: 0.5em 0;
  border-left:1px solid #333333;
}

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

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


div.head div.navigation ul.flags
{
  float:right;
  margin-right:0;
}

div.head div.navigation ul.flags li 
{
  border-left:0;
  padding:0 0.5em 0 0;

}


/* */

div.body div.navigation 
{
  font-size:1.3em;
}

div.body div.navigation ul
{
  list-style-type: none;
  float:left;
  margin-bottom:1.5em;
  width:99.5%;
}

div.body div.navigation ul li 
{
  /*
  display:-moz-inline-box;
  display:inline-block;
  *display:inline;
  */
  float:left;
  
  border:1px solid white;
  background-color:#9E9E9E;
  border-top: 0;
  background-position : 0 0;
  background-repeat: repeat-x;
  background-image: url(../images/navi_bg.png);  
  padding:0 0 0 0;
  margin-right: 1px;
  
}

div.body div.navigation ul li a
{
  color:white;
  font-weight: bold;
  display:inline-block;
  padding:0.2em 0.5em 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:14.5em;
}

div.body div.subnavi h2
{
  color: #C61217;
}

div.body div.subnavi h2,
div.body div.subnavi h3
{
  font-size:1.3em;
  padding: 0.5em 0 0.1em 0.5em;
}

div.body div.subnavi h3 img
{
  vertical-align: -3px;
  margin-left:3px; 
}

div.body div.subnavi h3 a
{
  color: black;
}

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

}

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

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.body 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.body div.content ul.shop_navi li
{
  float:left;
  
  width:11em;
  width:16.5%; /* verkleinerung */
  text-align:center;
  
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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