{% extends "theme.html" %} 

 {% block body %}

 <div class="container">

  <div class="col-lg-12">

  	<div class="row">

      {{ content|safe }}

  </div>

 <ul class="nav navbar-nav navbar-right">

 {% for href, caption in  get_o3lossuvmap_dates(date): %}

      <span>&nbsp&nbsp<span class="span3"><a href="{{ href }}" >{{ caption }}</a></span></span>

 {% endfor %}

 </ul>

 <br>

      <img src="/static/images/uvmap/clams_do3col_{{date}}12.png" alt="O3 loss {{ date }}"whith="250" height="250" border="0" hspace=20>

      <img src="/static/images/uvmap/clams_o3col_{{date}}12.png" alt="O3 column {{ date }}"whith="250" height="250" border="0" hspace=20>

      <img src="/static/images/uvmap/clams_uvi_{{ date }}12.png" alt="UV Index {{ date }}" whith="250" height="250" border="0">

     <br>

     <br>

     <br>

     <br>

 Die unten stehenden Tabelle gibt einen Anhaltspunkt für die Bedeutung der verschiedenen UV-Indices:

 <br>

 <br>

 <table border="black">

   <colgroup>

   <col width="100">

   <col width="100">

   <col width="400">

   </colgroup>

   <tr>

     <th align="center" bgcolor="#E0E0E0">UV-Index</th>

     <th align="center" bgcolor="#E0E0E0">Bewertung</th>

     <th align="center" bgcolor="#E0E0E0">Schutz</th>

   </tr>

   <tr>

     <td align="center" bgcolor="#00B000">0 – 2</td>

     <td align="center" bgcolor="#00B000">niedrig</td>

     <td style="padding-left:25px;">Kein Schutz erforderlich</td>

   </tr>

   <tr>

     <td align="center" bgcolor="#FFFF00">3 – 5</td>

     <td align="center" bgcolor="#FFFF00">mäßig</td>

     <td style="padding-left:25px;">Schutz erforderlich: Hut, T-Shirt, Sonnenbrille, Sonnencreme</td>

   </tr>

   <tr>

     <td align="center" bgcolor="#F87820">6 – 7</td>

     <td align="center" bgcolor="#F87820">hoch</td>

     <td style="padding-left:25px;">Schutz erforderlich: Hut, T-Shirt, Sonnenbrille, Sonnencreme</td>

   </tr>

   <tr>

     <td align="center" bgcolor="#FF0000">8 – 10</td>

     <td align="center" bgcolor="#FF0000">sehr hoch</td>

     <td style="padding-left:25px;">zusätzlicher Schutz erforderlich: Aufenthalt im Freien möglichst vermeiden</td>

   </tr>

   <tr>

     <td align="center" bgcolor="#7F00FF">≥ 11</td>

     <td align="center" bgcolor="#7F00FF">extrem</td>

     <td style="padding-left:25px;">zusätzlicher Schutz erforderlich: Aufenthalt im Freien möglichst vermeiden</td>

   </tr>

 </table>

 <h6>Quelle: Schweizerisches Bundesamt für Gesundheit <a href="http://www.uv-index.ch/de/uvindex.html"> www.uv-index.ch/de/uvindex.html</a></h6>

 </div>

  </div>

 {% endblock %}