// 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.5 von 5<br/><strong>Anzahl Bewertungen:</strong> 10</div><h4>Die letzten 5 Bewertungen</h4><ul><li ><strong>Holzverkleidung</strong>Verkleidung von 2 Dachfenstern. Ausf&uuml;hrung sehr sauber und sch&ouml;n... <a href="http://www.kennstdueinen.de/schreiner-lebach-schreinerei-bauer-gmbh-d75319.html#id95780" target="_blank" title="Lesen Sie die vollst&auml;ndige Bewertung von &quot;Schreinerei Bauer GmbH&quot; auf KennstDuEinen.de">[mehr]</a><i>(29.12.11)</i></li><li ><strong>Empfehlensterte Firma</strong>Technisch sehr gute Ausf&uuml;hrung, termintreu, sehr guter Service. ... <a href="http://www.kennstdueinen.de/schreiner-lebach-schreinerei-bauer-gmbh-d75319.html#id93375" target="_blank" title="Lesen Sie die vollst&auml;ndige Bewertung von &quot;Schreinerei Bauer GmbH&quot; auf KennstDuEinen.de">[mehr]</a><i>(15.12.11)</i></li><li ><strong>Besser geht es nicht</strong>Habe eine neue K&uuml;che bekommen, auf Ma&szlig; gefertigt und eingebaut. ... <a href="http://www.kennstdueinen.de/schreiner-lebach-schreinerei-bauer-gmbh-d75319.html#id93563" target="_blank" title="Lesen Sie die vollst&auml;ndige Bewertung von &quot;Schreinerei Bauer GmbH&quot; auf KennstDuEinen.de">[mehr]</a><i>(14.12.11)</i></li><li ><strong>B&uuml;gelamboss erworben</strong>Bestellung einer B&uuml;gelhilfe, komplett &uuml;bers Internet, RE per Mai... <a href="http://www.kennstdueinen.de/schreiner-lebach-schreinerei-bauer-gmbh-d75319.html#id85264" target="_blank" title="Lesen Sie die vollst&auml;ndige Bewertung von &quot;Schreinerei Bauer GmbH&quot; auf KennstDuEinen.de">[mehr]</a><i>(07.10.11)</i></li><li class="last"><strong>Holzfenster - Balkont&uuml;r</strong>Erneuerung einer T&uuml;re und fr&uuml;her arbeiten. 1.) Sehr freundlich 2... <a href="http://www.kennstdueinen.de/schreiner-lebach-schreinerei-bauer-gmbh-d75319.html#id83849" target="_blank" title="Lesen Sie die vollst&auml;ndige Bewertung von &quot;Schreinerei Bauer GmbH&quot; auf KennstDuEinen.de">[mehr]</a><i>(23.09.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; } /* green styles */  #kdeWidget { border-color: #f4ad47 !important; }  #kdeWidgetHeader { background-color: #fff6e8 !important; color: #ce7a00 !important; }  #kdeWidget a { color: #ce7a00 !important; background-color: #fff6e8 !important; }  #kdeWidgetContent div { border-color: #f4ad47 !important; }  #kdeWidgetContent h4 { color: #ce7a00 !important; background-color: #fff6e8 !important; border-color: #f4ad47 !important; }  #kdeWidgetContent ul li { border-color: #f4ad47 !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);