http://findicons.com/icon/24029/login?id=24043
http://www.webdesignerforum.co.uk/topic/41550-similar-font-to-calibri/

{
width: 16px;
height: 16px;
background-repeat: no-repeat;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAArwAAAK8AFCrDSYAAAACXZwQWcAAAAQAAAAEABcxq3DAAABYElEQVQ4y42TvUoDQRSF7zP4CL6Cb2MjWKRQC0lE0IhFEBl/IJBCTGUTm4AWQkQtooiaJlgIKqiBCAYDYogihEXkmDM7Pwtx1xw4C7vs/e7P3BEAkj95x9ZVoF2ofoDv9OZBC+v7z1DlBlZK99oz6V2IyCjjaGHAbfsHw+r6oYPJqW1CxjSAWamjJ+CsCdRe+j+9AndvQKMTuvXpHQQBlgqXBKRYiQMwWJYl1t0etCMApQFsgWJmtmIztr/ggnrf3gRk8+cEFDWAw9K9mbJPR8SZAX9pYaM6CLA928xxwdT86rEH8KgoWzqDJVWP9QCA52wBNvt/mstVPIBLQtns0RnEaXZxzwO4XVFAUu9W05kIILdz4wD1ojgnyaxzCOBScD15vtZJuqg9YnxizS8SH2l1qLeL5pLwnDlpDiuTreieWTYzm+CyW2V9IfoXw3xQprQkK/NveJnctQzLGdo27hdYN77K4jqs6wAAADR6VFh0Q3JlYXRpb24gVGltZQAAeNpzK1IwMlRwS01SMDIwMFYwNLQyNLcyNlLQNjA0MAAAYjYGHcbWyswAAAAoelRYdFNvZnR3YXJlAAB42vNNTC7Kz01NyUxUcMssSi3PL8ouVrAAAGAVCCeCgzaLAAAAAElFTkSuQmCC);
}

{
width: 166px;
height: 1px;
background-repeat: no-repeat;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKYAAAABCAYAAABUkdUhAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAlwSFlzAAALDAAACwwBP0AiyAAAAKNJREFUKFOlUlsOwCAMmve/stZBHwZ1f3NZZgsCNmsT6/mxRu9+2qaFCr7m2/nM7Fk0AAFDH+Tgw5r2xMk11uR4PbAvHPvEBnjkkO84+dz7G75xHoXrp27W21XZa01aNYrqsT7wrQXs0mAE6nqUQ1/dmS9rZlg60ie85Tu1xaM8l4Xm1iumaXlqpC1HAcFveGK8MrP6ddzqY2bnna5Z5xmdV0q9rnSbVnhcqP0AAAAASUVORK5CYII=);
}

{
width: 166px;
height: 1px;
background-repeat: no-repeat;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKYAAAABCAYAAABUkdUhAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABh0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzT7MfTgAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNC8yOS8xMPRB7tgAAACcSURBVCiRjZBBcgQxCAO7Nfv/J+WeS77EHoxnbddUanWxQSAB/v3+FMWAQAHaierkDKtD+/9UV3z0XPps+dWMjaeKDWtOeUbt39lz73LutHjePsdOt+cx59n/n7aTXObYtI6bcfDbfSctKlE0nzgBREFDDCaYUWfCNXNKcqE2f5EMbuqm61BiIBLEBKD9hhfIsG+u3+v1er7bl3gDAtUu/iNDh7kAAAAASUVORK5CYII=);
}

{
width: 14px;
height: 10px;
background-repeat: no-repeat;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAKCAMAAACzB5/1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABVQTFRFvrqz1NDHZmZmzMzM////a2tr////ECtd8QAAAAd0Uk5T////////ABpLA0YAAAA4SURBVHjahM1BDgAgCAPBFan/f7JAjMGTe5tLy4p0ozhPQk/IzOSnINDpPj5sU8FKedmOkluAAQCyTwJZmA95HgAAAABJRU5ErkJggg==);
}

{
width: 9px;
height: 9px;
background-repeat: no-repeat;
background-image: url(data:image/gif;base64,R0lGODlhCQAJAJECADMzMwAAAP///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJyAACACwAAAAACQAJAAACEQSEaJdp7piQb1UaoZJttQkUACH5BAkAAAIALAAAAAAJAAkAAAIRFCB5mo3GoHz0WBrxjE49gxQAIfkECQAAAgAsAAAAAAkACQAAAhKUAJd2vJYia9IhNOWjzXmrGAUAIfkECQAAAgAsAAAAAAkACQAAAhGUgaYCvJceamtGNR+72MlbAAAh+QQJAAACACwAAAAACQAJAAACDpQFp7iXzRaYsz0LIz4FACH5BAkAAAIALAAAAAAJAAkAAAIRlIGmArznXmsLWRlrVvOxZBQAIfkECQAAAgAsAAAAAAkACQAAAhGUAJd2vPZeg0whGWt23CVkFAAh+QQJAAACACwAAAAACQAJAAACERQgeZqN1hiM79g1ndRZYoMUACH5BAnIAAIALAAAAAAJAAkAAAIRBIRol2ntGHyLyvagyJMrUAAAIfkECQAAAgAsAAAAAAkACQAAAhEUIHmajdYYjO/YNZ3UWWKDFAAh+QQJAAACACwAAAAACQAJAAACEZQAl3a89l6DTCEZa3bcJWQUACH5BAkAAAIALAAAAAAJAAkAAAIRlIGmArznXmsLWRlrVvOxZBQAIfkECQAAAgAsAAAAAAkACQAAAg6UBae4l80WmLM9CyM+BQAh+QQJAAACACwAAAAACQAJAAACEZSBpgK8lx5qa0Y1H7vYyVsAACH5BAkAAAIALAAAAAAJAAkAAAISlACXdryWImvSITTlo815qxgFACH5BAUAAAIALAAAAAAJAAkAAAIRFCB5mo3GoHz0WBrxjE49gxQAOw==);
}

{
width: 12px;
height: 12px;
background-repeat: no-repeat;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAFISURBVHjafJJBSwJREMcnewtieYpaiLZgjTx0Kr1Klxb7Gn0yP0LXojqEBAVbHjopuojKwhaFkK3aus/mv46xlxr4se/Nm5k37z+7UhseEFuGUUyOWWeytLAJM2JCZsZoJcEI2GJswZSEgPGEVxRQUhnB5X7n8zwYfFXe/BA30eZ2LjR31upWIV/jrcv4yzZsBDcb7061fGYUT/aT8s1uO3/lXjpYc9IHf4ZKerZR+bRUNUqHx6QpShKwjudzw+3dVTjhgl2tZf8m2tizCjTWUxrHkwW8hk9axLuyilL2rTVNY00xzZP9Kt8FX9oyIl2AB7a6bYpYuDTw4UwUS1SCzh7UeGzcODPuedeyk2q9vkdPL7dR8WijLtKOlAzFE+moM7ivPDxf/8qKYDlDQqhkghiKC+lEjb8GN0OClnf40BnS/fdr/AgwAFYCmmnrmGZhAAAAAElFTkSuQmCC);
}

{
width: 12px;
height: 12px;
background-repeat: no-repeat;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAErSURBVHjalJLBasJAEIYnSwRJXBACFdqeUsiht1IpRLA3H6CP4JP5MAUpIrRQoacGWkSwkBqJLkLdpP8kE/DqwMdOZmdmZ/+NM8kienogRUQu8EAHtKm2A9gBA46gcLIoUpJwAUKhJwVrkAg/3MCVzpzc/8zz8XK/H66M4ZPo0vPMte8/32g9weccrJoxQk5+TdNRfzBoPQZB1f4rTfV8Oh2xj6JfLJmSmUPufB/Hrdtul/wsq2CfY7wno3Zcmb/HY8RIOCKx3G6rExxr6Qqxl3pEvlfbpROzRUG2LKnEWhXAt+I3pkS6NV/we7Mh6/tkta6BzzHeE8UOSnROWI332ezvAyPlSGbY5xjvibQ7Vx4lEelouVgM305kvQuCRlYuMGc/nHPur/EvwABMjZECl5vv6gAAAABJRU5ErkJggg==);
}

{
width: 18px;
height: 27px;
background-repeat: no-repeat;
background-image: url(data:image/gif;base64,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);
}

<div style="position:relative;">
    PopIn-Image<img src="http://www.visibilityinherit.com/images/smileys/popin.gif" alt="smiley" style="position:absolute;left:-3px;top:4em;" />
</div>

<div style="text-align:right;margin:7px 0 0 75px;">
    <img alt="" src="../images/shadow.png">
</div>

Startseite  Google  eMail

111  111

<a href="http://#">111</a> Meldung ungültig

<a href="#">111</a> top of page

111

/* HTTP */
a[href^="http://"]
{
padding-right: 13px;
background: url(external.gif) no-repeat center right;
}

/* Mailto */
a[href^="mailto:"]
{
padding-right: 20px;
background: url(email.png) no-repeat center right;
}

/* PDF link */
a[href$=".pdf"]
{
padding-right: 18px;
background: url(acrobat.png) no-repeat center right;
}