/*
----------------Hinweis-------------------
Das span Element innerhalb des a Tags muss wegen dem IE bis Version 6 verwendet werden.
----------------Farben --------------------
Navigationstab aktiv und helle Schriftfarbe: #FFF0A5
Navigationstab Hintergrund und Schriftfarbe dunkel: #8E2800
Navigationstab hover: #D82800
---------------------------------------------
*/


#navigation {
	float: left;
	width: 100%;
    background-color:#E8601E;
    color:#CC0000;
	border-bottom: 12px solid #FFFFFF;
}
#navigation ul {
	list-style: none;
}
#navigation li {
	float: left;
	width: auto;
	border-bottom: 1px solid #8E2800;
}
#navigation a {
	display: block;
	float: left;
	width: auto;
	background: url(file:../tab_links.gif) no-repeat left top;
	padding-left: 18px;
	text-decoration: none;
	font-weight: bold;
    color:#CC0000;
}
#navigation a:hover {
	background-position: 0% -150px;
}
#navigation li.current {
	border-bottom: 1px solid #FFF0A5;
}
#navigation li.current a {
	background-position: 0 -150px;
}
#navigation li.current a span {
	background-position: 100% -150px;
	color: #FFFFFF;
}
#navigation a span {
	float: left;
	width: auto;
	display: block;
	background: url(file:../tab_rechts.gif) no-repeat right top;
	padding: 5px 15px 4px 0;
	color: #FFFFFF;
}
#navigation a:hover span {
	color: #210037;
	background-position: 100% -150px;
	cursor: pointer;
}