<style>
#icon_help_div2 {margin-left: 12px;cursor:pointer;}
#icon_help2 {left:-210px;display: none; position: absolute; background-color: #ffffff;color:#000000;width: 600px; padding:10px;border: 5px double #000000; border-radius:5px;z-index: 99999; line-height:20px !important;text-align:left;}
#icon_help2 ul {font-size:12px;display: none;margin-left:10px;cursor:default;}
#icon_help2 h4:hover {color:#901000;}
#icon_help_close2 {display: none;font-size: 12px;margin-right: 7px;color:#901000;}
</style>
 

<div id="icon_help_div2"><img src="//files.homepagemodules.de/b2001010/a_248.png">
<div id="icon_help2">
<div style="float: right;"><div id="icon_help_close2"><b>Schließen</b></div><span><b>x</b></span></div>
<div style="clear: both;"></div>
 
<h4>Wie funktioniert die Farbauswahl?</h4>
 
<ul>
<li>Texte können mit den unterschiedlichsten Farben dargestellt werde!</li>
<li><font color="#ee8000">Zuerst</font> wird der Text markiert, der eingefärbt werden soll!</li>
<li>Die Textfarbe kann durch Anklicken der oberen Standardfarben verändert werden!</li>
<li>Soll der Text mit einer besonderen Farbe versehen werden,  wird das mit einem Klick in die große Farbauswahl durchgeführt!</li>
<li>Im rechten Farbfeld kann die aktuelle Farbe eingesehen werden!</li>
<li>Die zuletzt genutzte Farbe wird im unteren Farbfeld gespeichert und kann durch ein Mausklick erneut verwendet werden!</li>
<li>Zusätzlich wird im unteren Feld zur Farbe der Farbcode angezeigt!</li>
<br>
</ul>
 
<h4>Wie funktioniert die Auswahl mit den Leuchtfarben "Glow"?</h4>
 
<ul>
<li>Texte können mit leuchtenden Farben dargestellt werde!</li>
<li><font color="#ee8000">Zuerst</font> wird auch hier der Text markiert, der eingefärbt werden soll!</li>
<li>Die Glow-Textfarbe kann durch Anklicken der Glow-Farben verändert werden!</li>
<li>Zur Zeit stehen sieben unterschiedliche Leucht-Farben zur Verfügung!</li>
<br>
</ul>
 
<h4>Was kann der Multi-Dialog-Assistent?</h4>
 
<ul>
<li>.....</li>
<li>.......</li>
<li>.........</li>
<br>
</ul>
 
<h4>Welche Funktionen haben die  DropDown-Menüs?</h4>
 
<ul>
<li>.....</li>
<li>.......</li>
<li>.........</li>
<br>
</ul>
 
</div>
</div>
 
<script>
$('#icon_help_div2 img').click(function(){
$(this).next().toggle();
});
 
$('#icon_help2 span').hover(function(){
$('#icon_help_close2').css('display','inline');
},function(){
$('#icon_help_close2').css({'display':'none','cursor':'pointer'});
});
 
$('#icon_help2 span').click(function(){
$('#icon_help2').css('display','none');
});
 
$('#icon_help2 h4').click(function(){
$(this).next().toggle();
// Für Verschachtelungen von Aufzählungen!
$('#icon_help2 ul ul').show();
});
 
</script>