/******************************************************************************
 * 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.
 *
 *****************************************************************************/
#inhalt {width: 720px; min-height: 640px; margin: auto; padding: 20px 0;}
#naviliste {position: absolute; bottom: 0px; left: 40px;}
#naviliste a {
  float: left;
  color: #fff;
  background: transparent url("/bilder/tableft.png") no-repeat left top;
  margin: 0;
  padding: 0 0 0 4px;
  text-decoration: none;
}
#naviliste a span {
  display: block;
  color: #802013;
  background: transparent url("/bilder/tabright.png") no-repeat right top;
  padding: 5px 15px 4px 6px;
}
#naviliste/* Commented Backslash Hack hides rule from IE5-Mac */ a span {
  float: none;
}
#naviliste a:hover span {color: #802013; background: transparent;}
#naviliste a:hover {
  color: #802013;
  background: transparent url("/bilder/tableft.png") no-repeat 0% -42px;
}
#naviliste a:hover span {
  color: #802013;
  background: transparent url("/bilder/tabright.png") no-repeat 100% -42px;
}

/* Allgemeine Anpassungen */
.defaultFontSize {font-size: 10pt;}
.bigFontSize {font-size: 12pt;}
.veryBigFontSize {font-size: 14pt; font-weight: bold;}
.smallFontSize {font-size: 8pt;}

h1 {text-align: center;}
h3 {font-size: 14pt; margin: 15px 0px 7px 0px;}

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

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;}
.boxLayout {
  width: 550px;
  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-width: 0px;}
.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: 600px;
  border: 1px solid #555555;
  color: #555555;
  background-color: #eaeaea;
  margin: auto;
}
.formHead {
  color: #333333;
  background-color: #85C226;
  font-size: 100.01%;
  font-weight: bold;
  letter-spacing: 0.2em;
  border-bottom: 1px solid #555555;
  padding: 3px 15px 0px 15px;
  text-align: center;
}
.formBody {
  padding: 10px 15px 10px 15px;
  font-size: 90%;
  text-align: justify;
}
.formBody hr {
  border: 1px solid #6CA7A8;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}
/*spezielle Anpassung Hilfe Thickbox*/
#message_window .formBody ul {padding-left: 5px;}
.formBody ul li {margin-bottom: 5px;}

/* 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: 29%; text-align: left;}
.formSubmit {
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
}
/* 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: 550px;/* 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 {
  text-align: center;
  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: #990000;
  margin-left: 3px;
}
/*Einstellungen fuer eine Pfadnavigation, z.B. durch die Versanstaltungsherarchie im Fotomodul*/
.navigationPath {margin-left: 15px;}
.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 Fotoupload-Seite */
#flexupload {text-align: center; margin: auto;}
#photo_upload_flash h2 {
  text-align: center;
}

/* 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: 50%; text-align: right;}
#lists_overview .formFieldList li dt {margin-left: 20px;}
#links_overview .formBody {text-align: left;}
#infoboxListsBox {width: 400px; margin-top: 25px;}
/* 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;}