ul.mainnavi
{
  text-align:right;
  background-color: #e4e9f2;
	font-size: 12px;
}

ul.mainnavi li
{
  text-align:left;
/*
  background-image:url(../images/mainmenu_inactive.gif);
  background-repeat:repeat-x;
  background-position:0 0;*/
  white-space:nowrap;
  background-color:#033477;
  font-weight:bold;
 /* float:left;*/

  /* IE Bugfix for Double Margin Bug */
  display:inline-block;
  vertical-align: bottom;
  *display: inline;
  *zoom:1;
  /*
  height:auto !important;
  height:1em;*/
  margin-left:1px;

  position: relative;
  z-index:100;
	padding-right:10px;
	padding-left:10px;
}

ul.mainnavi > li
{

  background: #5779a8; /* Old browsers */
  background: -moz-linear-gradient(top, #5779a8 0%, #5577a7 10%, #0b3a7d 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5779a8), color-stop(10%,#5577a7), color-stop(100%,#0b3a7d)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #5779a8 0%,#5577a7 10%,#0b3a7d 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #5779a8 0%,#5577a7 10%,#0b3a7d 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #5779a8 0%,#5577a7 10%,#0b3a7d 100%); /* IE10+ */
  background: linear-gradient(top, #5779a8 0%,#5577a7 10%,#0b3a7d 100%); /* W3C */
  -pie-background: linear-gradient(top, #5779a8 0%,#5577a7 10%,#0b3a7d 100%); /* W3C */


  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;

  behavior: url(/layout/pie/PIE.htc);
}

ul.mainnavi li.home {
	 background: url("/layout/images/assets/icon_home.png") no-repeat scroll 45% 50%,
	 -moz-linear-gradient(center top , #5779A8 0%, #5577A7 10%, #0B3A7D 100%);
		background:  url("/layout/images/assets/icon_home.png") no-repeat scroll 45% 50%,-webkit-gradient(linear, left top, left bottom, color-stop(0%,#5779a8), color-stop(10%,#5577a7), color-stop(100%,#0b3a7d)); /* Chrome,Safari4+ */
  background:  url("/layout/images/assets/icon_home.png") no-repeat scroll 45% 50%,-webkit-linear-gradient(top, #5779a8 0%,#5577a7 10%,#0b3a7d 100%); /* Chrome10+,Safari5.1+ */
  background:  url("/layout/images/assets/icon_home.png") no-repeat scroll 45% 50%,-o-linear-gradient(top, #5779a8 0%,#5577a7 10%,#0b3a7d 100%); /* Opera 11.10+ */
  background:  url("/layout/images/assets/icon_home.png") no-repeat scroll 45% 50%,-ms-linear-gradient(top, #5779a8 0%,#5577a7 10%,#0b3a7d 100%); /* IE10+ */
  background:  url("/layout/images/assets/icon_home.png") no-repeat scroll 45% 50%,linear-gradient(top, #5779a8 0%,#5577a7 10%,#0b3a7d 100%); /* W3C */
  -pie-background:  url("/layout/images/assets/icon_home.png") no-repeat scroll 45% 50%,linear-gradient(top, #5779a8 0%,#5577a7 10%,#0b3a7d 100%); /* W3C */
	
	 /* background-color: -moz-linear-gradient(center top , #5779A8 0%, #5577A7 10%, #0B3A7D 100%)  ; */
	background-color: blue;
   text-indent: -9999em;
	 width:30px;
	padding: 0;
}

ul.mainnavi li.meinhvv
{
  /*font-style: italic;*/
/*  background-image:url(../images/mainmenu_inactive_meinhvv.gif);*/

  background: #de000f; /* Old browsers */
  background: -moz-linear-gradient(top, #de000f 0%, #da000e 14%, #a90004 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#de000f), color-stop(14%,#da000e), color-stop(100%,#a90004)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #de000f 0%,#da000e 14%,#a90004 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #de000f 0%,#da000e 14%,#a90004 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #de000f 0%,#da000e 14%,#a90004 100%); /* IE10+ */
  background: linear-gradient(top, #de000f 0%,#da000e 14%,#a90004 100%); /* W3C */
  -pie-background: linear-gradient(top, #de000f 0%,#da000e 14%,#a90004 100%); /* W3C */

}

ul.mainnavi li.umwelt
{
/*  background-image:url(/images/mainmenu_inactive_umwelt.gif);
  background-color:#B00000;*/
  background: #3fa848; /* Old browsers */
  background: -moz-linear-gradient(top, #3fa848 0%, #3ea647 10%, #1d733b 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3fa848), color-stop(10%,#3ea647), color-stop(100%,#1d733b)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #3fa848 0%,#3ea647 10%,#1d733b 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #3fa848 0%,#3ea647 10%,#1d733b 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #3fa848 0%,#3ea647 10%,#1d733b 100%); /* IE10+ */
  background: linear-gradient(top, #3fa848 0%,#3ea647 10%,#1d733b 100%); /* W3C */
  -pie-background: linear-gradient(top, #3fa848 0%,#3ea647 10%,#1d733b 100%); /* W3C */

}

ul.mainnavi li.switchh
{
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 75%, #e3e3e3 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(75%,#ffffff), color-stop(100%,#e3e3e3)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 75%,#e3e3e3 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 75%,#e3e3e3 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 75%,#e3e3e3 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 75%,#e3e3e3 100%); /* W3C */
  -pie-background: linear-gradient(top, #ffffff 0%,#ffffff 75%,#e3e3e3 100%); /* W3C */

  behavior: url(/layout/pie/PIE.htc);
}

ul.mainnavi > li.search
{
  background: #ffffff; /* Old browsers */
	background-color: #ffffff !important;
  /* background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 75%, #e3e3e3 100%);*/ /* FF3.6+ */
  /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(75%,#ffffff), color-stop(100%,#e3e3e3));*/ /* Chrome,Safari4+ */
  /* background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 75%,#e3e3e3 100%);*/ /* Chrome10+,Safari5.1+ */
  /* background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 75%,#e3e3e3 100%);*/ /* Opera 11.10+ */
  /* background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 75%,#e3e3e3 100%);*//* IE10+ */
  /* background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 75%,#e3e3e3 100%);*/ /* W3C */
  /* -pie-background: linear-gradient(top, #ffffff 0%,#ffffff 75%,#e3e3e3 100%); *//* W3C */
  
	padding-left:0;
	padding-right:0;
  behavior: url(/layout/pie/PIE.htc);
}

#menu_search {
	border-radius: 10px 10px 0 0;
  padding-left:10px;
	padding-right:10px;
}

ul.mainnavi li.search > input:focus 
{
  outline : none;
}

ul.mainnavi li.search > a
{
  color: #5779a8 !important;
}

ul.mainnavi li.switchh > a
{
  background: url("/images/logo_switchh_navi.png") no-repeat scroll 50% 0 transparent;
  width: 69px;
  text-indent: -9999em;
} 

ul.mainnavi li.switchh > a:hover
{
  background-position: 50% -35px;/*100%;*/
}

ul.mainnavi li.switchh.active 
{
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 100%); /* W3C */
  -pie-background: linear-gradient(top, #ffffff 0%,#ffffff 100%); /* W3C */

  behavior: url(/layout/pie/PIE.htc);
}

/* MeinHVV Reiter nun immer rot 28.8.2015 */
ul.mainnavi li.meinhvv.active 
{
   background: #de000f; /* Old browsers */
  background: -moz-linear-gradient(top, #de000f 0%, #da000e 14%, #a90004 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#de000f), color-stop(14%,#da000e), color-stop(100%,#a90004)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #de000f 0%,#da000e 14%,#a90004 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #de000f 0%,#da000e 14%,#a90004 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #de000f 0%,#da000e 14%,#a90004 100%); /* IE10+ */
  background: linear-gradient(top, #de000f 0%,#da000e 14%,#a90004 100%); /* W3C */
  -pie-background: linear-gradient(top, #de000f 0%,#da000e 14%,#a90004 100%); /* W3C */
  behavior: url(/layout/pie/PIE.htc);
	
}

ul.mainnavi li.meinhvv.active a
{
  color: #FFFFFF;
}



ul.mainnavi li.meinhvv li
{
  font-style: normal;
}

ul.mainnavi li a
{
  display: block;

  padding: 0.4em 12px 0.4em 13px;

}


ul.mainnavi li.active
{
/*  background-image:url(../images/mainmenu_active.gif); */
	
  background-color: #B7C4CD;

  background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 10%, #f8f9fc 25%, #f8f9fc 35%, #f3f5fa 40%, #f3f5fa 50%, #eef1f7 55%, #ebeef5 70%, #e7ebf4 75%, #e7ebf4 85%, #e2e7f1 90%, #e2e7f1 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(10%,#ffffff), color-stop(25%,#f8f9fc), color-stop(35%,#f8f9fc), color-stop(40%,#f3f5fa), color-stop(50%,#f3f5fa), color-stop(55%,#eef1f7), color-stop(70%,#ebeef5), color-stop(75%,#e7ebf4), color-stop(85%,#e7ebf4), color-stop(90%,#e2e7f1), color-stop(100%,#e2e7f1)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 10%,#f8f9fc 25%,#f8f9fc 35%,#f3f5fa 40%,#f3f5fa 50%,#eef1f7 55%,#ebeef5 70%,#e7ebf4 75%,#e7ebf4 85%,#e2e7f1 90%,#e2e7f1 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%,#ffffff 10%,#f8f9fc 25%,#f8f9fc 35%,#f3f5fa 40%,#f3f5fa 50%,#eef1f7 55%,#ebeef5 70%,#e7ebf4 75%,#e7ebf4 85%,#e2e7f1 90%,#e2e7f1 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 10%,#f8f9fc 25%,#f8f9fc 35%,#f3f5fa 40%,#f3f5fa 50%,#eef1f7 55%,#ebeef5 70%,#e7ebf4 75%,#e7ebf4 85%,#e2e7f1 90%,#e2e7f1 100%); /* IE10+ */
  background: linear-gradient(top, #ffffff 0%,#ffffff 10%,#f8f9fc 25%,#f8f9fc 35%,#f3f5fa 40%,#f3f5fa 50%,#eef1f7 55%,#ebeef5 70%,#e7ebf4 75%,#e7ebf4 85%,#e2e7f1 90%,#e2e7f1 100%); /* W3C */
  -pie-background: linear-gradient(top, #ffffff 0%,#ffffff 10%,#f8f9fc 25%,#f8f9fc 35%,#f3f5fa 40%,#f3f5fa 50%,#eef1f7 55%,#ebeef5 70%,#e7ebf4 75%,#e7ebf4 85%,#e2e7f1 90%,#e2e7f1 100%); /* W3C */

}

ul.mainnavi li.active a
{
  color: #08387B;
}

ul.mainnavi li:hover ul.sub,
ul.mainnavi li a:focus + ul.sub,
ul.mainnavi li.hover ul.sub,
ul.mainnavi li:hover ul.sub li:hover ul.sub,
ul.mainnavi li.hover ul.sub li.hover ul.sub
{
  display: block;
}

ul.mainnavi li#shop-main-de ul.sub 
{
  display:none;
}

ul.mainnavi li:hover ul.sub ul.sub ul.sub,
ul.mainnavi li.hover ul.sub ul.sub ul.sub
{
  display: none;
}

/* erste */
ul.mainnavi li ul.sub
{
  display: none;
  background-color:#5D7BA5;
  position:absolute;
  z-index : 20;
  top:100%;
	left:0px;
  
  /* IE fix ... this is to reverse the padding-left of ul.mainnavi li a  */
  _left:-1.1em;

  _margin-top:1px;
}

/* Kommentare entfernen für rechtsbündige erste Ebene */
ul.mainnavi li ul.sub_right_aligned
{
 left: auto;
  right:1px;
  text-align:right;
}


ul.mainnavi li ul.sub
{
/*width: 10em;*/
}

ul.mainnavi li ul.sub li
{
  display:block;
  float:none;
  background:none;
  margin:0;

  z-index : 15;
  border: none;
  border-top: 1px solid #5D7BA5;
  border-bottom: 1px solid #5D7BA5;
  border-right: 1px solid #5D7BA5;

/*width: 10em;*/
}

ul.mainnavi li ul.sub li.last
{
  margin-right:0;
}

ul.mainnavi li ul.sub li:hover,
ul.mainnavi li ul.sub li.hover
{
  border-top: 1px solid #B3C3D7;
  border-bottom: 1px solid #B3C3D7;
  border-right: 1px solid #B3C3D7;

  background-color:#B3C3D7;
  margin:0;
}

ul.mainnavi li ul.sub li a
{
  color: white;
  text-decoration: none;
  font-weight: normal;
}

ul.mainnavi li ul.sub li:hover a,
ul.mainnavi li ul.sub li.hover a
{
  color:#063373;
}

ul.mainnavi li ul.sub li ul.sub
{
  display: none;
  background-color:#B3C3D7;
  position:absolute;
  z-index : 10;
  top:-1px;
  _top:0px;
  left:100%;
  margin:0;
}

/* Kommentare entfernen für linksbündige zweite Ebene */
ul.mainnavi li ul.sub_right_aligned li ul.sub,
ul.mainnavi li ul.sub_sub_left_aligned li ul.sub
{
  left:auto;
  right:100%;
}

ul.mainnavi li ul.sub li ul.sub li a
{
 color: #063373;
}

ul.mainnavi li ul.sub li ul.sub li
{
  z-index : 5;
  border:none;
  border-top:1px solid #B3C3D7;
  border-bottom:1px solid #B3C3D7;
}

ul.mainnavi li ul.sub li ul.sub li:hover,
ul.mainnavi li ul.sub li ul.sub li.hover
{
  background-color: #5D7BA5;
  border-top:1px solid #5D7BA5;
  border-bottom:1px solid #5D7BA5;
}

ul.mainnavi li ul.sub li ul.sub li:hover a,
ul.mainnavi li ul.sub li ul.sub li.hover a
{
  color: white;
}


/*********/

div.subnavi
{
  float:left;
  width:24.9%;
}

div.subnavi a
{

}

div.subnavi ul
{
  margin:0px 15% 2em 0;
}

div.subnavi ul.sub
{
  margin:0px;
}

div.subnavi ul li
{

  background-image:url(../images/dotted_line_transp.gif);
  background-repeat:repeat-x;
  background-position : 0 100%;

  /*min-height: 5em;*/

}

div.subnavi ul li.active
{
  font-weight:bold;
  background-color: #b3c3d7;
  /*padding-bottom:1px;*/
}

div.subnavi ul li.disabled a
{
  color: #ccc;
  text-decoration:none;
  cursor:default;
}

div.subnavi ul li a
{
  background-image: url("/images/bullet_main.gif");
  background-position: 0 50%;
  background-repeat: no-repeat;
  display: block;
/*  height: auto !important;*/
  padding: 6px 0 6px 10px;
  /* IE Bugfix */  
  _height: 0.5em;
}

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

div.subnavi ul li ul.sub li
{

  background-color: #e6ebf2;
  padding-left:10px;
}

div.subnavi ul li ul.sub li a
{
  background-image:url(../images/bullet_sub.gif);
/*  background-repeat:no-repeat;
  background-position : 0 50%;
  padding: 0.25em 0;
  padding-left:10px;
  */

}

div.subnavi ul li ul.sub li.active a
{
  background-image:url(../images/bullet_main.gif);
}

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

div.content ul.progress-bar
{
  list-style-type: none;
  padding: 1em 0;
  overflow: hidden;
  background-image:url(../images/progress-bar-bg.gif);
  background-repeat: repeat-x;
  background-position: 0 100%;
  padding-bottom:0;
  margin-bottom:2em;
  zoom:1;
  
}

div.content ul.progress-bar li
{
  float:left;
  
  width:16.6%; /* verkleinerung */
  
  text-align:center;
  
  font-weight: normal;

  background-position: 50% 100%;
  background-repeat: no-repeat;
  line-height:14px;
  list-style:none;
  margin:0;
      
}

div.content ul.progress-bar.step-count-5 li
{
  width:19.9%; /* verkleinerung */
}

div.content ul.progress-bar li a
{
  color:black;
  text-decoration:none;
}

div.content ul.progress-bar li .caption
{
  display: block;
/*  padding-bottom:48px;
  height:2em;  */
  padding-bottom:40px;

} 

div.content ul.progress-bar li.active .caption,
div.content ul.progress-bar li.open .caption
{
  color: #02327c;
}

div.content ul.progress-bar li.active .caption
{
  font-weight: bold;
}

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

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

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

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

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

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

div.content ul.progress-bar li.step-6
{
  background-image: url(../images/step-6.png);
}
/*
div.content ul.progress-bar li.step-1-open
{
  background-image: url(../images/step-1-open.png);
}

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

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

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

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

div.content ul.progress-bar li.step-6-open
{
  background-image: url(../images/step-6-open.png);
}
*/
div.content ul.progress-bar li.step-1-active
{
  background-image: url(../images/step-1-active.png);
}

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

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

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

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

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