/* photo.css
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */

ul {
    list-style-type: none;
    padding-left:    16px;
    margin-left:     0;
    line-height:     140%;
}


/* keinen Rahmen um die Thumbnails, Bilder zeichnen
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */
img {
    border:  none;
}


/* Aufbau der Photoalben als Liste, in der jeder Eintrag einem Photo
 * entspricht.
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */
.photo-album li {
    list-style-type: none;
    float:  left;
    margin: 2px;
}

.photo-album a {
    display:          block;
    font-weight:      bold;
    background-color: #eae9e0;
    color:            #333227;
    text-decoration:  none;
    border:           1px solid #656036;
}

.photo-album a:hover {
    font-weight:      bold;
    background-color: #d7d5c3;
}

.photo-album div {
    padding:    1px;
    margin:     8px;
    width:      164px;
    height:     124px;
    text-align: center;
}

.photo-album img {
    display:        inline;
    border:         1px solid #333227;
    vertical-align: middle;
    text-align:     center;
}

/* Abstand der Ueberschriften zum nachfolgenden Text (=Photo) verringern */
/* --------------------------------------------------------------------- */
h2 {
    margin-bottom: -0.8em;
}


/* Die folgenden Angaben sind bei der Darstellung der einzelnen Photos eines */
/* Photo-Albums erforderlich. Hiermit koennen die 'Zurueck - Index - Weiter' */
/* Links ueber eine vertikale Liste dargestellt werden.                      */
/* ------------------------------------------------------------------------- */
#photopage {
    list-style-type: none;
    margin:          2em 0 0.4em 0;
    padding:         0;
    width:           640px;
}

#photopage li {
    display:          inline;
    float:            left;
    text-align:       center;
    width:            213px;
}

#photopage a:link, #photopage a:visited {
    color          : #f5f4f1;
    text-decoration: none;
    font-weight    : normal;
}

#photopage a:hover {
    text-decoration: underline;
    font-weight    : normal;
}


/* Darstellung der 'Einzel-Photos' */
/* ------------------------------- */
img.einzelphoto {
    margin: 0.8em 0 0.8em 0;
}


#photo_titel {
    color:        #f5f4f1;
    font-size:    1.6em;
    text-align:   left;
    margin-top:   1.2em;
    margin-left:  1.6em;
}

#nr_anzahl {
    color:        #f5f4f1;
    font-size:    0.9em;
    text-align:   right;
    margin-top:   -1.2em;
    margin-right: 2.4em;
}

#description {
    background-color: #f5f4f1;
    color:            #25241c;
    width:            84%;
    margin:           0;
    padding:          0.8em 0 0.8em 0;
    font-size:        0.9em;
    border-top:       2px solid #25241c;
    border-bottom:    2px solid #25241c;
}


.descr {
    background-color: #25241c;
    width:            84%;
    border:           2px;
    margin:           0;
}

/* Aufbau der 'index.html' im Hauptverzeichnis */
/* ------------------------------------------- */
div.caption {
    height:     1.2em;
    font-size:  0.8em;
    text-align: center;
}