#navigation {
}
#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: 10px;	
}
#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 {
	/*padding: 2px;*/
}
/* padding von #zeileX td und div.zeileX position left müssen gegenseitig angepasst werden ! */
div.Zeile1 {
text-align:left;
	background-color:#3E7D21;
	position: relative;
	left: 0px;
	width:174px;
	height:18px;
	padding-top: 3px;
	padding-bottom: 0px;
	padding-left: 16px;
}
/* Hauptmenüpunkte */
#Zeile1 a,
#Zeile1 a.selected,
#Zeile1 a:hover {
	font-weight: bold;
	background-color:#3E7D21;
	color: #FFF;
	text-decoration: none;
	vertical-align: middle;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

div.Zeile2 {
	padding-right: 10px;
	padding-left: 7px;
}
#Zeile2 a.selected,
#Zeile2 a:hover {
	color:#3E7D21;
	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  {
	color:#3E7D21;
	background-color: #ffffff;
	background-image: url(bilder/uk-over_muerz.gif);
}
/* experimentelle Formatierung für Untermenüpunkte */
#Zeile2 .subnavextra {
/*
	background-color:#901d78;
	width:8px;
	height:4px;
	border: 2px solid #CCC;
	margin: 2px;
*/
}