Untitled

<!DOCTYPE html>

<html lang="de" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>S Pfeil Photography</title>
    <meta name="description" content="Steffen Pfeil Photography"/>
    <meta name="author" content="Steffen Pfeil"/>
    <meta name="keywords" content="Fotografie, Steffen Pfeil,Grafik Design,Webdesign"/>
    <meta name="robots" content="index"/>
    <link rel="stylesheet" type="text/css" href="css/main.css" />
    <link rel="stylesheet" type="text/css" href="css/viewer.css" />
    <script type="text/javascript" src="js/main.js"></script>
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/viewer.js"></script>
    <link rel="icon" href="favicon.ico" /> <!-- Icon einfügen -->
</head>
<body onload="imagesload();">
    <!-- für facebook -->
    <div id="fb-root"></div>
    <script>(function (d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = "//connect.facebook.net/de_DE/all.js#xfbml=1";
        fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));
    </script>
    <!-- für facebook ende -->

    <div id="wrapper"> <!-- Wrapper Anfang -->
        <header class="header">
            <img id="header-h1" src="images/header.png" />
            <div id="fb-ecke">
                <div id="facebookplugin" class="fb-like-box" data-href="https://www.facebook.com/pages/S-Pfeil-Photography/232583730208854?fref=ts" data-width="292" data-height="60" data-show-faces="false" data-colorscheme="light" data-stream="false" data-header="false"></div>
            </div>
        </header>
        <nav id="menu">
            <ul id="menu-ul">
                <li id="selected-menu"><div><a class="menupunkt" href="#">Home</a></div></li>
                <li><div><a class="menupunkt" href="html/photography.html">Fotografie</a></div></li>
                <li><div><a class="menupunkt" href="html/grafic.html">Grafik-Design</a></div></li>
                <li><div><a class="menupunkt" href="html/web.html">Web-Design</a></div></li>
                <li><div><a class="menupunkt" href="html/contact.html">Kontakt</a></div></li>
            </ul>
        </nav>
        <table id="image-table" border="0">
            <colgroup>
                <col width="240"/>
                <col width="240"/>
                <col width="240"/>
                <col width="240"/>
            </colgroup>
            <tr  >
            <td  colspan="4">
                <div id="image-oben"> <!-- Oben Rechts-->
                   <div onclick="openfenster()" id="image-gross"></div>
                   <div id="image-gross-caption"></div>
                </div>
            </td>
        </tr>
        <tr>
            <td >
                <div onmouseover="image1click();" id="image-klein-1" class="image-klein"></div>
                <div id="image-klein-1-caption" class="image-caption"></div>
            </td>

            <td >
                <div onmouseover="image2click();"  id="image-klein-2" class="image-klein"></div>
                <div id="image-klein-2-caption" class="image-caption"></div>
            </td>

            <td >
                <div onmouseover="image3click();"  id="image-klein-3" class="image-klein"></div>
                <div id="image-klein-3-caption" class="image-caption"></div>
            </td>

            <td >
                <div onmouseover="image4click();"  id="image-klein-4" class="image-klein"></div>
                <div id="image-klein-4-caption" class="image-caption"></div>
            </td>

        </tr>
        </table>
        <!-- IMAGE VIEWER -->
        <div onclick="closefenster()" id="image-viewer-background"></div>
        <div id="image-viewer">
            <img id="image-frame" src=" " />
            <a title="close" class="controls" id="x" onclick="closefenster()">x close </a>
            <div id="control">
                <!--<a title="previos image" class="controls" id="previos"><< previos</a><a> || </a>
                            <a title="next image" class="controls" id="next">next >></a>-->
            </div>
        </div>
        <!-- IMAGE VIEWER ENDE -->
        <footer id="footer">

        </footer>
    </div> <!-- Wrapper Ende -->

</body>
</html>