#header .name, #header .name a {
  color: #333;
}

#header .nav,
#header .nav > li > ul,
#header .navbutton,
.fortschritt li.hier span:before {
  background: #333;
}

#header .nav,
#header .nav > li > ul {
  border-color: #333;
}

#header .navbutton:hover {
  background: #fff;
  color: #333;
  border-color: #333;
}

#header .nav > li a,
#header .nav > li > ul > li a {
  border-color: #fff;
  color: #fff;
}

#header .nav > li:hover,
#header .nav > li > ul > li:hover {
  background: #fff;
}

#header .nav > li:hover a,
#header .nav > li > ul > li:hover a,
#header .nav > li.hatsub > ul > li:hover a {
  color: #333;
}

#header .nav > li.hatsub > ul > li a {
  color: #fff;
}

#planer .blau th,
#planer .orange th,
#planer .gelb th,
#planer .gruen th,
select.blau, .blau option,
select.orange, .orange option,
select.gelb, .gelb option,
select.gruen, .gruen option {
  background: #333;
  color: #fff;
}

#planer .blau td,
#planer .orange td,
#planer .gelb td,
#planer .gruen td {
  background: #eee;
  color: #000;
}

.planer-info {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: #fff;
}

#planer tfoot td.ergebnis-text.fehler,
#planer #add_profilfach .fa-plus-circle,
#planer tr .entfernen {
  color: #333 !important;
}

.weiter {
  background-color: #333;
  color: #fff;
  border: none;
}

.rueck {
  background-color: #fff;
  border: 2px solid #333;
  padding: 3px 8px;
}

.fortschritt li.ok, .fortschritt li.hier {
  border-color: #000;
}

select {
  background-color: #fff;
  border: 2px solid #333;
  padding: 3px 8px;
}



#inhalt .indexbox h2,
.indexbox a.button {
  background: #333 !important;
  color: #fff !important;
}

#inhalt .indexbox h2:after {
  border-color: #333 transparent transparent #333 !important;
}


#header .nav:after {
  right: -28px;
  border-color: #333 transparent transparent #333;
}



.schule_autocomplete {
  border: 2px solid #333;
}

ul.ui-autocomplete {
  background: #333 !important;
}

ul.ui-autocomplete li {
  border-color: #333;
}