<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	>

<channel>
	<title>mediaBEAM Blog</title>
	<atom:link href="http://blog.mediabeam.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.mediabeam.com</link>
	<description>Blog der mediaBEAMER</description>
	<pubDate>Wed, 07 May 2008 07:28:45 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.5.1</generator>
	<language>en</language>
			<item>
		<title>Leitbild des Monats April: Creative Town</title>
		<link>http://blog.mediabeam.com/2008/05/07/leitbild-des-monats-april-creative-town/</link>
		<comments>http://blog.mediabeam.com/2008/05/07/leitbild-des-monats-april-creative-town/#comments</comments>
		<pubDate>Wed, 07 May 2008 07:26:21 +0000</pubDate>
		<dc:creator>Anne Mathmann</dc:creator>
		
		<category><![CDATA[mediaBEAM]]></category>

		<category><![CDATA[Leitbild]]></category>

		<category><![CDATA[Rätsel]]></category>

		<category><![CDATA[Tag hinzufügen]]></category>

		<guid isPermaLink="false">http://blog.mediabeam.com/?p=76</guid>
		<description><![CDATA[Von Sherlock Holmes, Miss Marple und anderen Schnüffelnasen.
Im Anschluss an das Leitbildmotiv vom März, den Vulkan, haben Michael und Anne-Kathrin die Aufgabe den neuen Monat unter das Motto Creative Town zu stellen.
Sherlock Holmes und Miss Marple existieren eigentlich nur in der Filmwelt. Das Team von mediaBEAM hat im Monat April aber eindrucksvoll bewiesen, dass es [...]]]></description>
			<content:encoded><![CDATA[<p class="MsoNormal"><strong><a title="mediaBEAM Leitbild" href="http://www.mediabeam.com/sys-seitenid,235/"><img class="alignright" src="http://www.mediabeam.com/design/images/leitbild/creativetown.gif" alt="mediaBEAM Leitbild - Crteative Town" /></a>Von Sherlock Holmes, Miss Marple und anderen Schnüffelnasen.</strong></p>
<p class="MsoNormal">Im Anschluss an das Leitbildmotiv vom März, den Vulkan, haben Michael und Anne-Kathrin die Aufgabe den neuen Monat unter das Motto <a title="mediaBEAM Leitbild" href="http://www.mediabeam.com/sys-seitenid,235/">Creative Town</a> zu stellen.</p>
<p class="MsoNormal">Sherlock Holmes und Miss Marple existieren eigentlich nur in der Filmwelt. Das Team von mediaBEAM hat im Monat April aber eindrucksvoll bewiesen, dass es auch solche Größen im wahren Arbeitsalltag gibt.<span id="more-76"></span></p>
<p class="MsoNormal">Um dem Leitbildmotiv Creative Town gerecht zu werden, fordern Michael und Anne-Kathrin ihre Kollegen: In Anlehnung an das allseits bekannte Gehirn-Jogging und an diverse Kreativitätstechniken verfassen die beiden ein Rätsel, das zunächst in Teamarbeit der einzelnen Büros gelöst werden muss. Natürlich kann nicht einfach wild darauf los geschnüffelt werden, es gibt Regeln um allen Teamplayern gerecht zu werden:</p>
<ul>
<li>Jedes Team darf nur eine Frage am Tag stellen (ergibt 5 Fragen am Tag)</li>
<li>Fragen und Lösungsvorschläge dürfen nur im Zeitraum zwischen 12 und 14 Uhr per eMail geschickt bzw. ins Intranet gepostet werden</li>
<li>Alle Fragen und Lösungsvorschläge sind für alle Teams einsehbar</li>
<li>Das Team, das als erstes das Rätsel löst, gewinnt für jedes Teammitglied einen Punkt</li>
<li>Die erfolgreichen Detektive dürfen nun das nächste Rätsel stellen, das nun von jedem Teamplayer alleine gelöst werden muss</li>
<li>Der nächste Rätsellöser erhält wieder einen Punkt und stellt das nächste Rätsel</li>
<li>So geht es bis zum Ende des Monats weiter</li>
<li>Der Teamplayer, der die meisten Rätsel löst und die meisten Punkte erhält, gewinnt</li>
<li>Es gibt natürlich einen geheimen Gewinn und somit einen weiteren Motivationsschub für alle Mitarbeiter</li>
</ul>
<p class="MsoNormal">Soweit zur Theorie. Kommen wir zur Praxis:<br />
Insgesamt sind 12 Rätsel gestellt und davon 10 raffiniert gelöst worden. Bei mediaBEAM geht es seither um ungelöste Mordfälle, strategische Rechenaufgaben und logisches Denkvermögen. Der Aha-Effekt, überraschende Lösungen, viel Spaß und interessante Lösungsvorschläge sind Ergebnis des Leitbilds Creative Town.</p>
<p class="MsoNormal">Letztendlich gibt es zwei Sieger, die sich ein Kopf-an-Kopf-Rennen geliefert haben. Kathrin, oder auch Miss Marple und Jochen, der Sherlock Holmes von mediaBEAM, haben jeweils die meisten Rätsel &#8211; 3 Stück an der Zahl &#8212; richtig gelöst und somit die meisten Punkte und den Sieg errungen. „Gut kombiniert Watson!“ Prämiert wurde diese Leistung mit jeweils einem Rätselbuch, um die beiden Detektive auch weiterhin zu fordern.</p>
<p class="MsoNormal">Sinn des Rätselratens ist es andere Denkanstösse zu geben, kleine Erfolgserlebnisse zu erleben, einmal ganz andere, kleine Ziele zu setzen und diese mit Kreativität zu erreichen. Eine solche Aktion funktioniert nur dann, wenn das Engagement und Interesse jedes Mitarbeiters diese trägt. Das Ergebnis des Monats ist sehr erfreulich und zeigt, wie viel Potenzial in unseren Teamplayern, den Schnüffelnasen und Hobbyknifflern steckt.</p>
<p class="MsoNormal">Wir freuen uns auf den nächsten Monat und warten gespannt auf die nächste Aktion.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.mediabeam.com/2008/05/07/leitbild-des-monats-april-creative-town/feed/</wfw:commentRss>
		</item>
		<item>
		<title>mediaBEAM wird mit dem TOTAL E-QUALITY Prädikat ausgezeichnet</title>
		<link>http://blog.mediabeam.com/2008/05/06/vorankuendigung-mediabeam-wird-mit-dem-total-e-quality-praedikat-ausgezeichnet/</link>
		<comments>http://blog.mediabeam.com/2008/05/06/vorankuendigung-mediabeam-wird-mit-dem-total-e-quality-praedikat-ausgezeichnet/#comments</comments>
		<pubDate>Tue, 06 May 2008 12:13:47 +0000</pubDate>
		<dc:creator>Jochen Meyer</dc:creator>
		
		<category><![CDATA[mediaBEAM]]></category>

		<category><![CDATA[Total-E-Quality]]></category>

		<guid isPermaLink="false">http://blog.mediabeam.com/?p=73</guid>
		<description><![CDATA[Am 28. Mai 2008 wird mediaBEAM das TOTAL E-QUALITY Prädikat in Berlin erhalten. Mit dem TOTAL E-QUALITY Prädikat wird das Engagement für Chancengleichheit von Frauen und Männern im Berufsleben ausgezeichnet. Insgesamt erhalten in diesem Jahr 40 Organisationen und Institutionen aus dem gesamten Bundesgebiet das TOTAL E-QUALITY Prädikat.
Juryentscheid für die mediaBEAM GmbH:
Die mediaBEAM GmbH wird mit [...]]]></description>
			<content:encoded><![CDATA[<p><a title="TOTAL-E-QUALITY" href="http://www.total-e-quality.de/"><img style="float: right; margin-left: 5px; margin-right: 5px;" title="110x139" src="http://blog.mediabeam.com/wp-content/uploads/2008/05/110x139.gif" alt="TOTAL-E-QUALITY" width="110" height="139" align="right" /></a>Am 28. Mai 2008 wird mediaBEAM das TOTAL E-QUALITY Prädikat in Berlin erhalten. Mit dem TOTAL E-QUALITY Prädikat wird das Engagement für Chancengleichheit von Frauen und Männern im Berufsleben ausgezeichnet. Insgesamt erhalten in diesem Jahr <a title="Die TOTAL-E-QUALITY Prädikatsträger 2008" href="http://www.total-e-quality.de/teq/aktuelles.php?cid=1&amp;aid=386">40 Organisationen und Institutionen</a> aus dem gesamten Bundesgebiet das TOTAL E-QUALITY Prädikat.</p>
<p><span id="more-73"></span>Juryentscheid für die mediaBEAM GmbH:</p>
<p><em>Die mediaBEAM GmbH wird mit dem TOTAL E-QUATLITY Prädikat für die Jahre 2008 bis 2010 ausgezeichnet. </em></p>
<p><em>Das Unternehmen ist ein Internet-Dienstleister und bietet Kommunikationslösungen an. Beschäftigt sind 20 Mitarbeiter/innen, davon 25% Frauen. In den Führungspositionen ist der Frauenanteil in den letzten fünf Jahren von 0 auf 16 Prozent gestiegen.</em></p>
<p><em>Chancengleichheit ist im Unternehmensleitbild fest verankert. Seit 2004 nimmt das Unternehmen jährlich am Girls&#8217;Day teil und signalisiert damit, das Frauen und Männer die gleichen Chancen haben. Praktika und Mentoringprogramme unterstützen dieses Ziel. Individuelle Regelungen helfen jungen Eltern, Beruf und Familie optimal zu vereinbaren. Das neu erarbeitete Leitbild sowie die Führungskultur mit Mitarbeitergesprächen sind vorbildlich.</em></p>
<p>„Wir sind sehr stolz, das die Jury positiv über unsere Bewerbung entschieden hat&#8221;, freut sich Jochen Meyer, Geschäftsführer der mediaBEAM GmbH. „Das TOTAL E-QUALITY Prädikat honoriert in besonderer Weise unser Engagement der letzten Jahre für Chancengleichheit im Team!&#8221;. Meyer ist überzeugt, dass sein Unternehmen sich im Wettbewerb um bestehende und neue Fachkräfte als attraktiver Arbeitgeber präsentieren muss. „Eine familienorientierte Personalpolitik stellt sich dabei zunehmend als ein mit entscheidender Faktor heraus&#8221;, fasst er zusammen.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.mediabeam.com/2008/05/06/vorankuendigung-mediabeam-wird-mit-dem-total-e-quality-praedikat-ausgezeichnet/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Computerwoche: &#8220;IT-Leiter suchen nach einfach verwaltbaren E-Mail-Lösungen&#8221;</title>
		<link>http://blog.mediabeam.com/2008/04/28/it-leiter-suchen-nach-einfacher-verwaltbaren-e-mail-loesungen/</link>
		<comments>http://blog.mediabeam.com/2008/04/28/it-leiter-suchen-nach-einfacher-verwaltbaren-e-mail-loesungen/#comments</comments>
		<pubDate>Mon, 28 Apr 2008 12:55:12 +0000</pubDate>
		<dc:creator>Jochen Meyer</dc:creator>
		
		<category><![CDATA[White-Label eMail-Plattform]]></category>

		<category><![CDATA[X-pad]]></category>

		<category><![CDATA[X-works]]></category>

		<category><![CDATA[directBOX]]></category>

		<category><![CDATA[mediaBEAM]]></category>

		<category><![CDATA[Hosted Solutions]]></category>

		<category><![CDATA[Managed Services]]></category>

		<guid isPermaLink="false">http://blog.mediabeam.com/?p=71</guid>
		<description><![CDATA[Letzten Freitag titelt Computerwoche.de: &#8220;Google Mail stellt Lotus Notes und Microsoft Exchange in Frage&#8221;.
Da tut sich was im Markt. Ich schrieb ja bereits im Dezember hier im Blog, dass &#8220;Managed Services&#8221; schwer im Kommen sind. Man muss nicht Hellsehen können, um diese Entwicklung zu prognostizieren. Dass aber nun offenbar gleich eine Kampfansage an &#8220;die Etablierten&#8221; [...]]]></description>
			<content:encoded><![CDATA[<p>Letzten Freitag titelt <a title="Google Mail stellt Lotus Notes und Microsoft Exchange in Frage" href="http://www.computerwoche.de/produkte_technik/software/1862137/?NLC-Newsletter&amp;nlid=1862137%20Software">Computerwoche.de</a>: &#8220;Google Mail stellt Lotus Notes und Microsoft Exchange in Frage&#8221;.</p>
<p>Da tut sich was im Markt. Ich schrieb ja bereits im Dezember hier im Blog, dass &#8220;<a title="Managed Services - Powered by mediaBEAM" href="http://blog.mediabeam.com/2007/12/13/managed-services-powered-by-mediabeam/">Managed Services</a>&#8221; schwer im Kommen sind. Man muss nicht Hellsehen können, um diese Entwicklung zu prognostizieren. Dass aber nun offenbar gleich eine Kampfansage an &#8220;die Etablierten&#8221; E-Mail-Lösungen (MS Exchange, Lotus Notes, Novell GroupWise und Tobit David) ausgesprochen wird, das hätte selbst ich nicht für möglich gehalten.</p>
<p><span id="more-71"></span></p>
<p>Ich habe bislang den Markt so eingeschätzt, dass vor Allem kleine Unternemhen sich für eine ausgegliederte (neudeutsch &#8220;outgesourcte&#8221;) E-Mail-Lösung entscheiden. Computerwoche belehrt mich mit obigem Artikel eines Besseren: Selbst IT-Leiter, die eine bestehende E-Mail Infrastruktur unterhalten, liebäugeln mit Managed E-Mail. So jedenfalls steht&#8217;s in dem durchaus lesenswerten Artikel:</p>
<blockquote><p>&#8220;Unternehmen fragen sich, warum sie noch Geld und Ressourcen in eigene E-Mail-Systeme stecken sollen, wenn es im Web billige Alternativen gibt.&#8221;</p></blockquote>
<p>Na dann passt die Einleitung in unserer neuen <a title="X-works - Die mobile Kommunikationslösung" href="http://blog.mediabeam.com/wp-content/uploads/2008/04/x-works-die-mobile-kommunikationslosung.pdf">X-works Produktflyer</a> ja wie die Faust auf&#8217;s Auge. Hier ein Zitat daraus:</p>
<blockquote><p>&#8220;Wer sagt eigentlich, dass Sie einen eigenen Kommunikationsserver für eMail, Fax und SMS brauchen? Sie kaufen ja auch kein Flugzeug, um zu Ihrem Kunden zu fliegen!&#8221;</p></blockquote>
<p>Ich denke, wir fangen schon mal damit an, Software für die Migration bestehender Outlook-Postfächer zu schreiben!</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.mediabeam.com/2008/04/28/it-leiter-suchen-nach-einfacher-verwaltbaren-e-mail-loesungen/feed/</wfw:commentRss>
		</item>
		<item>
		<title>mediaBEAM trägt mit virtuellem Fackellauf olympisches Feuer um die Welt</title>
		<link>http://blog.mediabeam.com/2008/04/21/mediabeam-traegt-mit-virtuellem-fackellauf-olympisches-feuer-um-die-welt/</link>
		<comments>http://blog.mediabeam.com/2008/04/21/mediabeam-traegt-mit-virtuellem-fackellauf-olympisches-feuer-um-die-welt/#comments</comments>
		<pubDate>Mon, 21 Apr 2008 08:50:44 +0000</pubDate>
		<dc:creator>Jochen Meyer</dc:creator>
		
		<category><![CDATA[YouFlame]]></category>

		<guid isPermaLink="false">http://blog.mediabeam.com/?p=69</guid>
		<description><![CDATA[Zeichen setzen für friedliche Spiele
Ahaus (21. April 2008). Das olympische Feuer soll Völker verbinden und zum friedlichen Wettstreit einladen. Doch von Vorfreude auf die Spiele von Peking ist keine Spur: Wo der Fackellauf nicht nahezu unter Ausschluss der Öffentlichkeit stattfindet, begleiten ihn heftige Proteste. Die Softwareschmiede mediaBEAM aus Ahaus setzt dagegen auf die olympische Idee [...]]]></description>
			<content:encoded><![CDATA[<h4>Zeichen setzen für friedliche Spiele</h4>
<p><strong>Ahaus (21. April 2008).</strong> Das olympische Feuer soll Völker verbinden und zum friedlichen Wettstreit einladen. Doch von Vorfreude auf die Spiele von Peking ist keine Spur: Wo der Fackellauf nicht nahezu unter Ausschluss der Öffentlichkeit stattfindet, begleiten ihn heftige Proteste. Die Softwareschmiede mediaBEAM aus Ahaus setzt dagegen auf die olympische Idee und einen virtuellen Fackellauf, bei dem alle Freunde des Sports die Flamme für Olympia und die Menschenrechte tragen können.</p>
<p><span id="more-69"></span></p>
<p><a href="http://www.youflame.net/"><img class="alignright" src="http://www.youflame.net/images/logo.gif" alt="YouFlame - Du bist die Flamme!" align="right" /></a>„You are flame” hat Jochen Meyer den Aufruf überschrieben, unter <a href="http://www.youflame.net/">www.youflame.net</a> können sich virtuelle Fackelträger anmelden. Mit der politischen Entwicklung in China und dem gewaltsamen Niederschlagen der Unruhen in Tibet ist der Geschäftsführer von mediaBEAM „überhaupt nicht einverstanden”, wie er sagt. Auch die Art, wie die chinesische Regierung auf jegliche Störung der gewünschten Harmonie des Fackellaufs reagiert,  findet er schlicht „katastrophal.” Dennoch dürfe der Sport nicht als Hilfsmittel der Politik herhalten. „Sportler wollen faire Wettkämpfe”, betont Meyer. Und Frieden lasse sich nicht mit der Brechstange erzwingen, „auch nicht durch das Erlischen der Flamme”.</p>
<p>Nicht erlischen wird die virtuelle Flamme, die mediaBEAM als Zeichen für Olympia, für den Sport und gegen Unterdrückung und Gewalt auf die Reise geschickt hat. Wer sich im Internet anmeldet, zeigt damit, dass er sich auf die Spiele freut und kann die Fackel in seinen Heimatort und rund um den Globus tragen. Viele 100.000 Kilometer hat das Feuer bereits zurückgelegt, der Verlauf lässt sich auf der Webseite verfolgen. Vom virtuellen Start in Olympia ging es zunächst zum Firmensitz nach Ahaus und von dort aus weiter durch Deutschland, nach England, in die USA und darüber hinaus. „Rolf” zum Beispiel hat das Feuer nach Lhasa in Tibet gebracht. „Auch hier gehört die Fackel hin”, kommentiert er.</p>
<p>Das Projekt „YouFlame” sieht Jochen Meyer auch als Demonstration für die Leistungsfähigkeit der mediaBEAM-Mannschaft. „Von der ersten Idee über die grafische Gestaltung bis hin zur Entwicklung und Installation der Servertechnik kommt alles aus unserem Haus”, erklärt er. Gerade einmal fünf Tage benötigte das Team dafür. Kerngeschäft des Ahauser Unternehmens sind unter anderem Dienstleistungen und Lösungen für das „Unified messaging”. Dazu gehört zum Beispiel eine Server-Plattform im Internet, die kleinen und mittelständischen Unternehmen einen sicheren und weltweiten Zugang auf eMail, Fax und SMS bietet und dabei hilft, Kosten für die IT-Infrastruktur zu sparen.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.mediabeam.com/2008/04/21/mediabeam-traegt-mit-virtuellem-fackellauf-olympisches-feuer-um-die-welt/feed/</wfw:commentRss>
		</item>
		<item>
		<title>“You are the Flame!”</title>
		<link>http://blog.mediabeam.com/2008/04/18/68/</link>
		<comments>http://blog.mediabeam.com/2008/04/18/68/#comments</comments>
		<pubDate>Fri, 18 Apr 2008 15:20:32 +0000</pubDate>
		<dc:creator>Jochen Meyer</dc:creator>
		
		<category><![CDATA[mediaBEAM]]></category>

		<category><![CDATA[Torch Relay]]></category>

		<category><![CDATA[Virtueller Fackellauf]]></category>

		<category><![CDATA[YouFlame]]></category>

		<guid isPermaLink="false">http://blog.mediabeam.com/?p=68</guid>
		<description><![CDATA[
Wir bei mediaBEAM haben lange überlegt, was wir tun können, damit die Olympischen Spiele friedlich und harmonisch verlaufen. Wir wollten eine Webseite schaffen, in der sich Menschen in der ganzen Welt gemeinsam für Olympia und gegen die Unterdrückung der Menschenrechte aussprechen. Wir haben daher in den letzten fünf Tagen einen virtuellen Fackellauf entwickelt und programmiert, bei [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.youflame.net"><img class="alignright" style="float: right;" src="http://www.youflame.net/images/logo.gif" alt="\" width="134" height="90" /></a></p>
<p>Wir bei mediaBEAM haben lange überlegt, was wir tun können, damit die Olympischen Spiele friedlich und harmonisch verlaufen. Wir wollten eine Webseite schaffen, in der sich Menschen in der ganzen Welt gemeinsam für Olympia und gegen die Unterdrückung der Menschenrechte aussprechen. Wir haben daher in den letzten fünf Tagen einen virtuellen Fackellauf entwickelt und programmiert, bei dem jeder die symbolische Olympische Fackel in seinen Heimatort tragen kann.</p>
<p>Wir sind mit der aktuellen politischen Entwicklung in China nicht einverstanden. Das steht ausser Frage. Wir bezweifeln jedoch, dass ein politisch motivierter Boykott der Spiele der richtige Weg ist, die politische Führung in China zum Einlenken zu bewegen.</p>
<p>Unserer Meinung nach kann eine starke, möglichst weltweite moralische Gemeinschaft ein Zeichen setzen: Für Olympia und für die Menschenrechte.</p>
<p>Für Alle, die der selben Meinung sind, bieten wir unter <a href="http://www.youflame.net">http://www.youflame.net</a> die Möglichkeit, die Olympische Fackel in den eigenen Heimatort zu tragen. Beziehen Sie Stellung zu Olympia und für die Menschenrechte.</p>
<p><span id="more-68"></span></p>
<h4>Über die Technik</h4>
<p>Die Youflame-Idee beeindruckt auch durch Technik und die Entwicklungszeit der Plattform! YouFlame wurde in nur fünf Tagen entwickelt. Das Projekt ist am 18. April 2008 offiziell gestartet. Die Olympische Fackel wurde dazu virtuell in Olympia angezündet und an den zweiten Fackelträger im 1.971 Kilometer entfernten Ahaus übergeben.</p>
<p>Von der ersten Idee über die grafische Gestaltung bis hin zur Entwicklung und der Installation der Servertechnik kommt alles direkt aus unserem Haus. Mit Kreativität und intelligenter Softwareentwicklung hat das Team eindrucksvoll gezeigt was möglich ist. Technisch wurde YouFlame dabei mit PHP5 und MySQL in Version 5.x entwickelt. Zur Kartendarstellung des Fackellaufs haben wir uns Google-Maps und der Google-Maps-API bedient und als Blogsystem WordPress in YouFlame integriert. Es ist eben doch individuelle Klasse die Software stark macht!</p>
<h4>Über das Team</h4>
<p>Wir, dass Team der mediaBEAM GmbH, tragen das Projekt YouFlame mit viel Enthusiasmus und sehen das Projekt auch als Demonstration für die Leistungsfähigkeit unseres Teams. Möglich ist eine solche Leistung nur durch Mitarbeiter, die wissen was sie tun! An dieser Stelle: Vielen Dank an das Team - Great Job!</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.mediabeam.com/2008/04/18/68/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Schick mit runden Ecken</title>
		<link>http://blog.mediabeam.com/2008/04/09/schick-mit-runden-ecken/</link>
		<comments>http://blog.mediabeam.com/2008/04/09/schick-mit-runden-ecken/#comments</comments>
		<pubDate>Wed, 09 Apr 2008 11:28:28 +0000</pubDate>
		<dc:creator>Jochen Meyer</dc:creator>
		
		<category><![CDATA[Intensifier]]></category>

		<category><![CDATA[eBay]]></category>

		<category><![CDATA[mediaBEAM]]></category>

		<category><![CDATA[CSS-Grafiken]]></category>

		<category><![CDATA[eBay Relevance Ad]]></category>

		<category><![CDATA[eRA]]></category>

		<category><![CDATA[Pixicon]]></category>

		<guid isPermaLink="false">http://blog.mediabeam.com/?p=66</guid>
		<description><![CDATA[Ohne Zweifel: Die neuen eBay Relevance Ads mit runden Ecken kommen ziemlich rockig rüber.
 
 
// 
// 


Ein Blick hinter die Kulissen verrät, dass uns (ein bischen Eigenlob sei gestattet) neben der ansprechenden Optik eine ziemlich brillante technische Implementation gelungen ist. Für die Techies unter uns: Die runden Ecken der eBay Relevance Ads bestehen nicht, [...]]]></description>
			<content:encoded><![CDATA[<p>Ohne Zweifel: Die neuen <a title="Neue eBay Relevance Ads mit runden Ecken" href="http://www.esrockt.com/relevance-ad-im-flashforma/">eBay Relevance Ads mit runden Ecken</a> kommen ziemlich rockig rüber.</p>
<p><!-- eBay RelevanceAd --> 
<script language='JavaScript' type='text/javascript'> 
//<-- DO NOT CHANGE --> 
// <!--<[CDATA[ 
era_width = '250';
era_height = '250';
era_layout = 'mxd_r';
era_color_border = '99cb00';
era_color_bg = 'd5ec90';
era_color_text = '585858';
era_color_title = 'ffffff';
era_color_link = '003cff';
era_thread = '1';
era_itemtype = '0';
era_category = '14675';
era_query = '(Nokia|Handy|"Sony Ericsson"|Samsung|Motorola)';
era_publisher = '248885';
// ]]&gt; --></script><script language='JavaScript' type='text/javascript' src='http://ebayrelevancead.webmasterplan.com/js/show_ads.js'></script>
<!-- /eBay RelevanceAd -->
</p>
<p>Ein Blick hinter die Kulissen verrät, dass uns (ein bischen Eigenlob sei gestattet) neben der ansprechenden Optik eine ziemlich brillante technische Implementation gelungen ist. Für die Techies unter uns: Die runden Ecken der eBay Relevance Ads bestehen nicht, wie in den allermeisten Webseiten, aus kleinen Grafiken, sondern sind komplett in CSS &#8220;gepixelt&#8221;. Klarer Vorteil: Die Darstellung im Client-Browser geht deutlich schneller vonstatten, da nicht erst vier kleine GIFs (für jede Ecke eins) nachgeladen werden müssen. Das reduziert ganz nebenbei auch den Load auf den Auslieferungsservern um ein paar Hundert Millionen Requests pro Tag!</p>
<p>Für uns war die deutlich kompliziertere Implementation per CSS aber auch aus einem anderen Grund unumgänglich: Publisher können die Rahmenfarbe der eBay Relevance Ads über einen Aufrufparameter an ihr Webseitenlayout anpassen. Diese Aufgabe konnte nur mittels CSS gelöst werden: Die einzelnen Pixel nehmen automatisch die RGB-Werte der frei definierbaren Rahmenfarbe auf.</p>
<p><span id="more-66"></span></p>
<p><strong>Wie funktionieren CSS-Grafiken?</strong></p>
<p>In einfachen Worten gesagt wird jedes einzelne Pixel der Grafik exakt auf den Bildschirm gemalt. Farbwert und Position werden beispielsweise in ein &lt;SPAN&gt; eingearbeitet. Die einzelnen Pixel werden mittels eines &lt;DIV&gt; exakt positioniert. Ein einzelnes Pixel wird z.B. durch folgenden Code dargestellt:</p>
<p><pre>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;SPAN style="DISPLAY: block; BACKGROUND: #b0afb4;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;WIDTH: 1px; HEIGHT: 1px"&gt;&amp;nbsp;&lt;/SPAN&gt;</pre></p>
<p><style type="text/css">
		.pixicon_box {overflow:hidden;float:left;}
		.pixicon {overflow:hidden;line-height:0; height:20px;width:50px;}
		.pixicon span {overflow:hidden;display:block; height:1px; width:1px; float:left; line-height:0;}
	</style>
	<div class="pixicon_box">
		<div class="pixicon">
			<span style="background:#f2fff6;">&nbsp;</span><span style="background:#f7fff6;">&nbsp;</span><span style="background:#fefff8;">&nbsp;</span><span style="background:#fffefa;">&nbsp;</span><span style="background:#fffcfb;">&nbsp;</span><span style="background:#fffafb;">&nbsp;</span><span style="background:#fffcff;">&nbsp;</span><span style="background:#fffdff;">&nbsp;</span><span style="background:#fffaff;">&nbsp;</span><span style="background:#fff9ff;">&nbsp;</span>
			<span style="background:#fef9fd;">&nbsp;</span><span style="background:#fffeff;">&nbsp;</span><span style="background:#feffff;">&nbsp;</span><span style="background:#fefffd;">&nbsp;</span><span style="background:#fdfdfb; width:2px;">&nbsp;</span><span style="background:#fcffff;">&nbsp;</span><span style="background:#f1f6f2;">&nbsp;</span><span style="background:#fcfff1;">&nbsp;</span><span style="background:#f7f9ff;">&nbsp;</span><span style="background:#fcfff8;">&nbsp;</span>
			<span style="background:#f9fdfe;">&nbsp;</span><span style="background:#fcfff4;">&nbsp;</span><span style="background:#fcffff;">&nbsp;</span><span style="background:#fff3ff;">&nbsp;</span><span style="background:#fffff1;">&nbsp;</span><span style="background:#f3fffb;">&nbsp;</span><span style="background:#f4ffff;">&nbsp;</span><span style="background:#f9fff3;">&nbsp;</span><span style="background:#bed560;">&nbsp;</span><span style="background:#96c600;">&nbsp;</span>
			<span style="background:#99ca16;">&nbsp;</span><span style="background:#96cb00;">&nbsp;</span><span style="background:#9fcd08;">&nbsp;</span><span style="background:#d7eaa8;">&nbsp;</span><span style="background:#fcfffb;">&nbsp;</span><span style="background:#fefff1;">&nbsp;</span><span style="background:#fffcff;">&nbsp;</span><span style="background:#fcfbff;">&nbsp;</span><span style="background:#fffdff;">&nbsp;</span><span style="background:#dcf4ba;">&nbsp;</span>
			<span style="background:#95c308;">&nbsp;</span><span style="background:#9ad000;">&nbsp;</span><span style="background:#94cc00;">&nbsp;</span><span style="background:#91c403;">&nbsp;</span><span style="background:#bcdd5b;">&nbsp;</span><br style="overflow:hidden;clear:left; height:0; border:0; padding:0; margin:0;"/>
			<span style="background:#fdf5ff;">&nbsp;</span><span style="background:#fff6ff;">&nbsp;</span><span style="background:#fff8ff;">&nbsp;</span><span style="background:#fffbff;">&nbsp;</span><span style="background:#fffcff;">&nbsp;</span><span style="background:#fffdff;">&nbsp;</span><span style="background:#fdfdff;">&nbsp;</span><span style="background:#f9fafc;">&nbsp;</span><span style="background:#fffcff;">&nbsp;</span><span style="background:#fffdff;">&nbsp;</span>
			<span style="background:#fffeff; width:2px;">&nbsp;</span><span style="background:#feffff; width:2px;">&nbsp;</span><span style="background:#ffffff; width:2px;">&nbsp;</span><span style="background:#c5c4fe;">&nbsp;</span><span style="background:#a7a4e7;">&nbsp;</span><span style="background:#a7a8d8;">&nbsp;</span><span style="background:#b6b2ed;">&nbsp;</span><span style="background:#fcffff;">&nbsp;</span><span style="background:#feffff;">&nbsp;</span><span style="background:#f9fdee;">&nbsp;</span>
			<span style="background:#fffeff;">&nbsp;</span><span style="background:#f9feff;">&nbsp;</span><span style="background:#f5ffe0;">&nbsp;</span><span style="background:#ffffef;">&nbsp;</span><span style="background:#fdf5e0;">&nbsp;</span><span style="background:#fff9d6;">&nbsp;</span><span style="background:#e0e396;">&nbsp;</span><span style="background:#9bc614;">&nbsp;</span><span style="background:#8cd500;">&nbsp;</span><span style="background:#9dca0b;">&nbsp;</span>
			<span style="background:#9ac503;">&nbsp;</span><span style="background:#c1de60;">&nbsp;</span><span style="background:#f7fbfa;">&nbsp;</span><span style="background:#fefff3;">&nbsp;</span><span style="background:#fcf8ff;">&nbsp;</span><span style="background:#fffff6;">&nbsp;</span><span style="background:#fffffd;">&nbsp;</span>
 			<span style="background:#bfe260;">&nbsp;</span><span style="background:#9aca06;">&nbsp;</span><span style="background:#96ce00;">&nbsp;</span><span style="background:#94ca00;">&nbsp;</span><span style="background:#acd642;">&nbsp;</span><span style="background:#dff5b7;">&nbsp;</span><br style="overflow:hidden;clear:left; height:0; border:0; padding:0; margin:0;"/>
			<span style="background:#fffbff;">&nbsp;</span><span style="background:#fffcff;">&nbsp;</span><span style="background:#fefeff;">&nbsp;</span><span style="background:#f7fcff;">&nbsp;</span><span style="background:#f3fdfe;">&nbsp;</span><span style="background:#f6fffd;">&nbsp;</span><span style="background:#f8fffd;">&nbsp;</span><span style="background:#f9fffb;">&nbsp;</span><span style="background:#f6fffa;">&nbsp;</span><span style="background:#f8fffc;">&nbsp;</span>
			<span style="background:#f9fffd;">&nbsp;</span><span style="background:#f8fffa;">&nbsp;</span><span style="background:#f7fff9; width:2px;">&nbsp;</span><span style="background:#f8fffa;">&nbsp;</span><span style="background:#f9fffb;">&nbsp;</span><span style="background:#3c3ba3;">&nbsp;</span><span style="background:#090284;">&nbsp;</span><span style="background:#0c0579;">&nbsp;</span><span style="background:#4a42a9;">&nbsp;</span><span style="background:#eff0ff;">&nbsp;</span>
			<span style="background:#fdfcff;">&nbsp;</span><span style="background:#fafaf2;">&nbsp;</span><span style="background:#fffaff;">&nbsp;</span><span style="background:#fff1e4;">&nbsp;</span><span style="background:#fce571;">&nbsp;</span><span style="background:#ffdb4d;">&nbsp;</span><span style="background:#fdc614;">&nbsp;</span><span style="background:#ffcf00;">&nbsp;</span><span style="background:#f6cb24;">&nbsp;</span><span style="background:#b8ae19;">&nbsp;</span>
			<span style="background:#97a51c;">&nbsp;</span><span style="background:#a2c221;">&nbsp;</span><span style="background:#99c400;">&nbsp;</span><span style="background:#a6cd1c;">&nbsp;</span><span style="background:#e4f3c8;">&nbsp;</span><span style="background:#fcffff;">&nbsp;</span><span style="background:#fbfaff;">&nbsp;</span><span style="background:#fefff4;">&nbsp;</span><span style="background:#eaf5ca;">&nbsp;</span><span style="background:#9ecb0c;">&nbsp;</span>
			<span style="background:#9dcb10;">&nbsp;</span><span style="background:#8fc600;">&nbsp;</span><span style="background:#96c709;">&nbsp;</span><span style="background:#cce893;">&nbsp;</span><span style="background:#f8ffff;">&nbsp;</span><br style="overflow:hidden;clear:left; height:0; border:0; padding:0; margin:0;"/>
			<span style="background:#fff9fb;">&nbsp;</span><span style="background:#fffdfe;">&nbsp;</span><span style="background:#fcffff;">&nbsp;</span><span style="background:#f9fffd;">&nbsp;</span><span style="background:#f8fffa;">&nbsp;</span><span style="background:#f8fdf7;">&nbsp;</span><span style="background:#fdfcf7;">&nbsp;</span><span style="background:#fffefa;">&nbsp;</span><span style="background:#f9fff3;">&nbsp;</span><span style="background:#fdfff5;">&nbsp;</span>
			<span style="background:#fffff8; width:4px;">&nbsp;</span><span style="background:#fcfff8;">&nbsp;</span><span style="background:#fcfffa;">&nbsp;</span><span style="background:#474cb0;">&nbsp;</span><span style="background:#010092;">&nbsp;</span><span style="background:#06008d;">&nbsp;</span><span style="background:#4c44b3;">&nbsp;</span><span style="background:#fcfeff;">&nbsp;</span><span style="background:#fffffd;">&nbsp;</span><span style="background:#fffff6;">&nbsp;</span>
			<span style="background:#fff8ff;">&nbsp;</span><span style="background:#ffd87e;">&nbsp;</span><span style="background:#fcda16;">&nbsp;</span><span style="background:#edc400;">&nbsp;</span><span style="background:#f9c90d;">&nbsp;</span><span style="background:#ffd712;">&nbsp;</span><span style="background:#f4d40d;">&nbsp;</span><span style="background:#d3c405;">&nbsp;</span><span style="background:#a2960e;">&nbsp;</span><span style="background:#99ac1e;">&nbsp;</span>
			<span style="background:#a1c800;">&nbsp;</span><span style="background:#97c201;">&nbsp;</span><span style="background:#c9e96a;">&nbsp;</span><span style="background:#f9f9ff;">&nbsp;</span><span style="background:#ffffec;">&nbsp;</span><span style="background:#fcfef9;">&nbsp;</span>
			<span style="background:#c7e176;">&nbsp;</span><span style="background:#93c500;">&nbsp;</span><span style="background:#9eca1f;">&nbsp;</span><span style="background:#91c100;">&nbsp;</span><span style="background:#add13d;">&nbsp;</span><span style="background:#e7f6d9;">&nbsp;</span><span style="background:#fbffff;">&nbsp;</span><br style="overflow:hidden;clear:left; height:0; border:0; padding:0; margin:0;"/>
			<span style="background:#fff8fd;">&nbsp;</span><span style="background:#fff8fb;">&nbsp;</span><span style="background:#fffafc;">&nbsp;</span><span style="background:#ffffff;">&nbsp;</span><span style="background:#fcffff;">&nbsp;</span><span style="background:#fafbfd;">&nbsp;</span><span style="background:#fffdff;">&nbsp;</span><span style="background:#fffcff;">&nbsp;</span><span style="background:#fefffd;">&nbsp;</span><span style="background:#fffffd;">&nbsp;</span>
			<span style="background:#fffeff;">&nbsp;</span><span style="background:#fffcfe;">&nbsp;</span><span style="background:#fffdff;">&nbsp;</span><span style="background:#feffff;">&nbsp;</span><span style="background:#f8ffff;">&nbsp;</span><span style="background:#f4ffff;">&nbsp;</span><span style="background:#464fac;">&nbsp;</span><span style="background:#04019a;">&nbsp;</span><span style="background:#060193;">&nbsp;</span><span style="background:#4945a6;">&nbsp;</span>
			<span style="background:#fbfff6;">&nbsp;</span><span style="background:#fcffe8;">&nbsp;</span><span style="background:#ffffe3;">&nbsp;</span><span style="background:#fefbf2;">&nbsp;</span><span style="background:#ffc50d;">&nbsp;</span><span style="background:#f3cd00;">&nbsp;</span><span style="background:#e3cb09;">&nbsp;</span><span style="background:#feeb84;">&nbsp;</span><span style="background:#fff8de;">&nbsp;</span><span style="background:#ffeda8;">&nbsp;</span>
			<span style="background:#e7d41e;">&nbsp;</span><span style="background:#ba9e00;">&nbsp;</span><span style="background:#8c9602;">&nbsp;</span><span style="background:#a8c511;">&nbsp;</span><span style="background:#93c400;">&nbsp;</span><span style="background:#acda20;">&nbsp;</span><span style="background:#ebf4e1;">&nbsp;</span><span style="background:#ffffe3;">&nbsp;</span><span style="background:#ecf5d8;">&nbsp;</span><span style="background:#a7cd2a;">&nbsp;</span>
			<span style="background:#99cc00;">&nbsp;</span><span style="background:#9dc816;">&nbsp;</span><span style="background:#a0cb0c;">&nbsp;</span><span style="background:#d3eb8b;">&nbsp;</span><span style="background:#fcffff;">&nbsp;</span><span style="background:#fafeff;">&nbsp;</span><br style="overflow:hidden;clear:left; height:0; border:0; padding:0; margin:0;"/>
			<span style="background:#fffeff;">&nbsp;</span><span style="background:#fbfcff;">&nbsp;</span><span style="background:#f8fbff;">&nbsp;</span><span style="background:#fbffff;">&nbsp;</span><span style="background:#f9ffff;">&nbsp;</span><span style="background:#fbffff;">&nbsp;</span><span style="background:#f9fdff;">&nbsp;</span><span style="background:#fbfcff;">&nbsp;</span><span style="background:#fffffb;">&nbsp;</span><span style="background:#fffdfc;">&nbsp;</span>
			<span style="background:#fff8fb;">&nbsp;</span><span style="background:#fff9fe;">&nbsp;</span><span style="background:#fffdff;">&nbsp;</span><span style="background:#f9ffff;">&nbsp;</span><span style="background:#f2ffff;">&nbsp;</span><span style="background:#edffff;">&nbsp;</span><span style="background:#4a4fb3;">&nbsp;</span><span style="background:#0903a5;">&nbsp;</span><span style="background:#00008e;">&nbsp;</span><span style="background:#4746a3;">&nbsp;</span>
			<span style="background:#f8fff8;">&nbsp;</span><span style="background:#fbfff4;">&nbsp;</span><span style="background:#f8fee2;">&nbsp;</span><span style="background:#f7fce8;">&nbsp;</span><span style="background:#ffdb53;">&nbsp;</span><span style="background:#ffd653;">&nbsp;</span><span style="background:#f6dc7d;">&nbsp;</span><span style="background:#fdf1c1;">&nbsp;</span><span style="background:#fff9ff;">&nbsp;</span><span style="background:#fffbea;">&nbsp;</span>
			<span style="background:#f6da39;">&nbsp;</span><span style="background:#ebc000;">&nbsp;</span><span style="background:#919300;">&nbsp;</span><span style="background:#a5bc23;">&nbsp;</span><span style="background:#96cc00;">&nbsp;</span><span style="background:#97cb07;">&nbsp;</span><span style="background:#d3ec84;">&nbsp;</span><span style="background:#fbffdd;">&nbsp;</span><span style="background:#d3e889;">&nbsp;</span><span style="background:#95c608;">&nbsp;</span>
			<span style="background:#95cd00;">&nbsp;</span><span style="background:#98c603;">&nbsp;</span><span style="background:#b8d944;">&nbsp;</span><span style="background:#f1fdcb;">&nbsp;</span><span style="background:#fffdff;">&nbsp;</span><span style="background:#fcfcfc;">&nbsp;</span><br style="overflow:hidden;clear:left; height:0; border:0; padding:0; margin:0;"/>
			<span style="background:#f0fffd;">&nbsp;</span><span style="background:#fbfffd;">&nbsp;</span><span style="background:#fffcfa;">&nbsp;</span><span style="background:#fff1f0;">&nbsp;</span><span style="background:#ffdddc;">&nbsp;</span><span style="background:#ffc6c6;">&nbsp;</span><span style="background:#ffb0ae;">&nbsp;</span><span style="background:#fe9f9d;">&nbsp;</span><span style="background:#f4938c;">&nbsp;</span><span style="background:#f3908b;">&nbsp;</span>
			<span style="background:#fb9392;">&nbsp;</span><span style="background:#ff9f9f;">&nbsp;</span><span style="background:#ffabac;">&nbsp;</span><span style="background:#ffbbb9;">&nbsp;</span><span style="background:#ffd4cf;">&nbsp;</span><span style="background:#ffebe5;">&nbsp;</span><span style="background:#474aa9;">&nbsp;</span><span style="background:#07009c;">&nbsp;</span><span style="background:#060094;">&nbsp;</span><span style="background:#5a57c2;">&nbsp;</span>
			<span style="background:#eff6ff;">&nbsp;</span><span style="background:#cdceff;">&nbsp;</span><span style="background:#c1c4f1;">&nbsp;</span><span style="background:#cccdf9;">&nbsp;</span><span style="background:#fbeeff;">&nbsp;</span><span style="background:#fffde3;">&nbsp;</span><span style="background:#fff7d8;">&nbsp;</span><span style="background:#ffeabd;">&nbsp;</span><span style="background:#f8e7b1;">&nbsp;</span><span style="background:#faea88;">&nbsp;</span>
			<span style="background:#e9da0f;">&nbsp;</span><span style="background:#efd800;">&nbsp;</span><span style="background:#b0ab09;">&nbsp;</span><span style="background:#a0b417;">&nbsp;</span><span style="background:#9bd200;">&nbsp;</span><span style="background:#8fc500;">&nbsp;</span>
			<span style="background:#b9da41;">&nbsp;</span><span style="background:#e0eca2;">&nbsp;</span><span style="background:#b2d531;">&nbsp;</span><span style="background:#93c806;">&nbsp;</span><span style="background:#92c800;">&nbsp;</span><span style="background:#a0cb19;">&nbsp;</span><span style="background:#d9eba1;">&nbsp;</span><span style="background:#fffff6;">&nbsp;</span><span style="background:#fffdfe;">&nbsp;</span><span style="background:#fffcff;">&nbsp;</span><br style="overflow:hidden;clear:left; height:0; border:0; padding:0; margin:0;"/>
			<span style="background:#fffff3;">&nbsp;</span><span style="background:#fff2e9;">&nbsp;</span><span style="background:#ffbdb8;">&nbsp;</span><span style="background:#e76f70;">&nbsp;</span><span style="background:#da3033;">&nbsp;</span><span style="background:#e71015;">&nbsp;</span><span style="background:#f80509;">&nbsp;</span><span style="background:#fd0002;">&nbsp;</span><span style="background:#ff0808;">&nbsp;</span><span style="background:#fd0003;">&nbsp;</span>
			<span style="background:#fc0004;">&nbsp;</span><span style="background:#fb0208;">&nbsp;</span><span style="background:#f10208;">&nbsp;</span><span style="background:#e60a0c;">&nbsp;</span><span style="background:#ef2525;">&nbsp;</span><span style="background:#ff423f;">&nbsp;</span><span style="background:#4c4e98;">&nbsp;</span><span style="background:#06008c;">&nbsp;</span><span style="background:#100798;">&nbsp;</span><span style="background:#4a44c0;">&nbsp;</span>
			<span style="background:#787ac7;">&nbsp;</span><span style="background:#130c8e;">&nbsp;</span><span style="background:#00007c;">&nbsp;</span><span style="background:#0e0788;">&nbsp;</span><span style="background:#7876b7;">&nbsp;</span><span style="background:#dcd560;">&nbsp;</span><span style="background:#fdd617;">&nbsp;</span><span style="background:#ffca0d;">&nbsp;</span><span style="background:#ffc10b;">&nbsp;</span><span style="background:#ffbc0f;">&nbsp;</span>
			<span style="background:#ffc503;">&nbsp;</span><span style="background:#ffc608;">&nbsp;</span><span style="background:#d0c52b;">&nbsp;</span><span style="background:#9cb000;">&nbsp;</span><span style="background:#9ed20b;">&nbsp;</span><span style="background:#8ec900;">&nbsp;</span><span style="background:#a6c92d;">&nbsp;</span><span style="background:#c8dc63;">&nbsp;</span><span style="background:#9bc400;">&nbsp;</span><span style="background:#93ca0c;">&nbsp;</span>
			<span style="background:#96c807;">&nbsp;</span><span style="background:#b3d84a;">&nbsp;</span><span style="background:#f7fcf8;">&nbsp;</span><span style="background:#fffdff;">&nbsp;</span><span style="background:#f9f8e4;">&nbsp;</span><span style="background:#fffcff;">&nbsp;</span><br style="overflow:hidden;clear:left; height:0; border:0; padding:0; margin:0;"/>
			<span style="background:#f5fff1;">&nbsp;</span><span style="background:#fd7977;">&nbsp;</span><span style="background:#ff0b15;">&nbsp;</span><span style="background:#f20000;">&nbsp;</span><span style="background:#fd0500;">&nbsp;</span><span style="background:#ff0500;">&nbsp;</span><span style="background:#fb0000;">&nbsp;</span><span style="background:#ec2127;">&nbsp;</span><span style="background:#f67a72;">&nbsp;</span><span style="background:#fe988c;">&nbsp;</span>
			<span style="background:#f38079;">&nbsp;</span><span style="background:#ff4e50;">&nbsp;</span><span style="background:#f30000;">&nbsp;</span><span style="background:#fc0000;">&nbsp;</span><span style="background:#ff0300;">&nbsp;</span><span style="background:#fa0200;">&nbsp;</span><span style="background:#a52443;">&nbsp;</span><span style="background:#760553;">&nbsp;</span><span style="background:#19188f;">&nbsp;</span><span style="background:#0000b4;">&nbsp;</span>
			<span style="background:#050d8c;">&nbsp;</span><span style="background:#102598;">&nbsp;</span><span style="background:#070984;">&nbsp;</span><span style="background:#000397;">&nbsp;</span><span style="background:#b55018;">&nbsp;</span><span style="background:#e89700;">&nbsp;</span><span style="background:#ffcc01;">&nbsp;</span><span style="background:#fbcf18;">&nbsp;</span><span style="background:#fad467;">&nbsp;</span><span style="background:#ffe668;">&nbsp;</span>
			<span style="background:#f7d00f;">&nbsp;</span><span style="background:#fec514;">&nbsp;</span><span style="background:#f5d500;">&nbsp;</span><span style="background:#bfc71c;">&nbsp;</span><span style="background:#94c900;">&nbsp;</span><span style="background:#8ec800;">&nbsp;</span>
			<span style="background:#9dca0b;">&nbsp;</span>
			<span style="background:#99cd00;">&nbsp;</span><span style="background:#8fcb00;">&nbsp;</span><span style="background:#99ca23;">&nbsp;</span><span style="background:#a8be38;">&nbsp;</span><span style="background:#e4ecb9;">&nbsp;</span><span style="background:#fffeff;">&nbsp;</span><span style="background:#fffffb;">&nbsp;</span><span style="background:#fffff8;">&nbsp;</span><span style="background:#fffcff;">&nbsp;</span><br style="overflow:hidden;clear:left; height:0; border:0; padding:0; margin:0;"/>
			<span style="background:#ffa895;">&nbsp;</span><span style="background:#ff2022;">&nbsp;</span><span style="background:#ec0600;">&nbsp;</span><span style="background:#f80904;">&nbsp;</span><span style="background:#ff090b;">&nbsp;</span><span style="background:#f50000;">&nbsp;</span><span style="background:#fc1c27;">&nbsp;</span><span style="background:#ffe2c8;">&nbsp;</span><span style="background:#fffaff;">&nbsp;</span><span style="background:#fffbff;">&nbsp;</span>
			<span style="background:#fffbfd;">&nbsp;</span><span style="background:#ffe1df;">&nbsp;</span><span style="background:#f85e5e;">&nbsp;</span><span style="background:#f7010c;">&nbsp;</span><span style="background:#fa0001;">&nbsp;</span><span style="background:#ff1015;">&nbsp;</span><span style="background:#c90a29;">&nbsp;</span><span style="background:#aa0c2f;">&nbsp;</span><span style="background:#3f0456;">&nbsp;</span><span style="background:#180996;">&nbsp;</span>
			<span style="background:#c8c3fb;">&nbsp;</span><span style="background:#d9d9ff;">&nbsp;</span><span style="background:#4b3a9a;">&nbsp;</span><span style="background:#3e1b83;">&nbsp;</span><span style="background:#c86708;">&nbsp;</span><span style="background:#d08108;">&nbsp;</span><span style="background:#f2cf01;">&nbsp;</span><span style="background:#ffee9f;">&nbsp;</span><span style="background:#fffae9;">&nbsp;</span><span style="background:#fffec3;">&nbsp;</span>
			<span style="background:#f1d22a;">&nbsp;</span><span style="background:#ffd000;">&nbsp;</span><span style="background:#fad000;">&nbsp;</span><span style="background:#d4d23f;">&nbsp;</span><span style="background:#a0cd1a;">&nbsp;</span><span style="background:#92ca00;">&nbsp;</span>
			<span style="background:#9ece0e;">&nbsp;</span><span style="background:#96cb00;">&nbsp;</span><span style="background:#91ce00;">&nbsp;</span><span style="background:#97c905;">&nbsp;</span><span style="background:#c2d468;">&nbsp;</span><span style="background:#f0f6d2;">&nbsp;</span><span style="background:#fffeff;">&nbsp;</span><span style="background:#fffffb;">&nbsp;</span><span style="background:#fffff6;">&nbsp;</span><span style="background:#fffdff;">&nbsp;</span><br style="overflow:hidden;clear:left; height:0; border:0; padding:0; margin:0;"/>
			<span style="background:#ff3730;">&nbsp;</span><span style="background:#f60000;">&nbsp;</span><span style="background:#f00000;">&nbsp;</span><span style="background:#f70400;">&nbsp;</span><span style="background:#ff030b;">&nbsp;</span><span style="background:#fc0007;">&nbsp;</span><span style="background:#ff323e;">&nbsp;</span><span style="background:#ffebd3;">&nbsp;</span><span style="background:#ffe9f0;">&nbsp;</span><span style="background:#efe0e7;">&nbsp;</span>
			<span style="background:#f0eaea;">&nbsp;</span><span style="background:#ffe3db;">&nbsp;</span><span style="background:#fe817d;">&nbsp;</span><span style="background:#ed1a21;">&nbsp;</span><span style="background:#eb010c;">&nbsp;</span><span style="background:#e00f14;">&nbsp;</span><span style="background:#c01063;">&nbsp;</span><span style="background:#87032b;">&nbsp;</span><span style="background:#550d5f;">&nbsp;</span><span style="background:#372da7;">&nbsp;</span>
			<span style="background:#eef9fb;">&nbsp;</span><span style="background:#fffbff;">&nbsp;</span><span style="background:#907dbf;">&nbsp;</span><span style="background:#601e5c;">&nbsp;</span><span style="background:#de7311;">&nbsp;</span><span style="background:#c7790c;">&nbsp;</span><span style="background:#e4ca35;">&nbsp;</span><span style="background:#ffffe6;">&nbsp;</span><span style="background:#f7ffff;">&nbsp;</span><span style="background:#fffefa;">&nbsp;</span>
			<span style="background:#ead228;">&nbsp;</span><span style="background:#ffc700;">&nbsp;</span><span style="background:#ffcc15;">&nbsp;</span><span style="background:#f4e276;">&nbsp;</span><span style="background:#b9d859;">&nbsp;</span><span style="background:#96cb00;">&nbsp;</span><span style="background:#99cc0b;">&nbsp;</span><span style="background:#92ca05;">&nbsp;</span><span style="background:#97d000;">&nbsp;</span><span style="background:#9fce06;">&nbsp;</span>
			<span style="background:#e4efab;">&nbsp;</span><span style="background:#fefff3;">&nbsp;</span><span style="background:#fffdff;">&nbsp;</span><span style="background:#fefffa;">&nbsp;</span><span style="background:#fffff4;">&nbsp;</span><span style="background:#fffeff;">&nbsp;</span><br style="overflow:hidden;clear:left; height:0; border:0; padding:0; margin:0;"/>
			<span style="background:#f00a14;">&nbsp;</span><span style="background:#ff0706;">&nbsp;</span><span style="background:#ff0500;">&nbsp;</span><span style="background:#fe0003;">&nbsp;</span><span style="background:#fb0002;">&nbsp;</span><span style="background:#fb0000;">&nbsp;</span><span style="background:#f40b0e;">&nbsp;</span><span style="background:#e61a26;">&nbsp;</span><span style="background:#ff0300;">&nbsp;</span><span style="background:#f7140b;">&nbsp;</span>
			<span style="background:#eb150d;">&nbsp;</span><span style="background:#fa0405;">&nbsp;</span><span style="background:#ff0200;">&nbsp;</span><span style="background:#f50000;">&nbsp;</span><span style="background:#fd0000;">&nbsp;</span><span style="background:#ff040a;">&nbsp;</span><span style="background:#bd0342;">&nbsp;</span><span style="background:#99071e;">&nbsp;</span><span style="background:#82124c;">&nbsp;</span><span style="background:#5f4296;">&nbsp;</span>
			<span style="background:#f6ffec;">&nbsp;</span><span style="background:#f7f7ff;">&nbsp;</span><span style="background:#90a3db;">&nbsp;</span><span style="background:#552c7a;">&nbsp;</span><span style="background:#d6620f;">&nbsp;</span><span style="background:#c77100;">&nbsp;</span><span style="background:#e9c028;">&nbsp;</span><span style="background:#ffffb8;">&nbsp;</span><span style="background:#ffffde;">&nbsp;</span><span style="background:#ffece1;">&nbsp;</span>
			<span style="background:#edcc1b;">&nbsp;</span><span style="background:#ffc800;">&nbsp;</span><span style="background:#ffc913;">&nbsp;</span><span style="background:#ffeb98;">&nbsp;</span><span style="background:#dde9a9;">&nbsp;</span><span style="background:#99ca0f;">&nbsp;</span><span style="background:#93c70a;">&nbsp;</span><span style="background:#91ca0c;">&nbsp;</span><span style="background:#98cd0d;">&nbsp;</span><span style="background:#b7d841;">&nbsp;</span>
			<span style="background:#fbffe4;">&nbsp;</span><span style="background:#fffeff;">&nbsp;</span><span style="background:#fffcff;">&nbsp;</span><span style="background:#fdfdfb;">&nbsp;</span><span style="background:#fffff3;">&nbsp;</span><span style="background:#fffffd;">&nbsp;</span><br style="overflow:hidden;clear:left; height:0; border:0; padding:0; margin:0;"/>
			<span style="background:#f20612;">&nbsp;</span><span style="background:#fa0000;">&nbsp;</span><span style="background:#fc0000;">&nbsp;</span><span style="background:#ff0004;">&nbsp;</span><span style="background:#fe0106;">&nbsp;</span><span style="background:#fe0405;">&nbsp;</span><span style="background:#fd191a;">&nbsp;</span><span style="background:#ff3742;">&nbsp;</span><span style="background:#fe4438;">&nbsp;</span><span style="background:#f9524a;">&nbsp;</span>
			<span style="background:#f24c4e;">&nbsp;</span><span style="background:#f8434c;">&nbsp;</span><span style="background:#ff5054;">&nbsp;</span><span style="background:#fe5858;">&nbsp;</span><span style="background:#fe5862;">&nbsp;</span><span style="background:#fe4660;">&nbsp;</span><span style="background:#992b72;">&nbsp;</span><span style="background:#6b0f52;">&nbsp;</span><span style="background:#5c0d60;">&nbsp;</span><span style="background:#55429c;">&nbsp;</span>
			<span style="background:#f9ffff;">&nbsp;</span><span style="background:#f7feff;">&nbsp;</span><span style="background:#85abd8;">&nbsp;</span><span style="background:#23127a;">&nbsp;</span><span style="background:#d37000;">&nbsp;</span><span style="background:#d47700;">&nbsp;</span><span style="background:#f4b206;">&nbsp;</span><span style="background:#ffe363;">&nbsp;</span><span style="background:#ffe085;">&nbsp;</span><span style="background:#fddb53;">&nbsp;</span>
			<span style="background:#f6c812;">&nbsp;</span><span style="background:#ffcd00;">&nbsp;</span><span style="background:#f4c600;">&nbsp;</span><span style="background:#ffe98d;">&nbsp;</span><span style="background:#f6fad9;">&nbsp;</span><span style="background:#a1cb11;">&nbsp;</span><span style="background:#91c600;">&nbsp;</span><span style="background:#92d000;">&nbsp;</span><span style="background:#95c814;">&nbsp;</span><span style="background:#cee482;">&nbsp;</span>
			<span style="background:#fffffd;">&nbsp;</span><span style="background:#fffdff;">&nbsp;</span><span style="background:#fefcff;">&nbsp;</span><span style="background:#fdfdfd;">&nbsp;</span><span style="background:#fffff6;">&nbsp;</span><span style="background:#fffffa;">&nbsp;</span><br style="overflow:hidden;clear:left; height:0; border:0; padding:0; margin:0;"/>
			<span style="background:#ff2b29;">&nbsp;</span><span style="background:#f30000;">&nbsp;</span><span style="background:#fc0500;">&nbsp;</span><span style="background:#f90401;">&nbsp;</span><span style="background:#ff0008;">&nbsp;</span><span style="background:#ff020c;">&nbsp;</span><span style="background:#ff3b42;">&nbsp;</span><span style="background:#fffbdf;">&nbsp;</span><span style="background:#fff7ff;">&nbsp;</span><span style="background:#ffebff;">&nbsp;</span>
			<span style="background:#fff6ff;">&nbsp;</span><span style="background:#f4ffff;">&nbsp;</span><span style="background:#f5fff3;">&nbsp;</span><span style="background:#fff0e2;">&nbsp;</span><span style="background:#fff6ef;">&nbsp;</span><span style="background:#fff8f4;">&nbsp;</span><span style="background:#6d4faf;">&nbsp;</span><span style="background:#1e0079;">&nbsp;</span><span style="background:#200f93;">&nbsp;</span><span style="background:#353fbb;">&nbsp;</span>
			<span style="background:#f0f7ff;">&nbsp;</span><span style="background:#f9ffff;">&nbsp;</span><span style="background:#99afd8;">&nbsp;</span><span style="background:#150075;">&nbsp;</span><span style="background:#aa5e2d;">&nbsp;</span><span style="background:#c67b20;">&nbsp;</span><span style="background:#fab80c;">&nbsp;</span><span style="background:#fcc700;">&nbsp;</span><span style="background:#f8c935;">&nbsp;</span><span style="background:#ffdd44;">&nbsp;</span>
			<span style="background:#ffd92c;">&nbsp;</span><span style="background:#f4c708;">&nbsp;</span><span style="background:#e8ca08;">&nbsp;</span><span style="background:#f3e67d;">&nbsp;</span><span style="background:#fcffe2;">&nbsp;</span><span style="background:#a4cd05;">&nbsp;</span><span style="background:#96c800;">&nbsp;</span><span style="background:#95d700;">&nbsp;</span><span style="background:#91c606;">&nbsp;</span><span style="background:#d6e998;">&nbsp;</span>
			<span style="background:#fffeff;">&nbsp;</span><span style="background:#fcfbff;">&nbsp;</span><span style="background:#fdfcff;">&nbsp;</span><span style="background:#fdfdff;">&nbsp;</span><span style="background:#fffffb; width:2px;">&nbsp;</span><br style="overflow:hidden;clear:left; height:0; border:0; padding:0; margin:0;"/>
			<span style="background:#f87f74;">&nbsp;</span><span style="background:#ff0a12;">&nbsp;</span><span style="background:#fc0901;">&nbsp;</span><span style="background:#f60300;">&nbsp;</span><span style="background:#ff0103;">&nbsp;</span><span style="background:#fd0002;">&nbsp;</span><span style="background:#f2252a;">&nbsp;</span><span style="background:#fdeecd;">&nbsp;</span><span style="background:#fefffd;">&nbsp;</span><span style="background:#feffff;">&nbsp;</span>
			<span style="background:#fffffa;">&nbsp;</span><span style="background:#ffe2d6;">&nbsp;</span><span style="background:#e7675c;">&nbsp;</span><span style="background:#f31d1b;">&nbsp;</span><span style="background:#ff1314;">&nbsp;</span><span style="background:#fc1e1b;">&nbsp;</span><span style="background:#ae3153;">&nbsp;</span><span style="background:#7e094d;">&nbsp;</span><span style="background:#451680;">&nbsp;</span><span style="background:#4733ac;">&nbsp;</span>
			<span style="background:#fffafa;">&nbsp;</span><span style="background:#fafefd;">&nbsp;</span><span style="background:#9194d9;">&nbsp;</span><span style="background:#0d058e;">&nbsp;</span><span style="background:#3f0d94;">&nbsp;</span><span style="background:#754c52;">&nbsp;</span><span style="background:#f1d351;">&nbsp;</span><span style="background:#f5e02f;">&nbsp;</span><span style="background:#f9e27a;">&nbsp;</span><span style="background:#ffefe1;">&nbsp;</span>
			<span style="background:#fff58f;">&nbsp;</span><span style="background:#edda62;">&nbsp;</span><span style="background:#f6e070;">&nbsp;</span><span style="background:#f3f19e;">&nbsp;</span><span style="background:#f6f9e4;">&nbsp;</span><span style="background:#a8c906;">&nbsp;</span><span style="background:#9dc809;">&nbsp;</span><span style="background:#96d400;">&nbsp;</span><span style="background:#8ec700;">&nbsp;</span><span style="background:#d2e68d;">&nbsp;</span>
			<span style="background:#ffffff;">&nbsp;</span><span style="background:#fbfcf7;">&nbsp;</span><span style="background:#fffffb;">&nbsp;</span><span style="background:#fefeff;">&nbsp;</span><span style="background:#fffeff;">&nbsp;</span><span style="background:#ffffff;">&nbsp;</span><br style="overflow:hidden;clear:left; height:0; border:0; padding:0; margin:0;"/>
			<span style="background:#fff9ec;">&nbsp;</span><span style="background:#ee555a;">&nbsp;</span><span style="background:#fe000c;">&nbsp;</span><span style="background:#fb0000;">&nbsp;</span><span style="background:#fd0900;">&nbsp;</span><span style="background:#fb0000;">&nbsp;</span><span style="background:#f10000;">&nbsp;</span><span style="background:#ff5250;">&nbsp;</span><span style="background:#f7c3c7;">&nbsp;</span><span style="background:#fcf5eb;">&nbsp;</span>
			<span style="background:#ede0d0;">&nbsp;</span><span style="background:#fc8c8a;">&nbsp;</span><span style="background:#f00d16;">&nbsp;</span><span style="background:#f90000;">&nbsp;</span><span style="background:#fd0000;">&nbsp;</span><span style="background:#f20c00;">&nbsp;</span><span style="background:#c11024;">&nbsp;</span><span style="background:#a1052d;">&nbsp;</span><span style="background:#2e006b;">&nbsp;</span><span style="background:#3827b1;">&nbsp;</span>
			<span style="background:#fffeef;">&nbsp;</span><span style="background:#e9fdf4;">&nbsp;</span><span style="background:#9893f7;">&nbsp;</span><span style="background:#000091;">&nbsp;</span><span style="background:#000083;">&nbsp;</span><span style="background:#2c15ad;">&nbsp;</span><span style="background:#e5daeb;">&nbsp;</span><span style="background:#fffbff;">&nbsp;</span><span style="background:#ffffe3;">&nbsp;</span><span style="background:#fcffff;">&nbsp;</span>
			<span style="background:#feffea;">&nbsp;</span><span style="background:#fffef8;">&nbsp;</span><span style="background:#fff9e1;">&nbsp;</span><span style="background:#fffed2;">&nbsp;</span><span style="background:#f0f2ed;">&nbsp;</span><span style="background:#a8c513;">&nbsp;</span><span style="background:#a2c52b;">&nbsp;</span><span style="background:#94cf05;">&nbsp;</span><span style="background:#91ca03;">&nbsp;</span><span style="background:#cbe383;">&nbsp;</span>
			<span style="background:#fffffb;">&nbsp;</span><span style="background:#fdfff1;">&nbsp;</span><span style="background:#fffff4;">&nbsp;</span><span style="background:#fffeff;">&nbsp;</span><span style="background:#fdfcff;">&nbsp;</span><span style="background:#fffeff;">&nbsp;</span><br style="overflow:hidden;clear:left; height:0; border:0; padding:0; margin:0;"/>
			<span style="background:#f8fff1;">&nbsp;</span><span style="background:#ffd8d3;">&nbsp;</span><span style="background:#f36979;">&nbsp;</span><span style="background:#eb0a2c;">&nbsp;</span><span style="background:#fc0018;">&nbsp;</span><span style="background:#ff000f;">&nbsp;</span><span style="background:#fa0003;">&nbsp;</span><span style="background:#fb0605;">&nbsp;</span><span style="background:#fd0402;">&nbsp;</span><span style="background:#fe0002;">&nbsp;</span>
			<span style="background:#ff0105;">&nbsp;</span><span style="background:#ff040c;">&nbsp;</span><span style="background:#ff000a;">&nbsp;</span><span style="background:#f90008;">&nbsp;</span><span style="background:#f5030f;">&nbsp;</span><span style="background:#fb111a;">&nbsp;</span><span style="background:#633967;">&nbsp;</span><span style="background:#32128d;">&nbsp;</span><span style="background:#0a00a0;">&nbsp;</span><span style="background:#131c85;">&nbsp;</span>
			<span style="background:#d5e6ff;">&nbsp;</span><span style="background:#f2ffff;">&nbsp;</span><span style="background:#5055a7;">&nbsp;</span><span style="background:#04068f;">&nbsp;</span><span style="background:#090096;">&nbsp;</span><span style="background:#332e92;">&nbsp;</span><span style="background:#ecefff;">&nbsp;</span><span style="background:#fbfffd;">&nbsp;</span><span style="background:#fafcf7;">&nbsp;</span><span style="background:#fffeff; width:2px;">&nbsp;</span>
			<span style="background:#fffdfc;">&nbsp;</span><span style="background:#f9feff;">&nbsp;</span><span style="background:#f6fff5;">&nbsp;</span><span style="background:#ebffbb;">&nbsp;</span><span style="background:#a5c735;">&nbsp;</span><span style="background:#98c500;">&nbsp;</span><span style="background:#9bc900;">&nbsp;</span><span style="background:#97be13;">&nbsp;</span><span style="background:#c6e967;">&nbsp;</span><span style="background:#ffffff; width:6px;">&nbsp;</span><br style="overflow:hidden;clear:left; height:0; border:0; padding:0; margin:0;"/>
			<span style="background:#f3fdf5;">&nbsp;</span><span style="background:#fffff8;">&nbsp;</span><span style="background:#fff3ec;">&nbsp;</span><span style="background:#ffc6c0;">&nbsp;</span><span style="background:#f79592;">&nbsp;</span><span style="background:#f26868;">&nbsp;</span><span style="background:#ee4447;">&nbsp;</span><span style="background:#f1343a;">&nbsp;</span><span style="background:#ff2234;">&nbsp;</span><span style="background:#f81b2c;">&nbsp;</span>
			<span style="background:#ef1c2b;">&nbsp;</span><span style="background:#ea2c38;">&nbsp;</span><span style="background:#ea474c;">&nbsp;</span><span style="background:#ee6d68;">&nbsp;</span><span style="background:#ff9a8e;">&nbsp;</span><span style="background:#ffbeae;">&nbsp;</span><span style="background:#653fb0;">&nbsp;</span><span style="background:#13009a;">&nbsp;</span><span style="background:#00009f;">&nbsp;</span><span style="background:#080a93;">&nbsp;</span>
			<span style="background:#494dae;">&nbsp;</span><span style="background:#6664d1;">&nbsp;</span><span style="background:#1a16a9;">&nbsp;</span><span style="background:#0000a5;">&nbsp;</span><span style="background:#000071;">&nbsp;</span><span style="background:#6a67b6;">&nbsp;</span><span style="background:#f4f9ff;">&nbsp;</span><span style="background:#f8fff8;">&nbsp;</span><span style="background:#fefffb;">&nbsp;</span><span style="background:#fffeff;">&nbsp;</span>
			<span style="background:#fcfaff;">&nbsp;</span><span style="background:#fffefd;">&nbsp;</span><span style="background:#fbfff4;">&nbsp;</span><span style="background:#f7ffe2;">&nbsp;</span><span style="background:#e9fab3;">&nbsp;</span><span style="background:#aecb4b;">&nbsp;</span>
			<span style="background:#a6ca1e;">&nbsp;</span><span style="background:#aad021;">&nbsp;</span><span style="background:#a8c93e;">&nbsp;</span><span style="background:#cbe67f;">&nbsp;</span><span style="background:#ffffff; width:6px;">&nbsp;</span><br style="overflow:hidden;clear:left; height:0; border:0; padding:0; margin:0;"/>
			<span style="background:#fffbff;">&nbsp;</span><span style="background:#fffeff;">&nbsp;</span><span style="background:#f8ffff;">&nbsp;</span><span style="background:#f4fffb;">&nbsp;</span><span style="background:#f1ffee;">&nbsp;</span><span style="background:#fdffed;">&nbsp;</span><span style="background:#fffdec;">&nbsp;</span><span style="background:#fff2e2;">&nbsp;</span><span style="background:#fff5e1;">&nbsp;</span><span style="background:#fff4e1;">&nbsp;</span>
			<span style="background:#fff9e9;">&nbsp;</span><span style="background:#fffbed;">&nbsp;</span><span style="background:#fffcef; width:2px;">&nbsp;</span><span style="background:#fcfef0;">&nbsp;</span><span style="background:#f9fff4;">&nbsp;</span><span style="background:#5443b3;">&nbsp;</span><span style="background:#090087;">&nbsp;</span><span style="background:#0b088d;">&nbsp;</span><span style="background:#494baf;">&nbsp;</span><span style="background:#323294;">&nbsp;</span>
			<span style="background:#140c95;">&nbsp;</span><span style="background:#00008c;">&nbsp;</span><span style="background:#010695;">&nbsp;</span><span style="background:#433e90;">&nbsp;</span><span style="background:#c2c3f3;">&nbsp;</span><span style="background:#fbffff;">&nbsp;</span><span style="background:#f6fcf2;">&nbsp;</span><span style="background:#fefffb;">&nbsp;</span><span style="background:#fffeff;">&nbsp;</span><span style="background:#fffdff;">&nbsp;</span>
			<span style="background:#fffffd;">&nbsp;</span><span style="background:#fdfaff;">&nbsp;</span><span style="background:#fffcff;">&nbsp;</span><span style="background:#feffff;">&nbsp;</span><span style="background:#eff4dd;">&nbsp;</span><span style="background:#f2fecc;">&nbsp;</span><span style="background:#f5ffcf;">&nbsp;</span><span style="background:#eef6df;">&nbsp;</span><span style="background:#f6fbfe;">&nbsp;</span><span style="background:#ffffff; width:6px;">&nbsp;</span><br style="overflow:hidden;clear:left; height:0; border:0; padding:0; margin:0;"/>
			<span style="background:#f7ffff;">&nbsp;</span><span style="background:#f2f9ff;">&nbsp;</span><span style="background:#feffff;">&nbsp;</span><span style="background:#fffeff;">&nbsp;</span><span style="background:#fefeff;">&nbsp;</span><span style="background:#fbffff;">&nbsp;</span><span style="background:#f7fffd;">&nbsp;</span><span style="background:#f0fff9;">&nbsp;</span><span style="background:#f4fffd;">&nbsp;</span><span style="background:#f7fffe;">&nbsp;</span>
			<span style="background:#fbfdfc;">&nbsp;</span><span style="background:#fffbff;">&nbsp;</span><span style="background:#fff9ff;">&nbsp;</span><span style="background:#fff7ff;">&nbsp;</span><span style="background:#fff9ff;">&nbsp;</span><span style="background:#fffbff;">&nbsp;</span><span style="background:#8793cf;">&nbsp;</span><span style="background:#5c62ba;">&nbsp;</span><span style="background:#6268b4;">&nbsp;</span><span style="background:#bfc7ee;">&nbsp;</span>
			<span style="background:#babdf2;">&nbsp;</span><span style="background:#413dab;">&nbsp;</span><span style="background:#050685;">&nbsp;</span><span style="background:#273095;">&nbsp;</span><span style="background:#b8b7df;">&nbsp;</span><span style="background:#fbfeff;">&nbsp;</span><span style="background:#fcfffd;">&nbsp;</span><span style="background:#fefff6;">&nbsp;</span><span style="background:#fbfdfa;">&nbsp;</span><span style="background:#fcfbff;">&nbsp;</span>
			<span style="background:#fefdff;">&nbsp;</span><span style="background:#fbfaf8;">&nbsp;</span><span style="background:#fffcff; width:4px;">&nbsp;</span><span style="background:#fffeff;">&nbsp;</span><span style="background:#fffffd;">&nbsp;</span><span style="background:#fefcff;">&nbsp;</span><span style="background:#f9f5ff;">&nbsp;</span><span style="background:#ffffff; width:6px;">&nbsp;</span><br style="overflow:hidden;clear:left; height:0; border:0; padding:0; margin:0;"/>
		</div>
	</div></p>
<p>Mit solchen CSS-Grafiken &#8212; wir nennen sie &#8220;<a title="Mit mediaBEAM Pixicon CSS-Icons selber erstellen!" href="http://www.pixicon.de/">Pixicons</a>&#8221; &#8212; lassen sich ganz lustige Sachen bauen. Das nebenstehende eBay Logo ist beispielsweise gar kein echtes Bild (GIF, JPG oder PNG), sondern besteht aus einzelnen Pixeln, die der Browser zur Laufzeit zusammensetzt. Das menschliche Auge erkennt dies jedoch als zusammenhängendes Bild.</p>
<p>Für den Rechner ist das Ganze nur eine Kolonne von exakt 886 html-Kommandos. Jedes Einzelne Kommando entspricht einem Pixel dieser Grafik. Kleiner Nachteil an diesem &#8220;eBay-Logo&#8221;: Der html-Code ist sportliche 44 KByte gross. Als GIF dürften das nur 2KB sein. Dafür muss der Client die Grafik nicht nachladen.</p>
<p>CSS-Grafiken werden somit wohl auch in Zukunft eher in Spezialfällen angewendet. Wie zum Beispiel in unseren runden Ecken. Auch bei &#8220;<a title="Mensch oder Maschine?" href="http://de.wikipedia.org/wiki/Captcha">Captchas</a>&#8221; sind CSS-Grafiken sehr beliebt. CAPTCHAs werden verwendet, um zu entscheiden, ob das Gegenüber ein Mensch oder eine Maschine ist. Diese kleinen Bildchen enthalten Zeichenfolgen, die der Nutzer eingeben soll. Ein solches Captcha soll jedoch nicht computerlesbar sein. Ist es auch nicht. Siehe Code <img src='http://blog.mediabeam.com/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.mediabeam.com/2008/04/09/schick-mit-runden-ecken/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Danke schön!</title>
		<link>http://blog.mediabeam.com/2008/04/08/danke-schoen/</link>
		<comments>http://blog.mediabeam.com/2008/04/08/danke-schoen/#comments</comments>
		<pubDate>Tue, 08 Apr 2008 10:40:47 +0000</pubDate>
		<dc:creator>Jochen Meyer</dc:creator>
		
		<category><![CDATA[directBOX]]></category>

		<category><![CDATA[mediaBEAM]]></category>

		<category><![CDATA[Feedback]]></category>

		<guid isPermaLink="false">http://blog.mediabeam.com/?p=60</guid>
		<description><![CDATA[Als Dienstleister bekommt man ja oft eher das negative Feedback der Kunden zu spüren, wenn mal was nicht so ganz rund läuft. Und ich verrate sicher kein Geheimnis, wenn ich sage, dass auch wir ab und an von unseren Kunden was auf den Deckel bekommen. Aus diesem Grund ist es immer ein schönes Tageshighlight, positives Feedback [...]]]></description>
			<content:encoded><![CDATA[<p>Als Dienstleister bekommt man ja oft eher das negative Feedback der Kunden zu spüren, wenn mal was nicht so ganz rund läuft. Und ich verrate sicher kein Geheimnis, wenn ich sage, dass auch wir ab und an von unseren Kunden was auf den Deckel bekommen. Aus diesem Grund ist es immer ein schönes Tageshighlight, positives Feedback aus den Reihen der Kunden und Anwender unserer Produkte zu erhalten.<span id="more-60"></span></p>
<p>Bei directBOX pflegen wir das eine oder andere spannende, positive Feedback in der Rubrik &#8220;<a title="directBOX Nutzermeinungen" href="http://www.directbox.com/sites/product/usercomments.asp">Nutzermeinungen</a>&#8220;. Heute morgen kam ein so saustarkes Feedback herein, dass ich darüber gerne auch im Blog berichten möchte.</p>
<blockquote><p>Hallo an die Betreiber und Entwickler von directBOX!</p>
<p>Als langjähriger Kunde kann ich mein vor Jahren abgegebenes Urteil nur erneuern: überzeugend, ersichtlich, schlicht, mit riesigem Speicherplatz, großer Sicherheit, keinem Stress mit Spam, funktional und rasant schnell.</p>
<p>Großes Dankeschön</p></blockquote>
<p>Warum ist dieses Feedback so toll? Die Nutzerin hat erkannt, dass eine Software nicht nur im Betrieb durch Geschwindigkeit und Qualität überzeugen muss, sondern dass die Software ja zunächst mal auch entwickelt werden muss. So schließt diese Nutzerin ganz bewusst auch die Softwareentwickler in ihr &#8220;Dankeschön&#8221; mit ein. Find ich gut!</p>
<p>Danke zurück an die engagierte Nutzerin! Und Danke an die &#8220;Mädels&#8221; und &#8220;Jungs&#8221; für die saustarke Arbeit!</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.mediabeam.com/2008/04/08/danke-schoen/feed/</wfw:commentRss>
		</item>
		<item>
		<title>GMail mit innovativer Technik</title>
		<link>http://blog.mediabeam.com/2008/04/01/gmail-mit-innovativer-technik/</link>
		<comments>http://blog.mediabeam.com/2008/04/01/gmail-mit-innovativer-technik/#comments</comments>
		<pubDate>Tue, 01 Apr 2008 17:04:35 +0000</pubDate>
		<dc:creator>Jochen Meyer</dc:creator>
		
		<category><![CDATA[directBOX]]></category>

		<category><![CDATA[April]]></category>

		<category><![CDATA[GMail]]></category>

		<category><![CDATA[Unified Messaging]]></category>

		<guid isPermaLink="false">http://blog.mediabeam.com/?p=58</guid>
		<description><![CDATA[Ich muss gestehen, ich habe ein paar Momente drüber nachgedacht, ob ich die heute, am 1. April, von Google angekündigte Neuerung in GMail im Blog erwähne. Aber das Ding ist so köstlich, dass ich darüber berichten muss.
Google beschreibt hier, ein Tool namens &#8220;Google Custom Time&#8220;, mit der man eine eMail rückdatieren kann. Das Besondere: Auf dem [...]]]></description>
			<content:encoded><![CDATA[<p>Ich muss gestehen, ich habe ein paar Momente drüber nachgedacht, ob ich die heute, am 1. April, von Google angekündigte Neuerung in GMail im Blog erwähne. Aber das Ding ist so köstlich, dass ich darüber berichten muss.</p>
<p>Google beschreibt hier, ein Tool namens &#8220;<a title="Google Custom Time" href="http://mail.google.com/mail/help/customtime/index.html">Google Custom Time</a>&#8220;, mit der man eine eMail rückdatieren kann. Das Besondere: Auf dem Zielsystem erscheint die eMail dann auch sauber chronologisch im Posteingang zu der Zeit, die man beim Versand vordefiniert hat. Noch pikanter: Man kann in der Mail sogar beim Versenden schon definieren, dass sie beim Empfänger als &#8220;gelesen&#8221; gekennzeichnet im Posteingang erscheinen soll.</p>
<p><span id="more-58"></span>Ein tolles Tool, welches natürlich nur heute, am 1. April, funktioniert. Da ist schon Mancher in Bedrängnis gewesen, wenn es um vergessene Geburtstage, nicht eingehaltene Vertragsfristen, gerissene Zeitvorgaben, etc. geht. Ein Kalender mit Erinnerungsfunktion ist aber auch sowas von <span style="text-decoration: line-through;">lästig</span>praktisch.</p>
<p>Besser, dass es sich hier um einen Aprilscherz handelt. Rein technisch gesehen wäre ein solches Tool sogar möglich, wenn sowohl der Absender als auch der Empfänger das selbe eMail-Hostsystem nutzen. Gut, dass nicht alle technisch möglichen Features umgesetzt werden.</p>
<p>Obwohl: Wir suchen immer noch nach einem sinnvollen Einsatzzweck für unsere Domain <a href="http://www.fluxkompensator.org">http://www.fluxkompensator.org</a>.</p>
<p>Schönen April!</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.mediabeam.com/2008/04/01/gmail-mit-innovativer-technik/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Leitbildmotiv des Monats März: Der Vulkan</title>
		<link>http://blog.mediabeam.com/2008/04/01/leitbildmotiv-des-monats-maerz-der-vulkan/</link>
		<comments>http://blog.mediabeam.com/2008/04/01/leitbildmotiv-des-monats-maerz-der-vulkan/#comments</comments>
		<pubDate>Tue, 01 Apr 2008 13:08:17 +0000</pubDate>
		<dc:creator>Jochen Meyer</dc:creator>
		
		<category><![CDATA[mediaBEAM]]></category>

		<category><![CDATA[Leitbild]]></category>

		<guid isPermaLink="false">http://blog.mediabeam.com/?p=75</guid>
		<description><![CDATA[Dieser Monat stand ganz im Zeichen unseres Leitbildmotivs &#8220;Vulkan&#8220;. Im Leitbild beschreiben wir den Vulkan wiefolgt:
Der Vulkan steht für den ganz normalen Wahnsinn im Alltag. Das Tagesgeschäft ist oft hektisch und unsere Partner brauchen ein Gegenüber, das &#8220;Brände löschen&#8221; und schnell reagieren kann. Gleichzeitig haben wir den Anspruch, dass unsere Planung verlässlich ist.
Frank und Alex [...]]]></description>
			<content:encoded><![CDATA[<p>Dieser Monat stand ganz im Zeichen unseres Leitbildmotivs &#8220;<a title="mediaBEAM Leitbild" href="http://www.mediabeam.com/sys-seitenid,235/">Vulkan</a>&#8220;. Im Leitbild beschreiben wir den Vulkan wiefolgt:</p>
<p><em><a title="mediaBEAM Leitbild" href="http://www.mediabeam.com/sys-seitenid,235/"><img class="alignright" src="http://www.mediabeam.com/design/images/leitbild/vulkan.gif" alt="mediaBEAM Leitbild - Der Vulkan" /></a>Der Vulkan steht für den ganz normalen Wahnsinn im Alltag. Das Tagesgeschäft ist oft hektisch und unsere Partner brauchen ein Gegenüber, das &#8220;Brände löschen&#8221; und schnell reagieren kann. Gleichzeitig haben wir den Anspruch, dass unsere Planung verlässlich ist.</em></p>
<p><span id="more-75"></span>Frank und Alex haben sich was wirklich Tolles einfallen lassen, um den Vulkan zu beschreiben:</p>
<p>Sie haben das Spiel &#8220;Murmelmikado&#8221; gekauft. Dieses Spiel sieht in der Tat auch etwas wie ein Vulkan aus. Das Spiel ist in den vergangenen 4 Wochen durch die einzelnen Abteilungen gegangen. Die jeweiligen Mitarbeiter haben am Ende jedes Arbeitstages gemeinsam Stäbchen gezogen. Jedes Stäbchen steht für ein unvorhergesehenes Ereignis, für Hektik, für Stress, für eine schnell zu treffende Entscheidung etc.</p>
<p>In einer Liste wurden die Stäbchen und die &#8220;heruntergekullerten&#8221; Murmeln aufgezeichnet. Ende März, bei der Übergabe an die nächste Gruppe, haben die beiden dann zusammengefasst, wo es besonders viele &#8220;Turbulenzen&#8221; gab.</p>
<p> </p>
]]></content:encoded>
			<wfw:commentRss>http://blog.mediabeam.com/2008/04/01/leitbildmotiv-des-monats-maerz-der-vulkan/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Da weiss man was man hat. Guten Abend.</title>
		<link>http://blog.mediabeam.com/2008/03/12/da-weiss-man-was-man-hat-guten-abend/</link>
		<comments>http://blog.mediabeam.com/2008/03/12/da-weiss-man-was-man-hat-guten-abend/#comments</comments>
		<pubDate>Wed, 12 Mar 2008 13:57:42 +0000</pubDate>
		<dc:creator>Jochen Meyer</dc:creator>
		
		<category><![CDATA[mediaBEAM]]></category>

		<category><![CDATA[Headhunter]]></category>

		<category><![CDATA[Leitbild]]></category>

		<category><![CDATA[Mitarbeiterprofile]]></category>

		<category><![CDATA[Teamplayer]]></category>

		<category><![CDATA[Unternehmenskultur]]></category>

		<guid isPermaLink="false">http://blog.mediabeam.com/2008/03/12/da-weiss-man-was-man-hat-guten-abend/</guid>
		<description><![CDATA[Kennen Sie den noch? Den Persilmann, der uns zu Kinderzeiten ein Jahrzehnt lang allabendlich mit seinem freundlichen &#8220;Guten Abend&#8221; ins Bett geschickt hat. Der Spruch passt aber nur halb auf mein heutiges Thema. Richtig wäre &#8220;Da weiss man, mit wem man es zu tun hat. Guten Abend.&#8221;
Worum geht&#8217;s?  Wie immer findet man auch in unserem [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://blog.mediabeam.com/wp-content/uploads/2008/03/persilmann.jpg" title="persilmann.jpg"><img border="0" align="right" src="http://blog.mediabeam.com/wp-content/uploads/2008/03/persilmann.thumbnail.jpg" hspace="5" alt="persilmann.jpg" /></a>Kennen Sie den noch? Den <a href="http://www.tv-nostalgie.de/Sound/Persil.htm" title="Der Persilmann">Persilmann</a>, der uns zu Kinderzeiten ein Jahrzehnt lang allabendlich mit seinem freundlichen &#8220;Guten Abend&#8221; ins Bett geschickt hat. Der Spruch passt aber nur halb auf mein heutiges Thema. Richtig wäre &#8220;Da weiss man, mit wem man es zu tun hat. Guten Abend.&#8221;</p>
<p>Worum geht&#8217;s?  Wie immer findet man auch in unserem Blog über jedem Post den Autor. Klickt man auf den Namen des Autors, gelangt man nun auf eine Kurzvorstellung des Autors, mit Bild und Vita. So hat jeder Leser ein klares Bild davon, wer hier seine Gedanken im Blog ergießt. Die Links sind natürlich selbsterklärend. Meiner lautet z.B. <a href="http://www.mediabeam.com/jmeyer">http://www.mediabeam.com/jmeyer</a> (Erster Buchstabe des Vornamens und der gesamte Nachname).</p>
<p><span id="more-56"></span>Warum das alles? Wir finden, dass in unserer virtuellen Welt der persönliche Kontakt immer wichtiger wird. Schon bei einem Erstkontakt per eMail können sich unsere Partner und Kunden jetzt zumindest ein Bild von ihrem Ansprechpartner machen: In unseren eMail-Signaturen steht ab sofort kein Link mehr zur Firmen-Website, sondern der Link zum persönlichen Profil.</p>
<p>Jetzt könnte man argumentieren, dass dies ja ein wunderbares Informationsmittel für Headhunter ist. Ja, ist es auch. Wer die Namen der mediaBEAM Mitarbeiter kennt, kann sich schnell den jeweiligen Link zusammenbasteln. Damit das noch schneller geht, nutze man einfach <a href="http://www.xing.com/app/search?op=universal&amp;universal=mediabeam" title="mediaBEAM Mitarbeiter">diese Abfrage</a> bei XING. OK, es klingt riskant, eine offene Einladung für Headhunter auszusprechen. Ich tu&#8217;s trotzdem. Denn auch für uns gilt: &#8220;mediaBEAM - Da weiss man was man hat.&#8221; Viel Spaß, liebe Headhunter.</p>
<p>Guten Abend!</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.mediabeam.com/2008/03/12/da-weiss-man-was-man-hat-guten-abend/feed/</wfw:commentRss>
		</item>
	</channel>
</rss>
