<![CDATA[
<body>
<div class="capital_white" style="width : 380px; text-align : justify; padding-top : 25px; padding-left : 154px;">
<p><span class="capital_green"><strong>tela</strong></span> <span class="capital_grey"><strong>mundi</strong></span> erstellt Internet - und CD-Präsentationen auf der Basis individuellen Designs und entsprechend den von Ihnen gestellten Anforderungen.<br>
</p>
<p>Kurz: <span class="capital_yellow">Wir bringen Sie ins Internet.</span>
</p>
</div>
<div class="small_white" style="width : 531px; margin-top : 323px; font-weight : bold;">
Fragen beantwortet Ihnen gern <span class="small_yellow">Jens Krampe</span> unter <span class="small_yellow">Telefon 0421 41 37 36</span> oder schreiben Sie uns <a href="index.php?area=main&size={SIZE}&show=email" onMouseover="javascript:document.getElementById('mail').src = 'images/btn_mail_2.gif';" onMouseout="javascript:document.getElementById('mail').src = 'images/btn_mail_1.gif';"><img src="images/btn_mail_1.gif" alt="E-Mail" name="mail" width="25" height="15" border="0" id="mail" style="margin-left : 30px;"></a></div>
<div class="capital_green" style="font-weight : bold; text-align : left; width : 380px; position : absolute; top : 167px; padding-left : 154px;">Vom "Resteverwerten" zum professionellen</div>
<div class="capital_green" style="font-weight : bold; text-align : left; width : 380px; position : absolute; top : 192px; padding-left : 154px;">Auftritt</div>
<div style="color : #000000; text-align : justify; width : 380px; position : absolute; top : 219px; padding-left : 154px;">
Eine Image-Broschüre als Instrument der Selbstdarstellung und Kundeninformation ist selbstverständlich. Die Frage, ob sie sinnvoll ist, wird kaum gestellt.
<p>Webseiten hingegen werden gerne aus Resten der Printmedien "zusammengebastelt" obwohl sie den gleichen Stellenwert wie diese haben sollten.</p>
<p><span class="normal_green" style="font-weight : bold;">tela</span> <span class="normal_black" style="font-weight : bold;">mundi</span> ist Ihnen bei der Übersetzung Ihrer Unternehmens-philosophie in eine "digitale Sprache" behilflich.</p>
</div>
<div style="font-size : 10px; width : 380px; text-align : right; position : absolute; top : 589px; padding-left : 154px;"><a href="index.php?area=main&size={SIZE}&show=design" class="content_link_black_small">... mehr zum Thema Design</a></div>
<div class="capital_green" style="font-weight : bold; text-align : left; width : 380px; position : absolute; top : 167px; padding-left : 154px;">Internet-Präsentationen als Kommunikations-</div>
<div class="capital_green" style="font-weight : bold; text-align : left; width : 380px; position : absolute; top : 197px; padding-left : 154px;">medium</div>
<div style="color : #000000; text-align : justify; width : 380px; position : absolute; top : 224px; padding-left : 154px;">Ihre überzeugend gestaltete Homepage mit einem sinnvoll gegliederten und strukturierten Inhalt hat alle Voraussetzungen, sich mit Ihren Printmedien messen zu lassen um einen Betrachter zum wiederholten Besuch zu animieren. </div>
<div style="color : #000000; text-align : justify; width : 380px; position : absolute; top : 295px; padding-left : 154px;"><span class="Normal_dunkel">Voraussetzungen:</span></div>
<div class="big_green" style="font-weight : bold; text-align : left; width : 20px; position : absolute; top : 325px; padding-left : 154px;">1.</div>
<div style="color : #000000; text-align : justify; width : 380px; position : absolute; top : 330px; padding-left : 180px;">ein Designkonzept wird entwickelt und</div>
<div class="big_green" style="font-weight : bold; text-align : left; width : 20px; position : absolute; top : 375px; padding-left : 154px;">2.</div>
<div style="color : #000000; text-align : justify; width : 380px; position : absolute; top : 379px; padding-left : 180px;">technisch umgesetzt</div>
<div style="font-size : 10px; text-align : right; position : absolute; top : 589px;"><a href="index.php?area=main&size={SIZE}&show=webdesign" class="content_link_black_small">zurück zu Webdesign</a><span style="padding-left : 220px;"><a href="index.php?area=main&size={SIZE}&show=barrierefrei" class="content_link_black_small">... mehr zum Thema Barrierefrei</a></span></div>
<div>
<div class="capital_green" style="font-weight : bold; text-align : left; width : 380px; position : absolute; top : 196px; padding-left : 154px;">Webdesign für alle</div>
</div>
<div style="color : #000000; text-align : justify; width : 380px; position : absolute; top : 224px; padding-left : 154px;">
Gute Programmierung heißt auch möglichst vielen Menschen den Zugang zu Ihren Seiten zu ermöglichen. Dabei sind insbesondere Menschen zu berücksichtigen, die
</div>
<div class="big_green" style="font-weight : bold; text-align : left; width : 20px; position : absolute; top : 300px; padding-left : 154px;">1.</div>
<div style="color : #000000; text-align : justify; width : 380px; position : absolute; top : 305px; padding-left : 180px;">ein handycap haben oder</div>
<div class="big_green" style="font-weight : bold; text-align : left; width : 20px; position : absolute; top : 350px; padding-left : 154px;">2.</div>
<div style="color : #000000; text-align : justify; width : 380px; position : absolute; top : 355px; padding-left : 180px;">ein Ausgabegerät benutzen, dass nicht einem<br>Standard-PC entspricht</div>
<div style="color : #000000; text-align : justify; width : 380px; position : absolute; top : 420px; padding-left : 154px;">
Barrieren, die den Zugang für die oben erwähnten Benutzergruppen verhindern, sollten bereits bei der Planung und Gestaltung von Internet-Präsentationen berücksichtigt werden.
<p><span style="font-weight : bold; color : #669900;">tela</span> <span style="font-weight : bold;">mundi</span> schließt sich den grundlegenden Ideen des Bundesgleichstellungsgesetzes für Menschen mit Behinderungen an und bemüht sich diese Ideen auf den zu erstellenden Internet-Projekten umzusetzen.</p>
</div>
<div style="font-size : 10px; text-align : right; position : absolute; top : 589px;"><a href="index.php?area=main&size={SIZE}&show=design" class="content_link_black_small">zurück zu Design</a><span style="padding-left : 266px;"><a href="index.php?area=main&size={SIZE}&show=funktion" class="content_link_black_small">... mehr zum Thema Funktion</a></span></div>
<div class="capital_green" style="font-weight : bold; text-align : left; width : 380px; position : absolute; top : 223px; padding-left : 154px;">Gestaltung allein macht noch keine gute Website</div>
<div style="color : #000000; text-align : justify; width : 380px; position : absolute; top : 250px; padding-left : 154px;">Sie erwarten von Ihrer Internet-Präsentation, dass sich interaktive und dynamische Elemente</div>
<div class="big_green" style="font-weight : bold; text-align : left; width : 20px; position : absolute; top : 315px; padding-left : 154px;">1.</div>
<div style="color : #000000; text-align : justify; width : 380px; position : absolute; top : 319px; padding-left : 180px;">reibungslos in das Design einpassen und</div>
<div class="big_green" style="font-weight : bold; text-align : left; width : 20px; position : absolute; top : 365px; padding-left : 154px;">2.</div>
<div style="color : #000000; text-align : justify; width : 380px; position : absolute; top : 370px; padding-left : 180px;">unter unterschiedlichsten Bedingungen<br>fehlerfrei arbeiten?</div>
<div style="color : #000000; text-align : justify; width : 380px; position : absolute; top : 430px; padding-left : 154px;">Dies setzt grundlegende Kenntnisse verschiedener Verfahren voraus und kann nur durch eine solide Programmierung gewährleistet werden.</div>
<div class="capital_green" style="font-weight : bold; text-align : left; width : 380px; position : absolute; top : 515px; padding-left : 154px;">Erscheinungsbild und Funktionalität</div>
<div style="color : #000000; text-align : justify; width : 380px; position : absolute; top : 540px; padding-left : 154px;"><span class="normal_green" style="font-weight : bold;">tela </span> <span class="normal_black" style="font-weight : bold;">mundi</span> greift nicht auf "Baukästen" oder andere standardisierte Elemente zurück, sondern leistet eine professionelle Arbeit, bei der Exklusivität mit Anwenderfreundlichkeit in Einklang gebracht wird.</div>
<div style="font-size : 10px; text-align : right; position : absolute; top : 589px;"><a href="index.php?area=main&size={SIZE}&show=barrierefrei" class="content_link_black_small">zurück zu Barrierefrei</a></div>
<div class="capital_green" style="font-weight : bold; width : 380px; text-align : justify; padding-top : 20px; padding-left : 154px;">Eine optimale Ergänzung Ihrer Internet-Präsentation!</div>
<div style="text-align : justify; width : 380px; position : absolute; top : 224px; padding-left : 154px;">Bieten Sie Ihren Kunden zusätzlich zu bereits vorhandenen Printmedien eine multimediale Präsentation Ihres Unternehmens, in der Ihre Produktpalette eingebunden ist.</div>
<div class="capital_green" style="font-weight : bold; text-align : justify; width : 380px; position : absolute; top : 305px; padding-left : 154px;"><span class="Normal_dunkel">Zum Beispiel:</span></div>
<div style="text-align : justify; width : 380px; position : absolute; top : 360px; padding-left : 154px;">bei besonderen Anlässen wie Jubiläen, der Einführung neuer Produkte oder Messepräsentationen.</div>
<div class="capital_green" style="font-weight : bold; text-align : justify; width : 380px; position : absolute; top : 413px; padding-left : 154px;"><span class="Normal_dunkel">Wir übernehmen</span></div>
<div class="big_yellow" style="font-weight : bold; text-align : left; width : 20px; position : absolute; top : 469px; padding-left : 154px;">1.</div>
<div style="text-align : justify; width : 380px; position : absolute; top : 474px; padding-left : 180px;">Die komplette Gestaltung (inkl. CD-Hülle und Booklet)</div>
<div class="big_yellow" style="font-weight : bold; text-align : left; width : 20px; position : absolute; top : 537px; padding-left : 154px;">2.</div>
<div style="text-align : justify; width : 380px; position : absolute; top : 542px; padding-left : 180px;">die Vervielfältigung</div>
<div class="capital_green" style="font-weight : bold; width : 380px; text-align : justify; padding-top : 20px; padding-left : 154px;">Die schnelle Information vor Ort</div>
<div style="text-align : justify; width : 380px; position : absolute; top : 224px; padding-left : 154px;">Info-Terminals bieten Ihren Kunden einen Überblick über Ihre Geschäftsbereiche und Produkte. Ein Maximum an Informationen mit einem Minimum an Personalaufwand.</div>
<div style="text-align : justify; width : 380px; position : absolute; top : 305px; padding-left : 154px;">Der Informationsbedarf von Gästen, Mitarbeitern und Besuchern steht selbstverständlich im Mittelpunkt unserer Planungs- und Ent-wicklungstätigkeit.</div>
<div class="capital_green" style="font-weight : bold; text-align : justify; width : 380px; position : absolute; top : 385px; padding-left : 154px;">Anwendungsbeispiele:</div>
<div style="text-align : justify; width : 380px; position : absolute; top : 440px; padding-left : 154px;"><img src="images/dot_green_text.gif" width="12" height="12">Rezeptionen und Lobbies</div>
<div style="text-align : justify; width : 380px; position : absolute; top : 460px; padding-left : 154px;"><img src="images/dot_green_text.gif" width="12" height="12">Schau- / Warteräume</div>
<div style="text-align : justify; width : 380px; position : absolute; top : 480px; padding-left : 154px;"><img src="images/dot_green_text.gif" width="12" height="12">Öffentliche Bereiche</div>
<div style="text-align : justify; width : 380px; position : absolute; top : 500px; padding-left : 154px;"><img src="images/dot_green_text.gif" width="12" height="12">Banken</div>
<div style="text-align : justify; width : 380px; position : absolute; top : 520px; padding-left : 154px;"><img src="images/dot_green_text.gif" width="12" height="12">Kaufhäuser</div>
<div style="text-align : justify; width : 380px; position : absolute; top : 540px; padding-left : 154px;"><img src="images/dot_green_text.gif" width="12" height="12">Messen</div>
<div style="text-align : justify; width : 380px; position : absolute; top : 560px; padding-left : 154px;"><img src="images/dot_green_text.gif" width="12" height="12">Öffentliche Internetzugänge</div>
<div>
Referenzen
Bremer Tabak-Collegium Canida Hilfe com'agere GmbH & Co. KG
Cafe FreitagGudrun Arndt J-MED
Klinkenborg LichtkonzepteMobilTec GmbH & Co. KG
Restaurant BlixxRestaurant Campus
WevH Bauträgergesellschaft GmbH & Co. KG
</div>
<div class="capital_green" style="font-weight : bold; width : 380px; text-align : justify; padding-top : 20px; padding-left : 154px;">Dienstleistungen auf höchstem Niveau.</div>
<div style="text-align : left; width : 380px; position : absolute; top : 223px; margin-left : 154px"><img src="images/dot_green_text.gif" width="12" height="12">MobilTec GmbH & C0. KG<p style="padding-left : 13px">Stresemannstraße 46 <br>27570 Bremerhaven<br><a href="http://www.mobil-tec.com" target="_blank" class="content_link_white" style="width : 108px;">www.mobil-tec.com</a></p></div>
<div style="text-align : left; width : 158px; position : absolute; top : 223px; margin-left : 354px;"><img src="images/dot_green_text.gif" width="12" height="12">Agentur iD.<p style="padding-left : 13px">Mary-Somerville-Straße 12<br>28359 Bremen<br><a href="http://www.agentur-id.de" target="_blank" class="content_link_white" style="width : 103px;">www.agentur-id.de</a></p></div>
<div style="text-align : left; width : 380px; position : absolute; top : 333px; margin-left : 154px;"><img src="images/dot_green_text.gif" width="12" height="12">dtj edv-service<p style="padding-left : 13px">Hannoversche Straße 89<br>28309 Bremen<br><a href="http://www.dtj.de" target="_blank" class="content_link_white" style="width : 60px;">www.dtj.de</a></p></div>
<div style="text-align : left; width : 380px; position : absolute; top : 442px; margin-left : 154px; z-index : 1;"><img src="images/dot_green_text.gif" width="12" height="12">com'agere GmbH & Co. KG <p style="padding-left : 13px">Wachtstraße 17 - 24<br>28195 Bremen<br><a href="http://www.comagere.de" target="_blank" class="content_link_white" style="width : 103px;">www.comagere.de</a> </p></div>
<div style="text-align : left; width : 160px; position : absolute; top : 333px; margin-left : 354px;"><img src="images/dot_green_text.gif" width="12" height="12">ondot GmbH<p style="padding-left : 13px">Max-Reger-Straße 33<br>28209 Bremen<br><a href="http://www.ondot.de" target="_blank" class="content_link_white" style="width : 78px;">www.ondot.de</a> </p></div>
<div style="text-align : left; width : 160px; position : absolute; top : 442px; margin-left : 354px; z-index : 10;"><img src="images/dot_green_text.gif" width="12" height="12">cgm GmbH<p style="padding-left : 13px">Hannoversche Straße 88<br>28309 Bremen<br><a href="http://www.cgmdv.de" target="_blank" class="content_link_white" style="width : 83px;">www.cgmdv.de</a> </p></div>
<div style="width : 380px; text-align : justify; font-weight : bold; position : absolute; top : 197px; padding-left : 154px;"><span class="normal_green">tela</span><span class="normal_grey"> mundi</span></div>
<div style="width : 380px; text-align : justify; position : absolute; top : 225px; padding-left : 154px;">Jens Krampe<br>Hamburger Straße 262 B<br>28205 Bremen</div>
<div style="width : 380px; text-align : justify; position : absolute; top : 288px; padding-left : 154px;">Telefon <span style="padding-left : 25px;">(+ 49) 0421 - 41 37 36</span><br>Telefax <span style="padding-left : 27px;">(+ 49) 0421 - 43 49 531</span></div>
<div style="width : 380px; position : absolute; top : 333px; padding-left : 154px;"><a href="mailto:admin@tela-mundi.de" class="content_link_white" style="width : 123px;">admin@tela-mundi.de</a></div>
<div style="width : 525px; padding-top : 293px; margin-left : 0px;">
<span class="small_green" style="font-weight : bold;">tela</span><span class="small_grey" style="font-weight : bold; padding-right : 32px;"> mundi</span>
<img src="images/dot_yellow_text.gif" width="12" height="12"><span class="small_white" style="padding-right : 52px;">Hamburger Straße 262 B</span>
<img src="images/dot_yellow_text.gif" width="12" height="12"><span class="small_white" style="padding-right : 47px;">D-28205 Bremen</span>
<img src="images/dot_yellow_text.gif" width="12" height="12"><span class="small_white">Inhaber Jens Krampe</span>
<span class="small_white" style="font-weight : bold; padding-right : 41px;"><img src="images/dot_yellow_text.gif" width="12" height="12">Steuer-N.: 7228006321</span>
<img src="images/dot_yellow_text.gif" width="12" height="12"><span class="small_white" style="padding-right : 41px;">Telefon (+49) 0421 - 41 37 36</span>
<img src="images/dot_yellow_text.gif" width="12" height="12"><span class="small_white">Telefax (+49) 0421 - 43 49 531</span>
<span class="small_white" style="margin-left : 0px;"><img src="images/dot_yellow_text.gif" width="12" height="12">E-Mail <a href="mailto:admin@tela-mundi.de"class="content_link_yellow" style="width : 106px; font-size : 10px; font-variant : normal;">admin@tela-mundi.de</a></span>
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="163"><div align="right"><img src="images/dot_yellow_text.gif"width="12" height="12"></div></td>
<td width="100"><div align="left">Realisation</div></td>
<td width="25"> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td valign="top"><div align="left"><span class="normal_green" style="font-weight : bold;">tela</span><span class="normal_grey" style="font-weight : bold;"> mundi</span></div></td>
<td> </td>
<td>Jens Krampe<br>
Hamburger Straße 262 B<br>
D-28205 Bremen<br>
Telefon <span style="padding-left : 10px;">(+ 49) 0421 - 41 37 39</span><br>
Telefax <span style="padding-left : 12px;">(+ 49) 0421 - 43 49 531</span><br>
E-Mail <span style="padding-left : 17px;">admin@tela-mundi.de</span></td>
</tr>
<tr>
<td> </td>
<td valign="top"><div align="left"></div></td>
<td> </td>
<td> </td>
</tr>
<tr>
<td><div align="right"><img src="images/dot_yellow_text.gif"width="12" height="12"></div></td>
<td valign="top"><div align="left">Design</div></td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td valign="top"><div align="left"></div></td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td valign="top"><div align="left">Agentur iD.</div></td>
<td> </td>
<td>Gudrun Arndt <br>
Mary-Somerville-Straße 12<br>
D-28359 Bremen<br>
Telefon <span style="padding-left : 10px;">(+ 49) 0421 - 24 38 101</span><br>
Telefax <span style="padding-left : 12px;">(+ 49) 0421 - 24 38 131</span><br>
E-Mail <span style="padding-left : 17px;">info@agentur-id.de</span></td>
</tr>
<tr>
<td> </td>
<td valign="top"><div align="left"></div></td>
<td> </td>
<td> </td>
</tr>
<tr>
<td><div align="right"><img src="images/dot_yellow_text.gif"width="12" height="12"></div></td>
<td valign="top"><div align="left">Hosting</div></td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td valign="top"><div align="left"></div></td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td valign="top"><div align="left">dtj edv-service</div></td>
<td> </td>
<td>Hannoversche Straße 89<br>
D-28309 Bremen<br>
Telefon <span style="padding-left : 10px;">(+ 49) 0421 - 43 57 60</span><br>
Telefax <span style="padding-left : 12px;">(+ 49) 0421 - 43 57 29</span><br>
E-Mail <span style="padding-left : 17px;">kontakt@ dtj.de</span></td>
</tr>
</table></td>
</tr>
<tr>
<td height="50"> </td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="163"> </td>
<td class="normal_green" style="font-weight : bold;">Copyright und Urheberrecht</td>
</tr>
<tr>
<td> </td>
<td style="text-align : justify;">Der Inhalt dieser Website ist durch das deutsche Urheberrecht geschützt. Die Verwendung, Speicherung, Vervielfältigung und Weitergabe von Inhalten dieser Website kann nur mit dem Einverständnis der Autoren und Eigentümer erfolgen.</td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td class="normal_green" style="font-weight : bold;">Geschützte Bezeichnungen, Marken etc.</td>
</tr>
<tr>
<td> </td>
<td style="text-align : justify;">Alle in dieser Website genannten Bezeichnungen können nach deutschem und ausländischem Recht besonders geschützt sein. Die Nennung dieser Bezeichnungen ohne Hinweis auf ein (eingetragenes und/oder geschütztes) Waren-, Markenzeichen ist nicht erlaubt. Verletzung der Schutzrechte dieser Bezeichnungen ist als Schädigung der Firmen, die diese Rechte besitzen, anzusehen.</td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td class="normal_green" style="font-weight : bold;">Haftungsausschluß</td>
</tr>
<tr>
<td> </td>
<td style="text-align : justify;">tela mundi übernimmt keine Gewähr für die Aktualität, Richtigkeit und Vollständigkeit der Informationen auf diesen Seiten oder den jederzeitigen störungsfreien Zugang. Sofern von dieser Website auf Internetseiten verwiesen wird, die von Dritten betrieben werden, übernimmt tela mundi keine Verantwortung für deren Inhalte.</td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td class="normal_green" style="font-weight : bold;">Datenschutz</td>
</tr>
<tr>
<td> </td>
<td style="text-align : justify;">Sofern innerhalb des Internetangebotes die Möglichkeit zur Eingabe persönlicher oder geschäftlicher Daten (Emailadressen, Namen, Anschriften) besteht, versichern wir diese nicht an Dritte weiterzugeben. </td>
</tr>
</table></td>
</tr>
</table>
</body>
]]>