https://www.colibriweb.com/de/

1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml">
3<head>
4	<title>colibriweb.com</title>
5	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
6	<meta http-equiv="Content-Script-Type" content="text/javascript" />
7	<meta http-equiv="Content-Style-Type" content="text/css" />
8	<meta http-equiv="Content-Language" content="de" />
9	<link href="/styles/stylesheet.css" rel="stylesheet" type="text/css" media="all" />
10	<link href="/styles/mediaboxAdvWhite.css" rel="stylesheet" type="text/css" media="screen" />
11	<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
12	

12<script type="text/javascript" src="/scripts/mootools-core-more-1.3.2-compat.js"></script>

12
13	

13<script type="text/javascript" src="/scripts/mediaboxAdv.js"></script>

13
14	

14<script type="text/javascript" src="/scripts/user.js"></script>

14
15	

15<script type="text/javascript">
16<!--//
17window.addEvent('domready', function() {
18	//mySpinner.hide();
19	// page handling
20	myAccordion = new Fx.Accordion($$('.main'), $$('.content'), {
21		display: -1,
22		alwaysHide: true
23	});
24	$each($$('.content'), function(el) {
25		el.addClass('js');
26	});
27	$each($$('.main a'), function(el) {
28		el.addEvent('click', page_loader);
29	});
30	$each($$('.subnav a'), function(el) {
31		if (!el.hasClass('noajax')) {
32			el.addEvent('click', sub_page_loader);
33		}
34	});
35	$each($$('#logo a'), function(el) {
36		el.addEvent('click', page_loader);
37	});
38	$each($$('.subnav a.scrollto'), function(el) {
39		el.addEvent('click', page_scroller);
40	});
41
42	// open link in new page
43	$$('a.new_window').each(new_window);
44	// email link decode
45	$each($$('span.enc_email'), enc_email);
46	// resize
47	var content_element = $('content');
48	var inner_content_element = $('inner_content');
49	var resizePage = function (init_call) {
50		// win-size
51		var theSize = window.getSize();
52		var winHeight = theSize.y; //console.log('WinH', winHeight);
53		// content-size
54		var theSize = content_element.getSize();
55		var conHeight = theSize.y; //console.log('ConH', conHeight);
56		// inner_content-size
57		var theSize = inner_content_element.getSize();
58		var inconHeight = theSize.y; //console.log('inConH', inconHeight);
59		// new win-height
60		winHeight = winHeight-118; //console.log('nWinH', winHeight);
61		// change content height if needed
62		//console.log('diff', winHeight-conHeight);
63		if (winHeight!=conHeight) {
64			if (winHeight<inconHeight) {winHeight=inconHeight;}
65			content_element.setStyle('height', winHeight);
66			//console.log('newHeight', winHeight);
67		}
68	}
69		//resizePage.run(); //window.addEvent('resize', resizePage);
70
71	// fetch preload images
72	Array.each.delay(1000,this,[
73		[''],
74		function(src){var img = new Image();img.src = src;}
75	]);
76	
77	// centering
78	var centerPage = function () {
79		var body_element = $('body_tag');
80		var winWidth = window.getSize().x;
81		if (winWidth<900) {body_element.removeClass('center');}
82		else if (winWidth>900 && !body_element.hasClass('center')) {body_element.addClass('center');}
83	};
84	centerPage.run();
85	window.addEvent('resize', centerPage);
86	
87	// newsticker
88	var tickers = $$('#newsticker li');
89	if ($defined(tickers) && tickers.length>0) {blabla.delay(500);}
90	else {$('ticker').setStyle('display', 'none');}
91
92	// Glowing-affect
93	$each($$('.glow span'), function(el) {glowing.periodical(2500, el);});
94
95	// inner arcordions
96	var myAccordions = new Array();
97	$each($$('.arcordion'), function(el, ind) {
98		myAccordions[ind] = new Fx.Accordion(el.getElements('.toggler'), el.getElements('.content'), {
99			display: -1,
100			alwaysHide: true
101		});
102	});
103	
104
105	$("openbox").fireEvent("click");
106});
107//-->
108	</script>

108
109	<meta name="Description" content=" " />
110	<meta name="Keywords" content=" " />
111</head>
112
113<body id="body_tag" class="lang_de">
114<div id="wrapper">
115<div id="outer_page">
116	<div id="page">
117		<div id="head">
118			<h1 id="logo"><a href="/de/"><span>colibriweb.com</span></a></h1>
119			<a href="/de/" id="vogel"><span>Zwitscher</span></a>
120		</div>
121		<div id="body">
122			<h2 class="main unternehmen" id="toggler_unternehmen"><a href="/de/unternehmen/">UNTERNEHMEN</a></h2>
123			<div class="content unternehmen" id="content_unternehmen">
124				<div class="subnav">
125<ul>
126	<li class="first cont_1 standort"><div><a href="/de/unternehmen/standort.php"><span>Standort</span></a></div></li>
127</ul>				</div>
128				<div class="inner_content">
129&nbsp;				</div>
130				<hr class="cleaner" />
131			</div>
132            			<h2 class="main dienstleistungen" id="toggler_dienstleistungen"><a href="/de/dienstleistungen/">DIENSTLEISTUNGEN</a></h2>
133			<div class="content dienstleistungen" id="content_dienstleistungen">
134				<div class="subnav">
135<ul>
136	<li class="first cont_1 voip"><div><a href="/de/dienstleistungen/voip.php"><span>VoIP Telefonie</span></a></div></li>
137</ul>				</div>
138				<div class="inner_content">
139&nbsp;				</div>
140				<hr class="cleaner" />
141			</div>
142            			<h2 class="main wissenswert" id="toggler_wissenswert"><a href="/de/wissenswert/">WISSENSWERT</a></h2>
143			<div class="content wissenswert" id="content_wissenswert">
144				<div class="subnav">
145<ul>
146	<li class="first cont_1 faq"><div><a href="/de/wissenswert/faq.php"><span>FAQ</span></a></div></li>
147	<li class="last cont_1 produkte"><div><a href="/de/wissenswert/produkte.php"><span>Produkte</span></a></div></li>
148</ul>				</div>
149				<div class="inner_content">
150&nbsp;				</div>
151				<hr class="cleaner" />
152			</div>
153            			<h2 class="main kontakt" id="toggler_kontakt"><a href="/de/kontakt/">KONTAKT</a></h2>
154			<div class="content kontakt" id="content_kontakt">
155				<div class="subnav">
156<ul>
157	<li class="first cont_1 lageplan"><div><a href="/de/kontakt/lageplan.php"><span>Lageplan</span></a></div></li>
158</ul>				</div>
159				<div class="inner_content">
160&nbsp;				</div>
161				<hr class="cleaner" />
162			</div>
163                      <div id="outer_content">
164<p style="text-align:justify">Colibri New Media ist Ihr Spezialist für das Konzipieren, Planen und Realisieren von Lösungen im Hard- und Softwarebereich sowie für Multimedia.</p>
165
166<!-- 
167<p style="display: none;"><a href="#mb_inline" rel="lightbox[inline 480 240]" id="openbox">show inline box</a></p>
168<div id="mb_inline" style="display: none;">
169	<h2>Liebe Colibri Kunden und Freunde</h2>
170	<p>Im Januar strukturieren wir um: Unsere Web-Dienstleistungen sind neu vollständig bei <a href="http://valencia.ag" class="new_window">Valencia Kommunikation</a> integriert.</p>
171	<p>Für Internet-Anliegen stehe ich in meiner neuen Funktion als Digital Media Director bei Valencia als Ansprechspartner gerne zur Verfügung.</p>
172	<p>Als Geschäftsführer von Colibri bin ich nach wie vor mit Beratung und Support rund um Multimedia und IT zur Stelle.</p>
173	<p><em>Philipp Heitz</em></p>
174</div>
175-->
176
177			</div>
178		</div>
179<!--		<div id="spinner" class="spinner">
180			<div class="spinner-img"> &nbsp; </div>
181			<div class="spinner-msg">laden...</div>
182		</div>
183 -->		<div id="ticker"> &nbsp; </div>
184		<div id="foot">
185<p class="adress">Colibri New Media GmbH, Wallstrasse 12, CH-4051 Basel &nbsp; T: +41 / 61 331 37 73  F: +41 / 61 331 37 70, <span title="info|comail||ch" class="enc_email">info [at] comail[dot]ch</span></p>		</div>
186	</div>
187</div>
188</div>
189</body>
190</html>