body 
{
	color:#FFFFFF; 
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-attachment: fixed;
	width: 990px;
	margin: 10px auto;
	background-color: #d6d6d6;
	text-align: left;
	border-width: thin;
	border-style: solid;
	border-color: #ccc;
}

h1 {
	font-family:  Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #000;
	text-decoration:none;
	margin-top: 0px;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #666;
	text-decoration:none;
	margin-top: 0px;
}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #feb207;
	font-weight: bold;
	margin-bottom: 0px;
	margin-top: 0px;
}

h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	margin-bottom: 0px;
	margin-top: 0px;
}

h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	margin-bottom: 0px;
	margin-top: 0px;
}

#inhalt
{
	background:#FFFFFF;
}

#kopfzeile 
{
	background:#ffffff;
	color:#666;
	font:bold 22px Arial, Helvetica, sans-serif;
	padding:5px 0px 5px 0px;
	text-align:right;
}

#leerzeile
{
		padding:5px 0px 0px 0px;
		background-color:#FFF;
}

#banner
{
	height:120px;
	background-image:url(banner_ani1.gif);
	background-color:#FFF;
	text-align:left;
	
}

#navigation_left 
{
	color:#666;
	background:#ffffff;
	padding:10px 5px 5px 5px;
	margin:0;
	text-align:left;
	vertical-align:top;
	border-top:0;
	border-bottom:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	border: 0;
	border-bottom-style: none;
	width: 150px;
	border-right-style: solid; border-right-width: 1px; border-right-color: #CCCCCC;
	
}

#navigation_left a 
{
	color:#666;
	background:#ffffff;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align:center;
	width:150px;
	display:block; 
	text-align: left;
	border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #CCCCCC;
}

#navigation_left a:hover 
{
	color:#666;
	background:#CCCCCC;
	display:block;
}

#navigation_left a:active {
	color:#666;
	background:#D6D6D6;
	display:block;
}

#navigation_left a.selected {
	color:#666;
	background:#D6D6D6;
	display:block;
	font-weight:bold;
}

#chronik
{
	padding:10px 0px 10px 10px;
	color:#666;
	background:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
}

#chronik a
{
	color:#666;
	font-size:11px;
	text-decoration:none;
	clear:right;
	float:right;
}

#chronik a:hover 
{
	color:#666;
	font-size:11px;
	text-decoration:underline;
	float:right;
}

#chronik a:visited 
{
	color:#666;
	font-size:11px;
	float:right;
}

#produkt
{
	padding:10px 0px 10px 10px;
	color:#666;
	background:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
}

#produkt a
{
	color:#666;
	font-size:11px;
	text-decoration:none;
	text-align:left;
}

#produkt a:hover 
{
	color:#666;
	font-size:11px;
	text-decoration:underline;
	text-align:left;
}

#produkt a:visited 
{
	color:#666;
	font-size:11px;
	text-align:left;
}

#fusszeile 
{
	color:#808080;
	background:#FFFFFF;
	font:normal 11px Arial, Helvetica, sans-serif;
	padding:10px 10px 10px 10px;
	text-align:center;
	border-top-style: solid; border-top-width: 5px; border-top-color: #feb207;
}

#fusszeile a 
{
	color: #808080;
	text-decoration : underline;
	font:11px Arial, Helvetica, sans-serif;
}

a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#fff;
    color:#fff;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#fff}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; right:10em; width:15em;
    border:none;
    background-color:#fff; color:#fff;
    text-align: center}

div#Navigation {
    font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 100%;
	padding:0px 0px 0px 0px;
    background-color:#999;
  }
  
  * html div#Navigation {  /* Korrektur fuer IE 5.x */
    width: 100%;
    w\idth: 100%;
  }
  
  div#Navigation div {
     clear: left;
  }
  
  ul#Rahmen {
    margin: 0; padding: 0px 0px 0px 0px;
    text-align: center;
  }

  ul#Rahmen li {
    list-style: none;
    float: left;  /* ohne width - nach CSS 2.1 erlaubt */
    position: relative;
    margin: 0; padding: 0;
  }
  
  * html ul#Rahmen li {  /* Korrektur fuer den IE 5 und 6 */
    margin-bottom: 0;
  }
  
  *:first-child+html ul#Rahmen li {  /* Korrektur fuer den IE 7 */
    margin-bottom: 0;
  }

  ul#Rahmen li ul {
    margin: 0; padding: 0;
    position: absolute;
    top: 3em; left: 0;
    display: none;  /* Unternavigation ausblenden */
  }
  
  * html ul#Rahmen li ul {  /* Korrektur fuer IE 5.x */
    left: -1.5em;
    lef\t: -0.4em;
  }
  
  *:first-child+html ul#Rahmen ul {  /* Workaround fuer den IE 7 */
    background-color:#ccc; padding-bottom:0.4em;
  }
  
  ul#Rahmen li:hover ul {
    display: block;  /* Unternavigation in modernen Browsern einblenden */
  }
  
  ul#Rahmen li ul li {
    float: none;
    display: block;
    margin-bottom: 0em; /*Anordnung des Untermenüs*/
  }

  ul#Rahmen a, ul#Rahmen span {
    display: block;
    width: auto;  /* Breite den in li enthaltenen Elementen zuweisen */
    padding: 0.8em 2em;
    text-decoration: none; font-weight: bold;
    color: white; background-color: #999;
	border: 1px solid #fff;
	margin-right:-1px; margin-bottom:-1px;
	position:relative;
	z-index:1;
  }
  
  * html ul#Rahmen a, * html ul#Rahmen span {
    width: 8.6em;   /* Breite nach altem MS-Boxmodell für IE 5.x */
    w\idth: 6.4em;  /* korrekte Breite fuer den IE 6 im standardkonformen Modus */
  }
  
  ul#Rahmen a:hover, ul#Rahmen span, li a#aktuell {
    color: black; background-color: #feb207; 
  }