/*******************************************************************************/
/* Default Werte Fuer alle Elemente */

/* Margin Bottom
Hier kann der Default Abstand zwischen Elementen angegeben werden. Dieser Abstand
kann allerdings durch Settings der einzelnen Elemente ueberschrieben werden. */
div.content-image,              /* Bild */
div.content-text,               /* Textblock */
div.content-image-text,         /* Text-mit-Bild Block */
table.content-columns,          /* Spalten Element */
div.content-tabs,               /* Tabs Element (Container) */
hr.seperator-line               /* Seperator Line */
{
    margin-bottom           : 10px;
}

/*******************************************************************************/
/* Text */

/*******************************************************************************/
/* Bild */

/*******************************************************************************/
/* Kapitel */
div.content-chapter a.content-chapter-link-to-top {
    color               : #CCCCCC;
    display             : block;
    text-align          : right;
    font-size           : 11px;
    border-bottom       : 1px solid #CCCCCC;
    text-decoration     : none;
    margin-bottom       : 20px;
}

/*******************************************************************************/
/* Bild mit Text (allgemeine Styles, unabhängig von Ausrichtung und Bildposition) */
table.content-image-text td.text h4 {
    margin                  : 0 !important;
}

* html div.content-image-text div.spacer {
    height                  : 2px;
    line-height             : 2px;
    font-size               : 2px;
    margin                  : 0;
}

/*******************************************************************************/
/* Bild mit Text (bündig als Tabelle) */
div.content-image-text-align td {
    vertical-align          : top;
}

table.content-image-text-align .image {
    width                   : 10px;
}

div.content-image-text-align .content-image-text-right .image {
    padding-left            : 10px;
}

div.content-image-text-align .content-image-text-left .image {
    padding-right           : 10px;
}

/*******************************************************************************/
/* Bild mit Text (gefloated) */
table.content-image-text-float {
    width                   : 10px;
}

div.content-image-text-float .content-image-text-right {
    margin-left             : 10px;
    margin-bottom           : 5px;
    float                   : right;
}

div.content-image-text-float .content-image-text-left {
    margin-right            : 10px;
    margin-bottom           : 5px;
    float                   : left;
}

div.content-image-text-float table.content-image-text-float img.content-image-text {
    margin                  : 0;
}

/*******************************************************************************/
/* Spalten */
table.content-columns td.content-column {
    padding-left            : 10px;
    vertical-align          : top;
}
table.content-columns td.content-column-1 {
    padding-left            : 0;
}

/*******************************************************************************/
/* Seperator line */
hr.seperator-line {
    border                  : 0;
    border-top              : 1px dotted gray;
    height                  : 0;
}

/*******************************************************************************/
/* Fußzeile für Bilder (Option: image_footer) */
.setting-image-footer {
    font-style              : italic;
    font-size               : 1em;
}

/*******************************************************************************/
/* Bildergalerie */
.content-imagegallery {
    width                   : 100%;
    margin-top              : 20px;
}

/* Achtung, die horizontalen Abstände müssen synchron in der Konstante
   IMAGEGALLERY_HORIZONTAL_MARGIN hinterlegt werden. */
.content-imagegallery .content-imagegallery-image {
    margin                  : 0px 10px 20px 0px;
    float                   : left;
}

.content-imagegallery .content-imagegallery-image .resizer {
    overflow                : hidden;
}

.content-imagegallery .content-imagegallery-image .label {
    font-style              : italic;
    font-size               : 1em;
    margin                  : 5px 0px 0px 0px;
}