jQuery(document).ready(function()
{
    jQuery("p.anbieter img").mouseover(
    function (event)
    {
        var x = event.pageX + 20;
        var y = event.pageY - 60;

        jQuery("body").append("\
<div id='ProviderTooltip'>\
    <div>\
        <ul>\
            <li>renommierter Seminaranbieter</li>\
            <li>geprüfte Termine</li>\
            <li>Experten auf ihrem Gebiet</li>\
            <li>Hochqualifizierte Trainer</li>\
        </ul>\
    </div>\
</div>\
");
        jQuery("#ProviderTooltip").css("left", x).css("top", y);
    });

    jQuery("p.anbieter img").mouseout(
    function (event)
    {
        jQuery("#ProviderTooltip").remove();
    });
});