// 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> 21</div><h4>Die letzten 5 Bewertungen</h4><ul><li ><strong>Bester Finanzberater, ...</strong>Ich hatte bereits mit mehreren Finanzdienstleistern zu tun und H... <a href="http://www.kennstdueinen.de/finanzberater-nuernberg-gerhard-neudecker-mehrwert-finanzen-nachhaltig-gestalten-d3155.html#id77984" target="_blank" title="Lesen Sie die vollst&auml;ndige Bewertung von &quot;Gerhard Neudecker - MehrWert Finanzen nachhaltig gestalten&quot; auf KennstDuEinen.de">[mehr]</a><i>(06.08.11)</i></li><li ><strong>Viel Zeit und perfekte...</strong>In allem nimmt sich Herr Neudecker sehr viel Zeit, vor allem bei... <a href="http://www.kennstdueinen.de/finanzberater-nuernberg-gerhard-neudecker-mehrwert-finanzen-nachhaltig-gestalten-d3155.html#id43530" target="_blank" title="Lesen Sie die vollst&auml;ndige Bewertung von &quot;Gerhard Neudecker - MehrWert Finanzen nachhaltig gestalten&quot; auf KennstDuEinen.de">[mehr]</a><i>(27.09.10)</i></li><li ><strong>begeistert!</strong>herzlichen Dank an Herrn Neudecker f&uuml;r die fachlich hochwertige ... <a href="http://www.kennstdueinen.de/finanzberater-nuernberg-gerhard-neudecker-mehrwert-finanzen-nachhaltig-gestalten-d3155.html#id43318" target="_blank" title="Lesen Sie die vollst&auml;ndige Bewertung von &quot;Gerhard Neudecker - MehrWert Finanzen nachhaltig gestalten&quot; auf KennstDuEinen.de">[mehr]</a><i>(23.09.10)</i></li><li ><strong>Kompetent, individuell...</strong>Mehr aus Zufall bin ich &uuml;ber Plansecur auf die Adresse von Herrn... <a href="http://www.kennstdueinen.de/finanzberater-nuernberg-gerhard-neudecker-mehrwert-finanzen-nachhaltig-gestalten-d3155.html#id31532" target="_blank" title="Lesen Sie die vollst&auml;ndige Bewertung von &quot;Gerhard Neudecker - MehrWert Finanzen nachhaltig gestalten&quot; auf KennstDuEinen.de">[mehr]</a><i>(19.03.10)</i></li><li class="last"><strong>Vertrauensw&uuml;rdige Bera...</strong>Hr. Neudecker nimmt sich Zeit, h&ouml;rt zu auch auf die Informatione... <a href="http://www.kennstdueinen.de/finanzberater-nuernberg-gerhard-neudecker-mehrwert-finanzen-nachhaltig-gestalten-d3155.html#id26200" target="_blank" title="Lesen Sie die vollst&auml;ndige Bewertung von &quot;Gerhard Neudecker - MehrWert Finanzen nachhaltig gestalten&quot; auf KennstDuEinen.de">[mehr]</a><i>(03.12.09)</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; } /* gray styles */  #kdeWidget { border-color: #606466 !important; }  #kdeWidgetHeader { background-color: #eeeeee !important; color: #373c3f !important; }  #kdeWidget a { color: #373c3f !important; background-color: #eeeeee !important; }  #kdeWidgetContent div { border-color: #606466 !important; }  #kdeWidgetContent h4 { color: #373c3f !important; background-color: #eeeeee !important; border-color: #606466 !important; }  #kdeWidgetContent ul li { border-color: #606466 !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);
