Inhaltsverzeichnis

Breitband Atlas Codes

Template Codes für den Breitbandatlas

Templates

<!DOCTYPE html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"  id="page-[[*id]]" lang="[[++cultureKey]]"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8"  id="page-[[*id]]" lang="[[++cultureKey]]"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" id="page-[[*id]]"  lang="[[++cultureKey]]"> <![endif]-->
<!--[if gt IE 8]><!--> <html lang="[[++cultureKey]]"  id="page-[[*id]]"> <!--<![endif]-->
<head>
<base href="[[++site_url]]" />
<meta charset="[[++modx_charset:lcase]]" />
<meta name="description" content="[[*introtext:empty=`[[*description:strip_tags]]`:limit=`200`]]" />
<meta name="author" content="BreitbandConsulting.NRW" />
<meta name="keywords" content="" />
<!-- Set the viewport width to device width for mobile -->
<meta name="viewport" content="width=device-width" />
<title>[[*pagetitle]] - [[++site_name]]</title>
 
<link rel="alternate" type="application/rss+xml" title="RSS" href="[[++site_url]]rss-feed.rss" />
 
 
 
<!-- Included CSS Files -->
<link rel="stylesheet" href="[[++site_url]]assets/templates/foundation_modx/stylesheets/foundation.css" >
<link rel="stylesheet" href="[[++site_url]]assets/templates/foundation_modx/stylesheets/app.css">
<link rel="stylesheet" href="[[++site_url]]assets/templates/foundation_modx/stylesheets/nga-atlas.css">
<link rel="stylesheet" href="[[++site_url]]assets/templates/foundation_modx/stylesheets/print.css" media="print">
<!--[if lt IE 9]>
<link rel="stylesheet" href="[[++site_url]]assets/templates/foundation_modx/stylesheets/ie.css">
<![endif]-->
 
<script src="[[++site_url]]assets/templates/foundation_modx/javascripts/respond.min.js"></script>
<!-- IE Fix for HTML5 Tags -->
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!--[if lt IE 8]>
<link rel="stylesheet" href="[[++site_url]]assets/templates/foundation_modx/stylesheets/ie-7.css">
<![endif]-->
 
 
</head>
<body>
<a name="top"></a>
<header >
[[$menu-mobile]]
<div id="header" class="row white">
<div class="row">
<div class="one columns" id="nrw-logo">
<h2><a href="http://www.nrw.de/" target="_top" title="Zum Landesportal-Nordrhein Westfalen" class="left"><span></span>Landesportal Nordrhein-Westfalen</a></h2>
</div>
<div class="four columns offset-by-seven" id="breitband-logo">
<h1><a href="/" title="Breitband.NRW"><span></span>Breitband.NRW</a></h1>
</div>
<div class="four columns offset-by-seven show-on-print" id="breitband-logo-print">
<img src="[[++site_url]]assets/templates/foundation_modx/img/breitband-print-logo.png" />
</div>
</div><!-- / first row -->
 
[[$menu-flyout]]	
 
</div><!-- / #header -->
</header>
 
<div class="container">
<!-- breadcrumb -->
<div class="row" id="breadc">
<div class="nine columns">
[[$breadcrumbs]]
</div>
</div>

Startseite

[[!getCache?
&element=`template_header_ngaa`
&elementClass=`modChunk`
&cacheExpires=`0`
]]
 
<section class="row pagebody"  id="pagebody-785">
<div class="twelve columns">
<div class="row">
 
<!-- obere haelfte -->
 
<div id="page" class="twelve columns ngaa-atlas" >
<article>
 
[[!getCache?
&element=`ngaa-hilfe-nrw`
&elementClass=`modChunk`
&cacheExpires=`0`
]]
 
<h1>[[*pagetitle]]</h1>
<div class="content white">
<div class="row">
 
  <div class="six columns">
    [[*content]]
    <h4>Legende</h4>
<p class="ngaa-legend">Breitbandverfügbarkeit in % der Haushalte mit<br> Anschlussqualität &ge; 50 Mbit/s </p>
  </div><!-- /six -->
 
  <div class="six columns">
[[!getCache?
&element=`ngaa-nrwdaten`
&elementClass=`modChunk`
&cacheExpires=`0`
]]
[[!getCache?
&element=`ngaa-allekreisdaten`
&elementClass=`modChunk`
&cacheExpires=`0`
]]
 <!-- correct without static -->
</div><!-- /six -->
 
</div><!-- /row -->
</div><!-- / content white -->
</article>
</div><!-- / #page twelve columns -->
 
<!-- untere haelfte -->
 
<div class="twelve columns" style="margin-bottom: 4em;">
[[!getCache?
&element=`ngaa-atlas-kreiskarte`
&elementClass=`modChunk`
&cacheExpires=`0`
]]
[[!getCache?
&element=`ngaa-nrwsvgkarte-legende`
&elementClass=`modChunk`
&cacheExpires=`0`
]]
 
</div>
</div>
</div><!-- /twelve top-->
</section>
 
<a href="informieren/breitbandatlas-nrw.html#top" class="nach-oben hide-on-desktops">Nach oben <span></span></a>
[[!getCache?
&element=`template_footer_ngaa-startseite`
&elementClass=`modChunk`
&cacheExpires=`0`
]]

Städte

[[$template_header_ngaa]]
 
<section class="row pagebody"  id="pagebody-[[*id]]">
<div class="twelve columns">
<div class="row">
<div class="twelve columns ngaa-atlas-2" id="page">
<article>
 
[[$ngaa-hilfe-kreis?]]
 
 <h1>[[*pagetitle]]</h1>
 
 
<div class="ngaa-container">
 
<ul class="ngaa-tabs"> 
	<li class="active" rel="ngaa-tab1"> Überblick</li>
	<!--<li rel="ngaa-tab2"> Ausbaufortschritt</li>
	<li rel="ngaa-tab3"> Best Practice</li>-->
</ul>
 
<div class="ngaa-tab_container"> 
 
<!-- ngaa-tab1 --> 
 <div id="ngaa-tab1" class="tab_content"> 
<div class="row">
<div class="five columns"> 
   <ul class="tools">
 
     <li><strong>Einwohner: </strong> [[*ngaa-einwohner]]</li>
     <li><strong>Fläche: </strong>[[*ngaa-flaeche]] km²</td></li>
     <li><strong>Bevölkerungsdichte: </strong>[[*ngaa-bevoelkerungsdichte:runden]] Einwohner/km² </li>
     <li><strong>Kreisgliederung: </strong>[[*ngaa-anzahlgemeinden]] Städte und Gemeinden</li>
     <li class="ngaa-community-list">[[*ngaa-gemeindenliste]]</li>
     <li><strong>Regierungsbezirk: </strong>[[*ngaa-regbezirk]]</li>
     <li><strong>Website:</strong> <a href="[[*ngaa-website]]">[[*ngaa-website]]</a>
     </ul>
 
 <p>Für Stadtteile und Stadtbezirke stehen zur Zeit keine detaillierteren Angaben zur Verfügung.</p>
 
</div><!-- / five columns linke spalte -->
 
<div id="atlas" class="seven columns ngaa-map-2" style="background: url(/assets/templates/foundation_modx/img-atlas/[[*alias]]-bg.png) right top no-repeat;">
 
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0" y="0" viewBox="0 0 550 313" xml:space="preserve" style="width:509px; height:313px;">
<g id="map">
<path  fill="[[$colorchunk-stadt? &idx=`[[+idx]]`]]" stroke="#B1C800" stroke-linecap="round" stroke-miterlimit="10" d="[[*ngaa-mappoints-stadt?]]">
</g>
</svg>
 
 
<div class="ngaa-legend-box">
<h4>Legende</h4>
<p class="ngaa-legend">Breitbandverfügbarkeit in % der Haushalte mit<br> Anschlussqualität &ge; 50 Mbit/s </p>
</div>
 
</div><!-- / seven columns / #atlas -->
</div><!-- / row -->
 
<!--        ende daten und karte oben                   -->
 
[[$ngaa-stadtdaten?]]
 
</div>
<!-- / ngaa-tab1 -->
 
<!-- ngaa-tab2--> 
<div id="ngaa-tab2" class="tab_content"> 
<h3>Zweiter Tab</h3>
</div>
<!-- / ngaa-tab2 -->
 
<!-- ngaa-tab3--> 
<div id="ngaa-tab3" class="tab_content">
<h3>Dritter Tab</h3>
[[*ngaa-bestpracticedaten]]
</div>
<!-- / ngaa-tab3 -->
 
</div><!-- /ngaa-tab_container -->
 
<div class="content white">
<p>Quelle Daten: TÜV Rheinland, Wikipedia<br />
Stand: Für Städte & Gemeinden Mitte 2013 / für Kreise Mitte 2012 - alle Technologien (leitungsgebunden und drahtlos)</p> 
</div>
 
</div><!-- /ngaa-container -->
 
</article>
</div><!-- /twelve columns -->
</div>
</div><!-- /page-->
 
</section>
 
[[$template_footer_ngaa-kreis]]

Kreise

[[$template_header_ngaa]]
 
<section class="row pagebody"  id="pagebody-[[*id]]">
<div class="twelve columns">
<div class="row">
<div class="twelve columns ngaa-atlas-2" id="page">
<article>
 
[[$ngaa-hilfe-kreis?]]
 
 <h1>[[*pagetitle]]</h1>
 
 
<div class="ngaa-container">
 
<ul class="ngaa-tabs"> 
	<li class="active" rel="ngaa-tab1"> Überblick</li>
 
[[*ngaa-isreiter2:isequalto=`Ja`:then=`<li rel="ngaa-tab2"> Ausbaufortschritt</li>`:else=``]]
 
	<!-- <li rel="ngaa-tab3"> Best Practice</li>-->
</ul>
 
<div class="ngaa-tab_container"> 
 
<!-- ngaa-tab1 --> 
 <div id="ngaa-tab1" class="tab_content"> 
<div class="row">
<div class="five columns"> 
   <ul class="tools">
 
     <li><strong>Einwohner: </strong> [[*ngaa-einwohner]]</li>
     <li><strong>Fläche: </strong>[[*ngaa-flaeche]] km²</td></li>
     <li><strong>Bevölkerungsdichte: </strong>[[*ngaa-bevoelkerungsdichte:runden]] Einwohner/km² </li>
     <li><strong>Kreisgliederung: </strong>[[*ngaa-anzahlgemeinden]] Städte und Gemeinden</li>
     <li class="ngaa-community-list">[[*ngaa-gemeindenliste]]</li>
     <li><strong>Regierungsbezirk: </strong>[[*ngaa-regbezirk]]</li>
     <li><strong>Website:</strong> <a href="[[*ngaa-website]]">[[*ngaa-website]]</a>
     </ul>
 
 <p class="ngaa-click">Für Detailinformationen: <br />Klicken Sie auf ein Kartenelement.</p>
 
</div><!-- / five columns linke spalte -->
 
<div id="atlas" class="seven columns ngaa-map-2" style="background: url(/assets/templates/foundation_modx/img-atlas/[[*alias]]-bg.png) right top no-repeat;">
 
[[$ngaa-atlas-gemeindekarte?]]
 
<div class="ngaa-legend-box">
<h4>Legende</h4>
<p class="ngaa-legend">Durchschnitt Haushalte mit<br> Anschlussqualität &ge; 50 Mbit/s </p>
</div>
 
</div><!-- / seven columns / #atlas -->
</div><!-- / row -->
 
<!--        ende daten und karte oben                   -->
 
[[$ngaa-kreisdaten?]]
 
[[$ngaa-allegemeindedaten?]]
 
 
 
 
</div>
<!-- / ngaa-tab1 -->
 
 
[[*ngaa-isreiter2:isequalto=`Ja`:then=`
 
<div id="ngaa-tab2" class="tab_content"> 
<h3 style="color:#B1C800; margin-bottom: 30px;">Ausbau-Aktivitäten in [[*pagetitle]]</h3>
 
[[$nga-tabelle-kreise?]]
 
</div>
 
`:else=``]]
 
 
<!-- ngaa-tab3--> 
<div id="ngaa-tab3" class="tab_content">
<h3>Dritter Tab</h3>
[[*ngaa-bestpracticedaten]]
</div>
<!-- / ngaa-tab3 -->
 
 
</div><!-- /ngaa-tab_container -->
 
 [[$ngaa-nrwsvgkarte-legende-2?]]
 
</div><!-- /ngaa-container -->
 
</article>
</div><!-- /twelve columns -->
</div>
</div><!-- /page-->
 
</section>
 
[[$template_footer_ngaa-kreis]]

Gemeinde

[[$template_header_ngaa]]
 
<section class="row pagebody"  id="pagebody-[[*id]]">
<div class="twelve columns">
<div class="row">
<div class="three columns" id="main-navigation">
<nav class="row">
[[$wayfinderMain]]
</nav>
</div>
<div class="nine columns" id="page">
  <article>
 [[+publishedon:strtotime:date=`%d.%m.%Y` ]]
[[*longtitle:notempty=`<h2 class="single">[[*longtitle]]</h2>`]]
 <h1>[[*pagetitle]]</h1>
 
 
<div class="ngaa-container">
 
<ul class="ngaa-tabs"> 
	<li class="active" rel="ngaa-tab1"> Überblick</li>
</ul>
 
 <div class="ngaa-tab_container"> 
 
<!-- ngaa-tab1 --> 
 <div id="ngaa-tab1" class="tab_content"> 
 
<p>Hinweis: Dies ist der Ausbaustatus der Gemeinde [[*pagetitle]] im Kreis [[!GetParentTown]]. Wenn Sie den Status der Gemeinde Ahaus im Kontext des Kreises [[!GetParentTown]] sehen möchten: diesen finden Sie auf der <a href="[[~[[*parent]]]]" style="text-decoration:underline;">Seite des Kreises [[!GetParentTown]]</a>.</p> 
 
<hr class="ngaa-line" />
 
<h2>Ausbaustatus [[*pagetitle]]</h2>
 
<div class="row ngaa-status">
 
<!-- 2mbit -->
<div class="three columns">
<p class="ngaa-stats-legend"><strong>Anschlussqualität <br />&ge; 2 Mbit/s</strong></p>
<div class="ngaa-circle">
<svg version="1.1" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 
<circle cx="51" cy="51" r="50" class="ngaa-max"></circle>
<circle cx="51" cy="51" r="[[*ngaa-covergr2:div=`2`?]]" class="ngaa-kreisgemeinde" style="fill: [[$colorchunk-gr2-gm? &idx=`[[+idx]]`]];"></circle></circle>
</svg>
</div>
<h3 class="ngaa-stats">[[*ngaa-covergr2?]]%</h3>
</div>
 
<!-- 6mbit -->
<div class="three columns">
<p class="ngaa-stats-legend"><strong>Anschlussqualität <br />&ge; 6 Mbit/s</strong></p>
<div class="ngaa-circle">
<svg version="1.1" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 
<circle cx="51" cy="51" r="50" class="ngaa-max"></circle>
<circle cx="51" cy="51" r="[[*ngaa-covergr6:div=`2`?]]" class="ngaa-kreisgemeinde" style="fill: [[$colorchunk-gr6-gm? &idx=`[[+idx]]`]];"></circle></svg>
</div>
<h3 class="ngaa-stats">[[*ngaa-covergr6?]]%</h3>
 
</div>
 
<!-- 16mbit -->
<div class="three columns">
<p class="ngaa-stats-legend"><strong>Anschlussqualität <br />&ge; 16 Mbit/s</strong></p>
<div class="ngaa-circle">
<svg version="1.1" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 
<circle cx="51" cy="51" r="50" class="ngaa-max"></circle>
<circle cx="51" cy="51" r="[[*ngaa-covergr16:div=`2`?]]" class="ngaa-kreisgemeinde" style="fill: [[$colorchunk-gr16-gm? &idx=`[[+idx]]`]];"></circle>
</svg>
</div>
<h3 class="ngaa-stats">[[*ngaa-covergr16?]]%</h3>
</div>
 
<!--50mbit-->
 
<div class="three columns">
<p class="ngaa-stats-legend"><strong>Anschlussqualität  <br />&ge; 50 Mbit/s</strong></p>
<div class="ngaa-circle">
<svg version="1.1" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 
<circle cx="51" cy="51" r="50" class="ngaa-max"></circle>
<circle cx="51" cy="51" r="[[*ngaa-covergr50:div=`2`?]]" class="ngaa-kreisgemeinde" style="fill: [[$colorchunk-gm? &idx=`[[+idx]]`]];"></circle>
</svg>
</div>
<h3 class="ngaa-stats">[[*ngaa-covergr50?]]%</h3>
</div> 
 
</div><!-- / row ngaa-status-->   
 
</div>
<!-- / ngaa-tab1 -->
 
 
</div><!-- /ngaa-tab_container -->
 
 
 [[$ngaa-nrwsvgkarte-legende-2?]]
 
 
 </article>
</div><!-- /nine columns -->
 
 
 
 
</div>
</div><!-- /page-->
 
</section>
 
[[$template_footer_ngaa]]

Chunks

Für die Darstellung jeder Anschlußbandbreite gab es einen Chunk, der die Farbe der Gemeinde bzw. des Kreises oder der Stadt kreierte. Die Anschlußbandbreite wurde dabei in einer Abstufung von jeweils 20& wiedergegeben. Hellgrün für 100% Verfügbarkeit, Dunkelblaugrau für weniger als 20% Verfügbarkeit.

Colorchunk

[[+tv.ngaa-covergr50:lte=`20`:then=`#293C6C`:else=`[[+tv.ngaa-covergr50:lte=`40`:then=`#565C79`:else=`[[+tv.ngaa-covergr50:lte=`60`:then=`#787878`:else=`[[+tv.ngaa-covergr50:lte=`80`:then=`#939A4D`:else=`#B0C800`]]`]]`]]`]]

Colorchunk 16

[[+tv.ngaa-covergr16:lte=`20`:then=`#293C6C`:else=`[[+tv.ngaa-covergr16:lte=`40`:then=`#565C79`:else=`[[+tv.ngaa-covergr16:lte=`60`:then=`#787878`:else=`[[+tv.ngaa-covergr16:lte=`80`:then=`#939A4D`:else=`#B1C800`]]`]]`]]`]]

Colorchunk 16 Gemeinde

[[*ngaa-covergr16:lte=`20`:then=`#293C6C`:else=`[[*ngaa-covergr16:lte=`40`:then=`#565C79`:else=`[[*ngaa-covergr16:lte=`60`:then=`#787878`:else=`[[*ngaa-covergr16:lte=`80`:then=`#939A4D`:else=`#B1C800`]]`]]`]]`]]

Colorchunk 16 Stadt

[[*ngaa-covergr16:lte=`20`:then=`#293C6C`:else=`[[*ngaa-covergr16:lte=`40`:then=`#565C79`:else=`[[*ngaa-covergr16:lte=`60`:then=`#787878`:else=`[[*ngaa-covergr16:lte=`80`:then=`#939A4D`:else=`#B1C800`]]`]]`]]`]]

Alle folgenden Colorchunks für die anderen Anschlußbandbreiten unterscheiden sich nur in den Variablen:

Kreisdaten

[[!getPage?
   &elementClass=`modSnippet`
   &element=`getResources`
 
   &parents=`785`
   &depth=`0`
   &limit=`100`
   &pageVarKey=`page`
 
   &sortbyTV=`date`
   &sortdirTV=`ASC`
   &showHidden=`true`
   &showUnpublished=`true`
 
   &includeTVs=`1`
 
   &tpl=`ngaa-allekreisdaten_row`
 
]]

Alle Kreisdaten Row

Zum besseren Vergleich der Daten wurden diese kreisförmig dargestellt um das Abdeckungsprinzip begreifbarer zu machen. Die Statistikdaten wurden dabei durch 2 dividiert gerundet dargestellt. Und dies auf einer 100px Maximaldurchmesserbasis. 

<article id="[[+alias?]]" class="atlas detail" data-region="[[+pagetitle?]]" data-coverage="[[+tv.ngaa-covergr50]]%">
<div class="row">
<div class="eight columns">
<h3>[[+pagetitle?]]</h3>
<ul class="basisdaten">
<li><strong>Einwohner: </strong> [[+tv.ngaa-einwohner]]</li>
<li><strong>Fläche: </strong>[[+tv.ngaa-flaeche]] km²</li>
<li><strong>Bevölkerungsdichte: </strong>[[+tv.ngaa-bevoelkerungsdichte:limit=`6`]] Einwohner/km² </li>
<li><strong>Kreisgliederung: </strong>[[+tv.ngaa-anzahlgemeinden]] Städte und Gemeinden</li>
<li><strong>Regierungsbezirk: </strong>[[+tv.ngaa-regbezirk]]</li>
</ul>
<p class="ngaa-link"><a href="[[~[[+id]]]]" title="[[+pagetitle]]">Weitere Info</a></p>
</div> <!-- / eight -->
 
<div class="four columns">
<p class="ngaa-stats-legend"><strong>Anschlussqualität <br />&ge; 50 Mbit/s</strong></p>
<div class="ngaa-circle">
<svg version="1.1" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 
<circle cx="51" cy="51" r="50" class="ngaa-max"></circle>
<circle cx="51" cy="51" r="[[+tv.ngaa-covergr50:div=`2`?]]" class="ngaa-kreis" style="fill: [[$colorchunk? &idx=`[[+idx]]`]];"></circle>
<circle cx="51" cy="51" r="[[*ngaa-covergr50:div=`2`?]]" class="ngaa-durchschnitt" alt="Visualisierung Prozentanteil &ge; 50 Mbit/s" title="Anschlussqualität &ge; 50 Mbit/s: [[+tv.ngaa-covergr50]]% "></circle>
 
</svg>
</div>
<h3 class="ngaa-stats">[[+tv.ngaa-covergr50]]%</h3>
 
</div><!-- / four -->
	</div>
 </article>

Kreiskarte

<div id="atlas"> 
	<!-- Größe war 980px Breite  x 930 px Höhe -->
		<svg version="1.1" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0" y="0"  width="738" height="700"  viewBox="15 175 560 531">
 
[[!getCache?
 
   &element=`getResources`
 
   &parents=`785`
   &depth=`0`
   &limit=`100`
   &pageVarKey=`page`
 
   &sortbyTV=`date`
   &sortdirTV=`ASC`
   &showHidden=`true`
   &showUnpublished=`true`
 
   &includeTVs=`1`
 
   &tpl=`ngaa-atlas-kreiskarte_row`
 
]]
<!-- dynamische kreiskarte -->
[[$ngaa-nrw-umriss?]]
</svg>
</div>

Row

<g id="[[+alias]]">
<polygon fill="[[$colorchunk? &idx=`[[+idx]]`]]" stroke="#2A3D6D" points="[[+tv.ngaa-map-points]]" />
</g>

Gemeindedaten

[[!getResources?
   &parents=`[[*id]]`
   &depth=`1`
   &limit=`0`
 
   &sortbyTV=`pagetitle`
   &sortdirTV=`ASC`
   &showHidden=`true`
   &showUnpublished=`true`
 
   &includeTVs=`1`
   &processTVs=`1`
 
   &tpl=`ngaa-allegemeindedaten_row`
   &where=`{"template:IN":[33]}`
]]

Row

<article id="[[+alias?]]" class="atlas detail ngaa-toggle" data-region="[[+pagetitle?]]" data-coverage="[[+tv.ngaa-covergr50?]]%">
 
<h2>Ausbaustatus [[+pagetitle?]]</h2>
 
 
<div class="row ngaa-status">
 
 
<!-- 2 -->
<div class="statscolumn">
<p class="ngaa-stats-legend"><strong>Anschlussqualität <br />&ge; 2 Mbit/s</strong></p>
<div class="ngaa-circle">
<svg version="1.1" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 
<circle cx="51" cy="51" r="50" class="ngaa-max"></circle>
<circle cx="51" cy="51" r="[[+tv.ngaa-covergr2:div=`2`?]]" class="ngaa-kreisgemeinde" style="fill: [[$colorchunk-gr2? &idx=`[[+idx]]`]];"></circle>
<circle cx="51" cy="51" r="[[*ngaa-covergr2:div=`2`?]]" class="ngaa-durchschnitt" alt="Visualisierung Prozentanteil &ge; 2 Mbit/s" title="Anschlussqualität &ge; 2 Mbit/s: [[*ngaa-covergr2]]% "></circle>
</svg>
</div>
<h3 class="ngaa-stats">[[+tv.ngaa-covergr2?]]%</h3>
<h4 class="ngaa-stats-kreis">zu [[*ngaa-covergr2]]% im Kreis</h4>
 
</div>
 
<!-- 4 -->
<div class="statscolumn">
<p class="ngaa-stats-legend"><strong>Anschlussqualität <br />&ge; 6 Mbit/s</strong></p>
<div class="ngaa-circle">
<svg version="1.1" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 
<circle cx="51" cy="51" r="50" class="ngaa-max"></circle>
<circle cx="51" cy="51" r="[[+tv.ngaa-covergr6:div=`2`?]]" class="ngaa-kreisgemeinde" style="fill: [[$colorchunk-gr6? &idx=`[[+idx]]`]];"></circle>
<circle cx="51" cy="51" r="[[*ngaa-covergr6:div=`2`?]]" class="ngaa-durchschnitt" alt="Visualisierung Prozentanteil &ge; 6 Mbit/s" title="Anschlussqualität &ge; 6 Mbit/s: [[*ngaa-covergr6]]% "></circle>
</svg>
</div>
<h3 class="ngaa-stats">[[+tv.ngaa-covergr6?]]%</h3>
<h4 class="ngaa-stats-kreis">zu [[*ngaa-covergr6]]% im Kreis</h4>
</div>
 
<!-- 16 -->
<div class="statscolumn">
<p class="ngaa-stats-legend"><strong>Anschlussqualität <br />&ge; 16 Mbit/s</strong></p>
<div class="ngaa-circle">
<svg version="1.1" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 
<circle cx="51" cy="51" r="50" class="ngaa-max"></circle>
<circle cx="51" cy="51" r="[[+tv.ngaa-covergr16:div=`2`?]]" class="ngaa-kreisgemeinde" style="fill: [[$colorchunk-gr16? &idx=`[[+idx]]`]];"></circle>
<circle cx="51" cy="51" r="[[*ngaa-covergr16:div=`2`?]]" class="ngaa-durchschnitt" alt="Visualisierung Prozentanteil &ge; 16 Mbit/s" title="Anschlussqualität &ge; 16 Mbit/s: [[*ngaa-covergr16]]% "></circle>
</svg>
</div>
<h3 class="ngaa-stats">[[+tv.ngaa-covergr16?]]%</h3>
<h4 class="ngaa-stats-kreis">zu [[*ngaa-covergr16]]% im Kreis</h4>
</div>
 
<!-- 30 -->
<div class="statscolumn">
<p class="ngaa-stats-legend"><strong>Anschlussqualität <br />&ge; 30 Mbit/s</strong></p>
<div class="ngaa-circle">
<svg version="1.1" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 
<circle cx="51" cy="51" r="50" class="ngaa-max"></circle>
<circle cx="51" cy="51" r="[[+tv.ngaa-covergr30:div=`2`?]]" class="ngaa-kreisgemeinde" style="fill: [[$colorchunk-gr30? &idx=`[[+idx]]`]];"></circle>
<circle cx="51" cy="51" r="[[*ngaa-covergr30:div=`2`?]]" class="ngaa-durchschnitt" alt="Visualisierung Prozentanteil &ge; 30 Mbit/s" title="Anschlussqualität &ge; 30 Mbit/s: [[*ngaa-covergr30]]% "></circle>
</svg>
</div>
<h3 class="ngaa-stats">[[+tv.ngaa-covergr30?]]%</h3>
<h4 class="ngaa-stats-kreis">zu [[*ngaa-covergr30]]% im Kreis</h4>
</div>
 
<!-- 50 -->
<div class="statscolumn">
<p class="ngaa-stats-legend"><strong>Anschlussqualität  <br />&ge; 50 Mbit/s</strong></p>
<div class="ngaa-circle">
<svg version="1.1" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 
<circle cx="51" cy="51" r="50" class="ngaa-max"></circle>
<circle cx="51" cy="51" r="[[+tv.ngaa-covergr50:div=`2`?]]" class="ngaa-kreisgemeinde" style="fill: [[$colorchunk? &idx=`[[+idx]]`]];"></circle>
<circle cx="51" cy="51" r="[[*ngaa-covergr50:div=`2`?]]" class="ngaa-durchschnitt" alt="Visualisierung Prozentanteil &ge; 50 Mbit/s" title="Anschlussqualität  &ge; 50 Mbit/s: [[*ngaa-covergr50]]% "></circle>
</svg>
</div>
<h3 class="ngaa-stats">[[+tv.ngaa-covergr50?]]%</h3>
<h4 class="ngaa-stats-kreis">zu [[*ngaa-covergr50]]% im Kreis</h4>
</div>
 
</div><!-- / row ngaa-status-->
</article>
<!-- / article / [[+alias]] -->

Gemeindekarte

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0" y="0" viewBox="0 0 550 313" xml:space="preserve" style="width:509px; height:313px;">
<g id="map">

[[!getResources?
   &parents=`[[*id]]`
   &depth=`1`
   &limit=`0`
   &sortbyTV=`pagetitle`
   &sortdirTV=`ASC`
   &showHidden=`true`
   &showUnpublished=`true`
 
   &includeTVs=`1`
   &processTVs=`1`
 
   &tpl=`ngaa-atlas-gemeindekarte_row`
   &where=`{"template:IN":[33]}`
]]
</g>
</svg>

Row

<polygon id="[[+alias]]" fill="[[$colorchunk? &idx=`[[+idx]]`]]" stroke="#B1C800" points="[[+tv.ngaa-map-points]]" />

Stadtdaten

<article id="overview">
<h2>Ausbaustatus [[*pagetitle]]</h2>

<div class="row ngaa-status">

<div class="three columns">
<p class="ngaa-stats-legend"><strong>Anschlussqualität <br />&ge; 2 Mbit/s</strong></p>
<div class="ngaa-circle">
<svg version="1.1" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">

<circle cx="51" cy="51" r="50" class="ngaa-max"></circle>
<circle cx="51" cy="51" r="[[*ngaa-covergr2:div=`2`?]]" class="ngaa-kreisgemeinde" style="fill: [[$colorchunk-gr2-stadt? &idx=`[[+idx]]`]];"></circle>
<!-- [[getResourceField? &id=`785`]] -->
<circle cx="51" cy="51" r="49" class="ngaa-durchschnitt" alt="Visualisierung Prozentanteil &ge; 2 Mbit/s" title="Anschlussqualität &ge; 2 Mbit/s: [[getResourceField? &isTV=`1` &id=`785` &field=`ngaa-covergr2` &processTV=`1` &default=`10`]] "></circle>
</svg>
</div>
<h3 class="ngaa-stats">[[*ngaa-covergr2?]]%</h3>
<h4 class="ngaa-stats-kreis">zu [[getResourceField? &isTV=`1` &id=`785` &field=`ngaa-covergr2` &processTV=`1` &default=`Error`]]% im Land NRW</h4>

</div>

<div class="three columns">
<p class="ngaa-stats-legend"><strong>Anschlussqualität <br />&ge; 6 Mbit/s</strong></p>
<div class="ngaa-circle">
<svg version="1.1" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">

<circle cx="51" cy="51" r="50" class="ngaa-max"></circle>
<circle cx="51" cy="51" r="[[*ngaa-covergr6:div=`2`?]]" class="ngaa-kreisgemeinde" style="fill: [[$colorchunk-gr6-stadt? &idx=`[[+idx]]`]];"></circle>
<circle cx="51" cy="51" r="47" class="ngaa-durchschnitt" alt="Visualisierung Prozentanteil &ge; 6 Mbit/s" title="Anschlussqualität &ge; 6 Mbit/s: [[getResourceField? &isTV=`1` &id=`785` &field=`ngaa-covergr6` &processTV=`1` &default=`100`]]% "></circle>
</svg>
</div>
<h3 class="ngaa-stats">[[*ngaa-covergr6?]]%</h3>
<h4 class="ngaa-stats-kreis">zu [[getResourceField? &isTV=`1` &id=`785` &field=`ngaa-covergr6` &processTV=`1` &default=`Error`]]% im Land NRW</h4>

</div>

<div class="three columns">
<p class="ngaa-stats-legend"><strong>Anschlussqualität <br />&ge; 16 Mbit/s</strong></p>
<div class="ngaa-circle">
<svg version="1.1" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">

<circle cx="51" cy="51" r="50" class="ngaa-max"></circle>
<circle cx="51" cy="51" r="[[*ngaa-covergr16:div=`2`?]]" class="ngaa-kreisgemeinde" style="fill: [[$colorchunk-gr16-stadt? &idx=`[[+idx]]`]];"></circle>
<circle cx="51" cy="51" r="40" class="ngaa-durchschnitt" alt="Visualisierung Prozentanteil &ge; 16 Mbit/s" title="Anschlußqualität &ge; 16 Mbit/s: [[getResourceField? &isTV=`1` &id=`785` &field=`ngaa-covergr16` &processTV=`1` &default=`Error`]]% "></circle>
</svg>
</div>
<h3 class="ngaa-stats">[[*ngaa-covergr16?]]%</h3>
<h4 class="ngaa-stats-kreis">zu [[getResourceField? &isTV=`1` &id=`785` &field=`ngaa-covergr16` &processTV=`1` &default=`Error`]]% im Land NRW</h4>
</div>

<div class="three columns">
<p class="ngaa-stats-legend"><strong>Anschlussqualität <br />&ge; 50 Mbit/s</strong></p>
<div class="ngaa-circle">
<svg version="1.1" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">

<circle cx="51" cy="51" r="50" class="ngaa-max"></circle>
<circle cx="51" cy="51" r="[[*ngaa-covergr50:div=`2`?]]" class="ngaa-kreisgemeinde" style="fill: [[$colorchunk-stadt? &idx=`[[+idx]]`]];"></circle>
<circle cx="51" cy="51" r="[[getResourceField:div=`2`? &isTV=`1` &id=`785` &field=`ngaa-covergr50` &processTV=`1` &default=`Error`]]" class="ngaa-durchschnitt" alt="Visualisierung Prozentanteil &ge; 50 Mbit/s" title="Anschlußqualität &ge; 50 Mbit/s: [[getResourceField? &isTV=`1` &id=`785` &field=`ngaa-covergr50` &processTV=`1` &default=`Error`]]% "></circle>
</svg>
</div>
<h3 class="ngaa-stats">[[*ngaa-covergr50?]]%</h3>
<h4 class="ngaa-stats-kreis">zu [[getResourceField? &isTV=`1` &id=`785` &field=`ngaa-covergr50` &processTV=`1` &default=`Error`]]% im Land NRW</h4>
</div>

</div><!-- / row ngaa-status-->
</article>
<!-- / article / [[+alias]] -->

NRW SVG Karte

<div id="atlas"> 
	<!-- Größe war 980px Breite  x 930 px Höhe -->
		<svg version="1.1" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0" y="0"  width="738" height="700"  viewBox="15 175 560 531">
			<g id="wuppertal">
				<polygon fill="#BED12B" stroke="#B1C800" points="245.159,486.389 244.199,483.391 240.002,481.113 240.002,467.921 229.569,473.438 224.892,472.238 224.892,467.681 215.658,469.84 208.463,479.434 201.267,481.712 206.784,485.91 203.906,488.788 205.824,491.666 214.579,490.467 218.776,500.9 224.532,490.587 234.126,488.188 242.52,493.465" />
			</g>
			<g id="wesel">
				<polygon fill="#949B4E" stroke="#B1C800" points="132.472,347 135.99,345.401 143.265,352.677 146.703,349.239 154.378,350.998 158.295,354.915 163.012,354.915 164.931,358.513 170.847,356.434 172.446,363.469 179.322,364.909 180.121,368.266 192.113,364.749 196.111,372.744 190.994,380.578 190.994,391.131 185.238,391.771 180.121,396.888 184.598,398.966 178.522,403.124 170.847,413.037 157.256,406.801 155.177,410.799 158.216,415.915 148.142,419.113 149.901,424.23 153.578,424.23 154.378,432.385 152.459,442.138 146.703,439.1 146.703,445.016 137.269,445.016 133.672,441.419 130.394,436.542 130.394,426.788 122.079,414.796 122.079,411.758 126.556,413.677 127.675,409.999 124.797,407.121 129.194,402.724 119.681,400.245 116.722,403.204 112.325,403.204 112.325,396.728 104.171,393.85 106.729,392.251 100.493,386.015 109.927,383.137 114.084,374.502 109.927,370.345 120.8,360.911 120.8,368.426 126.556,371.464 130.553,367.467 130.553,359.472 137.109,356.914" />
			</g>
			<g id="warendorf">
				<polygon fill="#797979" stroke="#B1C800" points="295.166,346.86 300.922,338.406 309.377,339.065 306.379,332.589 316.512,334.388 319.39,328.872 313.574,317.839 315.913,310.584 309.938,301.655 318.182,286.173 324.214,286.173 338.898,291.356 341.456,299.191 350.41,303.668 358.245,295.834 367.199,299.031 364.601,309.504 368.918,312.143 368.918,323.176 377.313,330.011 374.794,335.887 382.829,347.4 381.15,353.396 386.307,355.075 389.545,360.951 388.705,366.227 395.661,370.904 397.579,378.22 393.862,390.452 387.506,393.21 378.992,392.97 382.349,384.216 377.672,384.815 367.839,378.819 364.601,382.057 346.733,376.901 342.176,381.458 334.86,381.458 333.181,375.581 327.425,374.262 317.112,375.222 312.435,371.864 304.04,352.676" />
			</g>
			<g id="viersen">
				<polygon fill="#797979" stroke="#B1C800" points="139.35,469.574 126.396,469.001 124.397,463.964 129.354,459.007 125.117,454.77 125.117,443.577 133.672,441.419 130.394,436.542 123.198,437.341 122.558,441.019 112.965,438.141 107.049,446.775 99.534,449.973 88.181,449.174 63.397,476.516 64.356,493.145 76.509,487.389 83.064,494.424 88.341,489.147 95.216,493.145 98.734,492.185 101.292,481.632 113.285,483.711 119.361,477.635 125.756,484.031 143.985,478.274 139.667,475.396" />
			</g>
			<g id="unna">
				<polygon fill="#949B4E" stroke="#B1C800" points="307.826,376.819 305.095,374.088 300.443,378.74 294.447,376.101 294.447,378.979 283.414,382.977 280.696,374.662 275.899,375.462 273.341,369.865 265.825,374.662 270.143,385.535 265.346,387.294 269.183,389.053 271.742,395.768 264.546,403.763 268.703,406.162 273.82,404.563 277.498,407.441 289.17,407.441 291.888,414.956 295.086,416.235 295.086,423.11 290.289,424.71 291.569,430.786 287.731,434.623 285.972,431.585 283.094,434.463 276.538,445.656 279.417,450.293 291.249,453.651 294.607,450.293 292.208,439.1 324.647,432.38 323.947,409.399 322.029,399.326 310.636,397.647 304.04,400.885 302.841,389.253 310.516,386.135" />
			</g>
			<g id="steinfurt">
				<polygon fill="#797979" stroke="#B1C800" points="226.155,247.98 234.646,244.826 254.313,246.585 258.23,242.668 273.34,235.073 285.493,224.68 296.365,221.322 299.723,211.568 294.127,208.37 300.842,199.096 311.875,202.934 315.553,216.365 328.664,223.72 340.656,222.281 347.053,226.279 350.57,236.192 354.647,240.269 345.933,243.547 349.77,247.385 344.654,249.783 344.654,257.778 340.497,264.334 344.494,270.25 356.006,270.89 358.725,273.608 354.567,275.686 355.527,285.6 350.57,284.641 338.898,291.356 324.214,286.173 318.182,286.173 309.938,301.655 302.7,296.629 299.281,300.047 294.958,295.724 285.207,301.454 281.99,309.095 270.931,307.486 268.116,298.438 262.285,302.057 250.824,292.808 247.437,293.275 245.199,279.204 231.128,274.727 229.129,270.49 232.167,267.452 223.453,258.738" />
			</g>
			<g id="solingen">
				<polygon fill="#797979" stroke="#B1C800" points="223.093,504.977 219.016,507.136 218.776,500.9 214.579,490.467 205.824,491.666 194.791,500.06 197.55,506.416 198.389,512.892 212.42,508.695 220.335,514.931 223.513,511.753" />
			</g>
			<g id="soest">
				<polygon fill="#949B4E" stroke="#B1C800" points="323.947,409.399 336.06,406.521 343.375,388.893 348.651,387.933 342.176,381.458 346.733,376.901 364.601,382.057 367.839,378.819 377.672,384.815 382.349,384.216 378.992,392.97 387.506,393.21 393.862,390.452 397.579,378.22 408.732,380.018 418.326,378.22 420.365,388.773 433.796,393.81 435.475,404.243 421.444,410.599 418.806,416.475 428.639,439.26 408.972,453.051 391.583,456.169 388.585,451.852 379.231,451.852 371.556,443.097 354.408,440.819 349.011,435.422 341.096,436.262 334.98,430.146 327.845,437.281 324.667,433.024" />
			</g>
			<g id="siegen-wittgenstein">
				<polygon fill="#949B4E" stroke="#B1C800" points="322.429,563.979 332.822,560.621 338.578,538.555 348.891,535.917 351.29,544.072 359.924,540.954 369.398,543.952 371.676,541.673 376.713,541.673 381.27,532.319 378.392,524.644 380.311,522.726 395.421,525.683 404.935,516.17 417.566,513.452 426.84,524.324 419.006,530.081 423.483,534.718 421.724,538.076 424.442,543.992 414.049,555.824 414.049,569.096 408.932,567.337 397.26,581.247 389.265,580.608 388.146,575.971 384.628,575.012 361.603,596.278 368.159,609.229 361.123,621.062 354.408,616.744 348.012,618.183 349.131,610.828 338.098,599.316 339.537,582.687 332.342,582.687 326.266,575.331 318.271,573.253" />
			</g>
			<g id="rhein-sieg-kreis">
				<polygon fill="#797979" stroke="#B1C800" points="182.04,642.807 182.04,638.598 176.763,639.286 174.128,633.214 180.086,631.082 180.086,626.224 172.638,619.808 181.231,601.705 174.013,594.487 173.555,589.658 185.239,584.824 194.706,588.651 196.922,583.615 192.49,576.564 202.187,575.012 206.824,579.649 218.496,572.133 224.732,570.854 232.647,558.462 237.044,562.86 246.849,562.488 254.633,554.705 263.587,557.263 266.465,562.22 263.907,569.255 268.384,571.813 273.18,582.047 279.736,580.928 286.612,585.724 290.998,582.62 293.168,586.524 296.046,595.158 292.688,595.158 292.688,598.996 283.254,598.836 281.655,604.912 276.378,602.833 259.11,611.308 250.156,609.23 247.757,623.407 244.559,626.338 235.925,629.856 225.212,630.176 226.011,624.899 222.334,623.407 215.138,634.653 210.821,631.082 207.623,631.082 206.504,637.531 200.108,634.493 193.872,641.208" />
			</g>
			<g id="rhein-kreis-neuss">
				<polygon fill="#949B4E" stroke="#B1C800" points="118.721,525.763 121.279,523.205 116.962,522.086 116.962,515.53 116.642,509.454 121.439,509.454 120,503.378 130.713,502.419 127.675,492.985 123.678,490.427 125.756,484.031 143.985,478.274 139.667,475.396 139.35,469.574 144.464,469.8 144.464,465.003 159.175,459.727 161.413,465.163 156.297,473.638 159.175,477.795 153.339,483.631 159.175,486.11 161.893,495.063 168.608,496.663 169.248,504.817 176.923,501.46 176.923,508.974 181.08,513.771 177.563,519.048 172.286,520.647 173.246,524.964 170.288,527.922 161.093,523.046 162.692,528.482 159.175,527.522 155.177,534.558 134.391,532.16 130.074,523.525 121.759,528.482" />
			</g>
			<g id="rheinisch-bergischer-kreis">
				<polygon fill="#797979" stroke="#B1C800" points="218.496,572.133 215.298,568.935 218.176,553.905 212.9,553.905 209.222,550.228 211.621,545.431 206.784,542.393 206.784,537.116 211.461,534.478 214.459,526.803 206.304,521.886 208.583,518.049 198.989,520.447 196.59,519.847 198.389,512.892 212.42,508.695 220.335,514.931 223.513,511.753 223.093,504.977 231.608,503.538 239.043,507.975 239.043,514.251 242.441,517.649 238.243,521.846 247.437,525.444 243.44,535.357 238.963,536.157 237.044,542.233 242.4,547.59 245.678,547.59 248.716,554.065 254.633,554.705 246.478,562.86 237.044,562.86 232.647,558.462 224.732,570.854" />
			</g>
			<g id="rhein-erft-kreis">
				<polygon fill="#797979" stroke="#B1C800" points="149.179,595.702 147.366,591.673 152,587.04 153.208,579.385 147.568,576.565 137.697,576.565 136.085,572.536 127.624,570.118 130.243,565.485 129.236,560.65 123.797,560.65 125.005,552.189 123.394,552.189 120.473,544.837 123.897,541.412 117.149,534.663 117.149,528.482 121.759,528.482 130.074,523.525 134.391,532.16 155.177,534.558 159.175,527.522 162.692,528.482 161.093,523.046 166.391,525.856 167.713,529.828 173.555,532.447 173.555,541.311 167.713,551.987 175.871,560.146 177.986,558.031 184.13,564.175 185.44,576.564 192.49,576.564 196.922,583.615 194.706,588.651 185.239,584.824 173.555,589.658 166.705,594.291 160.259,604.968 152.402,601.141 154.378,597.313" />
			</g>
			<g id="recklinghausen">
				<polygon fill="#949B4E" stroke="#B1C800" points="190.994,391.131 190.994,380.578 196.111,372.744 192.113,364.749 193.552,357.074 198.989,358.353 201.707,352.437 208.583,352.437 209.702,356.754 216.577,358.353 230.808,348.599 243.44,354.195 245.359,366.348 251.275,368.906 248.397,376.581 254.952,377.86 253.353,381.058 269.183,389.053 271.742,395.768 264.546,403.763 253.993,406.961 256.392,418.314 248.717,419.913 239.283,407.441 224.252,412.238 217.377,398.487 207.783,391.771 203.655,393.694 203.016,401.023 205.408,402.301 207.463,412.398 204.425,415.436 192.342,407.407 193.716,402.609 196.789,401.171 199.817,399.002 201.25,394.795 200.582,392.896 194.352,388.094" />
			</g>
			<g id="remscheid">
				<polygon fill="#949B4E" stroke="#B1C800" points="243.48,507.256 239.043,507.975 231.608,503.538 223.093,504.977 219.016,507.136 218.776,500.9 224.532,490.587 234.126,488.188 242.52,493.465" />
			</g>
			<g id="paderborn">
				<polygon fill="#949B4E" stroke="#B1C800" points="408.732,380.018 414.369,366.667 444.429,342.683 447.627,349.079 459.779,347.959 466.175,361.87 484.243,358.672 484.243,363.309 489.68,365.068 496.555,371.943 492.717,377.54 495.915,384.735 492.398,385.855 492.398,404.243 497.514,414.956 481.685,425.509 479.126,421.352 468.733,423.11 471.611,433.663 461.538,445.016 459.139,440.219 454.342,442.138 445.069,436.222 428.639,439.26 418.806,416.475 421.444,410.599 435.475,404.243 433.796,393.81 420.365,388.773 418.326,378.22" />
			</g>
			<g id="olpe">
				<polygon fill="#797979" stroke="#B1C800" points="313.634,559.981 313.634,550.547 307.078,550.547 303.72,544.312 303.641,528.242 318.591,527.043 321.469,514.731 314.274,509.934 320.509,506.416 330.903,506.416 332.822,502.739 337.778,504.338 335.54,496.343 339.857,494.264 337.458,490.107 348.971,487.549 354.088,490.427 354.727,487.868 363.681,490.906 361.043,498.981 368.319,506.256 365.28,512.972 372.955,512.972 374.235,518.568 378.711,518.568 380.311,522.726 378.392,524.644 381.27,532.319 376.713,541.673 371.676,541.673 369.398,543.952 359.924,540.954 351.29,544.072 348.891,535.917 338.578,538.555 332.822,560.621 322.429,563.979" />
			</g>
			<g id="oberhausen">
				<polygon fill="#949B4E" stroke="#B1C800" points="170.847,413.037 175.644,422.151 173.725,431.745 179.322,433.344 187.636,429.027 187.636,425.509 192.273,422.791 187.956,418.474 184.438,406.322 178.522,403.124" />
			</g>
			<g id="oberbergischer-kreis">
				<polygon fill="#575D7A" stroke="#B1C800" points="254.633,554.705 248.716,554.065 245.678,547.59 242.4,547.59 237.044,542.233 238.963,536.157 243.44,535.357 247.437,525.444 238.243,521.846 242.441,517.649 239.043,514.251 239.043,507.975 243.48,507.256 242.52,493.465 245.159,486.389 257.391,485.55 258.83,490.347 262.667,489.747 263.267,492.026 261.028,496.982 263.427,505.297 270.302,505.297 269.183,509.774 273.82,514.411 273.82,519.208 285.013,519.208 290.769,528.002 300.523,525.124 303.641,528.242 303.72,544.312 307.078,550.547 313.634,550.547 313.634,559.981 304.36,564.299 308.518,567.816 309.637,582.527 304.201,580.448 298.764,585.565 293.168,586.524 290.769,582.207 286.612,585.724 279.736,580.928 273.18,582.047 268.384,571.813 263.907,569.255 266.465,562.22 263.587,557.263" />
			</g>
			<g id="muenster">
				<polygon fill="#B1C800" stroke="#B1C800" points="281.99,309.095 285.207,301.454 294.958,295.724 299.281,300.047 302.7,296.629 309.938,301.655 315.913,310.584 313.574,317.839 319.39,328.872 316.512,334.388 306.379,332.589 309.377,339.065 300.922,338.406 295.166,346.86 287.311,343.202 284.433,332.17 280.656,333.789 281.435,323.895 275.259,322.816 283.414,314.181" />
			</g>
			<g id="muelheim">
				<polygon fill="#B1C800" stroke="#B1C800" points="175.804,455.889 173.725,431.745 179.322,433.344 187.636,429.027 189.555,434.143 196.91,437.341 190.674,457.808 184.438,453.651 178.682,453.651" />
			</g>
			<g id="moenchengladbach">
				<polygon fill="#949B4E" stroke="#B1C800" points="116.962,515.53 104.011,512.972 104.011,506.256 96.176,499.86 95.216,493.145 98.734,492.185 101.292,481.632 113.285,483.711 119.361,477.635 125.756,484.031 123.678,490.427 127.675,492.985 130.713,502.419 120.64,503.378 121.439,509.454 116.642,509.454" />
			</g>
			<g id="minden-luebbecke">
				<polygon fill="#797979" stroke="#B1C800" points="423.398,251.214 424.762,237.951 420.764,229.157 402.056,218.284 399.978,206.771 417.087,209.17 422.683,205.972 423.483,199.256 430.678,193.98 437.234,197.817 451.305,189.183 458.66,196.858 459.939,223.081 490.319,221.482 508.067,199.256 519.58,202.934 514.464,211.568 518.141,219.403 512.329,232.598 508.467,236.592 503.59,234.753 494.317,249.943 495.595,254.58 509.506,260.336 504.23,263.215 505.509,273.288 497.674,270.09 501.032,275.686 487.441,271.849 480.246,269.93 467.454,276.166 467.454,265.453 457.381,255.38 453.064,259.697 446.028,252.661 436.754,254.58" />
			</g>
			<g id="mettmann">
				<polygon fill="#949B4E" stroke="#B1C800" points="182.499,524.345 177.563,519.048 181.08,513.771 176.923,508.974 187.836,507.256 182.32,501.739 187.236,493.944 185.917,489.627 180.161,487.588 180.761,482.672 189.395,482.672 190.954,475.476 184.718,477.155 171.287,472.718 172.366,455.889 175.804,455.889 178.682,453.651 184.438,453.651 190.674,457.808 198.349,457.808 218.576,452.051 223.933,453.531 222.134,460.606 224.892,467.681 215.658,469.84 208.463,479.434 201.267,481.712 206.784,485.91 203.906,488.788 205.824,491.666 194.791,500.06 197.55,506.416 198.389,512.892 196.59,519.847 193.592,524.764 186.637,520.207" />
			</g>
			<g id="maerkischer-kreis">
				<polygon fill="#797979" stroke="#B1C800" points="303.641,528.242 300.523,525.124 290.769,528.002 285.013,519.208 273.82,519.208 273.82,514.411 269.183,509.774 270.302,505.297 263.427,505.297 261.028,496.982 263.267,492.026 275.379,480.873 285.812,475.117 286.822,452.394 291.249,453.651 294.607,450.293 292.208,439.1 324.647,432.38 327.845,437.281 332.822,447.574 333.301,464.044 338.098,466.762 337.299,470.599 332.342,473.478 334.74,475.876 332.981,480.513 337.458,490.107 339.857,494.264 335.54,496.343 337.778,504.338 332.822,502.739 330.903,506.416 320.509,506.416 314.274,509.934 321.469,514.731 318.591,527.043" />
			</g>
			<g id="lippe">
				<polygon fill="#797979" stroke="#B1C800" points="501.032,275.686 487.441,271.849 482.005,289.437 476.888,291.676 461.858,285.92 457.54,292.955 449.706,294.394 446.348,323.335 439.924,330.851 450.185,334.048 459.779,347.959 466.175,361.87 484.243,358.672 484.243,363.309 489.68,365.068 489.68,354.195 496.235,352.117 498.474,344.122 504.87,345.561 514.464,335.967 516.702,347 519.101,344.601 527.095,350.997 531.732,347.64 545.003,348.919 547.242,341.084 543.405,335.487 537.489,331.97 537.489,322.856 525.176,323.815 526.615,314.541 523.578,305.107 525.656,299.671 521.019,293.595 518.301,292.635 521.819,287.838 518.301,284.321 511.265,286.24 508.387,282.562 499.433,285.76" />
			</g>
			<g id="leverkusen">
				<polygon fill="#B1C800" stroke="#B1C800" points="196.59,519.847 193.592,524.764 186.637,520.207 182.499,524.345 192.393,532.679 193.233,537.116 206.784,537.116 211.461,534.478 214.459,526.803 206.304,521.886 208.583,518.049 198.989,520.447" />
			</g>
			<g id="krefeld">
				<polygon fill="#B1C800" stroke="#B1C800" points="133.672,441.419 125.117,443.577 125.117,454.77 129.354,459.007 124.397,463.964 126.396,469.001 144.464,469.8 144.464,465.003 159.175,459.727 150.381,455.25 153.099,446.935 149.421,448.214 146.703,445.016 137.269,445.016" />
			</g>
			<g id="koeln">
				<polygon fill="#B1C800" stroke="#B1C800" points="206.824,579.649 202.187,575.012 192.49,576.564 185.44,576.564 184.13,564.175 177.986,558.031 175.871,560.146 167.713,551.987 173.555,541.311 173.555,532.447 167.713,529.828 166.391,525.856 170.288,527.922 173.246,524.964 172.286,520.647 177.563,519.048 182.499,524.345 192.393,532.679 193.233,537.116 206.784,537.116 206.784,542.393 211.621,545.431 209.222,550.228 212.9,553.905 218.176,553.905 215.298,568.935 218.496,572.133" />
			</g>
			<g id="kleve">
				<polygon fill="#575D7A" stroke="#B1C800" points="119.68,341.244 111.846,335.967 105.769,335.967 103.211,330.371 92.178,330.371 84.983,321.736 79.067,324.295 82.905,327.333 85.303,336.287 70.912,330.371 66.755,335.328 52.684,338.845 57.961,348.919 54.603,359.792 63.237,362.19 66.915,364.749 63.077,366.348 63.877,374.662 75.869,379.459 71.552,391.931 87.382,413.837 85.463,440.06 88.181,440.06 88.181,449.174 99.534,449.973 107.049,446.775 112.965,438.141 123.198,441.019 123.198,437.341 130.394,436.542 130.394,426.788 122.079,414.796 122.079,411.758 126.556,413.677 127.675,409.999 124.797,407.121 129.194,402.724 119.681,400.245 116.722,403.204 112.325,403.204 112.325,396.728 104.65,394.329 106.729,392.251 100.493,386.015 109.927,383.137 114.084,374.502 109.927,370.345 120.8,360.911 120.8,368.426 126.556,371.464 130.553,367.467 130.553,359.472 137.109,356.914 132.472,347 123.998,347.8" />
			</g>
			<g id="hoexter">
				<polygon fill="#575D7A" stroke="#B1C800" points="489.68,365.068 489.68,354.195 496.235,352.117 498.474,344.122 504.87,345.561 514.464,335.967 516.702,347 519.101,344.601 527.095,350.997 531.732,347.64 545.003,348.919 547.082,351.957 556.516,348.919 565.79,349.718 558.275,360.751 562.912,365.548 552.519,376.741 555.237,387.294 550.92,398.966 560.514,399.286 557.315,403.763 546.123,406.481 550.12,412.877 541.326,421.671 540.686,432.224 528.055,436.062 527.255,443.897 522.618,441.179 517.022,446.775 508.707,446.775 506.149,432.385 500.872,432.385 499.114,429.027 491.406,431.925 481.685,425.509 497.514,414.956 492.398,404.243 492.398,385.855 495.915,384.735 492.717,377.54 496.555,371.943" />
			</g>
			<g id="hochsauerlandkreis">
				<polygon fill="#B1C800" stroke="#B1C800" points="327.845,437.281 334.98,430.146 341.096,436.262 349.011,435.422 354.408,440.819 371.556,443.097 379.231,451.852 388.585,451.852 391.583,456.169 408.972,453.051 428.639,439.26 445.069,436.222 454.342,442.138 459.139,440.219 461.538,445.016 471.611,433.663 468.733,423.11 479.126,421.352 481.685,425.509 491.406,431.925 479.126,436.542 482.804,449.813 487.921,449.813 486.322,458.927 449.386,461.166 428.919,483.231 435.475,491.226 453.064,485.15 456.262,498.262 460.739,500.98 457.701,502.738 458.5,508.335 448.187,518.648 452.264,524.005 443.629,527.842 426.84,524.324 417.566,513.452 404.935,516.17 395.421,525.683 380.311,522.726 378.711,518.568 374.235,518.568 372.955,512.972 365.28,512.972 368.319,506.256 361.043,498.981 363.681,490.906 354.727,487.868 354.088,490.427 348.971,487.549 337.458,490.107 332.981,480.513 334.74,475.876 332.342,473.478 337.299,470.599 338.098,466.762 333.301,464.044 332.822,447.574" />
			</g>
			<g id="herne">
				<polygon fill="#949B4E" stroke="#B1C800" points="223.773,423.27 221.694,412.238 224.252,412.238 239.283,407.441 246.615,417.134" />
			</g>
			<g id="herford">
				<polygon fill="#949B4E" stroke="#B1C800" points="420.924,263.215 423.003,254.1 423.398,251.214 436.754,254.58 446.028,252.661 453.064,259.697 457.381,255.38 467.454,265.453 467.454,276.166 480.246,269.93 487.441,271.849 482.005,289.437 476.888,291.676 461.858,285.92 457.54,292.955 449.706,294.394 449.018,300.323 442.99,298.871 439.924,292.475 435.475,295.833 434.036,288.958 427.16,286.719 421.404,289.437 413.089,287.839 412.929,280.323 430.678,271.049" />
			</g>
			<g id="heinsberg">
				<polygon fill="#575D7A" stroke="#B1C800" points="118.721,525.763 121.279,523.205 116.962,522.086 116.962,515.53 104.011,512.972 104.011,506.256 96.176,499.86 95.216,493.145 88.341,489.147 83.064,494.424 76.509,487.389 73.55,492.426 78.267,497.142 75.869,499.541 65.316,501.46 52.364,511.373 44.53,523.685 40.852,523.685 37.654,514.891 29.819,518.408 35.415,530.561 33.656,537.116 43.89,533.599 53.484,534.878 50.126,541.913 51.245,547.35 63.077,551.027 60.839,553.266 68.514,557.263 70.432,549.748 77.148,545.431 77.148,540.794 89.46,534.718 91.539,529.121 99.693,531.52 103.371,527.842" />
			</g>
			<g id="hamm">
				<polygon fill="#949B4E" stroke="#B1C800" points="312.435,371.864 317.112,375.222 327.425,374.262 333.181,375.581 334.86,381.458 342.176,381.458 348.651,387.933 343.375,388.893 336.06,406.521 323.947,409.399 322.029,399.326 310.636,397.647 304.04,400.885 302.841,389.253 310.516,386.135 307.638,377.02" />
			</g>
			<g id="hagen">
				<polygon fill="#B1C800" stroke="#B1C800" points="286.822,452.394 279.417,450.293 276.858,445.11 269.023,445.11 264.586,450.892 260.629,449.693 255.232,462.165 258.71,465.643 262.188,465.643 259.19,472.358 263.507,474.637 265.426,468.641 274.42,468.641 271.062,475.117 275.379,480.873 285.812,475.117" />
			</g>
			<g id="guetersloh">
				<polygon fill="#797979" stroke="#B1C800" points="367.199,299.031 375.674,295.034 382.229,296.473 385.267,286.559 396.14,279.844 400.024,285.486 413.089,287.839 421.404,289.437 418.686,301.909 413.729,303.189 419.725,309.184 417.567,315.82 406.214,319.818 413.169,326.773 422.363,326.693 425.401,333.569 439.924,330.851 450.185,334.048 459.779,347.959 447.627,349.079 444.429,342.683 414.369,366.667 408.732,380.018 397.579,378.22 395.661,370.904 388.705,366.227 389.545,360.951 386.307,355.075 381.15,353.396 382.829,347.4 374.794,335.887 377.313,330.011 368.918,323.176 368.918,312.143 364.601,309.504" />
			</g>
			<g id="gelsenkirchen">
				<polygon fill="#B8CD17" stroke="#B1C800" points="205.408,402.301 203.016,401.023 203.655,393.694 207.783,391.771 217.377,398.487 224.252,412.238 221.694,412.238 223.773,423.27 218.336,427.268 214.019,427.268 204.425,415.436 207.463,412.398" />
			</g>
			<g id="euskirchen">
				<polygon fill="#797979" stroke="#B1C800" points="90.26,653.521 97.004,648.683 97.81,637.402 105.666,627.128 107.077,624.509 125.408,630.553 129.135,617.559 133.668,613.027 131.855,605.17 140.618,599.832 146.158,605.372 149.179,599.933 149.179,595.702 154.378,597.313 152.402,601.141 160.259,604.968 166.705,594.291 173.555,589.658 174.013,594.487 181.231,601.705 172.638,619.808 180.086,626.224 180.086,631.082 174.128,633.214 176.763,639.286 182.04,638.598 182.04,642.807 182.36,649.043 174.845,650.642 177.723,657.678 175.964,665.353 169.088,667.271 161.733,657.678 152.939,661.835 157.256,666.632 155.017,672.228 157.896,678.304 160.454,689.337 142.546,693.974 141.107,686.139 138.228,691.256 132.792,689.337 131.673,681.502 108.648,691.896 109.767,686.139 102.572,682.462 102.572,678.144 99.694,679.743 103.371,693.494 99.534,693.974 97.615,688.538 91.859,681.023 97.135,662.635 92.338,660.396 93.298,655.759" />
			</g>
			<g id="essen">
				<polygon fill="#B1C800" stroke="#B1C800" points="190.674,457.808 196.91,437.341 189.555,434.143 187.636,429.027 187.636,425.509 192.273,422.791 200.588,421.352 204.425,415.436 214.019,427.268 218.336,427.268 223.293,441.338 218.576,446.055 218.576,452.051 198.349,457.808" />
			</g>
			<g id="ennepe-ruhr-kreis">
				<polygon fill="#949B4E" stroke="#B1C800" points="275.379,480.873 271.062,475.117 274.42,468.641 265.426,468.641 263.507,474.637 259.19,472.358 262.188,465.643 258.71,465.643 255.232,462.165 260.629,449.693 264.586,450.892 269.023,445.11 270.302,441.018 263.267,441.018 258.95,431.105 253.193,428.867 252.074,435.102 244.239,435.102 238.643,444.696 223.293,441.338 218.576,446.055 218.576,452.051 223.933,453.531 222.134,460.606 224.892,467.681 224.892,472.238 229.569,473.438 240.002,467.921 240.002,481.113 244.199,483.391 245.159,486.389 257.391,485.55 258.83,490.347 262.667,489.747 263.267,492.026" />
			</g>
			<g id="duisburg">
				<polygon fill="#949B4E" stroke="#B1C800" points="146.703,445.016 146.703,439.1 152.459,442.138 154.378,432.385 153.578,424.23 149.901,424.23 148.142,419.113 158.216,415.915 155.177,410.799 157.256,406.801 170.847,413.037 175.644,422.151 173.725,431.745 175.804,455.889 163.812,455.889 159.175,459.727 150.381,455.25 153.099,446.935 149.421,448.214" />
			</g>
			<g id="duesseldorf">
				<polygon fill="#B1C800" stroke="#B1C800" points="176.923,508.974 176.923,501.46 169.248,504.817 168.608,496.663 161.893,495.063 159.175,486.11 153.339,483.631 159.175,477.795 156.297,473.638 161.413,465.163 159.175,459.727 163.812,455.889 172.366,455.889 171.287,472.718 184.718,477.155 190.954,475.476 189.395,482.672 180.761,482.672 180.161,487.588 185.917,489.627 187.236,493.944 182.32,501.739 187.836,507.256" />
			</g>
			<g id="dortmund">
				<polygon fill="#949B4E" stroke="#B1C800" points="253.193,428.867 247.118,424.23 248.717,419.913 256.392,418.314 253.993,406.961 264.546,403.763 268.703,406.162 273.82,404.563 277.498,407.441 289.17,407.441 291.888,414.956 295.086,416.235 295.086,423.11 290.289,424.71 291.569,430.786 287.731,434.623 285.972,431.585 283.094,434.463 276.858,445.11 269.023,445.11 270.302,441.018 263.267,441.018 258.95,431.105" />
			</g>
			<g id="dueren">
				<polygon fill="#575D7A" stroke="#B1C800" points="105.666,627.128 101.436,627.128 101.436,623.099 104.256,618.264 100.832,618.264 100.832,612.02 93.479,616.351 86.327,609.199 91.364,607.185 96.198,591.875 100.429,590.666 98.515,582.91 94.284,587.141 90.155,583.011 97.609,577.572 94.99,565.687 91.767,560.65 81.09,567.902 77.665,557.024 81.894,550.176 77.148,545.431 77.148,540.794 89.46,534.718 91.539,529.121 99.693,531.52 103.371,527.842 118.721,525.763 121.759,528.482 117.149,528.482 117.149,534.663 123.897,541.412 120.473,544.837 123.394,552.189 125.005,552.189 123.797,560.65 129.236,560.65 130.243,565.485 127.624,570.118 136.085,572.536 137.697,576.565 147.568,576.565 153.208,579.385 152,587.04 147.366,591.673 149.179,595.702 149.179,599.933 146.158,605.372 140.618,599.832 131.855,605.17 133.668,613.027 129.135,617.559 125.408,630.553 107.077,624.509" />
			</g>
			<g id="coesfeld">
				<polygon fill="#575D7A" stroke="#B1C800" points="230.808,348.599 219.136,341.084 214.499,332.29 220.415,312.783 215.778,308.145 215.778,303.029 223.293,305.267 232.727,295.833 243.68,297.033 247.437,293.275 250.824,292.808 262.285,302.057 268.116,298.438 270.931,307.486 281.99,309.095 283.414,314.181 275.259,322.816 281.435,323.895 280.656,333.789 284.433,332.17 287.311,343.202 295.166,346.86 304.04,352.676 312.435,371.864 307.826,376.819 305.095,374.088 300.443,378.74 294.447,376.101 294.447,378.979 283.414,382.977 280.696,374.662 275.899,375.462 273.341,369.865 265.825,374.662 270.143,385.535 265.346,387.294 253.353,381.058 254.952,377.86 248.397,376.581 251.275,368.906 245.359,366.348 243.44,354.195" />
			</g>
			<g id="bielefeld">
				<polygon fill="#949B4E" stroke="#B1C800" points="449.018,300.323 442.99,298.871 439.924,292.475 435.475,295.833 434.036,288.958 427.16,286.719 421.404,289.437 418.686,301.909 413.729,303.189 419.725,309.184 417.567,315.82 406.214,319.818 413.169,326.773 422.363,326.693 425.401,333.569 439.924,330.851 446.348,323.335" />
			</g>
			<g id="bottrop">
				<polygon fill="#B1C800" stroke="#B1C800" points="204.425,415.436 192.237,407.42 193.59,402.744 196.841,401.113 199.817,399.002 201.25,394.795 200.582,392.896 194.352,388.094 190.994,391.131 185.238,391.771 180.121,396.888 184.598,398.966 178.522,403.124 184.438,406.322 187.956,418.474 192.273,422.791 200.588,421.352" />
			</g>
			<g id="borken">
				<polygon fill="#575D7A" stroke="#B1C800" points="119.68,341.244 119.68,332.13 129.754,336.127 160.134,323.815 167.169,328.452 173.885,324.775 179.002,314.221 183.319,313.582 183.319,308.305 173.006,297.992 163.972,294.234 165.251,288.158 172.766,284.641 175.164,277.125 189.235,276.486 197.23,263.854 203.466,263.854 209.062,253.941 226.155,247.98 223.453,258.738 232.167,267.452 229.129,270.49 231.128,274.727 245.199,279.204 247.437,293.275 243.68,297.033 232.727,295.833 223.293,305.267 215.778,303.029 215.778,308.145 220.415,312.783 214.499,332.29 219.136,341.084 230.808,348.599 216.577,358.353 209.702,356.754 208.583,352.437 201.707,352.437 198.989,358.353 193.552,357.074 192.113,364.749 180.121,368.266 179.322,364.909 172.446,363.469 170.847,356.434 164.931,358.513 163.012,354.915 158.295,354.915 154.378,350.998 146.703,349.239 143.265,352.677 135.99,345.401 132.472,347 123.998,347.8" />
			</g>
			<g id="bonn">
				<polygon fill="#B1C800" stroke="#B1C800" stroke-linecap="round" stroke-linejoin="round" points="222.334,623.407 208.54,620.354 201.407,625.902 196.784,621.279 201.583,595.168 208.892,596.93 213.031,592.79 224.215,600.1 223.335,608.114 218.579,610.139 226.011,624.899" />
			</g>
			<g id="bochum">
				<polygon fill="#B1C800" stroke="#B1C800" points="223.432,441.502 218.29,427.498 223.673,423.429 246.432,416.992 248.57,419.743 247.028,424.08 253.165,428.637 252.128,434.887 244.294,434.991 238.824,444.657" />
			</g>
			<g id="aachen">
				<polygon fill="#949B4E" stroke="#B1C800" points="73.631,613.067 70.592,612.907 62.118,596.757 51.085,596.757 49.966,585.085 43.09,578.689 49.166,576.131 50.126,568.456 56.202,567.656 58.326,577.572 74.442,578.579 72.428,582.608 75.651,588.853 74.039,595.501 78.068,603.559" />
			</g>
			<g id="aachen-kreis">
				<polygon fill="#949B4E" stroke="#B1C800" points="101.436,627.128 101.436,623.099 104.256,618.264 100.832,618.264 100.832,612.02 93.479,616.351 86.327,609.199 91.364,607.185 96.198,591.875 100.429,590.666 98.515,582.91 94.284,587.141 90.155,583.011 97.609,577.572 94.99,565.687 91.767,560.65 81.09,567.902 77.665,557.024 81.894,550.176 77.148,545.431 70.432,549.748 68.514,557.263 60.839,553.266 59.4,569.255 56.202,567.656 58.326,577.572 74.442,578.579 72.428,582.608 75.651,588.853 74.039,595.501 78.068,603.559 73.631,613.067 71.712,618.343 79.947,616.824 84.184,621.062 72.511,642.488 75.549,651.282 90.26,653.521 97.004,648.683 97.81,637.402 105.666,627.128" />
			</g>
			<g id="nrw">
				<path fill="none" stroke="#B1C800" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" d="M79.067,324.295 l5.916-2.558l7.195,8.634h11.033l2.558,5.596h6.076l7.835,5.277v-9.114l10.073,3.997l30.38-12.312l7.035,4.637l6.716-3.678 l5.117-10.553l4.317-0.64v-5.277l-10.313-10.313l-9.034-3.758l1.279-6.076l7.515-3.518l2.398-7.515l14.071-0.64l7.995-12.632h6.236 l5.596-9.913l14.391-4.957l11.193-4.157l19.667,1.759l3.917-3.917l15.11-7.595l12.152-10.393l10.873-3.358l3.358-9.754 l-5.596-3.198l6.715-9.274l11.033,3.838l3.678,13.431l13.111,7.355l11.992-1.439l6.396,3.997l3.518,9.913l4.077,4.077l-8.715,3.278 l3.838,3.838l-5.116,2.398v7.995l-4.157,6.556l3.997,5.916l11.513,0.64l2.718,2.718l-4.157,2.079l0.959,9.913l-4.957-0.959 l-11.672,6.716l2.558,7.835l8.954,4.477l7.835-7.835l8.954,3.197l8.474-3.997l6.556,1.439l3.038-9.914l10.873-6.716l4.477,6.236 l12.472,1.759l-0.16-7.515l17.748-9.274l-9.753-7.835l2.078-8.155l1.759-17.109l-3.998-8.794l-18.708-10.873l-2.078-11.513 l17.109,2.398l5.596-3.198l0.8-6.716l7.195-5.277l6.556,3.837l14.071-8.634l7.355,7.675l1.279,26.223l30.38-1.599l17.748-22.226 l11.513,3.678l-5.116,8.634l3.677,7.835l-5.916,13.431l-3.757,3.758l-4.877-1.839l-9.274,15.19l1.279,4.637l13.911,5.756 l-5.277,2.878l1.279,10.073l-7.835-3.198l3.358,5.597l-1.599,10.073l8.954-3.198l2.878,3.678l7.036-1.919l3.518,3.518l-3.518,4.797 l2.718,0.959l4.637,6.076l-2.078,5.436l3.038,9.434l-1.439,9.274l12.312-0.959v9.114l5.916,3.518l3.838,5.596l-2.239,7.835 l2.079,3.038l9.434-3.038l9.274,0.8l-7.515,11.033l4.637,4.797l-10.393,11.193l2.718,10.553l-4.317,11.672l9.594,0.32l-3.198,4.477 l-11.193,2.718l3.997,6.396l-8.794,8.794l-0.64,10.553l-12.632,3.837l-0.8,7.835l-4.637-2.718l-5.596,5.596h-8.314l-2.559-14.391 h-5.277l-1.759-3.358l-19.987,7.515l3.678,13.272h5.116l-1.599,9.114l-36.936,2.239l-20.466,22.066l6.555,7.995l17.589-6.076 l3.198,13.111l4.477,2.718l-3.038,1.759l0.799,5.596l-10.313,10.313l4.077,5.357l-8.634,3.838l-16.789-3.518l-7.835,5.756 l4.477,4.637l-1.759,3.358l2.718,5.916l-10.393,11.832v13.271l-5.117-1.759l-11.672,13.911l-7.995-0.639l-1.119-4.637l-3.518-0.959 l-23.025,21.266l6.556,12.952l-7.036,11.832l-6.716-4.317l-6.396,1.439l1.119-7.355l-11.033-11.513l1.439-16.629h-7.195 l-6.076-7.355l-7.995-2.079l4.157-9.274l-8.795-3.997l-9.274,4.317l4.157,3.518l1.119,14.711l-5.436-2.078l-5.437,5.116 l-5.596,0.959l2.878,8.634h-3.358v3.838l-9.434-0.16l-1.599,6.076l-5.277-2.079l-17.269,8.475l-8.954-2.078l-2.398,14.177 l-3.198,2.931l-8.634,3.518l-10.713,0.32l0.799-5.277l-3.678-1.492l-7.195,11.246l-4.317-3.571h-3.198l-1.119,6.449l-6.396-3.038 l-6.236,6.716l-11.832,1.599l0.32,6.236l-7.515,1.599l2.878,7.035l-1.759,7.675l-6.876,1.919l-7.355-9.594l-8.794,4.157 l4.317,4.797l-2.239,5.596l2.878,6.076l2.558,11.033l-17.908,4.637l-1.439-7.835l-2.878,5.116l-5.436-1.919l-1.119-7.835 l-23.025,10.393l1.119-5.756l-7.195-3.678v-4.317l-2.878,1.599l3.678,13.751l-3.838,0.48l-1.919-5.436l-5.756-7.515 c0,0,5.277-19.027,5.277-18.388s-4.797-2.239-4.797-2.239l0.959-4.637l-3.038-2.238l-14.71-2.239l-3.038-8.794l11.672-21.426 l-4.237-4.237l-8.235,1.519l1.919-5.277l-3.038-0.16l-8.474-16.15H51.085l-1.119-11.672l-6.875-6.396l6.076-2.559l0.959-7.675 l6.076-0.8l3.198,1.599l0.959-6.555l0.48-9.434l2.238-2.239l-11.832-3.677l-1.119-5.437l3.358-7.035l-9.594-1.279l-10.233,3.518 l1.759-6.555l-5.597-12.152l7.835-3.518l3.198,8.794h3.678l7.835-12.312l12.952-9.914l10.553-1.919l2.398-2.398l-4.717-4.717 l2.958-5.037l-12.152,5.756l-0.959-16.629l24.784-27.342v-9.114h-2.718l1.919-26.223l-15.83-21.906l4.317-12.472l-11.992-4.797 l-0.8-8.314l3.838-1.599l-3.678-2.558l-8.634-2.398l3.358-10.873l-5.277-10.073l14.071-3.518l4.157-4.957l14.391,5.916 l-2.398-8.954L79.067,324.295z" />
			</g>
		</svg>
	</div>

NRW Daten

<article id="nrw" class="atlas detail" data-region="NRW" data-coverage="[[*ngaa-covergr50?]]%">
<div class="row">
<div class="eight columns">
<h3>Nordrhein-Westfalen</h3>
<ul class="basisdaten">
<li><strong>Einwohner: </strong>[[*ngaa-einwohner?]]</li>
<li><strong>Fläche: </strong>[[*ngaa-flaeche?]] km²</li>
<li><strong>Bevölkerungsdichte: </strong>[[*ngaa-bevoelkerungsdichte?]] Einwohner/km² </li>
</ul>

<p class="ngaa-click">Für Detailinformationen: <br>Klicken Sie auf ein Kartenelement.</p>
</div>

<div class="four columns">
<p class="ngaa-stats-legend"><strong>Anschlussqualität<br>&ge; 50 Mbit/s</strong></p>
<div class="ngaa-circle">
<svg version="1.1" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 <defs>
 <style type="text/css">
 circle.ngaa-kreis {
 fill: #e75112;
 opacity: 0.5;
 }
</style>
</defs>

<circle cx="51" cy="51" r="50" class="ngaa-max"></circle>
<circle cx="51" cy="51" r="[[*ngaa-covergr50:div=`2`?]]" class="ngaa-kreis"></circle>
<circle cx="51" cy="51" r="[[*ngaa-covergr50:div=`2`?]]" class="ngaa-durchschnitt" alt="Visualisierung Prozentanteil &ge; 50 Mbit/s" title="Anschlussqualität &ge; 50 Mbit/s: [[*ngaa-covergr50?]]% "></circle>

</svg>
</div>

<h3 class="ngaa-stats">[[*ngaa-covergr50?]]%</h3>
</div><!-- /four -->
</div><!-- / row -->
</article>

<!-- nrw-element -->

NRW Umriß

<g id="nrw">
				<path fill="none" stroke="#B1C800" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" d="M79.067,324.295 l5.916-2.558l7.195,8.634h11.033l2.558,5.596h6.076l7.835,5.277v-9.114l10.073,3.997l30.38-12.312l7.035,4.637l6.716-3.678 l5.117-10.553l4.317-0.64v-5.277l-10.313-10.313l-9.034-3.758l1.279-6.076l7.515-3.518l2.398-7.515l14.071-0.64l7.995-12.632h6.236 l5.596-9.913l14.391-4.957l11.193-4.157l19.667,1.759l3.917-3.917l15.11-7.595l12.152-10.393l10.873-3.358l3.358-9.754 l-5.596-3.198l6.715-9.274l11.033,3.838l3.678,13.431l13.111,7.355l11.992-1.439l6.396,3.997l3.518,9.913l4.077,4.077l-8.715,3.278 l3.838,3.838l-5.116,2.398v7.995l-4.157,6.556l3.997,5.916l11.513,0.64l2.718,2.718l-4.157,2.079l0.959,9.913l-4.957-0.959 l-11.672,6.716l2.558,7.835l8.954,4.477l7.835-7.835l8.954,3.197l8.474-3.997l6.556,1.439l3.038-9.914l10.873-6.716l4.477,6.236 l12.472,1.759l-0.16-7.515l17.748-9.274l-9.753-7.835l2.078-8.155l1.759-17.109l-3.998-8.794l-18.708-10.873l-2.078-11.513 l17.109,2.398l5.596-3.198l0.8-6.716l7.195-5.277l6.556,3.837l14.071-8.634l7.355,7.675l1.279,26.223l30.38-1.599l17.748-22.226 l11.513,3.678l-5.116,8.634l3.677,7.835l-5.916,13.431l-3.757,3.758l-4.877-1.839l-9.274,15.19l1.279,4.637l13.911,5.756 l-5.277,2.878l1.279,10.073l-7.835-3.198l3.358,5.597l-1.599,10.073l8.954-3.198l2.878,3.678l7.036-1.919l3.518,3.518l-3.518,4.797 l2.718,0.959l4.637,6.076l-2.078,5.436l3.038,9.434l-1.439,9.274l12.312-0.959v9.114l5.916,3.518l3.838,5.596l-2.239,7.835 l2.079,3.038l9.434-3.038l9.274,0.8l-7.515,11.033l4.637,4.797l-10.393,11.193l2.718,10.553l-4.317,11.672l9.594,0.32l-3.198,4.477 l-11.193,2.718l3.997,6.396l-8.794,8.794l-0.64,10.553l-12.632,3.837l-0.8,7.835l-4.637-2.718l-5.596,5.596h-8.314l-2.559-14.391 h-5.277l-1.759-3.358l-19.987,7.515l3.678,13.272h5.116l-1.599,9.114l-36.936,2.239l-20.466,22.066l6.555,7.995l17.589-6.076 l3.198,13.111l4.477,2.718l-3.038,1.759l0.799,5.596l-10.313,10.313l4.077,5.357l-8.634,3.838l-16.789-3.518l-7.835,5.756 l4.477,4.637l-1.759,3.358l2.718,5.916l-10.393,11.832v13.271l-5.117-1.759l-11.672,13.911l-7.995-0.639l-1.119-4.637l-3.518-0.959 l-23.025,21.266l6.556,12.952l-7.036,11.832l-6.716-4.317l-6.396,1.439l1.119-7.355l-11.033-11.513l1.439-16.629h-7.195 l-6.076-7.355l-7.995-2.079l4.157-9.274l-8.795-3.997l-9.274,4.317l4.157,3.518l1.119,14.711l-5.436-2.078l-5.437,5.116 l-5.596,0.959l2.878,8.634h-3.358v3.838l-9.434-0.16l-1.599,6.076l-5.277-2.079l-17.269,8.475l-8.954-2.078l-2.398,14.177 l-3.198,2.931l-8.634,3.518l-10.713,0.32l0.799-5.277l-3.678-1.492l-7.195,11.246l-4.317-3.571h-3.198l-1.119,6.449l-6.396-3.038 l-6.236,6.716l-11.832,1.599l0.32,6.236l-7.515,1.599l2.878,7.035l-1.759,7.675l-6.876,1.919l-7.355-9.594l-8.794,4.157 l4.317,4.797l-2.239,5.596l2.878,6.076l2.558,11.033l-17.908,4.637l-1.439-7.835l-2.878,5.116l-5.436-1.919l-1.119-7.835 l-23.025,10.393l1.119-5.756l-7.195-3.678v-4.317l-2.878,1.599l3.678,13.751l-3.838,0.48l-1.919-5.436l-5.756-7.515 c0,0,5.277-19.027,5.277-18.388s-4.797-2.239-4.797-2.239l0.959-4.637l-3.038-2.238l-14.71-2.239l-3.038-8.794l11.672-21.426 l-4.237-4.237l-8.235,1.519l1.919-5.277l-3.038-0.16l-8.474-16.15H51.085l-1.119-11.672l-6.875-6.396l6.076-2.559l0.959-7.675 l6.076-0.8l3.198,1.599l0.959-6.555l0.48-9.434l2.238-2.239l-11.832-3.677l-1.119-5.437l3.358-7.035l-9.594-1.279l-10.233,3.518 l1.759-6.555l-5.597-12.152l7.835-3.518l3.198,8.794h3.678l7.835-12.312l12.952-9.914l10.553-1.919l2.398-2.398l-4.717-4.717 l2.958-5.037l-12.152,5.756l-0.959-16.629l24.784-27.342v-9.114h-2.718l1.919-26.223l-15.83-21.906l4.317-12.472l-11.992-4.797 l-0.8-8.314l3.838-1.599l-3.678-2.558l-8.634-2.398l3.358-10.873l-5.277-10.073l14.071-3.518l4.157-4.957l14.391,5.916 l-2.398-8.954L79.067,324.295z" />
			</g>