// create content node
var kdeWidgetContent = document.createElement("div");
kdeWidgetContent.setAttribute("id", "kdeWidgetContent");
document.getElementById("kdeWidget").appendChild(kdeWidgetContent);
// insert content
kdeWidgetContent.innerHTML = 'Anzahl Sterne: 5 von 5
Anzahl Bewertungen: 8
Die letzten 5 Bewertungen
- Sehr umfangreiche Recherche und sehr gute Beratung. Frau Fuchs n... [mehr](22.09.10)
- Absolut empfehlenswertSo wünscht man sich, immer beraten zu werden. Die sehr, sehr fre... [mehr](10.06.10)
- Hervorragende ArbeitProfessionelle Beratung, dabei zielstrebig- ohne zu drängeln. Se... [mehr](19.05.10)
- Rundum gute BeratungObwohl wir zunächst meinten, dass wir keine Finanzberatung bräuc... [mehr](17.02.09)
- BeratungFrau Marion Fuchs erklärte verständlich und überschaubar in ange... [mehr](04.08.08)
';
// 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);