@charset "utf-8";

body {
    background-color: #939393;
    margin: 0;
    padding: 0;
}

/* Hintergrund */
#bgrepeat {
    margin: 0 auto;
    padding: 0 100px;
    width: 1000px;
    background: url(images/bg-repeat.jpg) repeat-y 0 0;
}

/* Adresse im Kopf */
#adresse {
    padding: 30px 0 10px 10px;
    vertical-align: bottom;
    font: 400 9pt/140% 'Trebuchet MS', Arial, Helvetica, Tahoma, Verdana, sans-serif;
    color: #939393;
}
#adresse a {
    font: 400 9pt/140% 'Trebuchet MS', Arial, Helvetica, Tahoma, Verdana, sans-serif;
    text-decoration: none;
    color: #939393;
}
#adresse a:hover {
    text-decoration: none;
    color: Red;
}

#block h3 {
    margin: 0;
    font: 700 14pt/160% 'Trebuchet MS', Arial, Helvetica, Tahoma, Verdana, sans-serif;
    color: #444;
}
#block p + h3 { /* H3-Überschriften direkt nach einem P-Absatz */
    margin-top: 18pt;
}
#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 */
#navi {
    margin: 10px 20px 0 0;
    text-align: right;
}
#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;
}
#navi a:hover {
    text-decoration: none;
    color: #444;
}
#navi a.aktiv {
    text-decoration: none;
    color: Red;
}

/* Galerie */
#galerie {
    margin: 20px auto;
    text-align: center;
}
#galerie td {
    padding: 30px;
}
#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 */
#wall {
    margin: 20px auto;
    text-align: center;
}
#wall td {
    padding: 30px;
}
#wall #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);
}
#wall #bildname,
#wall #bildjahr,
#wall #bildinfo,
#wall #kuenstler {
    margin: 0;
    padding: 0;
    color: #555;
}
#wall #bildname {
    font: 700 14pt/140% Arial, Helvetica, Tahoma, Verdana, sans-serif;
    text-transform: uppercase;
    letter-spacing: 5px;
}
#wall #bildjahr {
    font: 400 12pt/140% Arial, Helvetica, Tahoma, Verdana, sans-serif;
}
#wall #bildinfo {
    font: 400 10pt/140% Arial, Helvetica, Tahoma, Verdana, sans-serif;
}
#wall #kuenstler {
    font: 400 10pt/140% Arial, Helvetica, Tahoma, Verdana, sans-serif;
}

/* Vor-Zurück-Pfeile */
#shuffle {
    margin: 20px 0;
    padding: 10px;
    border-top: 1px solid Silver;
}