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

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

.bigFontSize {
    font-size:          12pt;
}

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

body {
    color:              #606465;
    padding:            15px;
    margin:             auto;
    font-size:          11pt;
    font-family:        Helvetica, Verdana, Arial, sans-serif;
    text-align:         center;
    background-color:   #96c4cb; 
    background-repeat:  repeat-x;
    background-attachment: fixed;
    background-image:   url(../images/background.png);
}

h1 {
    padding-top:        5px;
    margin-top:         0px;
    margin-bottom:      20px;
    font-size:          18pt;
    color:              #449ba6;
}

h3 {
    font-size:          12pt;
    color:              #333333;
    padding:            15px 0px 7px 0px;
}

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

img {
    border-width:       0px;
}

*[readonly] {
    background-color:   #e5e5e5;
    border-width:       thin;
}

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:      0px;
}


/* Links */

a:link, a:visited {
    color:              #222222;
    text-decoration:    underline;
}

a:hover, a:active {
    text-decoration:    underline;
    color:              #FF9C00;
}

/* 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:              570px;
    overflow:           hidden;
    margin-bottom:      30px;
    text-align:         left;
}

.boxHead {
    color:              #333333;
    width:              100%;
    min-height:         20px;
    font-size:          12pt;
    font-weight:        bold;
    border-bottom:      2px solid #449ba6;
}

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

.boxHeadLeft{
    float:              left;
}

.boxHeadRight{
    float:              right;
}

.boxBody {
    padding:            10px 0px 5px 0px;
    clear:              both;
}

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

.formHead {
    color:              #333333;
    font-size:          14pt;
    font-weight:        bold;
    letter-spacing:     0.2em;
    text-align:         left;
    border-bottom:      2px solid #449ba6;
}

.formBody {
    padding-top:        10px;
    padding-bottom:     10px;
    text-align:         left;
}

.formBody hr {
    border:             1px solid #bad8e2;
    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 {
    float:              left;
}
.formFieldList li dl dd {
    margin-left:        31%;
}

.formSubmit {
    padding-top:        10px;
}


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

.groupBox {
    color:              #555555;
    border:             2px solid #bad8e2;
    padding:            5px 10px 5px 10px;
    text-align:         left;
    margin-top:         12px;
    border-radius:      10px;
}

.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:              570px;         /* Optimale Breite von Listen */
    font-size:          10pt;
    color:              #555555;
    border:             1px solid #7d7d7d;
}

.tableList th {
    padding:            3px;
    text-align:         left;
    background-repeat:  repeat-x;
    background-image:   url(../images/stripe.png);   
}

.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;
    font-size:          11pt;  
    font-weight:        bold;
    font-style:         italic;
    letter-spacing:     0.2em;
    background-repeat:  repeat-x;
    background-image:   url(../images/sub_row_marker.png);   
}

/* aktuelle Zeile kann in Listen markiert werden */
.tableMouseOver:hover {
    background-repeat:  repeat-x;
    background-image:   url(../images/row_marker.png);     
}

/* 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-repeat:  repeat-x;
    background-image:   url(../images/row_marker.png);  
}

/*Links in Verbindung mit einem Icon (mit Text)*/
.iconTextLinkList {
    list-style-type:    none;
    padding:            0px;
    margin:             25px 0px 25px 0px;
}

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

.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:       5px;
    margin-left:        5px;
    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:      25px;
}

.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:              #990000;
    margin-left:        3px;
}


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

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

/* */
.imageFrame {
	border: 			1px solid #dddddd; 
	padding: 			3px;
}

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

#ajax_tooltipObj .ajax_tooltip_content{
    border:             1px solid #333333;
    color:              #333333;
    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:        10px;
}
#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 */
#organization_form .formFieldList li dl {
    margin-top:         15px;
    margin-bottom:      5px;
}

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

#search_members {
    margin-top:         10px;
    margin-bottom:      0px;
}

/* 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,
#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:              500px;
    margin-top:         25px;
}

/*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: #06a600;
}
.systeminfoBad{
    color: #e5000d;
}