@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Horizontal list navigation "Shiny Buttons"
 * (de) Horizontale Navigationsliste "Shiny Buttons"
 *
 * @copyright       Copyright 2005-2009, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.1
 * @revision        $Revision: 343 $
 * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009)(16.01.2016) $
 */
@media all
{
  .hlist {
	/* (en) containing floats in IE */
    /* (de) Einfassen der Floats im IE */
    width: 100%;
	overflow: hidden;
	/* (en) containing floats in all other browsers */
    /* (de) Einfassen der Floats in allen anderen Browsern */
    float: right;
	display: inline;
	/* (en|de) Bugfix: IE - collapsing horizontal margins */
    position:relative;
	/* (en) Repeat the main color from the image */
    /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
    background: #0000BF url("images/shiny_buttons/background.png") repeat-x center right;
	border-top: 1px #f1f1f1 solid;
	border-bottom: 1px #f1f1f1 solid;
	line-height: 0;
  }

  .hlist ul {
	/* (en|de) Bugfix: IE - Doubled Float Margin Bug */
    display: inline;
	float: left; /* LTR */
	/* (en) Left margin of the first button  */
    /* (de) Abstand des ersten Buttons vom linken Rand  */
    margin: 0 0 0 50px; /* LTR */
	padding: 0;
	border-left: 0px #FFFFFF solid;
	border-right: 0px #fff solid;
  }

  .hlist ul li {
    border-left: 0px #fff solid;
    border-right: 1px #990000 solid;
    /* (en|de) Bugfix: IE - Doubled Float Margin Bug */
    display: inline;
    float: left; /* LTR */
    font-size: 1.0em;
    line-height: 1em;
    list-style-type: none;
    margin: 0;
    padding: 0;
  }

  .hlist ul li a,
  .hlist ul li strong {
	background: transparent;
	color: #FFFFFF;
	display: block;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0.5em 0.8em 0.5em 0.8em;
	text-decoration: none;
	width: auto;
	font-family: Arial, Helvetica, sans-serif;
  }

  .hlist ul li a:focus,
  .hlist ul li a:hover,
  .hlist ul li a:active  { background: #1732BD; color: #fff; text-decoration: none; }

  .hlist ul li.active {
	/* (en) Repeat the main color from the image */
    /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
    background-color: #06C;
	border-left: 1px #444 solid;
	border-right: 1px #888 solid;
  }

  .hlist ul li.active strong,
  .hlist ul li.active a:focus,
  .hlist ul li.active a:hover,
  .hlist ul li.active a:active { background: transparent; color: #fff; text-decoration: none; }

a {text-decoration: none;}

a:hover {
	 color: #FFF;
	}
#navigation { height:40px;}
#nav {margin-top: 15px;  }
/* Root = Horizontal, Secondary = Vertical */
#nav ul { margin-left:0px; }

ul#navmenu {
         /* (en|de) Bugfix: IE - Doubled Float Margin Bug */
     /*   display: inline;
     float: right;  LTR */
	margin: 0px;
         padding: 0px;
	padding-left: 20px;
	padding-right: 0px;
        border-bottom: 1px solid #000;
        border-top: 1px solid #000;

         /*background: #c0c0c0 url("images/shiny_buttons/background.png")
                         repeat-x center left;
	width: 100%;*/ /*For KHTML*/
	list-style: none;
	height: 25px;
	}
ul#navmenu li ul li ul.u_menu {
	margin: 0px ;
	margin-left: -10px ;
         padding: 0;
	padding-left: 0px;
	padding-right: 0px;
         border-bottom: 1px solid #000;
         border-top: 1px solid #000;
        /* background: #00FFFF;
         background: #00FFFF url("images/shiny_buttons/background.png")
                         repeat-x center left;
         width: 100%;*/ /*For KHTML*/
	list-style: none;
	height: 25px;
	}


ul#navmenu li {
	margin: 0;

	border: 0 none;
	border-right: 1px solid #eee;
	border-left: 1px solid #eee;
	padding: 0;
	float: left; /*For Gecko*/
	display: inline;
	list-style: none;
	position: relative;
	height: 25px;
	}

ul#navmenu ul {
        background: #c0c0c0;
	margin: 0;
	border: 0 none;
	padding: 0;
	width: 150px;
	list-style: none;
	display: none;
	position: absolute;
	top: 24px;
	left: 0;
	}
ul#navmenu ul#katalog, ul#navmenu ul#katalog li{width: 130px;}/*Untermenue Katalog*/
ul#navmenu ul:after /*From IE 7 lack of compliance*/{
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: top;
	height: 0;
	visibility: hidden;
	}

ul#navmenu ul li {
	 height:24px;
	width: 150px;
         border: 0;
	border-bottom: 1px solid #8F8F8F;
	margin-top: 0px;
	padding: 0px;
	float: left; /*For IE 7 lack of compliance*/
	display: block !important;
	display: inline; /*For IE*/
	}

/* Root Menu */
ul#navmenu a {
	border: 0px solid #2F2F2F;

	border-bottom: 0px solid #425482;
	padding: 0 6px;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
         /*background: #c0c0c0 url("images/shiny_buttons/background.png")
                          repeat-x center left;*/
	color: #1F1F1F;
	font: bold 12px/23px Arial, Helvetica, sans-serif;
	text-decoration: none;
	height: auto !important;
	height: 1%; /*For IE*/
	}
ul#navmenu ul.u_menu a{color:#fff; }
/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a,
ul#navmenu li.active {
	background:#eee; color:#333; text-decoration:none; outline: 0 none;

	}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
	float: none;
	background: #c0c0c0 url("images/shiny_buttons/background.png") repeat-x center left;
	}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
         background: #A0B5D4;
	 color: #fff;
	}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
	 color: #4F4F4F;
	}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
	color: #fff;
	}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a,
ul#navmenu ul li {color: #999;}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
	color: #4F4F4F;
	}

ul#navmenu ul ul,
ul#navmenu ul ul ul {
	display: none;
	position: absolute;
	top: 0;
	left: 160px;
	}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
	display: none;
	}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
	display: block;
	}

/*ul.meuehover{ position: absolute; display: block; overflow:auto;}    */


/*Navigation Hinweistext anzeigen*/
ul#navmenu li a span, a:link span, #submenu a:visited span {
    display: none;
    }
ul#navmenu li a:hover span, #submenu a:focus span {
    position: absolute;
    z-index : 100;
    color: #000;
  /*  font-size: 1.09em;*/
    line-height: 19px;
    font-weight: normal;
    text-align: left;
    background: url(../../images/bg_box.jpg)
                repeat-x
                0% 0%
                #fff;
    padding: 2px 5px 2px 10px;
    border: 1px solid #AFAFAF;
    margin: 0;
    margin-left:30px;
    margin-top:15px;
    width: 250px;
    height: 60px;
    display: block;
    filter:alpha(opacity=90);
    -moz-opacity: 0.90;
    opacity: 0.9;
    }
ul#navmenu li a:hover span.pos{
    position: relative;
    margin-left:30px;
    margin-top:15px;
}

/*shinybuttons fuer Bestellcode*/
    ul#Navigation {
    margin: 0px;
    padding: 10px;
    text-align: center;
  }

  ul#Navigation li {
    list-style: none;
    float: left;
    width: 8.6em;
    position: relative;
    margin: 0.1em; padding: 0;
    border-top : 1px solid #7F7F7F;
    border-bottom : 1px solid #7F7F7F;

  }
  * html ul#Navigation li {  /* Korrektur fuer den IE 5 und 6 */
    margin-bottom: -0.4em;
  }
  *:first-child+html ul#Navigation li {  /* Korrektur fuer den IE 7 */
    margin-bottom: -0.6em;
  }

  ul#Navigation li ul {
    margin: 10 0 0 10; padding: 0px; margin-top: 10px;
    position: absolute;
    top: 1.7em; left: -0.4em;
  }
  * html ul#Navigation li ul {  /* Korrektur fuer IE 5.x */
    left: -1.5em;
    lef\t: -0.4em;
  }
  ul#Navigation li ul li {
    border-bottom:1px solid #333333;
    float: none;
    display: block;
    margin-bottom: -0.4em;

    text-align: right;
  }

  ul#Navigation a, ul#Navigation span {
    display: block;
    padding: 0.5em 1em;
    text-decoration: none; font-weight: bold;
    border: 0px solid black;
    border-left-color: white; border-top-color: white;
    color: maroon; background-color: #ccc;
  }

  * html ul#Navigation a, * html ul#Navigation span {  /* nur fuer IE erforderlich */
    width: 100%;
    w\idth: 6.4em;
  }
  ul#Navigation a:hover, ul#Navigation span, li a#aktuell {
    border-color: white;
    border-left-color: black; border-top-color: black;
    color: white; background-color: #8F8F8F;
  }
  li a#aktuell {  /* aktuelle Rubrik kennzeichnen */
    color: maroon; background-color: silver;
  }
  ul#Navigation li ul span {  /* aktuelle Unterseite kennzeichnen */
    background: transparent; display: none;
  }
 /* Erweiterung zur dynamischen Ein-/Ausblendung */
  ul#Navigation li>ul {
    display: none; top: 1.6em;
  }
  ul#Navigation li:hover ul, ul#Navigation li>a#aktuell+ul {
    display: block;
      }

  /* Workaround fuer den IE 7 */
  *:first-child+html ul#Navigation ul {
    background-color:silver; padding-bottom:0.4em;
  }
/***************************************/

 /*Navigation Hinweistext anzeigen*/
ul#Navigation a:link span, #submenu a:visited span {
    display: none;
    }
ul#Navigation a:hover span, #submenu a:focus span {
    position: absolute;
    color: #000;
  /*  font-size: 1.09em;*/
    line-height: 19px;
    font-weight: normal;
    text-align: left;
    background: url(../../images/bg_box.jpg)
                repeat-x
                0% 0%
                #AFAFAF;
    padding: 2px 5px 2px 10px;
    border: 1px solid #AFAFAF;
    margin: 0;
    margin-left:90px;
    margin-top:-38px;
    width: 250px;
    height: 60px;
    display: block;
    filter:alpha(opacity=90);
    -moz-opacity: 0.90;
    opacity: 0.9;
    }
 /*IE 7 Hack fuer Hinweistext*/
 *+html ul#Navigation a:hover span, #submenu a:focus span {margin-left:13px;margin-top:-20px;  }
 *+html ul#navmenu a:hover span {margin-left:-70px; margin-top:25px;  }
}