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


// insert content
kdeWidgetContent.innerHTML = '<div><strong>Gesamtnote:</strong> 1,0<br/><strong>Anzahl Bewertungen:</strong> 20</div><h4>Die letzten 5 Bewertungen</h4><ul><li ><strong>Fotoshooting</strong>&Uuml;ber das Internet habe ich Herrn Kohlhoff gefunden und telefonis... <a href="http://www.kennstdueinen.de/fotograf-hannover-cream-media-design-d41605.html#id41469" target="_blank" title="Lesen Sie die vollst&auml;ndige Bewertung von &quot;cream media design&quot; auf KennstDuEinen.de">[mehr]</a><i>(28.08.10)</i></li><li ><strong>&bdquo;Super&ldquo; Kinder Fotosho...</strong>Sehr sch&ouml;ne Atmosph&auml;re, die Assistentin war super hilfsbereit un... <a href="http://www.kennstdueinen.de/fotograf-hannover-cream-media-design-d41605.html#id40883" target="_blank" title="Lesen Sie die vollst&auml;ndige Bewertung von &quot;cream media design&quot; auf KennstDuEinen.de">[mehr]</a><i>(19.08.10)</i></li><li ><strong>Fotoshooting Beauty</strong>Herr Kohlhoff ist ein sehr vertrauensw&uuml;rdiger Fotograf. Er ist a... <a href="http://www.kennstdueinen.de/fotograf-hannover-cream-media-design-d41605.html#id40175" target="_blank" title="Lesen Sie die vollst&auml;ndige Bewertung von &quot;cream media design&quot; auf KennstDuEinen.de">[mehr]</a><i>(13.08.10)</i></li><li ><strong>Bewerbungsfotos</strong>Da Bewerbungsfotos wichtig sind, war ich auf der Suche nach eine... <a href="http://www.kennstdueinen.de/fotograf-hannover-cream-media-design-d41605.html#id40169" target="_blank" title="Lesen Sie die vollst&auml;ndige Bewertung von &quot;cream media design&quot; auf KennstDuEinen.de">[mehr]</a><i>(13.08.10)</i></li><li class="last"><strong>Web - Design</strong>Ich wollte bei Herrn Kohlhoff eine pers&ouml;nliche Homepage einricht... <a href="http://www.kennstdueinen.de/fotograf-hannover-cream-media-design-d41605.html#id40151" target="_blank" title="Lesen Sie die vollst&auml;ndige Bewertung von &quot;cream media design&quot; auf KennstDuEinen.de">[mehr]</a><i>(13.08.10)</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);