/******************************************************************************
 * Cascading-Style-Sheets-Datei um das Aussehen von Admidio anzupassen
 *
 * Copyright    : (c) 2004 - 2012 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.
 *
 *****************************************************************************/

/* Allgemeine Anpassungen */

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

body {
    color:              #000000;
    font-family:        arial, sans-serif;
    background-color:   #d1d1d1;
    padding:            15px;
    text-align:         center;
}

h1 {
     color:             #9f0000;
     letter-spacing:    0.3em;
     margin-bottom:     10px;
     padding-top:       10px;
     text-align:        center;
     font-size:         20pt;
}

h3 {
    font-size:          14pt;
    margin:             15px 0px 7px 0px;
}

p {
    padding-bottom:     10px;
    padding-top:        10px;
    margin:             0px;
}

img {
    border-width:       0px;
}

textarea, input, select {
    font-family:        arial, sans-serif;
    font-size:          11pt;
}

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


/* Links */

a:link, a:visited {
    color:              #9f0000;
    font-weight:        bold;
    text-decoration:    none;
}

a:hover, a:active {
    color:              #9f0000;
    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:              600px;
    border:             1px solid #555555;
    overflow:           hidden;
    margin:             auto;
    margin-bottom:      25px;
}

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

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

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

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

.boxBody {
    color:              #000000;
    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:              600px;
    border:             1px solid #555555;
    margin:             auto;
    margin-top:         30px;
}

.formHead {
    color:              #000000;
    background-color:   #9f0000;
    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:              #000000;
    background-color:   #eaeaea;
    padding:            10px 15px 10px 15px;
    text-align:         center;
}

.formBody hr {
    border:             1px solid #9f0000;
    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 { 
    text-align:         left;
}
.formFieldList > li > dl, 
.formFieldList > li > div {
    padding:            0px;
    margin:             8px 0px 8px 0px;
}
.formFieldList > li > dl > dt {
    text-align:         left;
    float:              left;
}
.formFieldList > li > dl > dd {
    margin-left:        29%;
    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:              #000000;
    background-color:   #cccccc;
    border:             1px solid #999999;
    padding:            5px 10px 5px 10px;
    text-align:         left;
    margin-top:         12px;
}

.groupBoxHeadline {
    color:              #000000;
    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:              600px;         /* Optimale Breite von Listen */
    color:              #000000;
    font-size:          10pt;
    background-color:   #eaeaea;
    border:             1px solid #555555;
    margin:             auto;
}

.tableList th {
    background-color:   #9f0000;
    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;
    width:              16px;
    height:             16px;
}

/* 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;
    width:              11px;
    height:             11px;
}

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

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

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

/*Pflichtfeldmarkierung*/
.mandatoryFieldMarker{
    color:              #9f0000;
    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;
}
#textTooltip{
	position:           absolute;
    border:             1px solid #333333;
    text-align:         left;
    color:              #333333;
    width:              auto;
    min-width:          10px;
    max-width:          450px;
    height:             auto;
    min-height:         15px;
    background-color:   #fdf594;
    padding:            5px;
    z-index:            1000001;
	display:            none;
}
/* 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 */
#admOrganizationMenu .formFieldList li dl {
    margin-top:         15px;
    margin-bottom:      5px;
}

#admOrganizationMenu .formFieldList li dl dd {
    margin-left:        50%;
}

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

/* spezielle Anpassung fuer die Profilseite */
#admProfileMasterData {
	min-height: 200px;
}

#profile_form .formFieldList li dl {
    margin:             3px 0px 3px 0px;
}

#profile_roles_box ul li dl dd,
#profile_roles_box_other_orga ul li dl dd,
#profile_former_roles_box ul li dl dd {
    margin-left:        50%;
    text-align:         right;
}

/* spezielle Anpassung fuer die Listen */
#lists_overview .formFieldList li dt {
    margin-left:        20px;
}

#infoboxListsBox {
    width:              400px;
    margin-top:         25px;
}

/* spezielle Anpassung fuer die Weblinks */
#links_overview .formBody {
    text-align:         left;
}

/*spezielle Anpassung Hilfe Colorbox*/
#message_window .formBody ul {
    padding-left:       20px;
	padding-right:      20px;
}

/* 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;
}
/* Definitionsliste der Systeminformationsseite*/
.systeminfoGood{
    color: #1e9303;
}
.systeminfoBad{
    color: #9f0000;
}