/* Allgemeine Anpassungen */
p, td {
    color:            #545454;
    font-family:      arial, sans-serif;
    font-size:        9pt;
}

body {
    color:            #545454;
    font-family:      arial, sans-serif;
    font-size:        9pt;
    background-color: #ffffff;
}
td {
	vertical-align:top;
	text-align:left;
}
td.scroll { scrollbar-base-color: #ffffff; scrollbar-3d-light-color: #a8acb1; scrollbar-arrow-color: #a8acb1; scrollbar-darkshadow-color: #ffffff; scrollbar-face-color: #ffffff; scrollbar-highlight-color: #a8acb1; scrollbar-shadow-color: #a8acb1; scrollbar-track-color: #ffffff; 
}
h1 {
     color:           #85C226;
}

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

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

.readonly {
    color:            #666666;
}

/* Links */

a:link {
    color:            #545454;
    text-decoration:  underline;
}

a:visited {
    color:            #545454;
	text-decoration:  underline;
}

a:hover {
    color:            #545454;
    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: #EAEAEA;
    border-width:     0px;
    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:            640px;         /* Maximale Breite von Formularen */
    color:            #333333;
    background-color: #EAEAEA;
    font-size:        11pt;
    font-weight:      bold;
    border-width:     0px 0px 0px 0px;
    border-color:     #555555;
    border-style:     solid;
    border-collapse:  collapse;
    padding:          3px 8px 0px 8px;
}

.formBody {
    width:            640px;         /* Maximale Breite von Formularen */
    color:            #555555;
    font-size:        9pt;
    background-color: #EAEAEA;
    border-width:     0px;
    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: #EAEAEA;
    width:            100%;
    min-height:       20px;
    font-size:        10pt;
    font-weight:      bold;
    padding:          2px;
}

.boxBody {
    color:            #555555;
    width:            640px;
    font-size:        9pt;
    background-color: #EAEAEA;
    border-width:     0px;
    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:            640px;         /* Optimale Breite von Listen */
    background-color: #EAEAEA;
    font-size:        9pt;
    border-width:     0px;
    border-color:     #555555;
    border-style:     solid;
    padding:          0px;
    border-spacing:   0px;
}

.tableHeader {
    color:            #555555;
    background-color: #EAEAEA;
    font-size:        9pt;
    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:        9pt;
    background-color: #ffffff;
}

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

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

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

.small {
    color:            #545454;
    font-family:      arial, sans-serif;
    font-size:        8pt;
	margin-bottom:	  1pt;
	margin-top:		  1pt;
}