/* ReSharper disable DeclarationIsEmpty */
/* Hier bitte keine design-spezifischen Anpassungen! */

/* DIV um alle Elemente */
.file-upload-box {
    position: relative;
    width: 100%;
}


/* DIV um den <input type="file" /> */
.file-upload-input {
}

/* DIV um die Lösch-Checkbox */
.file-upload-delete {
}

/* Verstecktes Eingabefeld mit Daten */
.file-upload-data {
}

/* DIV Fortschrittsanzeige */
.file-upload-progress {
    width: 150px;
    height: 10px;
}


/* DIV Fehlermeldung */
.file-upload-message {
    margin-top:5px; 
}


/* --- Spezifisch Bild-Upload: */

/* DIV Bereich Bedienelemente ausserhalb Bildvorschau */
.image-upload-input-box {
    float: left;
}

/* DIV Bildvorschau-Box */
.image-upload-preview {
    text-align: center;
    height: 81px;
    width: 81px;
    line-height: 81px;
    padding: 2px;
    overflow: hidden;
    float: right;
    border: 1px solid #aaaaaa;
}

    /* Text in der Vorschau-Box (z.B. "kein Bild") */
    .image-upload-preview-text {
        vertical-align: middle;
    }

     /* Bild in der Vorschau-Box */
   .image-upload-preview > img {
        max-height: 100%;
        max-width: 100%;
        vertical-align: middle;
    }


/* --- Spezifisch Dokumenten-Upload: */

/* DIV hochgeladene Datei */
.file-upload-preview {
    margin-top:5px; 
}