body {
  background-color: FFFFFF;
  color: #000000;
  font-size: small;
  font-family: Verdana,sans-serif !important;
}

table {
  border: 1px solid black;
  border-collapse: collapse;
  text-align: center;
  vertical-align: middle;
  font-size: small;
  font-family: Verdana,sans-serif;
}
th {
  border: 1px solid black;
  border-collapse: collapse;
  text-align: center;
  vertical-align: middle;
  background-color: 00BBFF;
  font-size: small;
  font-family: Verdana,sans-serif;
}
td {
  border: 1px solid black;
  border-collapse: collapse;
  text-align: center;
  vertical-align: middle;
  font-size: small;
  font-family: Verdana,sans-serif;
}

.submit_aktiv {
 border: none;
 background-color: 000000;
 background-image: url("hg.gif");
 background-position: center center;
 background-repeat: repeat-x;
 background-size: contain;
 color: FFA500;
 text-align: center;
 font-weight: bold;
 padding: 0;
 margin: 0;
}
.submit_inaktiv {
 border: none;
 background-color: 000000;
 background-image: url("hg.gif");
 background-position: center center;
 background-repeat: repeat-x;
 background-size: contain;
 color: FFFFFF;
 text-align: center;
 font-weight: bold;
 padding: 0;
 margin: 0;
}

.parent {
  position: relative;
}
 
.child_1 {
  width: 200px;
  height: 200px;
  position: absolute;
}
.child_2 {
  width: 200px;
  height: 200px;
  position: absolute;
}
.tab_menue {
  
  border: 0px solid black;
  border-collapse: collapse;
  text-align: center;
  vertical-align: middle;
  background-image: url("hg.gif");
 background-position: center center;
 background-repeat: repeat-x;
 background-size: contain;
}
.tab_menue_inv {
  
  border: 0px solid white;
  border-collapse: collapse;
  text-align: center;
  vertical-align: middle;
  background-image: url("hg_inv.gif");
 background-position: center center;
 background-repeat: repeat-x;
 background-size: contain;
}
.tab_rekord {
  background-color: FF8C00;
}
.tab_aktiv {
  background-color: 000000;
  text-align: center;
  vertical-align: middle;
  color: FFA500;
  background-image: url("hg.gif");
 background-position: center center;
 background-repeat: repeat-x;
 background-size: contain;
}  
.tab_inaktiv {
  background-color: 000000;
  text-align: center;
  vertical-align: middle;
  color: FFFFFF;
  background-image: url("hg.gif");
 background-position: center center;
 background-repeat: repeat-x;
 background-size: contain;
}  
.tab_zusatzinfo_neutral {
  text-align: center;
  background-color: FFFFFF;
  font-size: small; font-family: Verdana,sans-serif;
}
.tab_sehr_breit_neutral {
  max-width: 180px;
  min-width: 180px;
  text-align: center;
  background-color: FFFFFF;
  font-size: small; font-family: Verdana,sans-serif;
}
.tab_sehr_breit_schlecht {
  max-width: 180px;
  min-width: 180px;
  text-align: center;
  background-color: FF5500;
  font-size: small; font-family: Verdana,sans-serif;
}
.tab_sehr_breit_gut {
  max-width: 180px;
  min-width: 180px;
  text-align: center;
  background-color: 66CD00;
  font-size: small; font-family: Verdana,sans-serif;
}
.tab_sehr_breit_rekord {
  max-width: 180px;
  min-width: 180px;
  text-align: center;
  background-color: FF8C00;
  font-size: small; font-family: Verdana,sans-serif;
}
.tab_sehr_breit_titel {
  max-width: 180px;
  min-width: 180px;
  text-align: center;
  background-color: 00BBFF;
  font-size: small; font-family: Verdana,sans-serif;
}
.tab_sehr_breit {
  max-width: 180px;
  min-width: 180px;
  text-align: center;
  font-size: small; font-family: Verdana,sans-serif;
}
.tab_breit_neutral {
  max-width: 110px;
  min-width: 110px;
  text-align: center;
  background-color: FFFFFF;
  font-size: small; font-family: Verdana,sans-serif;
}
.tab_breit_schlecht {
  max-width: 110px;
  min-width: 110px;
  text-align: center;
  background-color: FF5500;
  font-size: small; font-family: Verdana,sans-serif;
}
.tab_breit_gut {
  max-width: 110px;
  min-width: 110px;
  text-align: center;
  background-color: 66CD00;
  font-size: small; font-family: Verdana,sans-serif;
}
.tab_breit_rekord {
  max-width: 110px;
  min-width: 110px;
  text-align: center;
  background-color: FF8C00;
  font-size: small; font-family: Verdana,sans-serif;
}
.tab_breit_titel {
  max-width: 110px;
  min-width: 110px;
  text-align: center;
  background-color: 00BBFF;
  font-size: small; font-family: Verdana,sans-serif;
}
.tab_breit {
  max-width: 110px;
  min-width: 110px;
  text-align: center;
  font-size: small; font-family: Verdana,sans-serif;
}
.tab_mittel_neutral {
  max-width: 90px;
  min-width: 90px;
  text-align: center;
  background-color: FFFFFF;
  font-size: small; font-family: Verdana,sans-serif;
}
.tab_mittel_schlecht {
  max-width: 90px;
  min-width: 90px;
  text-align: center;
  background-color: FF5500;
  font-size: small; font-family: Verdana,sans-serif;
}
.tab_mittel_gut {
  max-width: 90px;
  min-width: 90px;
  text-align: center;
  background-color: 66CD00;
  font-size: small; font-family: Verdana,sans-serif;
}
.tab_mittel_rekord {
  max-width: 90px;
  min-width: 90px;
  text-align: center;
  background-color: FF8C00;
  font-size: small; font-family: Verdana,sans-serif;
}
.tab_mittel_titel {
  max-width: 90px;
  min-width: 90px;
  text-align: center;
  background-color: 00BBFF;
  font-size: small; font-family: Verdana,sans-serif;
}
.tab_mittel {
  max-width: 90px;
  min-width: 90px;
  text-align: center;
  font-size: small; font-family: Verdana,sans-serif;
}
.tab_schmal_neutral {
  max-width: 70px;
  min-width: 70px;
  text-align: center;
  background-color: FFFFFF;
  font-size: small; font-family: Verdana,sans-serif;
}
.tab_schmal_schlecht {
  max-width: 70px;
  min-width: 70px;
  text-align: center;
  background-color: FF5500;
  font-size: small; font-family: Verdana,sans-serif;
}
.tab_schmal_gut {
  max-width: 70px;
  min-width: 70px;
  text-align: center;
  background-color: 66CD00;
  font-size: small; font-family: Verdana,sans-serif;
}
.tab_schmal_rekord {
  max-width: 70px;
  min-width: 70px;
  text-align: center;
  background-color: FF8C00;
  font-size: small; font-family: Verdana,sans-serif;
}
.tab_schmal_titel {
  max-width: 70px;
  min-width: 70px;
  text-align: center;
  background-color: 00BBFF;
  font-size: small; font-family: Verdana,sans-serif;
}
.tab_schmal_titel {
  max-width: 70px;
  min-width: 70px;
  text-align: center;
  background-color: 00BBFF;
  font-size: small; font-family: Verdana,sans-serif;
}
.tab_sehr_schmal {
  max-width: 20px;
  min-width: 20px;
  text-align: center;
  font-size: small; font-family: Verdana,sans-serif;
}

/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 200px;
  background-color: #555;
  color: #fff;
  text-align: left;
  padding: 5px 0;
  border-radius: 6px;

  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  top: 0%;
  left: 100%;
  margin-left: 20px;

  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 5%;
  left: 0%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}