@CHARSET "UTF-8";

/* Info-Link */
aside.quickinfo {
  display: inline-block;  
  vertical-align: top;
  position: relative;
  overflow: visible;
  margin-left:10px;
  cursor: default;   /* varianten: default, pointer, help */
}

aside.quickinfo:hover {
  z-index: 100;
}


aside.quickinfo img {
  position: absolute;
  left: 8;
  top: 0;  
}

aside.quickinfo:hover img {
  position: absolute;
  left: 8;
  top: 0;  
  padding-right: 50;
  padding-bottom: 5;
}

/* 
Infobox: 
Screenreader-/Blinden-Style: 
- margin-left: Infobox AUSSERHALB des sichtbaren Bereiches 
- padding: Infobox-Positionierung gegenüber Info-Link (unter Berücksichtigung von margin-left - wichtig bei hover/focus).
*/
aside.quickinfo dfn {
  margin-left: -9999em;
  padding:0px 0px 0px 28px;
  position: absolute;
  left: 38;
  top: 0;
  width: 250px;
  
  display:block;
  background:#fff039;
  padding:10px;
  border-color: #d4cfc7;
  border-style: solid;
  border-width: 1px;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  text-shadow:0 0px 0 #d4cfc7;
  line-height: 19px;
  color:#a1a6a8;
}

/*
Infobox (Fokus/Hover):
- Screenreader-/Blinde-Style: Infobox wieder innerhalb des SICHTBARen Bereiches 

  ACHTUNG: [, aside.quickinfo:focus dfn] => Deaktiviert damit der Tab direkt von einem Input-Text-Feld zum nächsten springen kann
*/
aside.quickinfo:hover dfn {
  margin-left: 0;
  z-index: 201;
}

/*
Infobox (Fokus/Hover):
- Optische Bestätigung für Fokus/Hover

  ACHTUNG: [, aside.quickinfo:focus] => Deaktiviert damit der Tab direkt von einem Input-Text-Feld zum nächsten springen kann
*/
aside.quickinfo:hover {
  overflow:visible;
}