/******************************************************************************
 * Cascading-Style-Sheets-Datei um das Aussehen anzupassen
 *
 * Dies ist die Haupt-CSS-Datei. Hier koennen Sie das Aussehen
 * saemtlicher Module anpassen. Weitere spezifische Anpassungen koennen in den
 * weiteren CSS-Dateien gemacht werden.
 *
 *****************************************************************************/

/* Allgemeine Anpassungen */

.defaultFontSize, body {
    font-size:          10pt;
}

.bigFontSize {
    font-size:          12pt;
}

.veryBigFontSize {
    font-size:          14pt;
    font-weight:        bold;
}
.smallFontSize {
    font-size:          8pt;
}

body {
    color:              #555555;
    font-family:        verdana, sans-serif;
    background-color:   #ffffff;
    padding:            15px;
    text-align:         center;
}

H1 {
	FONT-WEIGHT: bold; FONT-SIZE: 18px; MARGIN: 20pt
}


img {
    border: 0px;
}

.readonly {
    color:              #666666;
}

/* Elemente, die fuer ein Drag&Drop angefasst werden koennen */
.dragable {
    cursor:     move;
    border-width:       0px;
}

textarea {
    font-family:        arial, sans-serif;
    font-size:          10pt;
}

/* Hack fuer IE6, damit dieser lange Buttons vernuenftig darstellt */
html.* button {    
    padding:            0em .25em;
    width:              auto;
    overflow:           visible;
}

button img {
     vertical-align:    middle;
     border-width:      none;
}


/* Links */

a:link, a:visited {
    color:              #E0791F;
    text-decoration:    none;
}

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

/* 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:              471px;
    border:             1px solid #555555;
    overflow:           hidden;
    margin:             auto;
    margin-bottom:      25px;
}

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

.boxHead img {
    margin-right:       4px;
    vertical-align:     bottom;
    border:             none;
}

.boxHeadLeft{
    float:              left;
    margin-left:        5px;
}

.boxHeadRight{
    float:              right;
    margin-right:       5px;
}

.boxBody {
    color:              #555555;
    text-align:         left;
    background-color:   #eaeaea;
    padding:            5px;
    clear:              both;
}

/* Layout fuer die Formulare
   Es ist in einen Kopf (formHead) und einen Inhalt (formBody) unterteilt
   (z.B.: Profil, Login, Registrieren) */
   
.formLayout {
    width:              471px;
    border:             1px solid #555555;
    margin:             auto;
    margin-top:         30px;
}

.formHead {
    color:              #333333;
    background-color:   #85C226;
    font-size:          12pt;
    font-weight:        bold;
    letter-spacing:     0.2em;
    border-bottom:      1px solid #555555;
    padding:            3px 15px 0px 15px;
    text-align:         center;
}

.formBody {
    color:              #555555;
    background-color:   #eaeaea;
    padding:            10px 15px 10px 15px;
    text-align:         center;
}

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

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

.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 {
    text-align:         left;
    float:              left;
}
.formFieldList li dl dd {
    margin-left:        31%;
    text-align:         left;
}

.formSubmit {
    padding-top:        5px;
    padding-bottom:     5px;
}


/* Einfache rechteckige Groupbox mit Rahmen um bestimmte Teile zu markieren,
   wird haeufig innerhalb von Formularen genutzt (z.B.: Profil, Rollenpflege) */

.groupBox {
    color:              #555555;
    background-color:   #cccccc;
    border:             1px solid #999999;
    padding:            5px 10px 5px 10px;
    text-align:         left;
    margin-top:         12px;
}

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

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

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

.tableList {
    width:              471px;         /* Optimale Breite von Listen */
    color:              #555555;
    font-size:          10pt;
    background-color:   #eaeaea;
    border:             1px solid #555555;
    margin:             auto;
}

.tableList th {
    background-color:   #85C226;
    text-align:         left;
    padding:            3px;
}

.tableList td {
    text-align:         left;
    vertical-align:     top;
    padding:            3px;
}

/* Der SubHeader wird zur Gruppierung innerhalb von Tabellen genutzt
   (z.B.: Kategorienanzeige bei Rollenzuordnung, Leiter-Mitglied bei Listen) */

.tableSubHeader {
    background-color:   #c5c5c5;
    padding:            1px;
    color:              #888888;
    font-size:          13pt;  
    font-weight:        bold;
    font-style:         italic;
    letter-spacing:     0.2em;
    text-align:         left;
}

/* aktuelle Zeile kann in Listen markiert werden */
.tableMouseOver:hover {
    background-color:   #d5d5d5;
}

/* Layout fuer die Autosuggestions bei Suchfeldern */
ul.autosuggest {
    position:           absolute;
    list-style:         none;
    margin:             0px;
    padding:            0px;
    text-align:         left;
    overflow:           auto;
    font-size:          10pt;
    border:             1px solid #7d7d7d;
}

ul.autosuggest li a:link,
ul.autosuggest li a:visited {
    display:            block;
    padding:            2px;
    text-decoration:    none;
    background-color:   #ffffff;
}

ul.autosuggest li a:hover,
ul.autosuggest li a:active,
ul.autosuggest li.highlight a:link,
ul.autosuggest li.highlight a:visited  {
    background-color:   #d5d5d5;
}

/*Links in Verbindung mit einem Icon (mit Text)*/
.iconTextLinkList {
    list-style-type:    none;
    padding:            0px;
    margin-top:         10px;
    margin-bottom:      10px;
    text-align:         center;
}

.iconTextLinkList li{   
    display:            inline;
    padding:            10px;
    font-size:          10pt;
}

.iconTextLink img {
    border:             none;
    vertical-align:     middle;
    padding-right:      1px;
}

/* Iconlinks um Funktionen aufzurufen (ohne Text) */
.iconLink {
    margin-left:        2px;
    margin-right:       2px;
}

.iconLink img, .boxHead img {
    border:             none;
    vertical-align:     top;
}


/* Iconlinks um Funktionen aufzurufen (ohne Text) in vertikaler Anordnung*/
.verticalIconList ul{
    padding-left:       0px;
    padding-bottom:     0px;
    padding-right:      0px;
    padding-top:        20px;
    margin-right:       6px;
    margin-left:        3px;
    list-style-type:    none;
}

.verticalIconList li{
    margin-top:         10px;
}
/* Icon um Bereiche auf und zu zuklappen */
.iconShowHide img {
    border:             none;
    vertical-align:     top;
    margin:             4px 5px 2px 3px;
}

/* Icon um Informationen anzuzeigen (ohne Text und Link)*/
.iconInformation {
    cursor:             help;
    vertical-align:     top;
    margin-left:        2px;
    margin-right:       2px;
}

/* Hilfeicon, bei dem ein kleines Fenster mit entsprechender Hilfe aufgerufen wird */
.iconHelpLink {
    border:             none;
    cursor:             pointer;
    vertical-align:     middle;
    margin:             0px 3px 0px 3px;
}

/* Elemente fuer Navigationsklasse */
.pageNavigation {
    vertical-align:     middle;
    margin-top:         15px;
    margin-bottom:      15px;
}

.pageNavigation img {
    vertical-align:     top;
    border:             none;
}

.pageNavigation .selected {
    font-weight:        bold;
}

/* Zusatzinformation wer letzte Aenderungen vorgenommen hat etc.*/
.editInformation{
    font-size:          8pt;
    margin-top:         8px;
}

/*Pflichtfeldmarkierung*/
.mandatoryFieldMarker{
    color:              #990000;
    margin-left:        3px;
}


/*Einstellungen fuer eine Pfadnavigation, z.B. durch die Versanstaltungsherarchie im Fotomodul*/
.navigationPath{
    margin:             5px;
}

.navigationPath img{
    border:             none;
    vertical-align:     middle;
}

/* Style Eigenschaften fuer das tooltip */
#ajax_tooltipObj{
    z-index:            1000000;
    text-align:         left;
}

#ajax_tooltipObj .ajax_tooltip_content{
    border:             1px solid #555555;
    color:              #555555;
    width:              auto;
    min-width:          10px;
    max-width:          450px;
    height:             auto;
    min-height:         15px;
    background-color:   #fdf594;
    padding:            5px;
    z-index:            1000001;
}

#ajax_tooltipObj h3 {
    color:              #333333;
    padding-top:        0px;
}

/* spezielle Anpassung fuer die Loginseite */
#login_form .formFieldList li dl dd {
    margin-left:        45%;
}

/* spezielle Anpassung fuer die Passwortseite */
#password_form .formFieldList li dl dd {
    margin-left:        50%;
}

/* spezielle Anpassung fuer die Organisationsseite */
#organization_form .formFieldList li dl {
    margin-top:         15px;
    margin-bottom:      5px;
}

#organization_form .formFieldList li dl dd {
    margin-left:        55%;
}

/* spezielle Anpassung fuer das Gaestebuch */
.commentLink{
    margin:             8px 4px 4px 0px;
}

/* spezielle Anpassung fuer die Profilseite */
#profile_form .formFieldList li dl {
    margin:             3px 0px 3px 0px;
}

#profile_roles_box ul li dl dd {
    margin-left:        70%;
    text-align:         right;
}

#profile_roles_box_other_orga ul li dl dd {
    margin-left:        70%;
    text-align:         right;
}

#profile_former_roles_box ul li dl dd {
    margin-left:        55%;
    text-align:         right;
}

#lists_overview .formFieldList li dt {
    margin-left:        20px;
}

#links_overview .formBody {
    text-align:         left;
}

#infoboxListsBox {
    width:              400px; 
}

/* 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;
}