/* +++++++ Tankbuch +++++++ */

/* Tankbuch Übersicht aller Daten */
table.tb {border: 1px solid black; width: 100%;}
tr.tb {background: #000000; color: #FFFFFF;}
tr.tb_tr_gerade {background: #68838B; color: #FFFFFF}
tr.tb_tr_ungerade {background: #E0EEEE;}

/* Tankbuch Tabelle für neue Einträge */
table.tb_eintrag {border: 2px solid black; width: 75%;}
tr.tb_eintrag1 {background: #7EC0EE;}
tr.tb_eintrag2 {background: #AEEEEE;}
td.tb_eintrag {vertical-align: middle;}
tr.tb_eintrag3 {background: #4f94cd;}
td.tb_eintrag3 {vertical-align: middle; text-align: right;}
#tb_eintrag3 {background: #27408B; color: #FFFFFF;}

/* Tankbuch Anzeige wenn nichts eingetragen wurde */
div.tbnichteingetragen {border: 1px solid #000000; 
                     background: #FF4040;
                     text-align: right;
                     margin: auto;
                     padding: 0px;
                       }
h1.tbnichteingetragen {color: #FFFFFF;}

/* Tankbuch Übersicht der eingetragenen Daten */
table.tbeintrag {border: 2px solid black; width: 100%;}
tr.tbeintrag_main {background: #2F4F4F; color: #FFFFFF}
tr.tbeintrag1 {background: #79CDCD; color: #FFFFFF}
tr.tbeintrag2 {background: #528B8B; color: #FFFFFF}

/* Tankbuch Links für Übersicht und Neuer Eintrag */
table.tb_vor_neu {border: 2px solid black; width: 100%;}
#tb_vor_neu_vor {background: #0000CD; text-align: center; width: 50%; padding: 20px 0;}
#tb_vor_neu_neu {background: #458B74; text-align: center; width: 50%;}
#tb_vor_neu_vor_text {color: #FFFFFF;}
#tb_vor_neu_neu_text {color: #FFFFFF}

/* Tankbuch Verhalten der Links */
a.tb_vor_neu:link {text-decoration: none;}
a.tb_vor_neu:hover {text-decoration: none;}
a.tb_vor_neu:visited {text-decoration: none;}
a.tb_vor_neu:active {text-decoration: none;}

/* +++++++ Geburtstage +++++++ */
#geburtstag_übersicht1 {border: 1px solid black; width: 100%}
tr.monat_alt {background: #DCDCDC; color: #838B8B}
tr.monat_aktuell {background: #1C86EE; color: #FFFFFF;}
tr.monat_zukunft {background: #D2691E; color: #FFFFFF;}

tr.geb_zeile_ungerade_alt {background: #E0EEEE; color: #668B8B}
tr.geb_zeile_gerade_alt {background: #C1CDCD; color: #668B8B}
tr.geb_zeile_ungerade_zukunft {background: #DEB887}
tr.geb_zeile_gerade_zukunft {background: #FFD39B}
tr.geb_zeile_heute {border: 1px solid black; background: #63B8FF; color: #FFFFFF}

td.geb_td_zeile_geb {width: 20%}
td.geb_td_zeile_name {width: 30%}
td.geb_td_zeile_alter {width: 25%}
td.geb_td_zeile_rest {width: 25%}

/* +++++++ Neue Geburtstage +++++++ */
div.neu_geb_eintragen {background: #FFD39B; width: 900px; height: 320px; padding: 1%; text-align: center}
div.neu_geb_eintragen_1 {background: #DEB887; border: 1px solid black;float: left; width: 20%; height: 50px; margin: 5px;margin-right: 0 %; padding: 1%}
div.neu_geb_eintragen_2 {background: #DEB887; border: 1px solid black;float: left; width: 70%; height: 50px; margin: 5px;margin-left: 0 %; padding: 1%;padding-left: 20px; text-align: left}
#neu_geb_eintragen_9 {background: #DEB887; border: 1px solid black;float: left; width: 91%;height: 50px; margin: 5px; padding: 1%; text-align: right}

/* +++++++ Geburtstage ändern Dropdown +++++++ */
#geb_aendern_dropdown {background: #FFD39B; width: 900px; height: 80px; padding: 1%; text-align: center}

/* +++++++ Geburtstage ändern Vergleichstabelle +++++++ */
div.geb_aendern_vergleich {background: #FFD39B; width: 900px; padding: 1%; padding-left: 5%}
table.geb_aendern_vergleich {width: 880px}
#btn_geb_loeschen {background-color: #FF4040; border: none; display: inline-block; border-radius: 12%; padding: 5px 15px; margin: 5px}
#btn_geb_aendern {background-color: #63B8FF; border: none; display: inline-block; border-radius: 12%; padding: 5px 15px; margin: 5px}

/* +++++++ Geburtstage Statistiken +++++++ */
.main_container_geburstatge_statistiken {
  display: grid;
  column-gap: 10px;
  row-gap: 10px;
  grid-template-columns: auto auto auto;
  align-content: space-evenly;
                                        }

.main_container_geburstatge_statistiken > div {
  border: 1px solid black;
  border-radius: 12%;
  text-align: center;
                                               }