-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·495 lines (466 loc) · 27.5 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
<!DOCTYPE html>
<html lang="de-de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=0.5">
<meta name="description" content="Wir, die St.-Martins-Chorknaben Biberach, sind ein vollständig besetzer Knabenchor mit Jungs im Alter von 7 bis 25.">
<meta name="viewport" content="target-densitydpi=device-dpi">
<meta name="HandheldFriendly" content="true"/>
<meta name="keywords" content="Chorknaben,Biberach,St. Martin,singen">
<title>Chorknaben Biberach</title>
<!--[if lt IE 9]><script src="https://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<link rel="stylesheet" type="text/css" href="reset.css" />
<link rel="stylesheet" type="text/css" href="general.css" />
<link rel="Shortcut Icon" href="img/favicon.ico">
<link href='https://fonts.googleapis.com/css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css'>
<!-- IE Polyfills -->
<!--[if lte IE 8]><script src="code/ie-opacity-polyfill.js"></script>
<link rel="stylesheet" type="text/css" href="ie.css"/>
<script type="text/javascript" src="code/selectivizr-min.js"></script>
<script type="text/javascript" src="code/classlist.polyfill.js"></script>
<script src="svg.js"></script>
<script>window.ie = true;
(function (window, document) {
function Event(e, element) {
var instance = this;
for (property in e) {
instance[property] = e[property];
}
instance.currentTarget = element;
instance.target = e.srcElement || element;
instance.timeStamp = +new Date;
instance.preventDefault = function () {
e.returnValue = false;
};
instance.stopPropagation = function () {
e.cancelBubble = true;
};
}
function addEventListener(type, listener) {
var
element = this,
listeners = element.listeners = element.listeners || [],
index = listeners.push([listener, function (e) {
listener.call(element, new Event(e, element));
}]) - 1;
element.attachEvent('on' + type, listeners[index][1]);
}
function removeEventListener(type, listener) {
for (var element = this, listeners = element.listeners || [], length = listeners.length, index = 0; index < length; ++index) {
if (listeners[index][0] === listener) {
element.detachEvent('on' + type, listeners[index][1]);
}
}
}
window.addEventListener = document.addEventListener = addEventListener;
window.removeEventListener = document.removeEventListener = removeEventListener;
if ('Element' in window) {
Element.prototype.addEventListener = addEventListener;
Element.prototype.removeEventListener = removeEventListener;
} else {
var
head = document.getElementsByTagName('head')[0],
style = document.createElement('style');
head.insertBefore(style, head.firstChild);
style.styleSheet.cssText = '*{-ms-event-prototype:expression(!this.addEventListener&&(this.addEventListener=addEventListener)&&(this.removeEventListener=removeEventListener))}';
}
})(window, document) && scrollBy(0, 0);
if (!Array.prototype.filter) {
Array.prototype.filter = function(fun/*, thisArg*/) {
'use strict';
if (this === void 0 || this === null) {
throw new TypeError();
}
var t = Object(this);
var len = t.length >>> 0;
if (typeof fun !== 'function') {
throw new TypeError();
}
var res = [];
var thisArg = arguments.length >= 2 ? arguments[1] : void 0;
for (var i = 0; i < len; i++) {
if (i in t) {
var val = t[i];
// NOTE: Technically this should Object.defineProperty at
// the next index, as push can be affected by
// properties on Object.prototype and Array.prototype.
// But that method's new, and collisions should be
// rare, so use the more-compatible alternative.
if (fun.call(thisArg, val, i, t)) {
res.push(val);
}
}
}
return res;
};
}
var $buoop = {vs:{i:8,f:15,o:12.1,s:5.1},c:2};
function $buo_f(){
var e = document.createElement("script");
e.src = "//browser-update.org/update.js";
document.body.appendChild(e);
};
window.attachEvent("onload", $buo_f)
</script>
<![endif]-->
<script type="text/javascript" src="code/libs.js"></script>
<script type="text/javascript" src="code/core.js"></script>
<script type="text/javascript" src="code/imageslider.js"></script>
</head>
<body>
<div id="bg"></div>
<div class="header" id="hMain">
<div class="imgcontainer">
<a href="#!/">
<img alt="Chorknaben Biberach Logo" src="/img/header-icon.jpg" id="header-img" width="40" height="40" />
</a>
</div>
<a class="ctitle" href="#!/">
St.-Martins-Chorknaben Biberach
</a>
<div class="header-nav">
<a id="nav-uberuns" href="#!/uberuns">Über uns</a>
<a id="nav-stiftung" href="#!/stiftung">Stiftung</a>
<a id="nav-presse" href="#!/presse">Presse</a>
<a id="nav-musik" href="#!/musik">Musik</a>
<a id="nav-bilder" href="#!/bilder">Bilder</a>
</div>
<div class="header-nav-dropdown-icon">
<img alt="Weiteres.." src="/img/arr_down.png" />
</div>
<ul class="header-nav-dropdown">
<li><a id="nav-shop" href="#!/shop">Shop</a></li>
<li><a id="nav-kalender" href="#!/kalender">Kalender</a></li>
<li><a id="nav-unterstutzen" href="#!/unterstutzen">Unterstützen</a></li>
</ul>
</div>
<div id="loading-screen"></div>
<div class="tilecontainer">
<div class="x-3" id="bigtile1">
<div class="tile-scaling addmargin"></div>
<div class="tile-content bigtile-content" id="7" >
<a id="link-bilder" href="#!/bilder">
<div id="imageslider"></div>
<div class="hoveroverlay tileov"></div>
</a>
</div>
</div>
<!--<div class="tile-column">-->
<div class="smalltiles">
<div class="stdtile x-0">
<div class="tile-scaling"></div>
<div id="1" class="tile-content" >
<a href="#!/uberuns">
<div class="hoveroverlay tileov"></div>
<img src="img/ueber_uns.svg" alt="Über uns"/></a>
<!-- Inhalt -->
</div>
</div>
<div class="stdtile x-1">
<div class="tile-scaling"></div>
<div id="2" class="tile-content">
<a href="#!/stiftung">
<div class="hoveroverlay tileov"></div>
<img src="img/stiftung.svg" alt="Stiftung"/>
</a>
<!-- Inhalt -->
</div>
</div>
<div id="tile-presse" class="stdtile x-2">
<div class="tile-scaling"></div>
<div id="3" class="tile-content" >
<a href="#!/presse">
<div class="hoveroverlay tileov"></div>
<img src="img/presse.svg" alt="Presse" />
</a>
</div>
</div>
<!--</div>-->
<!--<div class="tile-column m10">-->
<div class="stdtile m10 x-0">
<div class="tile-scaling"></div>
<div id="4" class="tile-content">
<a href="#!/musik">
<div class="hoveroverlay tileov"></div>
<img src="img/musik.svg" alt="Musik" />
</a>
</div>
</div>
<div class="stdtile m10 x-1">
<div class="tile-scaling"></div>
<div id="5" class="tile-content">
<a href="#!/shop">
<div class="hoveroverlay tileov"></div>
<img src="img/shop.svg" alt="Shop" />
</a>
</div>
</div>
<div class="stdtile m10 x-2">
<div class="tile-scaling"></div>
<div id="6" class="tile-content">
<a href="#!/kalender">
<div class="hoveroverlay tileov"></div>
<img id="icon-kalender" src="img/kalender.svg.png" alt="Kalender" />
</a>
</div>
</div>
<a href="#!/unterstutzen" class="bottomtile left">
<div class="placaca">
<div class="bottomcontentoffset">
Wir könnten Ihre <span id="unterstutzung">Unterstützung</span> brauchen.
</div>
</div>
</a>
<div class="bottomtile right">
<div id="controls">
<p class="up">▲</p>
<p class="down">▼</p>
</div>
<ul id="newsticker">
</ul>
</div>
</div>
<!--</div>-->
</div>
<div id="result"></div>
<div id="footer">
<div class="footer-left">
<a href="#!/">
<span class="v-top">SITEMAP</span>
</a>
<img class="translation-icon" id="de" src="/img/icon-deutschland.jpg" alt="English" />
<img class="translation-icon" id="en" src="/img/icon-england.jpg" alt="English" />
</div>
<div class="footer-right">
<a id="btnimpressum" class="v-top" href="#!/"><b>FEEDBACK UND IMPRESSUM</b></a>
</div>
<a id="startst" href="#!/">STARTSEITE</a>
<div id="infoarea">
<div class="infocontent">
<div class="infouberuns">
<h1>Kontaktiere uns!</h1>
<p>Interesse am Mitsingen? Lob oder Kritik verbreiten? Sonst irgendetwas loswerden wollen? Wir sind (fast!) immer für dich da!
<table>
<tr>
<td>Anschrift</td>
<td>St.-Martins-Chorknaben Biberach<br>Kirchplatz 4<br>88400 Biberach</td>
</tr>
<tr>
<td>Telefon</td>
<td>+49 7351 76559</td>
</tr>
<tr>
<td>E-Mail</td>
<td><a class="bluelink" href="mailto:info@chorknaben-biberach.de">info@chorknaben-biberach.de</a><br><a class="bluelink" href="mailto:feedback@chorknaben-biberach.de">feedback@chorknaben-biberach.de</a></td>
</tr>
<tr>
<td>Facebook</td>
<td><a class="bluelink" href="https://www.facebook.com/pages/Chorknaben-Biberach/323568291001577">Unsere Seite</a></td>
</tr>
</table>
</div>
<div class="infositemap">
<h1>Sitemap</h1>
<ul>
<li><a href="#!/uberuns">Über uns</a></li>
<li><a href="#!/uberuns/reise">Über uns - Konzertreise</a></li>
<li><a href="#!/uberuns/team">Über uns - Team</a></li>
<li><a href="#!/uberuns/timeline">Über uns - Chorgeschichte</a></li>
<li><a href="#!/stiftung">Stiftung</a></li>
<li><a href="#!/presse">Presse</a></li>
<li><a href="#!/musik">Musik</a></li>
<li><a href="#!/unterstutzen">Unterstützen</a></li>
<li><a href="#!/shop">Shop</a></li>
<li><a href="#!/bilder">Bilder</a></li>
<li><a href="#!/impressum">Impressum</a></li>
</ul>
</div>
</div>
</div>
<div id="feedback" class="nodisplay">
<h1>Impressum</h1>
<div class="impressum">
<div itemscope itemtype="http://schema.org/Organization">
<span itemprop="name">St.-Martins-Chorknaben Biberach</span><br>
<div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
<span itemprop="streetAddress">Kirchplatz 4</span><br>
<span itemprop="addressLocality">88400 Biberach</span><br>
</div>
<img id="logo" alt="Chorknaben Biberach Logo" src="/img/header-icon.jpg" itemprop="logo" />
<span itemprop="url" content="http://chorknaben-biberach.de"></span>
<table>
<tr>
<td>Telefon</td><td>Fax</td><td>E-Mail</td>
</tr>
<tr>
<td><span itemprop="telephone">+49 (0) 7351 / 76559</span></td>
<td>+49 (0) 7351 / 76559</td>
<td>
<a class="bluelink" href="mailto:info@chorknaben-biberach.de">info@chorknaben-biberach.de</a>
</td>
</tr>
</table>
</div>
<br/>
Hauptverantwortlicher: Georg Grab<br><br>
<div class="kleingedrucktes">
<h2>Disclaimer - rechtliche Hinweise</h2><h3>1. Haftungsbeschränkung</h3>Die Inhalte dieser Website werden mit größtmöglicher Sorgfalt erstellt. Der Anbieter übernimmt jedoch keine Gewähr für die Richtigkeit, Vollständigkeit und Aktualität der bereitgestellten Inhalte. Die Nutzung der Inhalte der Website erfolgt auf eigene Gefahr des Nutzers. Namentlich gekennzeichnete Beiträge geben die Meinung des jeweiligen Autors und nicht immer die Meinung des Anbieters wieder. Mit der reinen Nutzung der Website des Anbieters kommt keinerlei Vertragsverhältnis zwischen dem Nutzer und dem Anbieter zustande.<h3>2. Externe Links</h3>Diese Website enthält Verknüpfungen zu Websites Dritter ("externe Links"). Diese Websites unterliegen der Haftung der jeweiligen Betreiber. Der Anbieter hat bei der erstmaligen Verknüpfung der externen Links die fremden Inhalte daraufhin überprüft, ob etwaige Rechtsverstöße bestehen. Zu dem Zeitpunkt waren keine Rechtsverstöße ersichtlich. Der Anbieter hat keinerlei Einfluss auf die aktuelle und zukünftige Gestaltung und auf die Inhalte der verknüpften Seiten. Das Setzen von externen Links bedeutet nicht, dass sich der Anbieter die hinter dem Verweis oder Link liegenden Inhalte zu Eigen macht. Eine ständige Kontrolle der externen Links ist für den Anbieter ohne konkrete Hinweise auf Rechtsverstöße nicht zumutbar. Bei Kenntnis von Rechtsverstößen werden jedoch derartige externe Links unverzüglich gelöscht.<h3>3. Urheber- und Leistungsschutzrechte</h3>Die auf dieser Website veröffentlichten Inhalte unterliegen dem deutschen Urheber- und Leistungsschutzrecht. Jede vom deutschen Urheber- und Leistungsschutzrecht nicht zugelassene Verwertung bedarf der vorherigen schriftlichen Zustimmung des Anbieters oder jeweiligen Rechteinhabers. Dies gilt insbesondere für Vervielfältigung, Bearbeitung, Übersetzung, Einspeicherung, Verarbeitung bzw. Wiedergabe von Inhalten in Datenbanken oder anderen elektronischen Medien und Systemen. Inhalte und Rechte Dritter sind dabei als solche gekennzeichnet. Die unerlaubte Vervielfältigung oder Weitergabe einzelner Inhalte oder kompletter Seiten ist nicht gestattet und strafbar. Lediglich die Herstellung von Kopien und Downloads für den persönlichen, privaten und nicht kommerziellen Gebrauch ist erlaubt.<br><br>Die Darstellung dieser Website in fremden Frames ist nur mit schriftlicher Erlaubnis zulässig.<h3>4. Datenschutz</h3>Durch den Besuch der Website des Anbieters können Informationen über den Zugriff (Datum, Uhrzeit, betrachtete Seite) gespeichert werden. Diese Daten gehören nicht zu den personenbezogenen Daten, sondern sind anonymisiert. Sie werden ausschließlich zu statistischen Zwecken ausgewertet. Eine Weitergabe an Dritte, zu kommerziellen oder nichtkommerziellen Zwecken, findet nicht statt.<br><br>Der Anbieter weist ausdrücklich darauf hin, dass die Datenübertragung im Internet (z.B. bei der Kommunikation per E-Mail) Sicherheitslücken aufweisen und nicht lückenlos vor dem Zugriff durch Dritte geschützt werden kann.<br><br>Die Verwendung der Kontaktdaten des Impressums zur gewerblichen Werbung ist ausdrücklich nicht erwünscht, es sei denn der Anbieter hatte zuvor seine schriftliche Einwilligung erteilt oder es besteht bereits eine Geschäftsbeziehung. Der Anbieter und alle auf dieser Website genannten Personen widersprechen hiermit jeder kommerziellen Verwendung und Weitergabe ihrer Daten.<br><br><strong>Personenbezogene Daten</strong><br>Sie können unsere Webseite ohne Angabe personenbezogener Daten besuchen. Soweit auf unseren Seiten personenbezogene Daten (wie Name, Anschrift oder E-Mail Adresse) erhoben werden, erfolgt dies, soweit möglich, auf freiwilliger Basis. Diese Daten werden ohne Ihre ausdrückliche Zustimmung nicht an Dritte weitergegeben. Sofern zwischen Ihnen und uns ein Vertragsverhältnis begründet, inhaltlich ausgestaltet oder geändert werden soll oder Sie an uns eine Anfrage stellen, erheben und verwenden wir personenbezogene Daten von Ihnen, soweit dies zu diesen Zwecken erforderlich ist (Bestandsdaten). Wir erheben, verarbeiten und nutzen personenbezogene Daten soweit dies erforderlich ist, um Ihnen die Inanspruchnahme des Webangebots zu ermöglichen (Nutzungsdaten). Sämtliche personenbezogenen Daten werden nur solange gespeichert wie dies für den geannten Zweck (Bearbeitung Ihrer Anfrage oder Abwicklung eines Vertrags) erforderlich ist. Hierbei werden steuer- und handelsrechtliche Aufbewahrungsfristen berücksichtigt. Auf Anordnung der zuständigen Stellen dürfen wir im Einzelfall Auskunft über diese Daten (Bestandsdaten) erteilen, soweit dies für Zwecke der Strafverfolgung, zur Gefahrenabwehr, zur Erfüllung der gesetzlichen Aufgaben der Verfassungsschutzbehörden oder des Militärischen Abschirmdienstes oder zur Durchsetzung der Rechte am geistigen Eigentum erforderlich ist.<p><strong>Kommentarfunktionen</strong><br>Im Rahmen der Kommentarfunktion erheben wir personenbezogene Daten (z.B. Name, E-Mail) im Rahmen Ihrer Kommentierung zu einem Beitrag nur in dem Umfang wie Sie ihn uns mitgeteilt haben. Bei der Veröffentlichung eines Kommentars wird die von Ihnen angegebene Email-Adresse gespeichert, aber nicht veröffentlicht. Ihr Name wird veröffentlicht, wenn Sie nicht unter Pseudonym geschrieben haben.</p><p><strong>Datenschutzerklärung für den Webanalysedienst Google Analytics</strong><br>Diese Website benutzt Google Analytics, einen Webanalysedienst der Google Inc. ("Google"). Google Analytics verwendet sog. "Cookies", Textdateien, die auf Ihrem Computer gespeichert werden und die eine Analyse der Benutzung der Website durch Sie ermöglichen. Die durch den Cookie erzeugten Informationen über Ihre Benutzung dieser Website werden in der Regel an einen Server von Google in den USA übertragen und dort gespeichert. Wir haben die IP-Anonymisierung aktiviert. Auf dieser Webseite wird Ihre IP-Adresse von Google daher innerhalb von Mitgliedstaaten der Europäischen Union oder in anderen Vertragsstaaten des Abkommens über den Europäischen Wirtschaftsraum zuvor gekürzt. Nur in Ausnahmefällen wird die volle IP-Adresse an einen Server von Google in den USA übertragen und dort gekürzt. Im Auftrag des Betreibers dieser Website wird Google diese Informationen benutzen, um Ihre Nutzung der Website auszuwerten, um Reports über die Websiteaktivitäten zusammenzustellen und um weitere mit der Websitenutzung und der Internetnutzung verbundene Dienstleistungen gegenüber dem Websitebetreiber zu erbringen. Die im Rahmen von Google Analytics von Ihrem Browser übermittelte IP-Adresse wird nicht mit anderen Daten von Google zusammengeführt. Sie können die Speicherung der Cookies durch eine entsprechende Einstellung Ihrer Browser-Software verhindern; wir weisen Sie jedoch darauf hin, dass Sie in diesem Fall gegebenenfalls nicht sämtliche Funktionen dieser Website vollumfänglich werden nutzen können. Sie können darüber hinaus die Erfassung der durch das Cookie erzeugten und auf Ihre Nutzung der Website bezogenen Daten (inkl. Ihrer IP-Adresse) an Google sowie die Verarbeitung dieser Daten durch Google verhindern, indem sie das unter dem folgenden Link verfügbare Browser-Plugin herunterladen und installieren: <a href="http://tools.google.com/dlpage/gaoptout?hl=de" rel="nofollow">http://tools.google.com/dlpage/gaoptout?hl=de</a></p><p><strong>Auskunftsrecht</strong><br>Sie haben das jederzeitige Recht, sich unentgeltlich und unverzüglich über die zu Ihrer Person erhobenen Daten zu erkundigen. Sie haben das jederzeitige Recht, Ihre Zustimmung zur Verwendung Ihrer angegeben persönlichen Daten mit Wirkung für die Zukunft zu widerrufen. Zur Auskunftserteilung wenden Sie sich bitte an den Anbieter unter den Kontaktdaten im Impressum.</p><h3>5. Besondere Nutzungsbedingungen</h3><p>Soweit besondere Bedingungen für einzelne Nutzungen dieser Website von den vorgenannten Nummern 1. bis 4. abweichen, wird an entsprechender Stelle ausdrücklich darauf hingewiesen. In diesem Falle gelten im jeweiligen Einzelfall die besonderen Nutzungsbedingungen.</p>Quelle: <a href="http://www.juraforum.de/disclaimer_muster/" title="disclaimer">Disclaimer</a> von Juraforum.de.
</div>
</div>
<div class="feedback">
<h1>Feedback</h1>
<p>
Diese Seite wurde von Chorknaben erstellt. Komplett. Das Design, die Programmierung, das Interface, eben alles. Wir freuen uns daher sehr über Feedback. Einfach den Namen, die Art des Feedbacks und einen Text unten einfügen und abschicken. So können wir diese Seite stets weiterentwickeln und den Chor immer besser präsentieren. Wir freuen uns über ihren Beitrag. Grüße vom Entwicklerteam.
<a class="bluelink" href="mailto:feedback@chorknaben-biberach.de">feedback@chorknaben-biberach.de</a>
</p>
<!--<img src="/img/lorem-ipsum.jpg"/>-->
<form class="feedbackform">
<div>
<div class="formelm" id="linearform">
<input class="name formelm" type="text" name="name" placeholder="Name">
<select name="select" class="option formelm">
<option value="1" selected>Kritik</option>
<option value="2">Lob</option>
<option value="3">Vorschlag</option>
</select>
<br/>
<input class="email formelm" type="email" name="email" placeholder="E-Mail">
<br/>
<textarea class="formelm"></textarea>
<input type="submit" value="Absenden" class="submit formelm"/>
</div>
</div>
</form>
</div>
</div>
</div>
<span itemscope itemtype="http://schema.org/GeoCoordinates">
<meta itemprop="latitude" content="48.0989177" />
<meta itemprop="longitude" content="9.7896049" />
</span>
<div class="content-viewer nodisplay">
<div class="nodisplay" id="content-viewer-exit-button">
<img src="/img/close-thin.png" alt="Schließen" />
</div>
<div class="content-viewer-padding">
<h1></h1>
<h2></h2>
<div id="ccnt"></div>
</div>
</div>
<div class="image-viewer nodisplay">
<div class="opacity"></div>
<div class="bar">
<span id="image-title"></span>
<p id="chapter-info">
<span id="chapter-name">
<span id="chapter-name-main"></span>
<span id="chapter-name-caption"></span>
<span id="chapter-progress"></span>
</span>
</p>
<div class="handle"></div>
</div>
</div>
<div class="nodisplay" id="image-viewer-exit-button">
<img src="/img/close-thick.png" alt="Schließen" />
</div>
<div class="kalendar nodisplay">
<div id="calendar-area" >
</div>
<div id="calendar-info">
</div>
</div>
<div id="img-viewer-special" class="nodisplay">
<div class="chapter-info-inline">
<h1></h1>
<div class="chapter-info-inline-box">
<span class="chapter-info-inline-title">
</span>
<span class="chapter-info-inline-sub">
</span>
</div>
<p></p>
</div>
</div>
<!-- ev -->
<div itemscope itemtype="http://data-vocabulary.org/Event">
<a href="http://chorknaben-biberach.de/#!/kalender" itemprop="url">
<span itemprop="summary" content="Abendlied"></span>
</a>
<time itemprop="startDate" datetime="2015-02-24T19:15:00"></time>
<span itemprop="location" content="Stadtpfarrkirche St. Martin, Biberach an der Riß"></span>
<span itemprop="name" content="Abendlied"></span>
</div>
<div itemscope itemtype="http://data-vocabulary.org/Event">
<a href="http://chorknaben-biberach.de/#!/kalender" itemprop="url">
<span itemprop="summary" content="Familiengottesdienst"></span>
</a>
<time itemprop="startDate" datetime="2015-03-01T11:00:00"></time>
<span itemprop="location" content="Stadtpfarrkirche St. Martin, Biberach an der Riß"></span>
<span itemprop="name" content="Familiengottesdienst"></span>
</div>
<div itemscope itemtype="http://data-vocabulary.org/Event">
<a href="http://chorknaben-biberach.de/#!/kalender" itemprop="url">
<span itemprop="summary" content="Familiengottesdienst"></span>
</a>
<time itemprop="startDate" datetime="2015-03-15T11:00:00"></time>
<span itemprop="location" content="St. Josef/Biberach-Birkendorf"></span>
<span itemprop="name" content="Familiengottesdienst"></span>
</div>
<div itemscope itemtype="http://data-vocabulary.org/Event">
<a href="http://chorknaben-biberach.de/#!/kalender" itemprop="url">
<span itemprop="summary" content="Vorscholabeginn"></span>
</a>
<time itemprop="startDate" datetime="2015-03-17T15:30:00"></time>
<span itemprop="location" content="Gemeindehaus St. Martin, Biberach / Kirchplatz 4"></span>
<span itemprop="name" content="Vorscholabeginn"></span>
</div>
<div itemscope itemtype="http://data-vocabulary.org/Event">
<a href="http://chorknaben-biberach.de/#!/kalender" itemprop="url">
<span itemprop="summary" content="Abendlied"></span>
</a>
<time itemprop="startDate" datetime="2015-03-31T19:15:00"></time>
<span itemprop="location" content="Stadtpfarrkirche St. Martin, Biberach an der Riß"></span>
<span itemprop="name" content="Abendlied"></span>
</div>
<!-- ev -->
<script type="text/template" id="calendar-template">
<div class="clndr-grid">
<div class="controls">
<div class="clndr-previous-button">‹</div>
<div class="month"><%= month %></div>
<div class="clndr-next-button">›</div>
</div>
<div class="days-of-the-week clearfix">
<% _.each(daysOfTheWeek, function(day) { %>
<div class="header-day"><%= day %></div>
<% }); %>
</div>
<div class="days clearfix">
<%
_.each(days, function(day) { %>
<div class="<%= day.classes %>" id="<%= day.id %>"><span class="day-number"><%= day.day %></span></div>
<% }); %>
</div>
</div>
<div class="event-listing">
<div class="event-listing-title">AUFTRITTE DIESEN MONAT:</div>
<% _.each(eventsThisMonth, function(event) { %>
<div class="event-item <%= moment(event.date, 'YYYY-MM-DD').format('DD') %>">
<div class="event-item-name"><%= event.title %>, <%= moment(event.date, "YYYY-MM-DD").format("DD.MM.YYYY") %></div>
<div class="event-item-location"><%= event.location %>, <%= event.time.replace('.',':') %></div>
</div>
<% }); %>
</div>
</script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-59184088-1', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>