/* CSS für Rangabzeichen */

#farben {
  width:50%;
}

#gruppe {
  width:760px;
  height:350px;
  margin:0 auto;
}

/* Listeneinstellungen */

#content ul {
  list-style-type:none;
}

#content li {
  width:185px;
  float:left;
  text-align:center;
}

/* Einstellungen für Container Farben */

#farben .blau {
  background-color:#5E85FA;
  padding:2px;
  font-family:Arial, sans-serif;
  font-weight:bold;
  text-align:center;
  color:#FCEBCC;
}

#farben .rote {
  background-color:#DD5E57;
  padding:2px;
  font-family:Arial, sans-serif;
  font-weight:bold;
  text-align:center;
  color:#FCEBCC;
}

#farben .gelb {
  background-color:#F9BA46;
  padding:2px;
  font-family:Arial, sans-serif;
  font-weight:bold;
  text-align:center;
  color:#000088;
} 

#farben .gruen {
  background-color:#3D989D;
  padding:2px;
  font-family:Arial, sans-serif;
  font-weight:bold;
  text-align:center;
  color:#FCEBCC;
}

#farben .grau {
  background-color:#908BAB;
  padding:2px;
  font-family:Arial, sans-serif;
  font-weight:bold;
  text-align:center;
  color:#FCEBCC;
}

#content table {
  width:99%;
  border:none;
  border-collapse:collapse;
}

#content td {
  width:25%;
  padding:2px;
}