/******************************************************************************
 * Cascading-Style-Sheets-Datei um das Aussehen von Admidio anzupassen
 *
 * Copyright    : (c) 2004 - 2009 The Admidio Team
 * Homepage     : http://www.admidio.org
 * License      : GNU Public License 2 http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Dies ist die Haupt-CSS-Datei von Admidio. Hier koennen Sie das Aussehen
 * saemtlicher Module anpassen. Weitere spezifische Anpassungen koennen in den
 * weiteren CSS-Dateien gemacht werden.
 *
 *****************************************************************************/


/* Layout fuer die Boxen (Termine usw.)
   Es ist in einen Kopf (boxHead) und einen Inhalt (boxBody),
   der aber den Kopfbereich umschliesst, unterteilt
   (z.B.: Ankuendigungen, Termine) */

.boxLayout {
    width:              600px;
    overflow:           hidden;
    margin-bottom:      30px;
    text-align:         left;
	margin-left: auto;
	margin-right: auto;
}

.boxHead {
    width:              100%;
    min-height:         20px;
    font-size:          10pt;
    font-weight:        bold;
    border-bottom:      2px solid #BAD8E2;
}

.boxHeadLeft img {
    margin-right:       5px;
    vertical-align:     bottom;
    border-width:       0px;
}

.boxHeadLeft{
    float:              left;
}

.boxHeadRight{
    float:              right;
}

.boxBody {
    padding:            10px 0px 5px 0px;
    clear:              both;
	text-align: justify;
}


.groupBox {
    border:             2px solid #bad8e2;
    padding:            5px 10px 5px 10px;
    text-align:         left;
    margin-top:         12px;
}

.groupBoxHeadline {
    color:              #bad8e2;
    font-weight:        bold;
}

.groupBoxBody {
    padding-top:        7px;
    clear:              both;
}


/* Ordnet Felder mit ihren Beschreibungen in Formularen.
   Diese werden in einer Liste untereinander und 
   mit Beschreibung + Feld nebenandern angeordnet */

.formLayout {
    width:			100%;
}

.formHead {
	text-align: center;
	font-size: 1em;
	margin: 0;
	padding: 0.25em;
}

.formBody {
    padding-top:        10px;
    padding-bottom:     10px;
    text-align:         left;
}

.formBody hr {
    border:             1px solid #bad8e2;
    width:              100%;
    margin-top:         10px; 
    margin-bottom:      10px; 
}

.formFieldList {
    margin:             0px;
    padding:            0px;
    list-style-type:    none;
}

.formFieldList li { 
    display:            inline;
    text-align:         left;
}
.formFieldList li dl {
    padding:            0px;
    margin:             8px 0px 8px 0px;
}
.formFieldList li dl dt {
    float:              left;
}
.formFieldList li dl dd {
    margin-left:        31%;
}

.formSubmit {
    padding-top:        10px;
}

/* spezielle Anpassung fuer die Terminseite */

.date_info_block {
    line-height:        14pt;
}

.date_info_block div {
    padding-right:      5px;
    padding-bottom:     5px;
}

.date_description {
    padding-top:        10px;
    padding-bottom:     5px;
}