// 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> 52</div><h4>Die letzten 5 Bewertungen</h4><ul><li ><strong>Auch im Kleinen ganz gro&szlig;</strong>Die Firma hat Wartungsarbeiten an Holzfenstern und &ndash;T&uuml;ren get&auml;ti... <a href="http://www.kennstdueinen.de/schreiner-adelsdorf-neuhaus-schreinerei-georg-niebler-d74275.html#id102909" target="_blank" title="Lesen Sie die vollst&auml;ndige Bewertung von &quot;Schreinerei Georg Niebler&quot; auf KennstDuEinen.de">[mehr]</a><i>(22.02.12)</i></li><li ><strong>K&uuml;che inklusive Montage</strong>Die Planung und Beratung war kompetent und angenehm. Alle Termin... <a href="http://www.kennstdueinen.de/schreiner-adelsdorf-neuhaus-schreinerei-georg-niebler-d74275.html#id98754" target="_blank" title="Lesen Sie die vollst&auml;ndige Bewertung von &quot;Schreinerei Georg Niebler&quot; auf KennstDuEinen.de">[mehr]</a><i>(20.01.12)</i></li><li ><strong>Grosser Einbauschrank ...</strong>Habe Schlafzimmer mit grossem Einbauschrank (RaumPlus) und ma&szlig;ge... <a href="http://www.kennstdueinen.de/schreiner-adelsdorf-neuhaus-schreinerei-georg-niebler-d74275.html#id96795" target="_blank" title="Lesen Sie die vollst&auml;ndige Bewertung von &quot;Schreinerei Georg Niebler&quot; auf KennstDuEinen.de">[mehr]</a><i>(04.01.12)</i></li><li ><strong>Neue K&uuml;che inkl. Montage</strong>Wir haben unsere K&uuml;che komplett erneuern lassen. Die Beratung vo... <a href="http://www.kennstdueinen.de/schreiner-adelsdorf-neuhaus-schreinerei-georg-niebler-d74275.html#id93519" target="_blank" title="Lesen Sie die vollst&auml;ndige Bewertung von &quot;Schreinerei Georg Niebler&quot; auf KennstDuEinen.de">[mehr]</a><i>(14.12.11)</i></li><li class="last"><strong>Individuelle perfekte ...</strong>Couch- und Beistelltische aus Massivholz (Kernbuche): Kreative, ... <a href="http://www.kennstdueinen.de/schreiner-adelsdorf-neuhaus-schreinerei-georg-niebler-d74275.html#id92549" target="_blank" title="Lesen Sie die vollst&auml;ndige Bewertung von &quot;Schreinerei Georg Niebler&quot; auf KennstDuEinen.de">[mehr]</a><i>(07.12.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);