/*****************************************/
/*     (c) Kufer Software GmbH     */
/*           Loisachstrasse 4		         */
/*           D-84453 Mühldorf			       */
/*****************************************/

/**
* Enthält als Ergänzung zum Stylesheet webtools.css die Element- und Attributeinstellungen, die die Oberflächengestaltung für die Web-Tools
* festlegen, also die Hintergrundfarben und Bilder (siehe hierzu p-9185: Trennung von Stil- und Farbinformationen)
* 
* Diese Stylesheet Datei muß  für die unterschiedlichen  Layoutvarianten ausgetauscht werden!!!!!
* Stil und Größeninformationen liegen weiterhin im Stylesheet webtools.css
*/

a:link                     { color: #000000; }
a:visited                  { color: #000000; }
a:hover                    { color: #0000FF; }

.error                     { border-color: #FF0000; }
.form_error                { border-color: #FF0000; }
.success                   { border-color: #00cc33; }

/* Texte */
#text_main_menu            { color: #000000; }  /*normaler Text im Main-Menu (bspw. zentr. Einstellungen) */
span.text_main_menu        { color: #000000; }  /*normaler Text im Main-Menu (Span Klasse hierfür) */
div.nosettings             { color: #000000; }
.button_red                { color: #FF0000 !important; }

p.fehlermeldung            { color: red; font-weight: bold; }

/* Selectbox in Zentr. Einstellungen */
/*select#spaltenauswahl      { width: 154px;}*/


/* Spalten, HinterGrundblau */
#body                      { background-image: url(logo.gif); margin-left: 2px; }
#main_menu                 { background-color: #FFFFFF; border-style: double; border-color: #FFFFFF; }
th#checkboxspalte          { background-color: #DCDCDC; }

#farbe_td_hell             { background-color: #97BEEE; } /*hellblau*/
#farbe_td_heller           { background-color: #97BEEE; } /*noch helleres blau*/
#farbe_td_heller2          { background-color: #BAD1F4; } /*sehr helles blau*/
#farbe_td_dunkel           { background-color: #5067BE; } /*dunkelblau*/
/*#farbe_td_highlight        { background-color: #5067BE; } /*dunkelblau*/
#farbe_td_highlight        { background-color: #97BEEE; } /*hellblau*/

#farbe_sicht_main          { background-color: #97BEEE; } /*hellblau*/

tr.odd td,
.farbe_sicht_erstezeile    { background-color: #DFEAFE; } /*noch helleres blau*/
.farbe_sicht_zweitezeile   { background-color: #FFFFFF; } /*weiß*/

#farbe_sicht_aktuellezeileKT             { background-color: #66CCFF; } /*blau*/
tr#farbe_sicht_aktuellezeileKT td font   { color: #CC0099; } /*dunkles rot*/

/* aktive Zeile der nmList/HL für Anwesenheitsbemerkungen, benutzt außerdem tr.odd/even .td */
tr.active th,
tr.active td         { background-color: #66CCFF; }

.tab_kteilnehmer th,
.tab_ktermine th,
.tab_kjournal th,
.farbe_sicht_header        { background-color: #DCDCDC; } /*hellgrau*/


/* Tasten */
img.buttons                { border-style: none; }
div.grafikbox              { background-color: #FFFF00; }


/* Warnungen, Fehlermeldungen und Hinweise */
div.warnung                { color: #FF0000; }
div.faultmess              { background-color: #EDEDFD; color: #FF0000; }
div.successmess            { background-color: #EDEDFD; color: #00cc33; }
div.uploadmess             { background-color: #DFEAFE; color: #FF0000; }

div.validerr               { color: #FF0000; font-weight: bold; }
div.anmartmsg              { color: #FF0000; font-weight: bold; }

/* spezielle Statusmeldungen */
h1.headline.status  { color: #FF0000;}


/* Sonstige Einstellungen */
/* Tabelle im Formular */


/* Tabellen */
th                         { background-color: #97BEEE; }
*.hell                     { background-color: #97BEEE; }
*.row1                     { background-color: #97BEEE; } /*Für Tabellen bei Hinterlegungen*/
*.row2                     { background-color: #BAD1F4; } /*Für Tabellen bei Hinterlegungen*/

*.text_main_menu           { color: #000000; }

#dialogTNToolsAnmelden th  { background-color: transparent;
                             font-weight: bold;}
th.noBG                    { background-color: transparent;}

table.ma_sort1 th, table.ma_sort2 th {background-color: #FFFFFF;}

/* Für Ausgabe von mehreren Inputfeldern im Formular in Tool6 */
ul.formlab                 { border: 1px solid #97BEEE; border-style: double; background-color: #EDEDFD;}


/* Kalender */
a.calendarDat              { color: #333333; }
span.calendar              { color: #000000; }
img.calendarSearch         { border-color: #FFFFFF; }


/* Druckbutton am Ende der Kurstageübersicht Tool 7, 2 */
/* Ausgabe de Zurückuttons in Tool 6 weiter rechts */
/* Ausgabe der Buttons und Elemente in Tool 6 und Tool1 für die Anmeldung */


/* Anzeige der Anzahl der Seiten und der Seitenauswahltasten für Blaettern */
a.blaetternindex           { color: #0000FF; }


/* Ausgaben für die Seitensuche */
div.seitenfehler           { color: #FC0204; }
div.suchleiste             { background-color: #DCDCDC; border: 1px solid #DCDCDC;}


/* Buttonleiste in der Kursübersicht von Tool1 unten */


/* Damit der Printbutton beim Zusammenschieben des Fensters nicht nach unten rutscht */
div.leisteunten            { border: 1px solid #FFFFFF; }


/* Standard Suchleiste; entspricht Tool1 = meine Kurse f. Dozenten */
/* Tool11 Teilnehmerinfo MA Suchformular und buttons */
/* Tool5 = Raumbelegung Hausmeister */
/* Felder für Datums - und Zeiteingabe */
/* Gebäudegrafiken */


/* Formularelemente in den Zentralen Einstellungen */
td.formgrptext             { font-weight: bold; color: #000000; }                 
td.formelemtext            { color: #000000; }
th.form                    { background-color:  #FFFFFF; }
td.formelemradio           { color: #000000; }


tr.SettingsKeyOnlyRow      {}
tr.SettingsKeyValueRow     {}
tr.SettingsSubKeysRow      {}
tr.SettingsSubKeyValueRow  {}
td.SettingsKeyCell         {font-size: 1.2em; font-weight: bold;}
td.SettingsValueCell       {}
td.SettingsValueCellEmpty  {font-weight: bold;}
td.SettingsSubKeyCell      {font-weight: bold;}
td.SettingsSubKeyCellEmpty {}
td.SettingsSpacerCell      {height: 2em;}


 /* 
  * Einstellung der Menüleiste in den zentralen Einstellungen
  */
div.menuBarSettings div.menuSettings { border-color: #666C8E; }
div.menuaddandremove .leftmenu_buttonlist_settings { border-color: #666C8E; }
div.menuBarSettings .menuSettingsHeader       { color: #828282; }
div.menuBarSettings .leftmenu_button_settings .lbs_btn { background-color: #FFFFFF; }
div.menuBarSettings .leftmenu_button_settings .lbs_hotkey { background-color: #FFFFFF; }
div.menuBarSettings .leftmenu_button_settings { background-color: #DDDDDD; }
div.menuBarSettings li.leftmenu_button_settings.menu_item_space { background-color: #FFFFFF; }
div.menuBarSettings .menuRemoveItemList       { 
  background: #B40001; 
  background-image: -ms-linear-gradient(#B40001, #7B0002);
  background-image: -moz-linear-gradient(#B40001, #7B0002);
  background-image: -o-linear-gradient(#B40001, #7B0002);
  background-image: -webkit-gradient(linear, center top, center bottom, from(#B40001), to(#7B0002));
  background-image: -webkit-linear-gradient(#B40001, #7B0002);
  background-image: linear-gradient(top, #B40001, #7B0002); 
}
div.menuBarSettings li.leftmenu_button_settings.menu_item_space span.menu_leerraum { color: #9B9B9B; }

/* allgemeine Formularformatierungen */
table#mehrfachanw td		   { border: #000000 1px solid; }
li.nolist                  { color: #FF0000; }


/* Teilnehmer-Listen und Drucklisten */
/* Linke Seite der Optionen */
/* Rechte Seite der Optionen */
/* Einstellungen für Druckgrafiken */
/* Uhrzeit */
/* Wochentage */
/* Select Felder für Kalenderwochen  Wochenplanb*/
/* für Monatsplan */


/* Monatsangabe bei Kalenderwochen */
.Zeitpunkteab              { border: 1px solid #FFFFFF;}


/* Aktuelles (Tool16) */
div.aktuellwarning         { color: #FF0000; }
h1.text_titel              { color: #000000; font-weight: bold; font-size: 14pt;}  
a.text_ueberschrift        { color: #000000; font-weight: bold; font-size: 12pt;}
span.newslist              { font-weight: bold; color: #000000;}
div.aktnew_titel           { font-weight: bold; font-size: 14pt;  color: #5067BE; }
div.aktnew_titel_pn        { font-weight: bold; font-size: 14pt;  color: #FF0000; }
div.aktnew_gruppe          { color: #5067BE; }
li.aktnew                  { color: #5067BE; }
li.aktnew_pn               { color: #FF0000; }
div.aktnew_erstellt        { color: #5067BE; }
div.aktnew_bearb           { color: #5067BE; }
div.aktnewborder           { border-top: 1px solid #474747; border-bottom: 1px solid #D8D8D8; }


/* Twitter (Tool17)*/
h1#twitter                 { font-size: 18px; }
div#twitterwarning         { color: #FF0000; font-size: 16px; font-weight: bold; border: 2px solid #899AD3;}


/* Anwesenheiten eintragen */
div#kursanwesenheit_status.ok     { color: #207804; }
div.anwesenheitendetails          { border: 1px solid #0000FF; }

/***Hinterlegungen**/
ul.addCheckbox,
ul.addCheckbox ul { list-style-type: none; }

/* Button hinter dem Iban-Feld, mit dem die anderen Bankdaten anhand der Iban ermittelt werden */
.fillAndereBankdaten {
  cursor: pointer;
}

/* Anpassungen für jQuery UI */

.ui-widget-content {
  background: #ffffff;
}

.ui-corner-all {
  -moz-border-radius:0px 0px 0px 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.ui-widget-header {
  background: #DFEAFE !important;
  color: #000000;
  border-bottom: 1px solid;
  font-weight: normal
}


.ui-dialog .ui-dialog-buttonpane button {
  padding: 0.2em;
  margin: 0em 1em 0em 0em;
  border: 0px; line-height: 1.2em; font-size: 12px;
}

.ui-button-text-only .ui-button-text {
  padding: 0.2em 1.7em 0.2em 1em;
  background-color: #DFEAFE;
}

.ui-state-hover .ui-button-text { background-color: #3383BB; color: #FFFFFF; }

#okay {
  background: url(button_okay_small.gif);
  background-repeat: no-repeat;
  background-position: right;
}

.ui-state-default, 
.ui-widget-content  {  font-weight: normal;  color: #000000;}
.ui-widget-content .ui-state-default { color: #22597D; }

/* jQuery Datepicker */
.ui-datepicker { width: 13em; padding: 0; }
.ui-datepicker .ui-datepicker-header { padding: 0.2em 0; }
.ui-datepicker .ui-datepicker-title { margin: 0 3.3em; line-height: 1.3em; text-align: center; background-color: #DFEAFE; border: 1px solid #DFEAFE;}
.ui-datepicker .ui-datepicker-title select { font-size:.9em; margin:1px 0; }
.ui-datepicker table {width: 100%; font-size: .8em; border-collapse: collapse; margin:0; }
.ui-datepicker th { padding: .1em .1em; text-align: center; font-weight: bold; border: 0; background-color: #DFEAFE; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .1em 0.3em; text-align: right; text-decoration: none; }

.ui-datepicker select.ui-datepicker-year { width: 4em; }


.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: right !important;}
.ui-datepicker .ui-datepicker-buttonpane button { font-size: 12px !important; color: #000000 !important; 
   font-weight: bold !important;
   margin-right: 0.5em !important; background-color: #BAD1F4 !important;}

.ui-datepicker .ui-datepicker-prev { }
.ui-datepicker .ui-datepicker-next { }

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 12px; }
.ui-timepicker-div dl{ text-align: left; font-size: 12px; margin: 0px 10px; }
.ui-timepicker-div dl dt{ height: 25px;}
.ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui_tpicker_time { display: none;}
.ui_tpicker_time_label { display: none;}

/* zu Anwesenheiten und dynamischen Einstellungen */
/* TODO: Farbeinstellungen aus webtools.css hierher verschieben  */

/* Medien */

  /*Nur bei kurstag_medien auf den dynamischen Seiten! */
  .sightdiv .kurstag_medien   { border: 1px solid #9CA6C4; }
  
/* Tooltips für Eingabefelder von SightBuilder */
.ui-tooltip.ui-widget-content { background-color: #EEEEEE; }
.ui-tooltip.ui-widget-content.sightbuilderformToolTip,
.ui-tooltip.ui-widget-content.box { background-color: transparent; border: none; box-shadow: none; }
  
/*****************************
 *  Hinweisboxen: Für HTMLOperations::getInfoBox usw.
 *****************************/

.hinweisbox .hinweisbox_body { 
  color: #555555;
  background-color: #FFFFFF;
  
  -moz-border-radius: 0 10px 10px 10px;
  -webkit-border-radius: 0 10px 10px 10px;
  -o-border-radius: 0 10px 10px 10px;
  border-radius: 0 10px 10px 10px;
}

.hinweisbox .hinweisbox_head { 
  color: #FFFFFF; 
  
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  -o-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  
  -moz-box-shadow: 2px 2px 3px #888888;
  -webkit-box-shadow: 2px 2px 3px #888888;
  box-shadow: 2px 2px 3px #888888;
}

.hinweisbox .hinweisbox_body,
.hinweisbox .hinweisbox_head {
  -moz-box-shadow: 2px 2px 3px #888888;
  -webkit-box-shadow: 2px 2px 3px #888888;
  box-shadow: 2px 2px 3px #888888;
}

.hinweisbox_infobox .hinweisbox_body { border: solid 1px #022888; font-weight: bold; }
.hinweisbox_infobox .hinweisbox_head { background: #022888 url("../images/info.png") no-repeat 7px center; }

.hinweisbox_warningbox .hinweisbox_body { border: solid 1px #F68301; font-weight: bold; }
.hinweisbox_warningbox .hinweisbox_head { background: #F68301 url("../images/warnung.png") no-repeat 7px center; }

.hinweisbox_alertbox .hinweisbox_body { border: solid 1px #B60001; color: #B60001; font-weight: bold; }
.hinweisbox_alertbox .hinweisbox_head { background: #B60001 url("../images/ausrufezeichen.png") no-repeat 7px center; }

.hinweisbox_successbox .hinweisbox_body { border: solid 1px #229B22; color: #229B22; font-weight: bold; }
.hinweisbox_successbox .hinweisbox_head { background: #229B22 url("../images/haken.png") no-repeat 7px center; }


  /* hier soll die Unterrichtsmittel id nicht sichtbar sein; daher gleiche Schriftfarbe wie Hintergrund */
  td.blockimg                { background-color: #505050; color: #505050; }
  #dialog_hl_medienupd tr    { border: 1px solid #828177; /* #505050; */}

  #dialog_dozentenupdakt tr,
  #dialog_dozentenupdall tr    { border: 1px solid #828177; /* #505050; */}
  
  /*Farbeinstellungen für die neuen Tools*/
  #mainmenu               { background-image: url(bg_wellen.jpg); }
  .content .sightdiv.uebersicht.ersteSeite  { background-color: #DFEAFE; }
  
/* Galleria Plugin anpassen */
.content .galleria-container { background-color: white; }


/* Colorpicker Plugin anpassen */
.colorpicker {
  background: url(../../jquery/plugins/colorpicker/images/custom_background.png);
}
.colorpicker_hex {
  background: url(../../jquery/plugins/colorpicker/images/custom_hex.png) top;
}
.colorpicker_rgb_r {
  background-image: url(../../jquery/plugins/colorpicker/images/custom_rgb_r.png);
}
.colorpicker_rgb_g {
  background-image: url(../../jquery/plugins/colorpicker/images/custom_rgb_g.png);
}
.colorpicker_rgb_b {
  background-image: url(../../jquery/plugins/colorpicker/images/custom_rgb_b.png);
}
.colorpicker_hsb_h {
  background-image: url(../../jquery/plugins/colorpicker/images/custom_hsb_h.png);
}
.colorpicker_hsb_s {
  background-image: url(../../jquery/plugins/colorpicker/images/custom_hsb_s.png);
}
.colorpicker_hsb_b {
  background-image: url(../../jquery/plugins/colorpicker/images/custom_hsb_b.png);
}
.colorpicker_submit {
  background: url(../../jquery/plugins/colorpicker/images/custom_submit.png) top;
}


/* TN-Tool: Neue Anmeldung */
#categoryList {
  background: white;
  margin-left: 2px;
}

/* Raumanzeige */
.raumAnzDialogInput {
  width: 330px;
}

/*  Bestätigung für eine Anmeldung; Sichten analog zur Anmeldung in KuferWeb also z.B. 67, 69, 70 Footer */
h2.categorytitle    { color:  #5067BE; /* #0068E5; */  }
a.noprint           { color:#333333;}
a.noprint:hover     { color:#0000FF;}
td.kurse.warenkorb  { color:#333333; }


/* Tabellenspalten in einer Tabelle mit Klassennamen orange (übernommen aus KuferWeb); Farbe ist deswegen aber nicht
 zwangsläufig orange */
td.orange                     { border-bottom-color:#7E8896; color:#333333; }
td.orange.middle,
td.orange.left                { border-right-color:#7E8896;}

th.orange                     { background-color: #7CA7FF; /* #EC7219; */ }
th.orange.middle,
th.orange.left                { border-right-color:#FFFFFF; }

h2.vorsicht                   { color:#FF0000; }

/* Span-Buttons */
.button_span {
  /* Runde Ecken */
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  
  /* Farbverlauf */
  background: #E9E9E9;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#B3B5B2) to(#B3B5B2)); /*TODO der hier gehört eigentlich noch ordentlich getestet*/
  background: -webkit-linear-gradient(top , #B3B5B2, #E4E4E4 5%, #E4E4E4 80%, #B3B5B2);/*Neuere Webkit: f. Safari, aelterer Chrome, etc. */
  background: -moz-linear-gradient(center top , #B3B5B2, #E4E4E4 5%, #E4E4E4 80%, #B3B5B2); /* aelterer Firefox */
  background: -ms-linear-gradient(#B3B5B2, #E4E4E4 5%, #E4E4E4 80%, #B3B5B2); /*IE10*/
  background: -o-linear-gradient(top , #B3B5B2, #E4E4E4 5%, #E4E4E4 80%, #B3B5B2);   /* speziell fuer aeltere Opera Browswer */
  background: linear-gradient(#B3B5B2, #E4E4E4 5%, #E4E4E4 80%, #B3B5B2);
}

/* Formular Login anfordern */
#loginAnfFormular span.fehler {color: red; }
#loginAnfFormular p.fehler {color: red; }
p.loginAnfErfolg {color: green; }

/* Menüpunkt Wizards in zentrale Einstellungen */
.wizards          { border: 1px solid #808080; background-color: #BAD1F4; color: #303030; }
.wizards>a        { font-weight: bold; }
div.ueberschrift  { text-decoration: underline; font-weight: bold; }

/* Anmeldung durch Mitarbeiter */
.anm_kursstatus_lila { color: #BB00FF; }
.anm_kursstatus_rot, .kein_sepa_mandat { color: #FF0000; }

#dialogTNToolsAnmelden th.maAnmeld_hinweise {
  color: #FF0000;
}

/* Tool 11 (MA) Teilnehmerinfo */

/* .sightdiv .teilnehmer_kennzeichen.formelement  { border: none; }            */
.sightdiv div.teilnehmer_kennzeichen           { border: 1px solid #9CA6C4; }


.fa_ma_bereits_in_anmeldung {
  background-color: #96ff00;
  margin-bottom: 1px;
  
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}

.fa_ma_bereits_in_anmeldung_img {
  position: relative;
  left: 2px;
  top: 2px;
}

#loading-cube {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  margin-top: -10px;
  line-height: 20px;
  text-align: center;
}