/******************************************************************************

 * Cascading-Style-Sheets-Datei um das Aussehen von Admidio anzupassen

 *

 * Copyright    : (c) 2004 - 2009 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:              #000000;

    padding:            15px;

    margin:             auto;

    font-size:          11pt;

    font-family:        Helvetica, Verdana, Arial, sans-serif;

    text-align:         center;

    background-color:   #dfdfdf; 

    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:              #000000;

}



h3 {

    font-size:          12pt;

    color:              #000000;

    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:              #000000;

    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) */

.boxHead {

    color:              #000000;

    width:              100%;

    min-height:         20px;

    font-size:          12pt;

    font-weight:        bold;

    border-bottom:      2px solid #B52829;

	 background-color:   #ffffff;  

}



.boxLayout {

    width:              570px;

    overflow:           hidden;

    margin-bottom:      30px;

    text-align:         left;
    color:              #000000;
    background-color:   #ffffff; 

}





.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;

}


.box2Head {

    color:              #000000;

    width:              100%;

    min-height:         20px;

    font-size:          12pt;

    font-weight:        bold;

    border-bottom:      2px solid #B52829;

	 background-color:   #ffffff;  

}



.box2Layout {

    width:             300px;

    overflow:           hidden;

    margin-bottom:      30px;

    text-align:         left;
    color:              #000000;
    background-color:   #ffffff; 

}





.box2HeadLeft img {

    margin-right:       5px;

    vertical-align:     bottom;

    border-width:       0px;

}



.box2HeadLeft{

    float:              left;

}



.box2HeadRight{

    float:              right;

}



.box2Body {

    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:              #000000;

    font-size:          14pt;

    font-weight:        bold;

    letter-spacing:     0.2em;

    text-align:         left;

    border-bottom:      2px solid #B52829;

}



.formBody {

    padding-top:        10px;

    padding-bottom:     10px;

    text-align:         left;

}



.formBody hr {

    border:             1px solid #B52829;

    width:              100%;

    margin-top:         10px; 

    margin-bottom:      10px; 

	 background-color:   #ffffff;

}



/* 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:              #000000;

    border:             2px solid #B52829;

    padding:            5px 10px 5px 10px;

    text-align:         left;

    margin-top:         12px;

    -moz-border-radius: 10px;

}



.groupBoxHeadline {

    color:              #000000;

    font-weight:        bold;

}



.groupBoxBody {

    padding-top:        7px;

    clear:              both;

}



/* Layout für Tabellen*/



.mytbody {

  height: 400px;

  overflow-x: hidden;

  overflow-y: auto;

}



/* 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:              #000000;

	 background-color:   #ffffff;  

    border:             1px solid #B52829;

}



.tableList th {

	padding: 3px;

	text-align: left;
    color:              #000000;
	background-repeat: repeat-x;

	background: ButtonShadow; 

	/*    background-image:   url(../images/stripe.png);   */

}



.tableList td {

    text-align:         left;

    vertical-align:     top;
    color:              #000000;
    padding:            3px;

}



/* Der SubHeader wird zur Gruppierung innerhalb von Tabellen genutzt

   (z.B.: Kategorienanzeige bei Rollenzuordnung, Leiter-Mitglied bei Listen) */



.tableSubHeader {

    background-color:   #B52829;

	 color : #ffffff;

    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 #ff7d7d;

}



ul.autosuggest li a:link,

ul.autosuggest li a:visited {

    display:            block;

    padding:            2px;

    text-decoration:    none;
    color:              #000000;
    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; 
k
    padding:            0px;
    margin:             25px 0px 25px 0px;

}



.iconTextLinkList li{   

    padding-right:      20px;   

    display:            inline;

    font-size:          11pt;

}



.iconTextLink img {

    border:             none;
    color : #ffffff;
    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:              #000000;

    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 #000000; 

	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:              #000000;

    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;

    padding-bottom:     10px;   

}



/* 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:        50%;

    text-align:         right;

}



#lists_overview .formFieldList li dt {

    margin-left:        20px;

}



#infoboxListsBox {

    width:              500px;

    margin-top:         25px;

}



/*spezielle Anpassung Hilfe Thickbox*/

#message_window .formBody ul {

    padding-left:       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;

}