/******************************************************************************
 * Cascading-Style-Sheets-Datei um das Aussehen von Admidio anzupassen
 *
 * Copyright    : (c) 2004 - 2005 The Admidio Team
 * Homepage     : http://www.admidio.org
 * Module-Owner : Markus Fassbender
 *
 ******************************************************************************/

/* Allgemeine Anpassungen */

body {
    color:            #555555;
    font-family:      arial, sans-serif;
    font-size:        10pt;
    background-color: #ffffff;
}

h1 {
     color:                #85C226;
}

hr {
    border:           1px solid #6CA7A8;
}

button {
    color:            #000000;
    font-size:        10pt;
}

.readonly {
    color:            #666666;
}

/* Links */

a:link {
    color:            #E0791F;
    font-weight:      bold;
    text-decoration:  none;
}

a:visited {
    color:            #E0791F;
    font-weight:      bold;
    text-decoration:  none;
}

a:hover {
    color:            #E0791F;
    font-weight:      bold;
    text-decoration:  underline;
}

/* Einfache rechteckige Groupbox mit Rahmen um bestimmte Teile zu markieren,
   wird momentan nur auf der Installations- und Profilseite benutzt */

.groupBox {
    color:            #555555;
    background-color: #cccccc;
    border-width:     1px;
    border-color:     #999999;
    border-style:     solid;
    border-collapse:  collapse;
    padding:          5px;
}

/* Ueberschrift der rechteckigen Groupbox */

.groupBoxHeadline {
    color:            #333333;
    font-weight:      bold;
    padding-bottom:   5px;
}

/* Layout fuer die Formulare
   Es ist in einen Kopf (formHead) und einen Inhalt (formBody) unterteilt
   Beispiele: Profil, Login, Registrieren */

.formHead {
    width:            550px;         /* Maximale Breite von Formularen */
    color:            #333333;
    background-color: #85C226;
    font-size:        13pt;
    font-weight:      bold;
    border-width:     1px 1px 0px 1px;
    border-color:     #555555;
    border-style:     solid;
    border-collapse:  collapse;
    padding:          3px 8px 0px 8px;
}

.formBody {
    width:            550px;         /* Maximale Breite von Formularen */
    color:            #555555;
    font-size:        11pt;
    background-color: #eaeaea;
    border-width:     1px;
    border-color:     #555555;
    border-style:     solid;
    border-collapse:  collapse;
    padding:          8px;
}

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

.boxHead {
    color:            #333333;
    background-color: #85C226;
    width:            100%;
    min-height:       20px;
    font-size:        12pt;
    font-weight:      bold;
    padding:          2px;
}

.boxBody {
    color:            #555555;
    width:            550px;
    font-size:        11pt;
    background-color: #eaeaea;
    border-width:     1px;
    border-color:     #555555;
    border-style:     solid;
    border-collapse:  collapse;
    padding:          0px;
}

/* Layout fuer Listen
   Die Klasse tableList wird dem <table>-Element zugeordnet
   tableHeader dem <th>-Element und
   listMouseOut dem <td>-Element
   Beispiele: Listen, Eigene Liste */

.tableList {
    width:            550px;         /* Optimale Breite von Listen */
    background-color: #eaeaea;
    font-size:        10pt;
    border-width:     1px;
    border-color:     #555555;
    border-style:     solid;
    padding:          0px;
    border-spacing:   0px;
}

.tableHeader {
    color:            #555555;
    background-color: #85C226;
    font-size:        10pt;
    padding:          3px;
}

.listMouseOut {
    background-color: #eaeaea;
    color:            #555555;
}

.listMouseOver {
    background-color: #cccccc;
    color:            #555555;
}

/* Layout fuer die Drucklisten
   Dieses braucht in der Regel nicht angepasst werden.
   Es ist für schwarz/weiß Drucker optimiert. */

.bodyPrint {
    color:            #000000;
    font-family:      arial, sans-serif;
    font-size:        10pt;
    background-color: #ffffff;
}

.tableListPrint {
    width:            270mm;
    background-color: #ffffff;
    border-width:     1px;
    border-color:     #dddddd;
    border-style:     solid;
    padding:          0px;
    border-spacing:   0px;
    margin:           0px;
}

.tableHeaderPrint {
    color:            #000000;
    font-family:      arial, sans-serif;
    font-size:        10pt;
    background-color: #cccccc;
}

.tableRowPrint {
    border-top-color:    #cccccc;
    border-bottom-color: #cccccc;
    border-left-color:   #ffffff;
    border-right-color:  #ffffff;
    border-width:        1px;
    border-style:        solid;
}