﻿@charset "utf-8";

    BODY {
        background-color: #939393;
    }

/* Hintergrund */
    DIV#bgrepeat {
        margin: 0 auto;
        padding: 0 100px;
        width: 1000px;
        background: url(../images/bg-repeat.jpg) repeat-y 0 0;
    }

/* Adresse im Kopf */
    TD#adresse {
        padding: 30px 0 10px 10px;
        vertical-align: bottom;
        font: 400 9pt/140% 'Trebuchet MS', Arial, Helvetica, Tahoma, Verdana, sans-serif;
        color: #939393;
    }
        TD#adresse A {
            font: 400 9pt/140% 'Trebuchet MS', Arial, Helvetica, Tahoma, Verdana, sans-serif;
            text-decoration: none;
            color: #939393;
        }
            TD#adresse A:HOVER {
                text-decoration: none;
                color: Red;
            }

    DIV#block H3 {
        margin: 0;
        font: 700 14pt/160% 'Trebuchet MS', Arial, Helvetica, Tahoma, Verdana, sans-serif;
        color: #444;
    }
    DIV#block P + H3 { /* H3-Überschriften direkt nach einem P-Absatz */
        margin-top: 18pt;
    }
    DIV#block P {
        margin: 6pt 0 6pt 20pt;
        font: 400 10pt/160% 'Trebuchet MS', Arial, Helvetica, Tahoma, Verdana, sans-serif;
        color: #444;
    }

    A.link {
        font: 400 10pt/160% 'Trebuchet MS', Arial, Helvetica, Tahoma, Verdana, sans-serif;
        text-decoration: none;
        color: Blue;
    }
        A.link:HOVER {
            text-decoration: underline;
            color: Red;
        }

    H2 {
        margin: 30px auto 0;
        padding: 10px 0;
        border-top: 1px dashed Silver;
        border-bottom: 1px dashed Silver;
        font: 400 9pt/100% Georgia, Times, serif;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 2px;
        color: #888;
    }

/* Navigation */
    DIV#navi {
        margin: 10px 20px 0 0;
        text-align: right;
    }
        DIV#navi A {
            margin: 0 .5em;
            padding: 2px 5px 2px 6px;
            font: 700 11pt/100% 'Trebuchet MS', Arial, Helvetica, Tahoma, Verdana, sans-serif;
            text-decoration: none;
            text-transform: uppercase;
            letter-spacing: 3px;
            color: #939393;
        }
            DIV#navi A:HOVER {
                text-decoration: none;
                color: #444;
            }
            DIV#navi A.aktiv {
                text-decoration: none;
                color: Red;
            }

/* Galerie */
    TABLE#galerie {
        margin: 20px auto;
        text-align: center;
    }
        TABLE#galerie TD {
            padding: 30px;
        }
        TABLE#galerie IMG {
            padding: 24px 24px 30px 24px;
            border: 1px solid Silver;
            background: #F5F5F5;
            -moz-box-shadow: 2px 2px 3px #888;
            -webkit-box-shadow: 2px 2px 3px #888;
            box-shadow: 2px 2px 3px #888;
            filter:progid:DXImageTransform.Microsoft.Shadow(strength=3,color=#888888,direction=135);
        }

/* Wall */
    TABLE#wall {
        margin: 20px auto;
        text-align: center;
    }
        TABLE#wall TD {
            padding: 30px;
        }
        TABLE#wall IMG#einzelbild {
            -moz-box-shadow: 4px 4px 8px #888;
            -webkit-box-shadow: 4px 4px 8px #888;
            box-shadow: 4px 4px 8px #888;
            filter:progid:DXImageTransform.Microsoft.Shadow(strength=8,color=#888888,direction=135);
        }
        TABLE#wall P#bildname,
        TABLE#wall P#bildjahr,
        TABLE#wall P#bildinfo,
        TABLE#wall P#kuenstler {
            margin: 0;
            padding: 0;
            color: #555;
        }
        TABLE#wall P#bildname {
            font: 700 14pt/140% Arial, Helvetica, Tahoma, Verdana, sans-serif;
            text-transform: uppercase;
            letter-spacing: 5px;
        }
        TABLE#wall P#bildjahr {
            font: 400 12pt/140% Arial, Helvetica, Tahoma, Verdana, sans-serif;
        }
        TABLE#wall P#bildinfo {
            font: 400 10pt/140% Arial, Helvetica, Tahoma, Verdana, sans-serif;
        }
        TABLE#wall P#kuenstler {
            font: 400 10pt/140% Arial, Helvetica, Tahoma, Verdana, sans-serif;
        }

/* Vor-Zurück-Pfeile */
    DIV#shuffle {
        margin: 20px 0;
        padding: 10px;
        border-top: 1px solid Silver;
    }
