Untitled

<!DOCTYPE html>
<html lang="de">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>POL-Politik Online</title>
    <link rel="shortcut icon" href="../img/favicon/gelb.png" />

    <link href="../css/style.css" rel="stylesheet" type="text/css">

    <style>
      .klein {
        display: none;
      }
      @media (max-width:930px) {
        .klein {
          display: block;
        }
        .gross {
          display: none;
        }
      }
    </style>
</head>

<body>
    <div id="wrapper">
        <header>

            <nav id="mainnav">
                <a href="#" id="logo"><img src="../img/logo.jpg" width="280" alt="logo"></a>
                <a href="#" id="balken"><img src="../img/balken-unten.jpg" width="280" height="25" /></a>

                <ul>
                    <li><a href="../index.html">Home</a></li>
                    <li><a href="http://www.pol-politikonline.de/forum" target="_blank">Forum</a></li>
                    <li><a href="videost.html">Videos</a></li>
                    <li class="select"><a href="system.html">System</a></li>
                    <li><a href="themen.html">Themen</a></li>
                    <li><a href="#">Impresum</a></li>
                    <li><a href="downloads.html">Downloads</a></li>
                </ul>

            </nav>
            <div id="whitespace">
                <nav id="langnav" style="display: block;"> <select onChange="location.href=''+this.value">                    <option value="de" selected="SELECTED">Deutsch</option>                    <option value="../ir/indexir.html">فارسی</option>                    <option value="../en/indexen.html">english</option>                  </select> </nav>
            </div>

        </header>

        <main>
            <table width="200" border="0">
                <tr>
                    <td>
                        <p></p>
                    </td>
                </tr>
                <tr>
                    <td>
                  <img class="gross" src="../img/system.jpg" usemap="#Map" border="0" class="imgmedia">
                  <img class="klein" src="../img/system-klein.jpg" width="344" height="224" border="0" usemap="#MapKlein">
                    </td>
                </tr>

                <tr>
                    <td>
                        <div>
                            <p class="schraeg"><span><img src="../img/systemsprengen.jpg" alt="systembruch" class="imgmedia" /></span></p>
                        </div>

                    </td>
                </tr>
            </table>
            <br><br>
        </main>
        <footer></footer>
    </div>

    <map name="Map">
      <area shape="rect" coords="605,330,822,362" href="menschenversuche.html">
      <area shape="rect" coords="111,279,348,318" href="verwaltetewelt.html" alt="verwaltete Welt">
      <area shape="rect" coords="245,523,335,552" href="ziel.html" alt="ziel">
      <area shape="rect" coords="571,529,685,553" href="weiteres.html" alt="weiteres">
      <area shape="rect" coords="350,122,541,182" href="manipulietessystem.html" alt="manipuliertes System">
    </map>

    <map name="MapKlein">
      <area shape="rect" coords="127,41,197,65" href="manipulietessystem.html" target="_self" alt="manipuliertesSystem">
      <area shape="rect" coords="218,119,297,131" href="menschenversuche.html" target="_self" alt="menschenversuche">
      <area shape="rect" coords="42,102,125,115" href="verwaltetewelt.html" target="_self" alt="verwalteteWelt">
      <area shape="rect" coords="87,187,120,199" href="ziel.html" target="_self" alt="ziel">
      <area shape="rect" coords="207,188,245,202" href="weiteres.html" target="_self" alt="weiteres">
    </map>
</body>

</html>