a {
  position: relative;
}
/* Anzeige-tooltip*/
a[Anzeige-tooltip]:before {
  position: absolute;
  left: -130px;
  top: -30px;
  background-color: #b8daff;
  color: #004085;
  height: 30px;
  line-height: 30px;
  border-radius: 5px;
  padding: 0 15px;
  content: attr(Anzeige-tooltip);
  white-space: nowrap;
  display: none;
}

a[Anzeige-tooltip]:after {
  position: absolute;
  left: 0;
  top: -5px;
  border-top: 7px solid #000000;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  content: "";
  display: none;
}

a[Anzeige-tooltip]:hover:after, a[Anzeige-tooltip]:hover:before {
  display: block;
}
/* Anzeige-tooltip*/
/* AnzeigeCT-tooltip*/
a[AnzeigeCT-tooltip]:before {
  position: absolute;
  left: 0px;
  top: 50px;
  background-color: #F5DEB3;
  /*background-image: url("../grafics/proxmox/CT.png");*/
  color: #004085;
  height: 30px;
  line-height: 30px;
  border-radius: 5px;
  padding: 0 15px;
  content: attr(AnzeigeCT-tooltip);
  white-space: nowrap;
  display: none;
}

a[AnzeigeCT-tooltip]:after {
  position: absolute;
  left: 0;
  top: 50px;
  border-top: 0px solid #00ff00;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  content: "";
  display: none;
}

a[AnzeigeCT-tooltip]:hover:after, a[AnzeigeCT-tooltip]:hover:before {
  display: block;
}
/* AnzeigeCT-tooltip*/
/* AnzeigeVM-tooltip*/
a[AnzeigeVM-tooltip]:before {
  position: absolute;
  left: 0px;
  top: 50px;
  background-color: #F5DEB3;
  /*background-image: url("../grafics/proxmox/VM.png");*/
  color: #004085;
  height: 30px;
  line-height: 30px;
  border-radius: 5px;
  padding: 0 15px;
  content: attr(AnzeigeVM-tooltip);
  white-space: nowrap;
  display: none;
}

a[AnzeigeVM-tooltip]:after {
  position: absolute;
  left: 0;
  top: 50px;
  border-top: 0px solid #00ff00;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  content: "";
  display: none;
}

a[AnzeigeVM-tooltip]:hover:after, a[AnzeigeVM-tooltip]:hover:before {
  display: block;
}
/* AnzeigeVM-tooltip*/
/* AnzeigeHttps-tooltip*/
a[AnzeigeHttps-tooltip]:before {
  position: absolute;
  left: 0px;
  top: 50px;
  background-color: #F5DEB3;
  /*background-image: url("../grafics/proxmox/VM.png");*/
  color: #004085;
  height: 30px;
  line-height: 30px;
  border-radius: 5px;
  padding: 0 15px;
  content: attr(AnzeigeHttps-tooltip);
  white-space: nowrap;
  display: none;
}

a[AnzeigeHttps-tooltip]:after {
  position: absolute;
  left: 0;
  top: 50px;
  border-top: 0px solid #00ff00;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  content: "";
  display: none;
}

a[AnzeigeHttps-tooltip]:hover:after, a[AnzeigeHttps-tooltip]:hover:before {
  display: block;
}
/* AnzeigeHttps-tooltip*/
/* PortfreigabeEinsBild-tooltip mit BILD*/
a[PortfreigabeEinsBild-tooltip]:before {
  position: absolute;
  left: 0;
  top: -40px;
  background-image: url("../grafics/pc/portfreigabe_1.png");
  color: #ffffff;
  height: 201px;
  line-height: 30px;
  border-radius: 5px;
  padding: 0 437px;
  content: attr(PortfreigabeEinsBild-tooltip);
  white-space: nowrap;
  display: none;
}

a[PortfreigabeEinsBild-tooltip]:after {
  position: absolute;
  left: 15px;
  top: -10px;
  border-top: 7px solid transparent;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  content: "";
  display: none;
}

a[PortfreigabeEinsBild-tooltip]:hover:after, a[PortfreigabeEinsBild-tooltip]:hover:before {
  display: block;
}
/* PortfreigabeEinsBild-tooltip mit BILD*/
/* PortfreigabeZweiBild-tooltip mit BILD*/
a[PortfreigabeZweiBild-tooltip]:before {
  position: absolute;
  left: 0px;
  top: 50px;
  background-image: url("../grafics/proxmox/Proxmox_header.png");
  color: #ffffff;
  height: 249px;
  line-height: 30px;
  border-radius: 5px;
  padding: 0 523px;
  content: attr(PortfreigabeZweiBild-tooltip);
  white-space: nowrap;
  display: none;
}

a[PortfreigabeZweiBild-tooltip]:after {
  position: absolute;
  left: 15px;
  top: -10px;
  border-top: 0px solid transparent;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  content: "";
  display: none;
}

a[PortfreigabeZweiBild-tooltip]:hover:after, a[PortfreigabeZweiBild-tooltip]:hover:before {
  display: block;
}
/* PortfreigabeZweiBild-tooltip */
/* zaehlerstand-tooltip */
a[zaehlerstand-tooltip]:before {
  position: absolute;
  left: 0;
  top: -40px;
  background-color: #FDF700;
  color: #000000;
  height: 30px;
  line-height: 30px;
  border-radius: 5px;
  padding: 0 15px;
  content: attr(zaehlerstand-tooltip);
  white-space: nowrap;
  display: none;
}

a[zaehlerstand-tooltip]:after {
  position: absolute;
  left: 15px;
  top: -10px;
  border-top: 7px solid #FDF700;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  content: "";
  display: none;
}

a[zaehlerstand-tooltip]:hover:after, a[zaehlerstand-tooltip]:hover:before {
  display: block;
}
/* zaehlerstand-tooltip */
/* logout-tooltip */
a[logout-tooltip]:before {
  position: absolute;
  left: 0;
  bottom: -40px;
  background-color: #FFFF00;
  color: #000000;
  height: 30px;
  line-height: 30px;
  border-radius: 5px;
  padding: 0 15px;
  content: attr(logout-tooltip);
  white-space: nowrap;
  display: none;
}

a[logout-tooltip]:after {
  position: absolute;
  left: 15px;
  bottom: -10px;
  border-top: 7px solid #FFFF00;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  content: "";
  display: none;
}

a[logout-tooltip]:hover:after, a[logout-tooltip]:hover:before {
  display: block;
}
/* logout-tooltip */
/* zurueck-tooltip */
a[zurueck-tooltip]:before {
  position: absolute;
  left: 0;
  bottom: -40px;
  background-color: #FFFFFF;
  color: #000000;
  height: 30px;
  line-height: 30px;
  border-radius: 5px;
  padding: 0 15px;
  content: attr(zurueck-tooltip);
  white-space: nowrap;
  display: none;
}

a[zurueck-tooltip]:after {
  position: absolute;
  left: 15px;
  bottom: -10px;
  border-top: 7px solid #FFFFFF;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  content: "";
  display: none;
}

a[zurueck-tooltip]:hover:after, a[zurueck-tooltip]:hover:before {
  display: block;
}
/* zurueck-tooltip */
/* jahr-zurueck-tooltip */
a[jahr-zurueck-tooltip]:before {
  position: absolute;
  left: 0;
  bottom: -40px;
  background-color: #FFFFFF;
  color: #000000;
  height: 30px;
  line-height: 30px;
  border-radius: 5px;
  padding: 0 15px;
  content: attr(zurueck-tooltip);
  white-space: nowrap;
  display: none;
}

a[jahr-zurueck-tooltip]:after {
  position: absolute;
  left: 15px;
  bottom: -10px;
  border-top: 7px solid #FFFFFF;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  content: "";
  display: none;
}

a[jahr-zurueck-tooltip]:hover:after, a[jahr-zurueck-tooltip]:hover:before {
  display: block;
}
/* jahr-zurueck-tooltip */
/* jahr-vor-tooltip */
a[jahr-vor-tooltip]:before {
  position: absolute;
  left: 0;
  bottom: -40px;
  background-color: #FFFFFF;
  color: #000000;
  height: 30px;
  line-height: 30px;
  border-radius: 5px;
  padding: 0 15px;
  content: attr(zurueck-tooltip);
  white-space: nowrap;
  display: none;
}

a[jahr-vor-tooltip]:after {
  position: absolute;
  left: 15px;
  bottom: -10px;
  border-top: 7px solid #FFFFFF;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  content: "";
  display: none;
}

a[jahr-vor-tooltip]:hover:after, a[jahr-zurueck-tooltip]:hover:before {
  display: block;
}
/* jahr-vor-tooltip */
/* abfall-tooltip */
a[abfall-tooltip]:before {
  position: absolute;
  left: 0;
  bottom: -30px;
  background-color: #FFFFFF;
  color: #000000;
  height: 30px;
  line-height: 30px;
  border-radius: 5px;
  padding: 0 15px;
  content: attr(abfall-tooltip);
  white-space: nowrap;
  display: none;
}

a[abfall-tooltip]:after {
  position: absolute;
  left: 15px;
  bottom: -10px;
  border-top: 7px solid #FFFFFF;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  content: "";
  display: none;
}

a[abfall-tooltip]:hover:after, a[abfall-tooltip]:hover:before {
  display: block;
}
/* abfall-tooltip */