// create content node
var kdeWidgetContent = document.createElement("div");
kdeWidgetContent.setAttribute("id", "kdeWidgetContent");
document.getElementById("kdeWidget").appendChild(kdeWidgetContent);


// insert content
kdeWidgetContent.innerHTML = '<div><strong>Anzahl Sterne:</strong> 4 von 5<br/><strong>Anzahl Bewertungen:</strong> 32</div><h4>Die letzten 5 Bewertungen</h4><ul><li ><strong>Eine sehr gute Entsche...</strong>Die Lernhilfe ist seit &uuml;ber 30 Jahren dabei und wir wurden von e... <a href="http://www.kennstdueinen.de/nachhilfe-gross-gerau-die-lernhilfe-gross-gerau-d3436.html#id74254" target="_blank" title="Lesen Sie die vollst&auml;ndige Bewertung von &quot;Die Lernhilfe - Gro&szlig;-Gerau&quot; auf KennstDuEinen.de">[mehr]</a><i>(17.07.11)</i></li><li ><strong>Sehr Gut!</strong>Die Lernhilfe ist sehr gut. Mir wurde sie von meinem Cousin empf... <a href="http://www.kennstdueinen.de/nachhilfe-gross-gerau-die-lernhilfe-gross-gerau-d3436.html#id74256" target="_blank" title="Lesen Sie die vollst&auml;ndige Bewertung von &quot;Die Lernhilfe - Gro&szlig;-Gerau&quot; auf KennstDuEinen.de">[mehr]</a><i>(17.07.11)</i></li><li ><strong>Um 2 Noten verbessert</strong>Die Lernhilfe hat mir weitergeholfen. Ich verstehe den Stoff des... <a href="http://www.kennstdueinen.de/nachhilfe-gross-gerau-die-lernhilfe-gross-gerau-d3436.html#id74169" target="_blank" title="Lesen Sie die vollst&auml;ndige Bewertung von &quot;Die Lernhilfe - Gro&szlig;-Gerau&quot; auf KennstDuEinen.de">[mehr]</a><i>(16.07.11)</i></li><li ><strong>Super sch&ouml;n!</strong>Die Lernhilfe ist sehr gut. Ich wurde sie gern weiterempfehlen. ... <a href="http://www.kennstdueinen.de/nachhilfe-gross-gerau-die-lernhilfe-gross-gerau-d3436.html#id74258" target="_blank" title="Lesen Sie die vollst&auml;ndige Bewertung von &quot;Die Lernhilfe - Gro&szlig;-Gerau&quot; auf KennstDuEinen.de">[mehr]</a><i>(15.07.11)</i></li><li class="last"><strong>Guter Unterricht. Habe...</strong>Meine Erfahrung war gut, weil mir viel erkl&auml;rt wurde. Ich empfeh... <a href="http://www.kennstdueinen.de/nachhilfe-gross-gerau-die-lernhilfe-gross-gerau-d3436.html#id73864" target="_blank" title="Lesen Sie die vollst&auml;ndige Bewertung von &quot;Die Lernhilfe - Gro&szlig;-Gerau&quot; auf KennstDuEinen.de">[mehr]</a><i>(14.07.11)</i></li></ul>';


// insert styles
var styleDefinitions = '/* basic styles */  #kdeWidgetLogo, #kdeWidgetLogo *, #kdeWidget, #kdeWidget * { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif !important; font-size: 11px !important; font-style: normal !important; font-weight: normal !important; color: black !important; line-height: 15px !important; white-space: normal !important; background-image: none !important; margin: 0px !important; padding: 0px !important; border: 0px !important; overflow: hidden !important; background-color: white !important; text-indent: 0px; text-align: left; }   #kdeWidgetLogo, #kdeWidgetLogo * { background-color: transparent !important; }  #kdeWidgetLogo { display: block !important; width: 163px !important; }  #kdeWidgetLogo img { margin-bottom: 8px !important; }   #kdeWidget { border: 1px solid #ccf2d7 !important; }  #kdeWidgetHeader { background-color: #eaf8e6 !important; padding: 8px !important; color: #3abc01 !important; height: auto !important; }  #kdeWidget a { color: #3abc01 !important; text-decoration: underline; background-color: #eaf8e6 !important; }  #kdeWidget a:hover { text-decoration: none; }  #kdeWidgetContent div { padding: 8px !important; border-top: 1px solid #ccf2d7 !important; border-bottom: 1px solid #ccf2d7 !important; }  #kdeWidgetContent div.nodata { border-bottom: none !important; }  #kdeWidgetContent div strong { font-weight: bold !important; }  #kdeWidgetContent h4 { color: #3abc01 !important; padding: 8px !important; background-color: #eaf8e6 !important; border-bottom: 1px solid #ccf2d7 !important; }  #kdeWidgetContent ul { list-style-type: none; }  #kdeWidgetContent ul li { display: block; }  #kdeWidgetContent ul li.last { border: none !important; }  #kdeWidgetContent ul li strong { display: block; font-weight: bold !important; }  #kdeWidgetContent ul li a { background-color: white !important; }  #kdeWidgetContent ul li i { display: block; padding-top: 4px !important; font-style: italic !important; } /* vertical styles */  #kdeWidgetContent ul li { border-bottom: 1px dotted #ccf2d7 !important; padding: 8px !important; }  #kdeWidgetContent ul li strong { padding-bottom: 2px !important; } /* blue styles */  #kdeWidget { border-color: #ccebf2 !important; }  #kdeWidgetHeader { background-color: #e6f5f8 !important; color: #019abc !important; }  #kdeWidget a { color: #019abc !important; background-color: #e6f5f8 !important; }  #kdeWidgetContent div { border-color: #ccebf2 !important; }  #kdeWidgetContent h4 { color: #019abc !important; background-color: #e6f5f8 !important; border-color: #ccebf2 !important; }  #kdeWidgetContent ul li { border-color: #ccebf2 !important; }';

var styleElement = document.createElement('style');
styleElement.setAttribute("type", "text/css");

// is it IE?
if (styleElement.styleSheet) {

	// yes
	styleElement.styleSheet.cssText = styleDefinitions;
}
else {

	// no
	var tt1 = document.createTextNode(styleDefinitions);
	styleElement.appendChild(tt1);
}

document.getElementById("kdeWidget").parentNode.insertBefore(styleElement, document.getElementById("kdeWidget").nextSibling);