body {
font-size: 62.5%;
font-family: Arial, Helvetica, sans-serif;
color: #333;
}
/* reiterleiste */
ul#reiter {
margin: 4px 0 0 0;
padding: 0;
font-size: 12px;
font-weight: bold;
list-style: none;
width: 718px;
}
ul#reiter li {
float: left;
margin-top: 6px;
text-align: center;
width: 113px; /* reiterbreite bei 3 Reitern (Standard) */

}
/* NEU \*/
/* nicht IE MAC \*/
* html #reiter { height: 1%; }
#reiter { display: block; }
/* ende nicht IE MAC */
/* ende NEU */

/*Ausgeblendete Elemente */
.nichtanzeigen {
display: block;
position: absolute;
border: 0 !important;
top: -2000px;
left: -2000px;	
overflow: hidden;
font-size: 0px;
line-height: 0px;
height: 0px;
width: 0px;
margin: 0;
padding: 0;
}

/* float der Listen aufheben */
#reiter:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
/* nicht IE MAC \*/
* html #reiter { height: 1%; }
#reiter { display: block; }
/* ende nicht IE MAC */


#main ul.reiterzahl-2 li.gruen1 a,
#main ul.reiterzahl-2 li.gruen1 strong {
background: url(images/gruen_ende_inaktiv.gif) 100% 0 no-repeat;
}

#main ul.reiterzahl-3 li.gruen2 a,
#main ul.reiterzahl-3 li.gruen2 strong {
background: url(images/gruen_ende_inaktiv2.gif) 100% 0 no-repeat;
}

#main ul.reiterzahl-4 li.gruen3 a,
#main ul.reiterzahl-4 li.gruen3 strong {
background: url(images/gruen_ende_inaktiv3.gif) 100% 0 no-repeat;
}

#main ul.reiterzahl-5 li.gruen4 a,
#main ul.reiterzahl-5 li.gruen4 strong {
background: url(images/gruen_ende_inaktiv3.gif) 100% 0 no-repeat;
}


ul.reiterzahl-2 li { /* reiterbreite bei 2 Reitern */
width: 340px !important;
}

ul#reiter li a,
ul#reiter li strong {
color: #000000;
background: transparent;
text-decoration: none;
width: 100%;
padding: 6px 0 5px 0;
margin-bottom: 0;
display: block;
min-height: 18px;
}

* html ul#reiter li a,
* html ul#reiter li strong {
height: 18px;
}

ul#reiter.bg-blau li.blau a,
ul#reiter.bg-blau li.blau strong,

ul#reiter.bg-gruen1 li.gruen1 a,
ul#reiter.bg-gruen1 li.gruen1 strong,

ul#reiter.bg-gruen2 li.gruen2 a,
ul#reiter.bg-gruen2 li.gruen2 strong,

ul#reiter.bg-gruen3 li.gruen3 a,
ul#reiter.bg-gruen3 li.gruen3 strong, 

ul#reiter.bg-gruen4 li.gruen4 a,
ul#reiter.bg-gruen4 li.gruen4 strong, 

ul#reiter.bg-orange li.orange a,
ul#reiter.bg-orange li.orange strong
{
padding: 8px 0 9px 0;
}


/* blau */
ul#reiter li.blau {
color: #000000;
background: url(images/blau_verlauf_inaktiv.gif);
width: 143px;
}
ul#reiter.bg-blau li.blau {
color: #000000;
background: url(images/blau_verlauf.gif);
margin-top: 0;
}
ul#reiter.bg-gruen1 li.gruen1 a,
ul#reiter.bg-gruen1 li.gruen1 strong {
background: url(images/gruen_ende.gif) 100% 0 no-repeat;
}
ul#reiter.bg-blau li.gruen1 {
background: url(images/gruen_verlauf_inaktiv_voll.gif);
margin-left: 0;
padding-left: 0;
}
ul#reiter.bg-blau li.blau a,
ul#reiter.bg-blau li.blau strong {
background: url(images/blau_ende.gif) 100% 0 no-repeat;
}
/* grün 1 */
ul#reiter li.gruen1 {
color: #000000;
background: url(images/gruen_verlauf_inaktiv.gif);
margin-left: -2px;
padding-left: 2px;
}
ul#reiter.bg-gruen1 li.gruen1 {
margin-top: 0;
background: url(images/gruen_verlauf.gif);
margin-left: 0;
padding-left: 0;
}
ul#reiter.bg-gruen1 li.gruen1 a,
ul#reiter.bg-gruen1 li.gruen1 strong {
background: url(images/gruen_ende.gif) 100% 0 no-repeat;
}
ul#reiter.bg-blau li.gruen1 {
background: url(images/gruen_verlauf_inaktiv_voll.gif);
margin-left: 0;
padding-left: 0;
}
/* grün 2 */
ul#reiter li.gruen2 {
color: #000000;
background: url(images/gruen_verlauf_inaktiv2.gif);
margin-left: -2px;
padding-left: 2px;
}
ul#reiter.bg-gruen2 li.gruen2 {
margin-top: 0;
background: url(images/gruen_verlauf2.gif);
margin-left: 0;
padding-left: 0;
}
ul#reiter.bg-gruen2 li.gruen2 a,
ul#reiter.bg-gruen2 li.gruen2 strong {
background: url(images/gruen_ende2.gif) 100% 0 no-repeat;
}
ul#reiter.bg-gruen1 li.gruen2 {
background: url(images/gruen_verlauf_inaktiv_voll2.gif);
margin-left: 0;
padding-left: 0;
}
ul#reiter.bg-gruen2 li.gruen2 a,
ul#reiter.bg-gruen2 li.gruen2 strong {
background: url(images/gruen_ende2.gif) 100% 0 no-repeat;
}
/* grün 3 */
ul#reiter li.gruen3 {
color: #000000;
background: url(images/gruen_verlauf_inaktiv3.gif);
margin-left: -2px;
padding-left: 2px;
}
ul#reiter.bg-gruen3 li.gruen3 {
margin-top: 0;
background: url(images/gruen_verlauf3.gif);
margin-left: 0;
padding-left: 0;
}
ul#reiter.bg-gruen3 li.gruen3 a,
ul#reiter.bg-gruen3 li.gruen3 strong {
background: url(images/gruen_ende3.gif) 100% 0 no-repeat;
}
ul#reiter.bg-gruen3 li.orange {
background: url(images/orange_verlauf_inaktiv2.gif);
margin-left: 0;
padding-left: 0;
}

/* grün 4 */
ul#reiter li.gruen4 {
color: #000000;
background: url(images/gruen_verlauf_inaktiv3.gif);
margin-left: -2px;
padding-left: 2px;
}
ul#reiter.bg-gruen4 li.gruen4 {
margin-top: 0;
background: url(images/gruen_verlauf3.gif);
margin-left: 0;
padding-left: 0;
}
ul#reiter.bg-gruen4 li.gruen4 a,
ul#reiter.bg-gruen4 li.gruen4 strong {
background: url(images/gruen_ende3.gif) 100% 0 no-repeat;
}
ul#reiter.bg-gruen4 li.orange {
background: url(images/orange_verlauf_inaktiv2.gif);
margin-left: 0;
padding-left: 0;
}
/* orange */
ul#reiter li.orange {
color: #000000;
background: url(images/orange_verlauf_inaktiv.gif);
margin-left: -2px;
padding-left: 2px;
}
ul#reiter.bg-orange li.orange {
margin-top: 0;
background: url(images/orange_verlauf.gif);
margin-left: 0;
padding-left: 0;
}
ul#reiter.bg-orange li.orange a,
ul#reiter.bg-orange li.orange strong { color: #000000;
background: url(images/orange_ende.gif) 100% 0 no-repeat;
}

ul#reiter li.orange a,
ul#reiter li.orange strong { color: #ffffff;
background: url(images/orange_ende_inaktiv.gif) 100% 0 no-repeat;
}


ul#reiter li.grau {
color: #000000;
background: url(images/grau_verlauf.gif);
}