/* ################################################################## */
/* ############# HILFE-Text ### ANAFNG ############################## */
/* ################################################################## */

/* ################################################################## */
/* START: Code-Schnipselchen von Marc Haunschild, 09.07.2012 ######## */

.tooltip:hover {
    position:relative;
    z-index: 10;
    cursor: help;/* Ergaenzt von Ralf */
    
}
.tooltip span {
    display: none;
}
h3 .tooltip span {
    font-size: .8824em;
    font-weight: normal;
}

.tooltip:focus span,
.tooltip:hover span {
    position: absolute;
    top: 1.25em;
    left: 0;
    display: block;
    min-width: 22em;
    max-width: 33em;
    max-height: 20em;
    overflow: auto;
    border: .125em outset #990000;
    padding: .25em;
    color:#333;
	text-align: left;
    z-index: 101;
  -webkit-border-radius: .25em; /* Saf3-4, iOS 1-3.2, Android <e;1.6 */
     -moz-border-radius: .25em; /* FF1-3.6 */
          border-radius: .25em; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */

  /* useful if you don't want a bg color from leaking outside the border: */
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;

  -webkit-box-shadow: 4px 4px 6px #aaa; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
     -moz-box-shadow: 4px 4px 6px #aaa; /* FF3.5 - 3.6 */
          box-shadow: 4px 4px 6px #aaa; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */

  background-color: #eeeeee;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#aaaaaa)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #f2f2f2, #cccccc); /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image:    -moz-linear-gradient(top, #f2f2f2, #cccccc); /* FF3.6 */
  background-image:     -ms-linear-gradient(top, #f2f2f2, #cccccc); /* IE10 */
  background-image:      -o-linear-gradient(top, #f2f2f2, #cccccc); /* Opera 11.10+ */
  background-image:         linear-gradient(top, #f2f2f2, #cccccc);

/* CSS-Animation für weiches Einblenden - bei Nichtgefallen einfach auskommentieren oder löschen */
  -webkit-animation: myanim 0.3s; /* Saf5, Chrome */
     -moz-animation: myanim 0.3s; /* FF5+ */
      -ms-animation: myanim 0.3s; /* IE10pp3 */
}

@-webkit-keyframes myanim {
  0%   { opacity: 0.0; }
  50%  { opacity: 0.5; }
  100% { opacity: 1.0; }
}
@-moz-keyframes myanim {
  0%   { opacity: 0.0; }
  50%  { opacity: 0.5; }
  100% { opacity: 1.0; }
}
@-ms-keyframes myanim {
  0%   { opacity: 0.0; }
  50%  { opacity: 0.5; }
  100% { opacity: 1.0; }
}
/* ENDE: Code-Schnipselchen von Marc Haunschild, 09.07.2012 */
/* ################################################################## */
/* ################################################################## */


/* ################################################################## */
/* ################################################################## */
/* Ralf vdM: sieht schrecklich aus, aber ist ja nur ein Beispeil :-( */

[hilfeText] {
    position: relative;
}
[hilfeText]:focus:before, [hilfeText]:hover:before {
    background-clip: padding-box;
    background-color: #990000;
    background-image: -moz-linear-gradient(center top, #990000, #326F00);
    border: 0.0625em solid #FFFF99;
    border-radius: 0.125em 0.125em 0.125em 0.125em;
    box-shadow: 4px 4px 6px #AAAAAA;
    color: #FFFF99;
    content: attr(hilfeText);
    display: block;
    font-size: 18px;
    font-weight: bold;
    left: 1.2em;
    width: 33em;
    max-width: 53em;
    min-width: 10em;
    padding: 0.25em;
    position: absolute;
    text-align: left;
    top: 1.2em;
    z-index: 10;
    cursor: help;/* Ergaenzt von Ralf */
}
/* ENDE: sieht schrecklich aus, aber ist ja nur ein Beispeil :-( */
/* ################################################################## */

/* ################################################################## */
/* ############### HILFE-Text ### ENDE ############################## */
/* ################################################################## */