body, table, td, tr, div, p, pre, h1, h2, h3, h4, ul {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
body, td, div, p, pre, ul {font-size: 13px;}

h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 13px;}
.small {font-size: 12px;}
.mini {	font-size: 11px;}
.minimini {	font-size: 10px;}
a {	font-size: 13px;text-decoration: none}
a:link {color:#3d4548}
a:visited {	color:#3d4548}
a:active {color:#3d4548}
a:hover{color: #000000;	text-decoration: underline;}


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

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



.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:            #000000;
    font-weight: normal;
    padding-bottom: 5px;
	}

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

.formHead {
    width: 500px;         /* Maximale Breite von Formularen */
    color:            #000000;
    background-color: #afdafc;
    font-size:        10pt;
    /*font-weight:      bold;*/
    border-width:     1px 1px 0px 1px;
    border-color:     #000000;
    border-style:     solid;
    border-collapse:  collapse;
    padding: 3px 8px 0px 8px;
}

.formBody {
    width:            500px;         /* Maximale Breite von Formularen */
    color:            #000000;
    font-size:        10pt;
    background-color: #afdafc;
    border-width:     1px;
    border-color:     #000000;
    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:            #000000;
    background-color: #afdafc;
    width:            100%;
    min-height:       20px;
    font-size:        10pt;
    font-weight:      bold;
    padding: 3px;
    border: 0px none;
    border-bottom: 2px dotted;
}

.boxBody {
    color:            #000000;
    width:            500px;
    font-size:        10pt;
    background-color: #afdafc;
    border-width:     1px;
    border-color:     #000000;
    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:            500px;         /* Optimale Breite von Listen */
    background-color: #afdafc;
    font-size:        10pt;
    border-width:     1px;
    border-color: Black;
    border-style: solid;
    padding:          0px;
    border-spacing:   0px;
}

.tableHeader {
    color:            #000000;
    background-color: #afdafc;
    font-size:        10pt;
    padding:          3px;
   }

.listMouseOut {
    background-color: #afdafc;
    color:            #000000;
}

.listMouseOver {
    background-color: #afdafc;
    color:            #000000;
}

/* 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: "Trebuchet MS";
    font-size:        10pt;
    background-color: #ffffff;
}

.tableListPrint {
    width:            270mm;
    background-color: #ffffff;
    border-width:     1px;
    border-color: Black;
    border-style: solid;
    padding:          0px;
    border-spacing:   0px;
    margin:           0px;
	 font-size:        10pt;
}

.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;
	 font-size:        10pt;
}