/****************************************************************************************************************
*	Name: navigations.css
*	erstellt: 21.05.2008
*	Autor: olivier, werbeagentur aufwind. gmbh
* Beschreibung:
* Stylesheet f�r die Men�s
*
*	Allgemeine Farbwerte:
*	Textfarbe:		#
*	Border:				#
*	Hintergrund:	#
*
*****************************************************************************************************************/
/***** Horizontale Navigation *****/
#naviH {
  color: #666;
  margin: 3px 0px 3px 0px;
  width: 846px;
  font-weight: normal;
  background-repeat: no-repeat;
  float: left;
}
#naviH a,
#naviH a:link,
#naviH a:visited,
#naviH a:hover,
#naviH a:active {
  color: #544;
  text-decoration: none;
}
/*  text-transform: uppercase; */

#naviH a:hover{
  color: #666;
}
#naviH_1,
#naviH_2,
#naviH_3,
#naviH_4
{
  height: 15px;
  display: inline;
}
#naviH_1,
#naviH_4
{
  border: 1px solid #b7b7b7;
  background: #fafafa;
  width: 160px;
  text-align: right;
  padding-right: 10px;
  padding-top: 2px;
  letter-spacing: 1px;
  font-weight: bold;
  background: url('../common/bg_subnavi_e1.gif') repeat-y;
  float:left;
}
#naviH_1_hr,
#naviH_4_hr
{
  border: 1px solid #b7b7b7;
  background: #fff;
  width: 160px;
  text-align: right;
  padding-right: 10px;
  padding-top: 2px;
  letter-spacing: 1px;
  font-weight: bold;
  background: url('../common/bg_subnavi_e1_hr.gif') repeat-y;
  float:left;
}
#naviH_1, #naviH_1_hr
{
  float: left;
}
#naviH_4, #naviH_4_hr
{
  color: red;
  float: right;
}
#naviH_1.akt,
#naviH_4.akt
{
  background: url('../common/bg_naviH_akt.gif') repeat-y;
}
#naviH_1_hr.akt,
#naviH_4_hr.akt
{
  background: url('../common/bg_naviH_akt_hr.gif') repeat-y;
}
#naviH_center
{
  border: 1px solid #b7b7b7;
  background: #fafafa;
  width: 494px;
  height: 17px;
  float: left;
  margin-left: 3px;
  margin-right: 3px;
  display: inline;
}
#naviH_2
{
  padding-top: 1px;
}
#naviH_3
{
  padding-left: 20px;
  padding-top: 1px;
}
#naviH_2,
#naviH_3,
#naviH_center input,
#naviH_center label
{
  text-transform: uppercase;
  display: inline;
  float: left;
  margin: 1px 0px 1px 0px;
}
#naviH_center input
{
  border: 1px solid #b7b7b7;
  font-size: 10px;
  height: 11px;
  background: #fafafa;
  margin-right: 10px;
  text-transform: none;
  margin-top: 1px;
}
#naviH_center label
{
  margin: 1px 10px 0px 10px;
  padding-top: 1px;
  color: #666;
}
#naviH_center #search_ok
{
  margin-right: 150px;
  height: 15px;
  width: 25px;
  padding: 0px;
}
/* Ende Horizontale Navigation */
/***** Vertikale Navigation *****/
#subnavi{
  margin-bottom: 9px;
  margin-top: 0px;
  margin-left: 0px;
  width: 170px;
  float: left;
  text-align: right;
  font-size: 10px;
  display: block;
  border: 1px solid #b7b7b7;
  padding: 0px;
  background: #fafafa;
}

#subnavi h1 {
  color: #664f2e;
  font-size: 9px;
  font-weight: bold;
  font-family: Arial, Sans Serif;
  padding: 3px 3px 3px 6px;
  margin: 0px 0px 0px 0px;
  border: none;
}

#subnavi h1.follow {
  padding: 3px 3px 3px 12px;
}

#subnavi ul {
  /* WICHTIG: Wenn Pfeile o.ae. benutzt werden, dann als Hintergrundbild definifieren */
  list-style-type: none;
  list-style-image: none;
  padding: 0px;
  margin: 0px;
  /*background-color: #CCAF7D;*/
  text-transform: uppercase;
  font-size: 9px;
  font-family: Arial, Sans Serif;
}

#subnavi ul li {
  margin: 0px;
  margin-bottom: 5px;
  background: url('../common/bg_subnavi_e1.gif') right top repeat-y #ededed;
  padding: 0px;
}

#subnavi ul li a,
#subnavi ul li a:link,
#subnavi ul li a:visited,
#subnavi ul li a:hover,
#subnavi ul li a:active {
  text-decoration: none;
  color: #666;
  display: block;
  padding: 5px 8px 5px 0px;
  font-size: 11px;
  margin: 0px;
   text-transform: none;
}
#subnavi ul li a.akt,
#subnavi ul li a.akt:link,
#subnavi ul li a.akt:visited,
#subnavi ul li a.akt:hover,
#subnavi ul li a.akt:active {
  color: #666;
  background: url('../common/bg_subnavi_e1_akt.gif') repeat-y right top;
  margin: 0px;
}

#subnavi ul li a:hover {
  font-weight: normal;
}
/* EBENE 1 */
#subnavi ul.under1 {
  background: #e1e1e1;
  margin: -5px 0px 0px 0px;
  padding: 0px;
}

#subnavi ul.under1 li {
  margin: 0px;
  padding: 0px;
  background: #e1e1e1;
  background: url('../common/bg_subnavi_e2.gif') right top repeat-y;
}

#subnavi ul.under1 li a,
#subnavi ul.under1 li a:link,
#subnavi ul.under1 li a:visited,
#subnavi ul.under1 li a:hover,
#subnavi ul.under1 li a:active {
  background: #e1e1e1;
  border-bottom: 1px solid #b4b4b4;
  margin: 0px;
  background: url('../common/bg_subnavi_e2.gif') right top repeat-y;
  padding: 5px 15px 5px 0px;
}
#subnavi ul.under1 li a.akt
{
  background: #f5d867;
  border: none;
  background: url('../common/bg_subnavi_e2_akt.gif') 0px top repeat-y;
  margin: 0px 0px 0px 0px;
}
/* EBENE 2 */
#subnavi ul.under2 {
  background: #f7e59f;
  margin: 0px 0px 0px 0px;
  padding: 0px;
}

#subnavi ul.under2 li {
  margin: 0px 0px 0px 0px;
  background: #f7e59f;
  background: url('../common/bg_subnavi_e3.gif') right top repeat-y;
  border-bottom: 1px solid #fac904;
}
#subnavi ul.under2 li a,
#subnavi ul.under2 li a:link,
#subnavi ul.under2 li a:visited,
#subnavi ul.under2 li a:hover,
#subnavi ul.under2 li a:active{
  background: #f7e59f;
  background: url('../common/bg_subnavi_e3.gif') right top repeat-y;
  margin: 0px;
  border-bottom: none;
  padding: 5px 20px 5px 0px;
}
#subnavi ul.under2 li a.akt
{
  background: #fbf3d3;
  margin-right: 7px;
  padding-right: 13px;
  border: none;
}
/* EBENE 3 */
#subnavi ul.under3 {
  background: #f7e59f;
  margin: 0px;
  padding: 0px;
}

#subnavi ul.under3 li {
  margin: 0px;
  background: #f7e59f;
  background: url('../common/bg_subnavi_e1.gif') right top repeat-y;
  border-bottom: 1px solid #fac904;
}
#subnavi ul.under3 li a,
#subnavi ul.under3 li a:link,
#subnavi ul.under3 li a:visited,
#subnavi ul.under3 li a:hover,
#subnavi ul.under3 li a:active{
  background: #f7e59f;
  background: url('../common/bg_subnavi_e1.gif') right top repeat-y;
  margin: 0px;
  border-bottom: none;
  padding: 5px 25px 5px 0px;
}
#subnavi ul.under3 li a.akt
{
  background: #e1e1e1;
  margin-right: 7px;
  padding-right: 18px;
  border: none;
}
/* EBENE 4 */
#subnavi ul.under4 {
  background: #f7e59f;
  margin: 0px;
  padding: 0px;
}

#subnavi ul.under4 li {
  padding: 3px 6px 3px 0px;
  margin: 0px;
  background: #f7e59f;
  border-bottom: 1px solid #fac904;
}
#subnavi ul.under4 li a,
#subnavi ul.under4 li a:link,
#subnavi ul.under4 li a:visited,
#subnavi ul.under4 li a:hover,
#subnavi ul.under4 li a:active{
  background: #f7e59f;
  margin: 0px;
  border-bottom: none;
}
#subnavi ul.under4 li a.akt
{
  background: #fbf3d3;
  border: none;
}
.hedaer_red
{
  color:red;
}
/* Ende Vertikale Navigation */
/***** Custom NAVI *****/

#custom h1 {
  color: #664f2e;
  font-size: 9px;
  font-weight: bold;
  font-family: Arial, Sans Serif;
  padding: 3px 3px 3px 6px;
  margin: 0px 0px 0px 0px;
  border: none;
  text-transform: none;
}

#custom h1.follow {
  padding: 3px 3px 3px 12px;
}

#custom ul {
  /* WICHTIG: Wenn Pfeile o.ae. benutzt werden, dann als Hintergrundbild definifieren */
  list-style-type: none;
  list-style-image: none;
  padding: 0px;
  margin: 0px;
  /*background-color: #CCAF7D;*/
  text-transform: uppercase;
  font-size: 9px;
  font-family: Arial, Sans Serif;
}

#custom ul li {
  margin: 0px;
  margin-bottom: 5px;
  background: url('../common/bg_subnavi_e1.gif') right top repeat-y #ededed;
  padding: 0px;
}

#custom ul li a,
#custom ul li a:link,
#custom ul li a:visited,
#custom ul li a:hover,
#custom ul li a:active {
  text-decoration: none;
  color: #666;
  display: block;
  padding: 5px 8px 5px 0px;
  font-size: 11px;
  letter-spacing: 1px;
  margin: 0px;
 text-transform: none;
}
#custom ul li a.akt,
#custom ul li a.akt:link,
#custom ul li a.akt:visited,
#custom ul li a.akt:hover,
#custom ul li a.akt:active {
  color: #666;
  background: url('../common/bg_subnavi_e1_akt.gif') repeat-y right top;
  margin: 0px;
}

#custom ul li a:hover {
  font-weight: normal;
}
/* EBENE 1 */
#custom ul.under1 {
  background: #e1e1e1;
  margin: -5px 0px 0px 0px;
  padding: 0px;
}

#custom ul.under1 li {
  margin: 0px;
  padding: 0px;
  background: #e1e1e1;
  background: url('../common/bg_subnavi_e2.gif') right top repeat-y;
}

#custom ul.under1 li a,
#custom ul.under1 li a:link,
#custom ul.under1 li a:visited,
#custom ul.under1 li a:hover,
#custom ul.under1 li a:active {
  background: #e1e1e1;
  border-bottom: 1px solid #b4b4b4;
  margin: 0px;
  background: url('../common/bg_subnavi_e2.gif') right top repeat-y;
  padding: 5px 15px 5px 0px;
}
#custom ul.under1 li a.akt
{
  background: #f5d867;
  border: none;
  background: url('../common/bg_subnavi_e2_akt.gif') 0px top repeat-y;
  margin: 0px 0px 0px 0px;
}
/* EBENE 2 */
#custom ul.under2 {
  background: #f7e59f;
  margin: 0px 0px 0px 0px;
  padding: 0px;
}

#custom ul.under2 li {
  margin: 0px 0px 0px 0px;
  background: #f7e59f;
  background: url('../common/bg_subnavi_e3.gif') right top repeat-y;
  border-bottom: 1px solid #fac904;
}
#custom ul.under2 li a,
#custom ul.under2 li a:link,
#custom ul.under2 li a:visited,
#custom ul.under2 li a:hover,
#custom ul.under2 li a:active{
  background: #f7e59f;
  background: url('../common/bg_subnavi_e3.gif') right top repeat-y;
  margin: 0px;
  border-bottom: none;
  padding: 5px 20px 5px 0px;
}
#custom ul.under2 li a.akt
{
  background: #fbf3d3;
  margin-right: 7px;
  padding-right: 13px;
  border: none;
}
/* EBENE 3 */
#custom ul.under3 {
  background: #f7e59f;
  margin: 0px;
  padding: 0px;
}

#custom ul.under3 li {
  margin: 0px;
  background: #f7e59f;
  background: url('../common/bg_subnavi_e1.gif') right top repeat-y;
  border-bottom: 1px solid #fac904;
}
#custom ul.under3 li a,
#custom ul.under3 li a:link,
#custom ul.under3 li a:visited,
#custom ul.under3 li a:hover,
#custom ul.under3 li a:active{
  background: #f7e59f;
  background: url('../common/bg_subnavi_e1.gif') right top repeat-y;
  margin: 0px;
  border-bottom: none;
  padding: 5px 25px 5px 0px;
}
#custom ul.under3 li a.akt
{
  background: #e1e1e1;
  margin-right: 7px;
  padding-right: 18px;
  border: none;
}
/* EBENE 4 */
#custom ul.under4 {
  background: #f7e59f;
  margin: 0px;
  padding: 0px;
}

#custom ul.under4 li {
  padding: 3px 6px 3px 0px;
  margin: 0px;
  background: #f7e59f;
  border-bottom: 1px solid #fac904;
}
#custom ul.under4 li a,
#custom ul.under4 li a:link,
#custom ul.under4 li a:visited,
#custom ul.under4 li a:hover,
#custom ul.under4 li a:active{
  background: #f7e59f;
  margin: 0px;
  border-bottom: none;
}
#custom ul.under4 li a.akt
{
  background: #fbf3d3;
  border: none;
}
#mitlaufnavi
{
  border-bottom: 1px solid #b7b7b7;
  margin-bottom: 5px;
}
/***** Ende Custom-Bereich (rechte Seite) **********************************************************************/