<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>
 

/** Spoiler-Design **/
.hpm_spoiler_body {margin-left:0.5%;border-color:#333333;border-style:double;border-width:0 5px 5px 5px;border-radius:0 0 5px 5px;width:98% !important;}
.hpm_spoiler_body ul{padding-left:15px;list-style-type: disc;}
.hpm_spoiler_headdiv {background:#eeeeee;border:1px solid #000000;border-radius:5px;}
.hpm_spoiler_closebutton {background-color:#eeeeee;border-top:1px solid #000000;padding:2px 10px;font:normal 11px Verdana,Arial,sans-serif;font-style:italic;}
.hpm_spoiler_closebutton a {display:block;width:100%;color:#000000 !important;text-decoration:none;}
.codelines{background-color:#eeeeee;color:#000000;margin:0px !important;}
.hpm_spoiler, .hpm_spoiler_headinput {width:98% !important;outline:none;}
.hpm_spoiler_headinput {}
.bbcode_code {color:#000000 !important;}
pre {background-color:#eeeeee;max-width:92% !important;color:#000000;}
 
/** Inhalte integrieren + addPics ausblenden **/
#integrationswrap,.iconbar .xob_iconlist .xob_iconlist,.integrations,#integrationlist {display:none !important;}
 
/** Iconbar **/
.xob_subiconlist img {padding:2px; max-height:40px;}
.xob_subiconlist .xob_icon_cont {min-height:50px; padding:5px;