#navigation {
z-index: 900;
font-family: Trebuchet MS;
}
#navigation td {
	border-top-width: 0px;
	border-top-style: solid;
	/*background-color: #DADBDC;*/
	border-top-color: #FFF;
	/*text-align: right;*/
	
}
#navigation td.trennzeile {
	/*background-color: #FFF;*/
	/*border-top-color: #F00;*/
	text-align: right;
	height: 20px;	
}
#navigation td.lastline,
#navigation td.lastline a {
	color: #000000;
	text-align: right;
	/*background-color: #666;*/
	/*border-top-color: #F00;*/
}

/* experimentell als Alternative fürs a Tag
#navigation td div {
	padding-right: 10px;
	padding-left: 7px;
}
*/
#navigation a
{
/* nur für horizontale Navigation erforderlich, vertikal unten pro Zeile fürs DIV definiert
	padding-right: 10px;
	padding-left: 7px;
*/
	border-right-width: 0px;
	border-right-style: solid;
	border-right-color: #FFF;
/*
	padding-top: 2px;
	padding-bottom: 2px;
*/
}
#navigation a:hover,
#navigation td.lastline a:hover,
#navigation td.lastline a.selected
{
	color: #000000;
	background-color: #ffffff;
	margin-bottom: 150px;
}
#navigation a.selected {
}

#zeile1 table,
#zeile2 table,
#zeile3 table,
#navigation table {
	border-collapse:collapse;
}
#navigation .submenu {
	color: #000000;
	/*background-color: #FFF;*/
	padding-right: 10px;
	padding-bottom: 10px;
}
#navigation td span a  {
	color:#000000;
	/*background-color: #FFF;*/
}
#navigation td span a:hover {
	color:#000000;
	/*background-color: #cc0000;*/
}

#navigation .subdiv {
	color: #000000;
	/*background:#FFF;*/
	/*position: relative;*/
}

/* Hier für individuelle Formatierung der einzelnen Navigationsblöche die gleichlautenden CSS IDs und Div.Class angeben 
Struktur: 
<div id="navigation>
	<table id="Zeile1">  Kategorienamen der obersten Ebene in Redaxo, Schreibweise ist relevant.
		<tr>
			<td>
				<div class="Zeile1">
					<a class="selected"> selected wenn der Artikel gerade ausgewählt ist
*/


#Zeile1 table {
	/* 	border-spacing:2px; */
}
#Zeile1 td { /* geändert bayer-edv 28.12.09 */
	/*padding: 2px 0px 0px 10px;*/
	padding: 0px 0px 0px 0px;
}
/* padding von #zeileX td und div.zeileX position left müssen gegenseitig angepasst werden ! */
div.Zeile1 { /* geändert bayer-edv 28.12.09 */
	/*background-image: url(http://www.badfuessing-erleben.de/bilder/hg_zeile1.jpg);
	color: #C82982;*/
	position: relative;
	left: 0px;
	width:174px;
	/*height:14px;*/
	padding-left: 16px;
	/*padding-bottom: 2px;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;*/
}
/* Hauptmenüpunkte */
#Zeile1 a,
#Zeile1 a.selected {
	/*font-weight: bold;
	background-color:#C82982;
	background-color: #DEB5CD;*/
	/*color: #FFF;*/
		/*background-image: url(bilder/hg_zeile1.jpg);*/
			background: url(navpic/subnav_arrow.gif) left 6px no-repeat;
	color: #C82982;
	text-decoration: none;
	vertical-align: middle;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
}

#Zeile1 a:hover {
	font-weight: bold;
	/*background-color:#C82982;
	background-color: #DEB5CD;*/
	/*color: #FFF;*/
		/*background-image: url(bilder/hg_zeile1.jpg);*/
			background: url(navpic/subnav_arrow.gif) left 6px no-repeat;
	color: #C82982;
	text-decoration: none;
	vertical-align: middle;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
}

div.Zeile2 {
	color:#000;
	/*padding-right: 10px;*/
	padding-left: 7px;
}
#Zeile2 a.selected,
#Zeile2 a:hover {
/* Hauptpunkt*/
	color:#C82982;
	/*background-color: #ffffff;*/
}
/* Untermenüpunkte */
#Zeile2 span a {
	/*padding-right: 10px;*/
	background-image: url(bilder/uk.gif);
	background-position: right center;
	background-repeat: no-repeat;
}
#Zeile2 span a:hover,
#Zeile2 span a.selected  {
/*Unterpunkt*/
	color:#C82982;
	background-color: #ffffff;
	background-image: url(bilder/uk-over.gif);
}
/* experimentelle Formatierung für Untermenüpunkte */
#Zeile2 .subnavextra {
/*
	background-color:#C82982;
	width:8px;
	height:4px;
	border: 2px solid #CCC;
	margin: 2px;
*/
}