/*****************************************/
/*     (c) Kufer Software GmbH     */
/*           Loisachstrasse 4		     */
/*           D-84453 Mühldorf			 */
/*****************************************/

/**
* Enthält die Stil- und Größeneinstellungen für die Web-Tools; Einstellungen für die Oberflächengestaltung  wie z.B. die 
* Hintergrundfarben und Bilder liegen in Datei skin.css (siehe hierzu p-9185: Trennung von Stil- und Farbinformationen)
* 
* Diese Stylesheet Datei darf bei Layoutwechsel nicht!!!  ausgetauscht werden!!
* Stil und Größeninformationen liegen weiterhin im Stylesheet webtools.css
*/

html                       { height: 100%; }
body                       { height: 96%; }
body,
textarea                   { font-family: Arial; font-size: 10pt; resize: none;}
a.linksmall                { font-size: 10pt; font-family: arial; }


img                         { border: none; }

h1 { font-size: 1.5em; }
h2 { font-size: 1.3em; }
h3 { font-size: 1.2em; }
h4, h5 { font-size: 1.1em; }

h1, h2, h3, h4, h5 { margin: 0.3em 0; }

.scroll { overflow: auto; }

.floatright { 
  float: right; 
  color: black; 
  font-weight:normal; 
  font-style: normal;
}

.clear { clear: both; }

/* typische Breiten */
input.ue, input.minuten, input.pause, input.uhrzeit { width: 50px; }
input.datum { width: 70px; }

/*typische Abstand*/
.telefon_spanabstand{
  padding-left: 10%;
  padding-right: 11%;
  padding-top: 10px;
}
/* Statusmeldungen */
div#statusMessage, 
div.statusMessage  { margin: 15px 0; font-size: 1.1em; font-weight: bold; }

div#SmsNachrichtHinweis, .zeichenanz { float: right; clear: right; width: 275px; }
.zeichenanz { margin-top: 15px; }

/*Bei den Seiten mit neuer Eingabemaske, damit die Titel dort nicht erschlagen*/
h1.headline                { font-size: 1.3em; }

table.hinterlegung td,
table.hinterlegung th      { padding: 3px; }

.hl_zeile                  { cursor: pointer; }

/* Texte */
p                          { margin : 0 }
p.default_message          { margin: 2em; }
#text_vhs_titel    { font-weight: bold; font-size: 14pt; }  /*Schulungseinrichtung Demohausen*/
#text_basys_webtools       { font-size: 8pt; }  /*BASys-Webtools*/
#text_version              { font-size: 8pt; }  /*Version der einzelnen Tools*/  
.text_ueberschrift,
#text_ueberschrift         { font-weight: bold; font-size: 12pt; }  /*Herzlich willkommen bei BASys-Webtools und weitere Überschriften*/

.text_left_menu            { font-size: 8pt; }  /*alle Links und Buttons, die zu den einzelnen Tools führen*/
.text_main_menu            { font-size: 10pt; }  /*normaler Text im Main-Menu (bspw. zentr. Einstellungen) */
span.text_main_menu        { font-size: 10pt; }       /*normaler Text im Main-Menu (Span Klasse hierfür) */

#text_tools_ueberschrift   { font-weight: bold; font-size: 10pt; }  /*Text für die Spaltenüberschrift der einzelnen Tools im Main-Menu*/
#text_tools                {}  /*Text für die Inhalte der einzelnen Tools im Main-Menu*/

#text_titel                { font-weight: bold; font-size: 14pt; } 
h1.text_titel              { margin-bottom: 30px; } 
.text_hinweis,
#text_hinweis              { font-size: 8pt; }

div.einleitung             { margin: 45px 0; text-align: center; font-size: 15pt; font-weight: bold; }
div.nosettings             { font-weight: bold; font-size: 10pt; margin: 20px 15px;}

/* Eigenschaft für die Anzeige der Größe einer angehängten Datei*/
.datei_groesse_green, .datei_groesse{
  color: green;
}
.datei_groesse_red, .farbe_rot{
  color: red;
}
.abstand_zu_inputfile{
  padding-left:15px;
}
.summe_groesse, .remove{
  margin: 20px;
}

/* Spalten */
td#main_menu               { vertical-align: top; height: 100%; }
#main_menu > table           { margin: 5px; }
/*td.left_menu               { width: 160px; vertical-align: top; height: 100%; }TODO*/
td.left_menu               { vertical-align: top; height: 100%; }

/* Navigationsmenü */
table.left_menu            { border: 0; height: 100px; }
#menu_logout               { vertical-align: middle; text-align: center; width: 100%;}

/*TODO
.menu_punkte,             
.menu_punkte_markiert      { vertical-align: middle; text-align: center; white-space: nowrap; }   
*/
.menu_punkte,             
.menu_punkte_markiert      { vertical-align: middle; white-space: nowrap; }

.menu_punkte a,
.menu_punkte_markiert a    { text-decoration: none; }  

.menu_punkte               { height: 22px;}
.menu_punkte_markiert      { height: 22px;  }
.menu_punkte_markiert img  { border: 2px solid  #6A6A6A; }

.menu_punkte font,
.menu_punkte_markiert font { position: absolute; text-align: center; margin-top: 3px; }

.menu_punkte img,
.menu_punkte_markiert img  { position: absolute; }

/* Tasten */
img.hinweis                { cursor: pointer; margin: 0.2em; }

span.button_mit_margin     { margin-left: 130px;}
span.button_mit_margin a   { padding:0px; cursor: pointer;}
span.button_mit_margin .helpOpener    { padding:0px; cursor: pointer; margin-right: 3px;}
div.buttonleisteKTag       { margin-left: 105px; margin-top: 5px;}     

/* Warnungen,Fehlermeldungen und Hinweise */
div.warnung                { font-size: 20px; text-align: center; vertical-align: middle; }
table.kritausgabe          { margin: 10px 20px 10px 40px;  }
td.kritausgabe             { }
td.kritspalte1             { }
td.kritspalte2             { }

div.faultmess              { font-size: 0.9em; margin-bottom: 3px; padding: 8px 12px; }
div.successmess            { font-size: 0.9em; margin-bottom: 3px; padding: 8px 12px; }
div.uploadmess             { font-size: 0.9em; margin-top: 10px; padding: 8px 12px; }

div.anmartmsg              { margin-left: 3em; }
.infobox_text, .warningbox_text, .alertbox_text, .successbox_text
                           { width: 750px; white-space: normal;
                             margin-top: 10px; margin-bottom: 10px; }
                           
div.validerr               { margin-bottom: 10px; }

div.manipulation           { font: 1.2em  bold; color:#FF0000;   margin: 15px 0px; }
                           
/* Sonstige Einstellungen */
.in_background             { z-index: 1; }
input.tool15statusfilter   { margin-left: 2em; }

a.stdbutton                { margin-left: 1px; }
img.stdimage               { border-style: none; }
select.menueleiste_edit_select  { width: 200px; }
.menueleiste_edit_head     { font-weight: bold; margin-left: 5px; }
#semlist4Tool22            { margin-left: 20px; overflow: hidden; }

/****************************************************************************/
/* Tabelle im Formular braucht einen vertikalen Abstand, Tabelle innerhalb des 
   td Elements hierzu darf jedoch keinen vertikalen Abstand haben; daher nur 
   oberstes table element in Form mit > ansprechen; height Angabe evtl. nur für IE nötig*/
   
form#such_formular_erw table      { height: 72%; }   
form#such_formular_erw > table    { border-spacing: 1px 5px; }

.farbe_sicht_erstezeile td        { padding-left: 4px; }
.farbe_sicht_zweitezeile td       { padding-left: 4px;  }
.farbe_sicht_erstezeile textarea,
.farbe_sicht_zweitezeile textarea  { width: 500px; }

#farbe_sicht_aktuellezeileKT td   { padding-left: 4px; }

/******************************************************************************/
/* Tabellen */
th                         { text-align: left; font-weight: normal;}
*.medien                   { font-size: xx-small; }
.kursgebuehren_tabelle     { vertical-align: top; }
.kursgebuehren_tabelle th  { background-color: transparent; font-weight: bold; }
.kursgebuehren_tabelle td  { text-align: right; white-space: nowrap; }
.kursgebuehren_tabelle_summe th,
.kursgebuehren_tabelle_summe td { border-top: 2px solid; }

/***********************************************/
*.text_main_menu           { font-size: 10pt; }


/* Für Ausgabe von mehreren Inputfeldern im Formular in Tool6 */
label.forminput            { float: left; width: 14em; text-align: right; font-size: 1em; padding: 0 10px;  margin: 0; }
input#bemerkung            { margin-left: 2em; width: 320px; }    
input.formdat              { margin-left: 2em;  width:95px; padding: 1px 8px; }
input.formbox              { margin-left: 2em; }
input.formtext             { margin-left: 2em; width: 95px; padding: 1px 8px; }  
select.formselect          { margin-left: 2em; width: 320px; padding: 1px 8px; }   
ul.formlab                 { list-style-type: none; list-style-position: outside; margin-left: 40px; margin-right: 40px; }
li.formlab                 { margin: 5px 5px; padding: 3px 5px; text-align: left; }


/* Kalender */
a.calendarDat              { margin-left: 5px; }
span.calendar              { font-size: x-small; }
img.calendarSearch         { text-decoration: none; }


/* *********************************************/
/* Druckbutton am Ende der Kurstageübersicht Tool 7, 2 */
a.printbutton              { margin-top: 10px; }
a.neuanmeldung             { }
a.datenown                 { }
div.buttonblock            { margin: 10px 0 5px 0; padding: 0; width: 300px; }


/* Ausgabe de Zurückuttons in Tool 6 weiter rechts */
span.backbutton            { margin-right: 5px; margin-left: auto; }

/* Ausgabe der Buttons und Elemente in Tool 6 und Tool1 für die Anmeldung */
img.backbutton             { border-style: none; margin-left: 5px; }
img.backbuttonright        { margin-top: 5px; margin-left: 5px; border-style: none; }
input.saveanmeld           { margin-top: 1.2em; }
img.newtnanmeld            { border-style: none; margin-left: 5px; }
div.titletnanmeld          { margin: 0px 0px 10px 2px; font-weight: bold; font-size: 1.3em; }
input.anmbutton            { vertical-align: bottom;  margin-top: 0px; }
div.titleanmeld            { margin: 0px 0px 5px 2px; font-weight: bold; font-size: 1.1em; }
div.anmbest                { width: 11.5em; float: right; text-align: right; }
div.anmbestfeld            { float: left; }
img.anmbest                { border-style: none; float: left; }
*.incbutton                { margin: 10px 0 20px; }
*.decbutton                { margin: 10px 0 20px 5px; }


/* Anzeige der Anzahl der Seiten und der Seitenauswahltasten für Blaettern */
span.anzahl                { margin-right: 0.5em; font-size: 0.8em; }
/*div.seiteblaettern         { position: relative; top: -17px; left: 370px; font-size: 0.9em; width: 20em; } */
/* statt div ein span */
span.seiteblaettern        { font-size: 0.8em; margin-right: 20px; margin-left: 4px; }
span.blaetternindex        { margin-left: 4px; }
a.blaetternindex           { margin-left: 1px; margin-right:1px; }


/* Ausgaben für die Seitensuche */
div.seitenfehler           { font-size: 0.9em; padding-bottom: 10px; }
div.suchseite              { float: right; margin-top: 0px; padding-top: 0px; width: 108px; }
div.auswahlleiste          { margin-top: 10px ; margin-right: 110px;}
form.seiteform             { margin-bottom: 0px; }
/* besser mit div statt label */
/* label.suchseite           { font-size: 0.8em; font-weight: bold; text-align: right; } */
div.suchlabel              { font-size: 0.8em; font-weight: bold; text-align: left; padding-left: 4px; }
input.suchseite            { margin: 0 4px 0 4px; width: 3.3em;  float: left; }
input.suchsubmit           { width: 3.6em; }


/*Kurssuche*/
#suchform                  { margin-bottom: 5px; }
.search_wochentage_span label { margin-right: 10px; }
#kurssuche                 { display: none; }

/* Buttonleiste in der Kursübersicht von Tool1 unten */
div.buttonleiste           { margin-top: 15px; }
div.buttonleiste img       { margin: 5px 10px 0 0; }


/* Damit der Printbutton beim Zusammenschieben des Fensters nicht nach unten rutscht */
div.leisteunten            { width: 815px;  height: 55px;}
/* Buttons für Druckausgabe in Tool1 */
*.druckbutton              { }

/* Standard Suchleiste; entspricht Tool1 = meine Kurse f. Dozenten */
div.suchleiste             {  width: 815px; padding: 0 5px 4px 0; margin: 10px 0; float: left;}
/* Leiste Tool6 = Anmeldung Mitarbeiter*/
div.suchleiste.anmtn       { width: 825px; margin-bottom: 0; }                       
div.suchleiste.dozent      { width: 808px; }  /* Leiste Tool3 = Kursplanung Dozenten */
div.suchleiste.ktdozent    { width: 810px; }  /* Leiste Tool7 = Lehrplan Dozenten*/
div.suchleiste.dozkurs     { width: 728px; }  /* Leiste Tool9 = Dozentenverträge */
div.suchleiste.dozbew      { width: 817px; }  /* Leiste Tool10 = Dozentenbewerbung*/
div.suchleiste.beleg       { width: 789px; }  /* Leiste Tool2 = gebuchte Kurse Teilnehmer*/
div.suchleiste.kurse       { width: 810px; }  /* Leiste Tool14 = Anmeldung buchen*/
div.suchleiste.kursehpm    { width: 808px; }  /* Leiste Tool8 = Kurse Mitarbeiter*/
div.suchleiste.teiln       { width: 752px; }  /* Leiste Tool11 = Teilnehmerinfo Mitarbeiter*/
div.suchleiste.teiln12     { width: 770px; }  /* Leiste Tool12 = Adressdaten ändern f. Teilnehmer*/
div.suchleiste.doz12       { width: 758px; }  /* Leiste Tool12 = Adressdaten ändern f. Dozent*/
div.suchleiste.adr12       { width: 704px; }  /* Leiste Tool12 = Adressdaten ändern f. Adresse*/
div.suchleiste.kursort     { width: 788px; }  /* Leiste Tool5 = Raumbelegung Hausmeister */

div#printbutton            { float: left; margin-right: 5px; }
div#tool5gebwahl           { clear: left; margin-top: 0; margin-bottom: 5px; }
span.tool5button           { margin-left: 10px; }
div#tool5suchegeb          { margin: -10px 0 0 110px; }

/* Reminder - Neues Passwort anfordern*/
#reminder_passwort_anfordern { margin-top: 15px; }
#reminder_submit,
#reminder #captcha_reload  { margin-top: 5px; display: inline-block; }
#login #captcha_reload  { margin-top: 5px; display: inline-block; }
#reminder_submit           { position: relative; left: 220px; }
#reminder .reminder_label  { display: inline-block; width: 220px; }
#reminder .hinweis_zeichenfolge { vertical-align: top; }
#reminder .reminder_form { float: left; }
#reminder #reminder_passwort_anfordern { clear: both; }
#reminder .reminder_infotext { margin-bottom: 20px; }
/* Fallback für IE8, da calc() nicht unterstützt wird */
#reminder .right           { width: 42%; }
/* Captcha + Reload-Button zentrieren: Captcha-Bildgröße 140px => für Zentrierung wird benötigt 140px / 2 = 70px */
#reminder .left,
#login .left               { float: left; }
#reminder .right,
#login .right              { float: right; width: calc(50% - 70px); text-align: left; }
#reminder .right img,
#login .right img          { margin-left: 5px; margin-top: 5px; }
#reminder .left input      { width: 136px; }
#login .left input         { width: 142px; }
#reminder .reminder_formrow { margin-bottom: 10px; }
#login #img_captcha         { margin-left: 8px; }
#reminder .reminder_pw_info {
  float:left;
}
#reminder .reminder_pw_info p {
  padding-left:40px;
}


/* Tool11 Teilnehmerinfo MA Suchformular und buttons */
div.suchformext            { clear: left; }
a.suchformext              { margin-left: 0; }
img.zurueckrechts          { margin-left: 0; }

/* Tool3 = Kursplanung für Dozent */
.kursplanung_backbutton { margin-left: 3px; }
.kurskopie_backbutton      { margin-left: 4px; }
.kurskopie    { margin-left: 5px;}
/*sicher mit neuem layout: */
#kurstagSammelaenderung td:nth-child(2) { width: 130px; }
#wt_kt_changeKursort_val {
    width: 308px;
}

/* Tool5 = Raumbelegung Hausmeister */

.legende                    { float:right; position:relative; margin-right: 40px;}
.legende tr td             { white-space: nowrap; }
.druckbuttonHM             { }
.grafikbuttons             { float:left; margin-top: 10px;}
.grafikbox                 { position: absolute; z-index: 1; text-align:center;  border: 2px solid #0068E5; 
                             overflow: hidden; }
.grafikbox a,
.grafikbox span            { font-size: 10px; display: block;}
.grafikbox a.quer,
.grafikbox span.quer       { display: inline;} 
.grafikbox span.sperre     { font-weight: bold; }
.grafikbox a.sperre        { text-decoration: none;}


.tablecell                 { background-color: #C0C0C0; position:absolute; z-index:1; border: 1px solid #000000; 
                             white-space: nowrap; font-size: 11px; text-align: center; font-weight: bold;}
.tablecell.day            { font-size: 10px; border:none; border-top: 2px solid #000000; border-bottom: 2px solid #000000;}
.tablecell.dayvert        { font-size: 11px; padding-top: 7px;  border-left: 2px solid #000000; 
                            border-right: 2px solid #000000;overflow: hidden;}
                             
.daystepline               { position:absolute; z-index:1; border: 1px solid #000000; height: 0; width: 0; color: #000000;}                            
.timestepline              { position:absolute; z-index:0; border: 1px solid #000000;  color: #000000; }

form#raumbel, .legende     { margin-top: 32px; }
#gebaeudegrafik            { margin-top: 10px; }

/* Medienausgabe  */
div.datausgabe             { position: relative; overflow: hidden; margin: 0; padding-right: 5px; padding-left: 5px; }
.hmList_Tool5              { margin-top: 15px; }


/* Felder für Datums - und Zeiteingabe */
#raumbel span              { font-size: 14px; font-weight: bold;}
div#datumzeit              { margin-top: 5px; width: 465px; }
div#datumzeit a            { text-decoration: none; }
div#datum                  { margin-right: 190px;  }
#datum input               { width: 73px; text-align: center;}
div#uhrzeit                { float: right; width: 230px; }
#uhrzeit input             { width: 44px; text-align: center;}
#datumzeit span            { font-size: 11px; margin: 3px;}

/* Gebäudegrafiken */
form#formular              { margin: 20px 20px; }
.radiobuttons              { float:left; width: 180px; font-size: 12px;}
.text4tag                  { position:absolute; z-index:1; top: 100px; font-weight: bold;}             
.buttons4ausgabe           { clear: both; padding-top: 15px; }
.druckbuttons              { margin-left: 184px;}
span#grafikwahl            { font-size: 14px; font-weight: bold; }
#pfeilerueck               { margin-top:0.4em; margin-right:0.3em; float:left }
#pfeilevor                 { margin-top:0.4em; margin-right:0.3em;float:left }
#datumwahl4geb             { margin-top:0.5em;float:left}

#zeitwahl4geb              { margin-top:0.5em; margin-left:1.5em; float:left;}
#datumwahl4geb input,      
#zeitwahl4geb input        { text-align: center;}
#zeitwahl4geb span         { font-size: 10px;}

 /* Dialog für Stundenplangrafik für den Hausmeister  */
 
 .stdplangrafik .kalwochennr   { float: left; width: 226px; }
 .stdplangrafik #kalwochnr     { margin-left: 76px;}
 .stdplangrafik .kalwochenjahr { margin-left: 236px; }
 /* ACHTUNG: unterscheidet sich von .datbereich_von etc. für die Wochenplangrafik im Dozententool */
 .stdplangrafik .datbereich_vonbis {  margin-left: 0px; margin-top: 10px;}
 .stdplangrafik .datbereich_von {  float: left; width: 228px; }
 .stdplangrafik .datbereich_bis {  margin-left: 238px;}
 .stdplangrafik #datbereich_von {  margin-left: 103px;}
 .stdplangrafik #datbereich_bis {  margin-left: 30px;}
 
 .stdplangrafik .schablone   {margin: 15px 0px; }
 .stdplangrafik .schablone #schablone   { margin-left: 55px; }
 .stdplangrafik .printLayoutDiv   {margin-top: 10px; margin-bottom: 10px;}
 .stdplangrafik .printLayoutText  { width: 125px; float: left;}
 .stdplangrafik .printLayoutBoxes { margin-left: 130px;  padding-bottom: 8px;}
 .stdplangrafik .kurstitelBox,
 .stdplangrafik .dozBox           {float: left; width: 205px;}
 .stdplangrafik .tnzahlBox,
 .stdplangrafik .leerRaumBox      {margin-left: 210px;}
 
 .stdplangrafik .wochentageText   {float:left; width: 125px;}
 .stdplangrafik .wochentageRadiobtn  { margin-left: 130px;  }

 



/* Formularelemente in den Zentralen Einstellungen */
table.formtable            { width: 85%; }

td.formsubmit              { height: 50px; vertical-align: bottom;}
td.formgrptext             { height: 40px; vertical-align: middle; font-size: 11pt; }
                   
td.formelemtext            { font-size: 10pt; width: 30%; font-weight: bold;  text-align: left; }
th.form                    { width: 3%;}
td.formelemradio           { font-size: 10pt; width: 3%;}
td.formelement             { }

input.mailBetreff          { width: 40em; }

.ze_reiter_input            { position: absolute;  left: 335px; }
.ze_reiter_div              { margin-bottom: 10px; }

#login_err_disable_value   { margin-left: 3px; margin-right: 3px; }

/* Inputfelder mit +/- Button */
.input.inputnumeric        { margin-left: 3px; }
.count-buttons             { vertical-align: middle; }

/* allgemeine Formularformatierungen */
fieldset                   { margin: 10px; }
input.time                 { width: 3em; }
input.date                 { width: 6em; }
table#mehrfachanw td       { }
li.nolist                  { }

/* Counter bei Input */ 
img.count { cursor: pointer; height: 1.6em; margin-bottom: -0.2em; }

/* Teilnehmer-Listen und Drucklisten */
fieldset                          { padding: 8px; margin-top: 0; margin-bottom: 5px;
                                    margin-left: 2px; margin-right: 2px; border-width: 2px; }
select#art                        { float: left; width: 610px; margin-bottom: 10px; }
fieldset#einstelldarstellung      { float: left; clear: left; margin-top: 20px; margin-bottom: 20px;}

select#drucklistenart            { float: left; width: 556px; margin-bottom: 10px; }

/* Linke Seite der Optionen */
div.einstelldarst_0        { width: 440px; float: left; }
/* Rechte Seite der Optionen */
div.einstelldarst_1        { width: 440px; margin-left: 460px;  }

input#drucken_float, 
fieldset#umfang,
fieldset#f_fusszeile,
fieldset#kopfbereich,
fieldset#sortierung,
fieldset#spaltenanordnung  { float: left; }
input#drucken_float        { margin-left: 10px;}

input#speichern,
input#drucken,
fieldset#f_ueberschrift,
fieldset#f_tnListeBezeichnung,
fieldset#kurstage,
fieldset#tndarstellung,
fieldset#fusszeilen,
fieldset#Antwortboxen,
fieldset#textUntenUndOben,
fieldset#bemerkung,
fieldset#f_subtitle,
fieldset#f_endbem,
fieldset#druckbereich,
fieldset#druckausgabe,
fieldset#f_vorschub,
fieldset#zusatzspalten,
fieldset#ausfall        { clear: left; float: left; }

* html fieldset#spaltenanordnung,
* html fieldset#kopfbereich,
* html fieldset#tndarstellung,
* html fieldset#druckbereich,
* html fieldset#umfang,
* html fieldset#kurstage,
* html fieldset#sortierung,
* html fieldset#f_fusszeile       { width: 265px; }


fieldset#f_fusszeile,
fieldset#sortierung        { width: 284px; }

fieldset#spaltenanordnung,
fieldset#kopfbereich,
fieldset#tndarstellung,
fieldset#druckbereich,
fieldset#umfang,
fieldset#kurstage          { width: 265px; }

fieldset#f_ueberschrift,

fieldset#bemerkung,
fieldset#f_subtitle,
fieldset#f_endbem,
fieldset#zusatzspalten     { width: 535px; }

fieldset#druckausgabe,
* html fieldset#druckausgabe { width: 535px; }

fieldset#spaltenanordnung,
fieldset#kopfbereich,
fieldset#tndarstellung     { height: 200px; }

fieldset#druckausgabe      { height: 40px;}
fieldset#druckbereich,
fieldset#umfang,
fieldset#kurstage          { height: 100px; }

fieldset#f_ueberschrift,
fieldset#sortierung,
fieldset#f_tnListeBezeichnung,
fieldset#f_endbem          { height: 60px; }
fieldset#f_subtitle        { height: 70px;  }

div#subtitle               { margin-top: 5px;}
fieldset#f_subtitle label  { vertical-align: top;}
label#l_kt_von,
label#l_kt_bis             { float: left; width: 40px; } 
label#l_zahljahr           { float: left; width: 40px; margin-top: 10px;}

input#customStatus         { margin-left: 10px; width: 25px; }
/*
input#kt_von,
input#kt_bis               { width: 70px; }
*/
select#zahljahr            { width: 60px; margin-top: 10px;}
* html fieldset#fusszeilen { width: 805px; }
fieldset#fusszeilen,
fieldset#Antwortboxen,
fieldset#textUntenUndOben { width: 843px; }

input#ueberschrift,
input.tnListeBezeichnung,
textarea#subtitle          { margin-left: 10px; width: 420px; resize: none}
textarea#subtitle          { height: 40px }
input#endbemerkung         { margin-left: 10px;  width: 380px; }
input#vorschub             { margin-left: 10px;  width: 50px; }
input.fusszeilen, input.antwortbox           { margin-left: 10px; margin-right: 10px; width: 500px; }
p.antwortboxformfield * { vertical-align: middle; }
input.sizefusszeilen       { margin-left: 10px; margin-right: 10px; width: 25px; }
#copysql,              
img#standard               { float: left; margin-left: 5px; }
#copysql:hover             { color: black; }

img.zurueck, /*{ margin-top: 1em; }*/
img.printbutton,
input#sightbuildersave      { padding:0px; margin-left: 1px;}
input.bescheinigung,
img.weiterelisten          { margin-left: 5px; padding:0px;}
span#printbutton           { margin-left: 5px; }

.button_mit_margin input#sightbuildersave { margin-left: 0px;}

.hinweisbox_prototype { display: none; }

img.buttons.tnlisten.small,
img.buttons.drucklisten.small     { margin-right: 0.5em; }
li.listfast                       { margin-top: 0.8em; }
div.listfast                      { float: left; width: 20em; clear: both; }
div.listfast.listen    { width: 15em; }
div.listfast.honorar    { width: 25em; }
div.listfast.grafiken   { width: 25em; }

span.druckliste_vhs_info .button_span { margin-right: 12px; }



/* Einstellungen für Druckgrafiken */
fieldset#zeitbereich              { width: 535px; float: left; clear: left; }
fieldset#zeitbereichsmall         { width: 295px; float: left; clear: left; }
fieldset#wochentage               { width: 310px; float: left; }
fieldset#wochenplan               { width: 535px; float: left; clear: left; }
fieldset#monatsplan               { width: 535px; float: left; clear: left; }
fieldset#weitere_einstellungen    { width: 350px; clear: left; float: left; }

/* Einstellungen für Kursplanung */
div.kursplanung_semestertext      { position: relative; top: 840px; }

/* Uhrzeit */
div.uhrzeitvon,
div.uhrzeitbis             { margin: 0.5em 0 0.5em 0.7em; float: left; }
div.zeitspanne             { margin: 0.5em 0 0.5em 1.7em; float: left; }

#l_zeit_von,
#l_zeit_bis                { margin-right: 0.3em; }
#l_zeitspanne              { margin-right: 0.3em; margin-left:0em; }

input#zeit_von,
input#zeit_bis             { width: 4em; }
input#zeitspanne           { width: 4em; }


/* Wochentage */
div.wochentag                  { float: left; margin-left: 0.1em; }

/* Checkboxen bei der Kursübersicht in Anmeldung für Teilnehmer/Dozent*/
.toolTnAnmeldCheckBox      { position: absolute; left: 620px; }



/* Select Felder für Kalenderwochen  Wochenplanb*/
div.kwblock                { width: 18em; float: left; height: 16em; }

div.kwjahr,
div.kwnr,
div.kwmonat                { margin: 0.3em 0 0.3em 1em; }
#l_kwjahr                  { margin-right: 1.6em; }
#l_kwnr                    { margin-right: 0.3em; }
.dattext                   { float: left;}


/* für Monatsplan */
#l_kwjahrmon               { margin-right: 3.5em; }
#l_kwnrmon                 { margin-right: 0.9em; }
#l_kwmonat                 { margin-right: 6.3em; }
#l_ktvon                   { margin-right: 7.5em; }
#l_ktbis                   { margin-right: 7.6em; }

#l_ausmon,
#l_auskw,
#l_ausdat                  { margin-right: 0.5em; }

div#radio1                 { margin-top: 0.3em; margin-bottom: 0.3em; }
div#radio2                 { margin-top: 0.5em; margin-bottom: 0.3em; }
div#radio3                 { margin-top: 2.3em; margin-bottom: 0.3em; }

.datumsbereich             { margin-top: 0.5em; padding-left: 1em; }
.datbereich_vonbis         { margin-left: 4em; }

.datbereich_von,
.datbereich_bis            { margin-bottom: 0.3em; }
#datbereich_von            { margin-left: 1.9em; }
#datbereich_bis            { margin-left: 2.1em; }


/* Monatsangabe bei Kalenderwochen */
div#radioauswahl           { margin: 0.2em 0 0.3em 0.5em; width: 10em; float: left; }
div#selectfelder           { margin-top: 0.5em; margin-left: 12em; }

.datum_von                 { margin: 0.8em 0 0.3em 1em; }
.datum_bis                 { margin: 0.3em 0 0.3em 1em; }

#l_Zeitpunkteab            { margin-left:5em; margin-bottom: 2.5em; }
.Zeitpunkteab              { margin-left:23em; margin-top: 0; }

div.mark                   { margin-top: 0.8em; }
div.markunten              { margin-top: 0.3em; }
div.markleft               { float: left; width: 14.5em;}
div.markright              { margin-left: 14.5em; }



 /**
  *  Einstellungen für die Druckausgabe des Terminplans im Teilnehmertool (Tool20) und speziell
  ** für die Tabelle der stundenplanuhrzeiten
 */
.terminplanformat      {  list-style-type: none;  margin-bottom: 1.5em; }
.terminplanformat li   { margin-bottom: 0.3em; }
 
.stdplanzeitContainer       {  clear: left; width: 42.5em; }
 #buttonleiste4stdplan_vert { float: right; width: 4em; height: 14em;}
 #buttonleiste4stdplan_vert div { margin-left: 1em; margin-top: 0.8em; height: 3em; resize: none; }

 fieldset#wochentage4stdplan   { width: 535px; float: left; clear: both; margin-top: 1em; margin-bottom: 1em;}
 #wochentage4stdplan div.wochentag { float: left; margin-left: 1em; }
 #stdplanzeitArea              { width: 38em; height: 16em; overflow-y: scroll; border: 1px solid #7F9DB9;}
 #stdplanzeitArea table        { border-spacing: 1px; border-collapse: /* separate */ collapse; width: 97%; } 
 
 .stdplanuhrzeiten th.blockimg,                              
 .stdplanuhrzeiten td.blockimg   { width: 3%; background-color: #505050; color: #FFFFFF;}
 .stdplanuhrzeiten th,           
 .stdplanuhrzeiten td            { padding-left: 1em; height: 1.5em;  }
 
 /* Dialog fuer Stundenplanuhrzeiten */
  #dialog_stundenplanuhrzeit              { font-size: 12px;}
  #dialog_stundenplanuhrzeit .dialogzeile { margin: 5px 5px; padding: 5px 0; }
  #dialog_stundenplanuhrzeit .label_zeile { vertical-align: top;}
  #dialog_stundenplanuhrzeit #von         { margin-left: 8px; padding-left: 5px; width: 50px; margin-right: 60px;}
  #dialog_stundenplanuhrzeit #bis         { margin-left: 4px; padding-left: 5px; width: 50px;}
  
  #dialog_stundenplanuhrzeit #hoehe           { margin-left: 8px; padding-left: 5px; width: 50px; margin-right: 60px;}
  #dialog_stundenplanuhrzeit #pause           { margin-left: 4px; padding-left: 5px; width: 50px;}
  
  #dialog_stundenplanuhrzeit #dialogfault     { padding: 3px 5px;  margin-left: 8px; color: #FF0000;}
  

/*************************** Aktuelles ******************************************************/

img.smallformat            { height: 16px; width: 16px; border: 0; margin-right: 5px;}
a.text_ueberschrift        { margin-left: 1px; }
div.aktuellwarning         { font-size: 8pt; margin-bottom: 10px;}


/* Aktuelles Bearbeiten der einzelnen news   */
/* div. singlenew lassen falls doch  float: right in div.newssingleselect gesetzwerden soll; dann könnte man es so definieren */
div.singlenew              { /* width: 1000px;  IE- Hack:  _width:  auto; */ }

form.singlenew             { }
div.singlenew_titel        { margin-bottom: 10px; }
.singlenew_titel label     { margin-right: 5px; }
input#Col_titel            { width: 614px;  /* I.E. Hack: */ _width: 691px; }
.nachricht_fuer            { margin-top: 15px; }
@media screen and (-webkit-min-device-pixel-ratio:0) { /* hacked for chrome and safari */
input#Col_titel            { width: 700px; }
}
div.singlenew_edit         { margin: 10px 0px; clear: both; }
span.singlenew_from        { font-size: 12px; float: right; margin-right: 15px; }
.singlenew img             { margin-right: 0; margin-left: 0; }
div.newssingleselect       { width: 655px; margin-top: 15px; margin-bottom: 15px }
#l_benutzergruppesingle    { font-size: 12px; margin-right: 5px; float: left; display: block; }
table#toolbarl_Col_inhalt  { }


/* Aktuelles Gesamtübersicht  */
div.newsheader             { }
div.newsinhalt             { clear: right; margin-top: 20px; }
.newsinhalt img            { margin-right: 5px; border: none; }
span.newslist              { font-weight: bold; font-size:18px; }
div.newsinsert             { font-size: 12px; float: right; margin-right: 50px; }
div.aktnew                 { margin-bottom: 15px; padding-top: 10px; clear: right; }
div.aktnew_first           { margin-bottom: 15px; padding-top: 10px; padding-bottom: 20px; clear: none; }
div.aktnewborder           { }
div.newsbuttons            { margin-bottom: 25px; }
li.aktnew                  { font-weight: bold; }
li.aktnew_pn               { font-weight: bold; }
div.aktnew_titel           { margin-bottom: 10px; }
div.aktnew_titel_pn        { margin-bottom: 10px; }
div.aktnew_inhalt          { margin: 20px 10px; }
div.aktnew_erstellt        { font-size: 12px; margin: 10px 10px; }
div.aktnew_gruppe          { font-size: 12px; margin: 0 10px 10px 10px; }
div.aktnew_bearb           { font-size: 11px; margin: 0 10px 10px 10px; }

.aktnew_inhalt p {
  margin-top: 15px;
	margin-bottom: 15px;
}

/* Aktuelles: Selektionfelder für Fachbereich und Benutzergruppe  */
div.newsselect                    { float: right; width: 210px; margin-top: 10px; margin-left: 10px; }

div.usergroupselect               { margin-bottom: 10px; }
div.fachbereichselect             { margin-bottom: 10px; }

/* .news_aktform bezieht sich auf die Selectfelder bei der Newsübersicht*/
/* .singlenew bezieht sich auf die Selectfelder beim einfügen/bearbeiten einer News*/

div.usergroupselectsingle   { float: left; }
div.fachbereichselectsingle { margin-left: 220px; }

.news_aktform #l_benutzergruppe,
.news_aktform #l_fachbereich      { width: 110px; font-size: 11px; display: block; }
.news_aktform #l_fachbereich      { width: 200px; }

.singlenew #l_benutzergruppe,
.singlenew #l_fachbereich         { font-size: 11px;  display: block; }
.singlenew #l_fachbereich         { margin-right: 26px; }

#benutzergruppe,
#fachbereich                      { width: 200px; }

/**************************** Twitter ****************************************************************/

div#twitterwarning         { width: 500px; margin: 50px 30px; padding: 20px 10px; }

div.infobutton             { }
#tweetnumber               { float: left; display: block; margin-right: 3px; }

label.benutzername,
label.tweetnumber          { font-size: 11pt; }


/************************** Anwesenheiten eintragen ***************************************************/

div#kurstagefilter                       { padding: 10px 5px; width: 360px; }
#l_kurstagerestrict                      { font-size: 12px; }
#kurstagerestrict                        { width: 40px;}
#ktfiltersubmit                          { margin-left: 20px; }
div#anwesenheiteneintragenbuttons        { margin-top: 1em; }
div#anwesenheiteneintragenbuttonsTop *   { position: absolute; }
div#anwesenheiteneintragenbuttonsTop     { width: 950px; height: 30px;}

div.anw_blaetter_buttons                 { float: right; clear: right; margin-right: 5px; margin-top: 13px; text-align: center; width: 55px; }
div.anw_blaetter_buttons .anw_blaettern_zurueck_margin { margin-right: 5px; }

label.uhrzeit                            { margin-left: 5px; }

/********* Buttons oben **********************/
input#eintragenButtonTop                 { margin-top: 1em; clear: right; }
a#abbruchButtonTop                       { left: 934px;}
.alleAufklappen                      { margin: 10px 4px; }

div#anwesenheiteneintragenbuttons a,
div#anwesenheiteneintragenbuttons input  { margin-left: 5px; padding:0px;}
div#kursanwesenheit_status.ok            { font-family: Arial, sans-serif; font-size: larger; font-weight: bold; }

form#anwesenheiteneingabe                { }
table#anwesenheiten                      { position: relative; margin-right: 20px; margin-bottom: 10px; width: 950px; }
table#lehrStoffAndUE                     { position: relative; margin-right: 20px; margin-bottom: 10px; width: 950px; }
table#anwesenheiten .bemerk                 { width: 400px; }
#dialog                                  { font-size: 11px; }
#dialog input                            { }

td.anwesenheitendetailsbutton            { }
td.anwesenheitendetailsbuttonreplikat    { background-color: #d9e2ef;}

td.anwesenheitendetailsbutton img
td.anwesenheitendetailsbuttonreplikat img  { margin: 0 10px; }

td.mehrfacheEintraege                      { text-align: center; }

th.zeilenselect                            { white-space: nowrap; }
#anwesenheiten td.outside                  { background-color:  #d9e2ef; /* #CDE4FC; /* #EFEFEF; */}

#anwesenheiten td.uhrzeit_ue               { background-color: #d9e2ef;}
#anwesenheiten td.uhrzeit_uefirst          { background-color: #FFFFFF;}

/* Markierung ob die minimale Anwesenheit um ein Zeugnis zu erhalten erreicht ist */ 
.anwRatioGood                              {background-color: rgb(0, 255, 0); text-align:center;}
.anwRatioBad                               {background-color: rgb(255, 0, 0); text-align:center;}

/* Unterrichtsstoff und gehaltene UE */
/* Container */
#unterrichtsstoff, #uegehalten
{   width: 950px; position: relative; }
/* für die Positionierung innerhalb dieser divs */
#unterrichtsstoff *, #uegehalten * { position: absolute; }
/* Unterrichtsstoff */
#unterrichtsstoff { height: 110px; }
#klassenbuchtext { left: 120px; width: 825px; height: 100px; }
#anwesenheitenEinTag #klassenbuchtext { width: 700px; left: 0px; top: 17px; }
/* gehaltene UE */
#uegehalten { height: 110px; } /* Container */
#cbvereinbart { left: 120px; }
#lbvereinbart { left: 140px; }
#cbanders { left: 415px; }
#lbanders { left: 435px; }
#lbklassenbuchgrund { left: 530px; }
#klassenbuchgrund { left: 580px; width: 365px; height: 100px; }
/* zweite Zeile */
#lbgehue { top: 25px; left: 435px; }
#klassenbuchabwue { top: 21px; left: 535px; width: 34px; }

/* NEU Container */
#unterrichtsstoff, #uegehalten
{   width: 800px; position: relative; margin-top: 30px; }
/* NEU gehaltene UE */
#anwesenheitenEinTag #uegehalten { height: 120px; } /* Container */
#anwesenheitenEinTag #cbvereinbart { left: 80px; }
#anwesenheitenEinTag #lbvereinbart { left: 100px; }
#anwesenheitenEinTag #cbanders { left: 80px; top: 25px;}
#anwesenheitenEinTag #lbanders { left: 100px; top: 25px; }
#anwesenheitenEinTag #lbklassenbuchgrund { left: 195px; top: 25px; }
#anwesenheitenEinTag #klassenbuchgrund { left: 245px; width: 455px; top: 25px; }
/* NEU zweite Zeile */
#lbgehue { top: 50px; left: 100px; }
#klassenbuchabwue { top: 46px; left: 200px; width: 34px; }
/* NEU */
#anwesenheitenEinTag div#lehrStoffAndUE { margin-top: 20px; position: relative; height: 280px; }
#anwesenheitenEinTag div#lehrStoffAndUE.ohneUe { height: 120px;; }
/*IE7 HACK: Sonst wird #mainmenu zu klein dargestellt*/
*+html #anwesenheitenEinTag div#lehrStoffAndUE { height: 100%; }
#anwesenheitenEinTag #abbruchButtonTop,
#anwesenheitenEinTag #eintragenButtonTop { margin-right: 20px; }
/*IE7 HACK*/
*+html #anwesenheitenEinTag #abbruchButtonTop{margin-top: -25px;}
#anwesenheitenEinTag #anwesenheiten4Kurstag { border-collapse: collapse; width: 700px; }
#anwesenheitenEinTag #anwesenheiten4Kurstag th,
#anwesenheitenEinTag #anwesenheiten4Kurstag td { border: 1px solid black; padding: 3px; }
#anwesenheitenEinTag #einTagAlleASetzen { margin-left: 0px; }
#anwesenheitenEinTag #runter img { margin: 5px; }

/* Hinterlegungsbuttons für die Bemerkung */
input.anwesenheit_hl_bemerkung, 
#anwesenheit_hl_bemerkung         { margin-top: 0; margin-bottom: 0; vertical-align: middle; margin-left: 3px; padding: 0; }

/* Elemente im Dialogfeld */

#l_anwbemtext,
#l_vonzeit,
#l_biszeit,
#l_pause                          { font-size: 12px; margin-right: 21px; }
#l_eintragbis                     { font-size: 12px; margin-right: 12px; }
#l_anwbem                         { font-size: 12px; margin-right: 10px; }

div#anw_bemerk                    { margin: 20px 0; }
#anw_unterschied                  { margin-left: 40px; padding-top: 2px; }
span.unterschied                  { }
div#anw_bemtext                   { margin: 20px 0; }
div#anw_eintragbis                { clear: left; padding-top: 10px; margin-bottom: 10px; color: #666666;}
div#anw_uhrzeitvon                { float: left; margin-right: 15px; width: 170px; }
div#anw_uhrzeitbis                { float: left; margin-right: 15px; width: 110px; }
div#anw_weiter                    { float: left; margin-right: 15px; width: 55px; }
div#anw_delete                    { float: left; margin-right: 15px; width: 100px; }
#vonzeit,#biszeit                 { width: 50px; padding-left: 5px; }

div#anw_pause                     { float: left; width: 120px; }
div#anwzeitwahl                   { clear: left; padding-top: 0; }
div#anwesenheitendetailtable      { margin-top: 20px; }
#anwesenheitendetailtable tr td   { height: 20px; }
#anwesenheitendetailtable tr      { height: 20px; }
#anwzeitwahlzeile2 td             { width: 5px; }

input#bemtextid,
#select_hl_bem                    { width: 400px;}
div.updownbutton                  { width: 20px; float: right; margin-left: 5px; }

#dialog img                       { border-style: none; }
#loeschen_1                       { position: relative; top: -59px; left: 513px;}
#loeschen_2                       { position: relative; top: -39px; left: 494px;}
#loeschen_3                       { position: relative; top: -18px; left: 475px;}

/* Die Farben werden spaeter in die einzelnen skin.css verschoben.*/
.stundenplanrestzelle             { border: none; border-right: hidden; border-right-width: 0; } /*border-right-width wird fuer den IE6 bentigt*/
.stundenplanrandzelle             { border: none; border-right: 1px solid #000000; }

#anwzeitwahl table,
#anwesenheitendetailtable table   { font-size: 12px; border-color: #000000; width: 508px; border-collapse: collapse; }
#anwzeitwahl td,                 
#anwesenheitendetailtable td      { height: 20px; }
td.anwzeitwahlhead                { width: 18px; border: 1px solid #000000; }
#anwzeitwahl table                { text-align: center; }
#anwzeitwahlzeile2                { background-color: #FFFFFF; }

#zeile0,
#zeile2                           { background-color: #97BEEE; }
#zeile1                           { background-color: #FFFFFF; }

#zeile0 td,
#zeile1 td,
#zeile2 td                        { border: 1px solid #000000; }

/************************** Dynamische Sichten ***************************************************/

.mandatory                 { border-color: #FF0000 !important; }
.bold                      { font-weight: bold; }
.center                    { text-align: center; }
.depositation              { }
.nomargin                  { margin: 0px; }
.italic {
  font-style: italic;
}

p.nodata                   { font-size: 1.5em; margin: 1em 0; color: red; }

/*Colorpicker für das Rechksklickmenü in den Zentralen Einstllungen
Das Rechtsklickmenü hat den z-index von 9999, deshalb muss der vom colorpicker so groß gesetzt werden.*/
div.colorpicker            { z-index: 10000; }

.configdiv,
.elementsdiv               { position: absolute; height: 500px; border-style: solid; }

.elementsdiv               { width: 500px; overflow: scroll; border-width: 1px;}
.explanation               { position: absolute; border: 1px solid black; width: 280px; padding: 10px; }
.configdiv                 { width: 950px; border-width: 3px;}
.readonly                  { background-color: #C8C8C8; }
.inputspan                 { border-style: solid; border-width: 1px; overflow: hidden; white-space: nowrap; }
#savediv                   { position: relative; width: 500px; height: 30px; top: 510px; }
.floatleft                 { float: left; }
.sightdiv                  { position: relative; height: 500px; width: 950px; }
.sightdiv.Infotool         { width: 780px; height: 375px; }
#mainmenu .sightdiv        { width: 800px; height: 450px; } /* in den neuen Tools z.b. persdaten*/
#mainmenu .content .sightdiv.uebersicht  { height: 80px; width: auto; } /* z.B. Kursdetails */
#mainmenu .content_details .sightdiv.uebersicht.ersteSeite { height: 80px; } /*Kursdetails erste Seite */
#mainmenu .content_details .sightdiv.uebersicht.dokument   { margin-left: 0px; height: 100px; }/*Kursdetails Reiter Downloads */
#mainmenu .content_details .sightdiv.uebersicht.dozhonorar { height: 100px; margin-bottom: 30px;} /* Kursdetails - Doz - Reiter Honorar (vor Umstellung) */
#mainmenu .sightdiv.uebersicht.hmkurse { margin-left: 20px; } /* Kursübersicht für Hausmeister*/
#mainmenu .sightdiv.hmkurse { height: 90px; } /* Sichtdiv im Tool HMKurse */

#main_content .sightdiv.uebersicht { height: 80px; width: 790px; margin-left: 20px; overflow: hidden; }
#main_content .sightdiv.uebersicht.termine { height: 100px; }
#main_content .sightdiv.uebersicht.termine.anwesenheit { height: 70px; width: 773px; margin-left: 40px; }
#main_content .sightdiv.uebersicht.raumanzeige { height: 40px; margin-left: 0; }

#main_content .sightdiv.uebersicht.raumuebersicht { height: 45px; width:auto; margin-left:0px; }

/* damit die Tabelle fuer Alternativkurse in den Kursdetails zu Tool14 nicht ueberlaeuft */
.content.tab { overflow-y: auto;  overflow-x: hidden; }
.kurs_alternativKurse { overflow-y: auto; }

/* Tooltips für Eingabefelder von SightBuilder */
.ui-tooltip.ui-widget-content { max-width: none; }
.sightbuilderformToolTip      { white-space: nowrap; }
.toolTipRow                   { position: relative; }
.toolTipLbl                   { font-style: italic; display: inline-block; width: 100px; }

.nowrap                    { white-space: nowrap; }
.hidden                    { visibility: hidden; }
.displayNone               { display: none; }

label.configurable         { border-style: dashed; border-width: 1px; overflow: hidden; left: 10px; width: 220px; height: 15px; position: absolute; white-space: nowrap; }
label.sightlabel           { overflow: hidden; }
span.configurable          { position: absolute; left: 240px; width: 220px; height: 15px; }

#button_hl_faecher         { margin-left: 5px; margin-bottom: 10px; }

#button_hl_info_felder,
.button_hl_raum,
.button_hl_medien,
.button_hl_verlauf,
.button_hl_anmeldeart      { margin-left: 5px; }
.buttonwMargin             { margin-left: 5px; padding:0px; }

#dokumentWeb_darstellungWeb a     { font-weight: bold; text-decoration: none; color: #0000DD; }

/* input[type='radio'].error  { border: 1px solid; } hat leider keine Auswirkungen */
.nodatamessage             { font-weight: bold; vertical-align: middle; margin-left: 20px; height: 90px; line-height: 80px; color: #FF0000; }

.configurable              { border-color: #000000; }
#align_left, 
#align_center, 
#align_right, 
#align_justify             { margin-left: 10px; }

/*** Spezialitäten für die Übersichtseinstellungen */
#savediv.uebersicht        { top: 0; }
#configurator,
#configurator_uebersicht   { position: relative; }
#configurator .elementsdiv,
#configurator_uebersicht .elementsdiv { height: 300px; left: 0px; }

.ui-dialog-title      { font-size: 1em; }
.ui-multidraggable    {background-color: #F8FBDC; }

/* Einstellungen fuer das Dialog-Feld zum Suchen der Kurse*/
#suchformDiv select   { width: 365px; font-family: Arial; }
.suchformDiv_input    { width: 360px; }

/*Für die Hinterlegung des Teilnehmerfeld Beruf*/
.hlbutton_beruf       { margin-top: 1px; margin-left: 2px; cursor: pointer; }

/*Sonderfall liste der Firmenmitarbeiter zu einem Kurs*/
.belegung_liste_ma_firma.formelement { overflow-y: auto; }

/** Medien auf den dynamischen Seiten ***********************************************************/

 /* #button_hl_medien          { margin-left:0px; }   */
    .button_update, 
    .button_upd_hlmedien,
    .button_delete             { margin-left:2px; }
    
    /*Nur bei kurstag_medien auf den dynamischen Seiten! */
    .sightdiv .kurstag_medien    { overflow-y: scroll; height: 130px; } 
    .kurstag_medien table      { border-spacing: 1px; border-collapse: /* separate */ collapse; width: 92%; margin-top: 20px; 
                                 margin-bottom: 20px; margin-left:5px;}
                                 
                                 
    .medientable td.blockimg   { width: 3%; }
    .medientable td.inhalt     { width: 55%; padding-left: 10px; }
    .medientable td.bemerkung  { width: 42%;  padding-left: 8px; height: 19px; }
    /* .bemerkung div             { height: 18px; overflow: hidden; }  */
    
    #dialog_hl_medienupd table   { border-collapse: collapse; border-spacing: 0;  }  

    medienupdatelabel     {  }
    .medienupdate         { margin: 5px 10px; padding: 10px 0; }
    #update_medium        { margin-left: 25px; }

/* Unterrichtsmittel und Lehrstoff */

  #unterrichtsmittelContainer { position: absolute; width: 300px; top: 0px; left: 520px; }
  #buttonleiste_vert          { float: right; width: 35px; height: 140px;}
  #unterrichtsmittelarea      { width: 260px; height: 105px; overflow-y: scroll; border: 1px solid #7F9DB9;}
  
  #unterrichtsmittelarea table { border-spacing: 1px; border-collapse: /* separate */ collapse; width: 99%;} 
                                 
  .untmitteltab                {  } 
  .untmitteltab td             { padding-left: 5px;}
  .untmitteltab td.blockimg   { width:3%; }
  td.anzahl                   { width: 5%;}
  /* wird versteckt, da nur Dozentenname erscheinen soll */
  td.dnr                      {  display: none }                             

  /* Dialog fuer Dozententabelle */
  #dialog_dozentenupdakt,
  #dialog_dozentenupdall    { margin-top: 20px; width: 400px; font-size: 12px;}
  table.dozententable       { border-collapse: collapse; border-spacing: 0; width: 100%; } 
  
  .dozententable td.blockimg   { width:3%; }
  .dozententable td.id         { width: 20%; padding-left: 10px; }
  .dozententable td.name       { width: 77%;  padding-left: 8px; /* height: 19px; */ }
  
  /* Dialog fuer Unterrichtsmittel */
  #dialog_unterrichtsmittel                      { font-size: 12px;} 
  #dialog_unterrichtsmittel .dialogfelduntmittel { margin: 5px 5px; padding: 5px 0; }
  #dialog_unterrichtsmittel .label_untmittel     { vertical-align: top;}
  #dialog_unterrichtsmittel #unterrichtsmittel   { padding-left: 5px; margin-left: 4px; }
  #dialog_unterrichtsmittel #bemerkung           { margin-left: 39px; padding-left: 5px;}
  #dialog_unterrichtsmittel #anzahl              { margin-left: 7px; padding-left: 5px; width: 30px;}
  #dialog_unterrichtsmittel #datum               { margin-left: 8px; padding-left: 5px; width: 70px; margin-right: 60px;}
  #dialog_unterrichtsmittel #dozent              { margin-left: 4px; padding-left: 5px; width: 250px;}
  #dialog_unterrichtsmittel #uhrzeit             { margin-left: 4px; padding-left: 5px; width: 50px;}
  
  #dialog_unterrichtsmittel #dialogfault        { padding: 3px 5px;  margin-left: 8px; color: #FF0000;}
  
  /* zusätzlich zum td#dozent wird ein Hidden span für die dnr benötigt */
  
  
  #untmittel           { margin-left: 25px;}
  #untmittel_bem       { }

    /* .bemerkung div             { height: 18px; overflow: hidden; }  */
    
    
 /* Layout Einstellungen fuer Tool13 Persoenliche Daten */
 
 .caption4settings       { font-weight: bold; font-size: 12pt; margin: 5px 0 15px 0; }
 .tool13settings         { margin-top: 30px; margin-left: 10px;}
 .tool13settings td      { vertical-align: top;}
 .tool13settings label   { margin-left: 4px;}
 
 td.freefeldtext         { font-size: 10pt; width: 24%; font-weight: bold; text-align: left; vertical-align:top;}
 td.freefeld             { }
 #id4freeField           { padding: 3px 5px; font-size: 14px;  } 
 .storeBox               {  margin-bottom: 10px;} 
 .storeButton            {  padding-top: 10px;} 
 
 /* Ausgabe Tool13 für alte Tools*/
 .tool13freefield         { font-size: 14px;}
 .tool13freefield tr      { vertical-align: middle;  }
 .tool13freefield td      { }
 .tool13freefield div     { overflow: auto; padding: 7px 10px; margin-top: 10px; margin-bottom: 10px;  
                            border: 1px solid  #7F9DB9; }
  /* Ausgabe zu Tool13 in den neuen Tools */
 .mitteilung             { padding: 7px 10px; margin: 5px; margin-top: 0px; width: 756px; border: 1px solid  #7F9DB9; }   
  /* Hack für den Firefox ; nicht verwendet: Hack für den IE8 (waere z.B.: property: value\9; */                      
 :root .mitteilung      { width: 708px;}                                        
                            

 /* Einstellungen für die neuen Tools für Dozenten, Teilnehm,er und die Firma */   
 #leftmenu               { width: 160px; float: left; margin-top: 100px;  }
 .leftmenu_margin        { margin-left: 3px !important; }
 
 .leftmenu_buttonlist    { list-style-type: none; margin: 0; padding: 5px 0 10px 0; }
 .leftmenu_buttonlist a  { text-decoration: none; cursor: pointer; }
 .leftmenu_buttonlist img,
 .leftmenu_buttonlist input { position: absolute; height: 20px; }
 .leftmenu_buttonlist span { position: absolute; height: 20px; text-align: center; margin-top: 3px; } 
 div.menuBarSettings .leftmenu_buttonlist span { top: 0px; } /* das Top 0 px ist ein Fix für Opera */
 .leftmenu_buttonlist li { height: 20px; }
 .leftmenu_button        { width: 150px; height: 20px; margin-bottom: 4px; }
 
 /* 
  * Einstellung der Menüleiste in den zentralen Einstellungen
  * Die Breiten und Abstände werden in zentraleEinstellungen.js teilweise nachjustiert
  */
 
div.menuBarSettings { min-height: 609px; }
div.menuBarSettings .menuSettingsHeader       { width: 500px; margin: -15px 0px 1px 30px; }
div.menuBarSettings .leftmenu_button_settings { position: relative; width: 547px; margin-left: 5px; height: 26px; margin-bottom: 4px; -moz-border-radius: 3px;
                                                                                                                  -webkit-border-radius: 3px;
                                                                                                                  border-radius: 3px; }
div.menuaddandremove .leftmenu_buttonlist_settings { width: 557px; border: dotted 1px; -moz-border-radius: 3px;
                                                                                       -webkit-border-radius: 3px;
                                                                                       border-radius: 3px; }
div.menuBarSettings .menuSettings             { width: 557px; border: solid 1px; margin-bottom: 10px; min-height: 40px; -moz-border-radius: 10px;
                                                                                                                        -webkit-border-radius: 10px;
                                                                                                                        border-radius: 10px; }
div.menuBarSettings .benutzerMenuBar          { float: left; }
/*Innerhalb der LI-Elemente*/
/*move-symbol*/
div.menuBarSettings .leftmenu_button_settings .lbs_move img   { height: 14px; width: 14px; left: 5px; top: 3px; }
/*Button*/
div.menuBarSettings .leftmenu_button_settings .lbs_btn       { height: 22px; margin-top: 2px; width: 152px; margin-left: 25px; }
div.menuBarSettings .leftmenu_button_settings .lbs_btn img   { width: 150px; margin-top: 1px; left: 1px }
div.menuBarSettings .leftmenu_button_settings .lbs_btn span  { width: 150px; margin-top: 4px; height: 20px; left: 1px; }
/*Pfeil nach rechts*/
div.menuBarSettings .leftmenu_button_settings .lbs_pfeil_rechts { margin-left: 177px; margin-top: 8px; }
div.menuBarSettings .leftmenu_button_settings .lbs_pfeil_rechts img { width: 32px; height: 10px; }
/*Beschreibung/Link*/
div.menuBarSettings .leftmenu_button_settings .lbs_beschreibung { margin-top: 4px; margin-left: 215px; }
div.menuBarSettings .leftmenu_button_settings .lbs_beschreibung input { height: 16px; width: 186px; margin-top: -2px; }
@media screen and (-webkit-min-device-pixel-ratio:0) { /*WEBKIT HACK Link: da wird das Eingabefeld zum Link inkorrekt angezeigt*/
/* Der Bug in Chrome und Safari wurde inzwischen anscheinend gefixt. Deshalb auskommentiert */
/*div.menuBarSettings .leftmenu_button_settings .lbs_beschreibung input { margin-top: -18px; margin-left: 18px; }*/
}
/*Pfeil nach links*/
div.menuBarSettings .leftmenu_button_settings .lbs_pfeil_links { margin-left: 440px; margin-top: 8px; }
div.menuBarSettings .leftmenu_button_settings .lbs_pfeil_links img { width: 32px; height: 10px; }
/*Hotkey*/
div.menuBarSettings .leftmenu_button_settings .lbs_hotkey { margin-left: 472px; padding-left: 2px; margin-top: 2px; text-align: left; height: 22px; width: 69px; }
div.menuBarSettings .leftmenu_button_settings .lbs_hotkey span { position: inherit; }
div.menuBarSettings .leftmenu_button_settings .lbs_hotkey input { width: 15px; height: 16px; margin-top: -2px; padding: 0; font-size: 14px; }

/*Leerraum-Button*/
div.menuBarSettings li.leftmenu_button_settings.menu_item_space img.menu_tren { width: 178px; height: 3px; position: relative; }
div.menuBarSettings li.leftmenu_button_settings.menu_item_space img.menu_tren.tren_left { margin-left: 30px; }
div.menuBarSettings li.leftmenu_button_settings.menu_item_space span.menu_leerraum { position: relative; top: 3px; margin-left: 50px; margin-right: 50px; }

/*Hilfs-Symbole auf der Seite, wie Trenner und Pfeile*/
div.menuBarSettings .arrow_and_menupunkt { position: relative; }
div.menuBarSettings img.menu_trennlinie { position: relative; float: left; margin-left: 12px; width: 9px; height: 397px; }
div.menuBarSettings img.menu_pfeil_links { position: absolute; left: -65px; top: 8px; width: 62px; height: 20px; }
div.menuBarSettings img.menu_pfeil_rechts { position: absolute; left: -65px; top: 15px; width: 62px; height: 20px; }
div.menuBarSettings img.menu_loeschen   { position: absolute; left: 264px; top: 9px; z-index: 2; }

div.menuBarSettings .leftmenu_button_settings .text_left_menu { width: 150px; height: 20px; }
div.menuBarSettings .left_menu_bezeichnung    { margin-left: 170px; }
div.menuBarSettings .menuRemoveItemList       { z-index: 1; width: 557px; padding: 0px; height: 50px; -moz-border-radius: 10px;
                                                                                          -webkit-border-radius: 10px;
                                                                                          border-radius: 10px; }
div.menuBarSettings .menuAddableItemList, div.menuBarSettings .menuAddableItemList4LoginPage      { height: 20px; position: relative; }
div.menuBarSettings .menuaddandremove h3      { margin-top: 20px; }
div.menuBarSettings .menuaddandremove         { margin-bottom: -360px; margin-left: 650px; }
div.menuBarSettings .leftmenu_button_settings input.buttonEdit { padding: 0px; font-family: arial; height: 12px; font-size: 11px; position: relative; text-align:center; width: 140px; margin-top: -1px; }
span.menu_info                                { text-decoration: underline; position: absolute; }
span.menu_info_text                           { position: absolute; margin-left: 200px; }
.manu_bar_infotext .menu_info_text img.hinweis { margin: -3px 0 0 0; }
div.menuBarSettings img.menu_group_toggle     { height: 14px; width: 14px; margin-top: 12px; margin-left: 10px; }
div.menuBarSettings .menuSettings ul.leftmenu_buttonlist { margin-bottom: -3px; }

/* Einstellung der Felder, welche die Status-Farben farbig anzeigen. */
/* Zentrale Einstellungen: */
.settings_status_div { position: relative; }

.settings_status_head { font-weight: bold; position: relative; top: 11px; width: 582px; background-color: #DDDDDD; line-height: 22px; padding-left: 3px; }
.settings_status_head .head_aktiv { position: absolute; left: 329px; }
.settings_status_head .head_bezeichnung { position: absolute; left: 397px; }
.settings_status_head .head_farbe { position: absolute; left: 541px; }

ul.setting_status_farbe { position: relative; list-style: none; padding: 0; }
ul.setting_status_farbe li { position: relative; margin-bottom: 3px; width: 582px; height: 22px; line-height: 22px; padding-left: 3px; background-color: #F5F5F5; }

ul.setting_status_farbe li.even { background-color: #FFFFFF; }
ul.setting_status_farbe li:hover { background-color: #DDDDDD; }

.settings_status_div .hinweisbox.hinweisbox_infobox { position: absolute; left: 637px; top: -10px; min-width: 487px; }
.settings_status_div .hinweisbox.hinweisbox_infobox .setting_info { display: inline-block; font-weight: bold; margin-right: 5px; text-align: right; width: 96px; }

ul.setting_status_farbe li .setting_status_checkbox { position: absolute; left: 338px; top: 4px; margin: 1px 0 0 0; padding: 0; /*behebt IE-Darstellungsfehler*/ }
ul.setting_status_farbe li .setting_setColor { 
  position: absolute; 
  left: 551px; 
  top: 4px;
}

ul.setting_status_farbe li .setting_description_input {
  position: absolute;
  left: 380px;
  height: 15px;
  font-size: 12px;
  width: 145px;
}

.farbInfoZeile {
  position: relative;	
}

/* Die Legende für die Felder mit Status-Farben als Tooltip */

.status_legende_colorSpan {
  position: relative;
  top: 2px;
  margin-right: 10px;
}

.status_legende_colorSpan,
ul.setting_status_farbe li .setting_setColor {
  background-color: #FFFFFF;
  display: inline-block; 
  width: 13px; 
  height: 13px;
  border: 1px solid #000000;
  
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
ul.status_legende_list li{
  padding: 2px;
  margin: 3px 0 0 0;
  
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
ul.status_legende_list li.active{
  background-color: #DDDDDD;
}

.ui-tooltip.ui-widget-content.box .hinweisbox .hinweisbox_body {
  min-width: 200px;
}

/*****************************
 *  Hinweisboxen: Für HTMLOperations::getInfoBox usw.
 *  Weitere Einstellungen in skin.css
 *****************************/

.hinweisbox {
  position: relative;
  display: inline-block;
}

.hinweisbox .hinweisbox_body { 
  display: inline-block; 
  padding: 10px 20px;
  font-style: italic;
  font-family: arial;
  font-size: 13px;
  position: relative; /* behebt IE8 + CSS3PIE-Probleme */
  z-index: 101;
  margin-bottom: 20px;
}

.hinweisbox .hinweisbox_head { 
  display: inline-block;
  padding: 2px 10px 2px 23px;
  letter-spacing: 1px;
  position: relative;  /* behebt IE8 + CSS3PIE-Probleme */
  z-index: 100;
  font-weight: bold; 
  font-family: arial;
}

.hinweisbox .hinweisbox_body ul              { padding: 0; margin: 0; list-style: none; }
.hinweisbox .hinweisbox_body>ul>li           { margin-bottom: 8px; }
.hinweisbox .hinweisbox_body ul li.lastchild { margin-bottom: 5px; }


 .seitentitel h2         { font-size: 1.4em; }
 .logout_logo            { margin-top: 2px; margin-left: 30px; }
 /*
 .logout_text            { margin-left: 10px; }
 */
 
 
 /* Einstellung für die E-Mail in persönliche Daten */
 div.setting_email_tool13 #persdat_email_betreff { width: 690px; }
 div.setting_email_tool13 #persdat_email_body { width: 690px; }
 div.persdat_email_varlist  { position: relative; left: 710px; top: -191px; } /* Achtung: top wird anschließend mit Browser-Hacks
                                                                                 geändert. Das Hier ist für Opera und IE */
 div.persdat_email_varlist ul#email_valiablen { list-style: none; font-size: 14px; padding-left: 5px; margin-top: 5px; }
 div.persdat_email_varlist ul#email_valiablen li { margin-bottom: 10px; width: 200px; border: dotted 1px #000000; cursor: pointer; }
 
 /* Browser-Hacks */
 /* Firefox */
 @-moz-document url-prefix()
 {
   div.persdat_email_varlist { top: -209px; }
 }
 /* Safari und Chrome) :( */
 @media screen and (-webkit-min-device-pixel-ratio:0)
 {
   div.persdat_email_varlist { top: -195px; } /*Passt bei Safari nicht 100%*/
 }

 /* Einstellungen für Storno/Abmeldung */
 .settingsStorno .hinweis { margin-bottom: -3px; }

 /*Für die Reiter in den Kursdetails*/
div.ui-tabs         { margin-top: 10px; font-family: arial; border: 1px solid black; }
div.ui-tabs .reiter { background: none; font-weight: bold; }
div.ui-tabs .reiter.ui-state-active { background-color: white; border-color: white; border-width: 2px; }
div.ui-tabs .reiter.ui-state-active a { color: black; }
div.ui-tabs .ui-state-default { border-color: white; border-width: 2px; }
div.ui-tabs .ui-state-default a { color: #555; }
div.ui-tabs .ui-tabs-panel { margin: 0; padding: 0.5em; }
.sightdiv_uebersicht    { height: 80px; margin: 5px }
div.ui-tabs,
div.ui-tabs .ui-tabs-nav { padding: 0; }
div.ui-tabs .ui-tabs-nav li a { padding: 0.5em 0.9em; }
.ui-tabs .ui-tabs-nav .ui-tabs-anchor { padding: 0.5em 0.9em; }
.ui-tabs .ui-tabs-nav li { margin-right: 0.1em; }

#kursdetails a.linksmall img      { padding-left: 1px;}
/* #kursdetails table#tab_ktermine { border-bottom: 1px solid gray; }*/

.buttonleiste_kursdetails { margin-top: 20px; }
.buttonleiste_kursdetails img { padding-left: 1px; }
.buttonleiste_kursdetails_button , .buttonleiste_druckanmeldebestaetigung_button{ height: 24px; float: left; margin-right: 4px;}
.buttonleiste_kursdetails_steuerbuttons a { text-decoration: none; }

.buttonleiste_druckanmeldebestaetigung_button {
    float: right;
}

#dozentendetails.ui-tabs,
#teilnehmerdetails.ui-tabs,
#adressdetails.ui-tabs {width: 785px; height: 430px; }

/*Für die Reiter in den Raumdetails*/
#raumdetails            { margin-top: 10px; font-family: arial; }
#raumdetails { border: 1px solid black; width: 785px; height: 430px; }
#raumdetails .reiter { background: none; font-weight: bold; }
#raumdetails .reiter.ui-state-active { background-color: white; border-color: white; border-width: 2px; }
#raumdetails .reiter.ui-state-active a { color: black; }
#raumdetails .ui-state-default { border-color: white; border-width: 2px; }
#raumdetails .ui-state-default a { color: #555; }
#raumdetails.ui-tabs .ui-tabs-panel { margin: 0; padding: 0.5em; }
.sightdiv_uebersicht    { height: 80px; margin: 5px }
#raumdetails.ui-tabs,
#kursdetails.ui-tabs {width: 785px; height: 430px; }
.ktoDialog.ui-tabs { border: 1px solid #AAAAAA; }

.buttonleiste_raumdetails { margin-top: 10px; }
.buttonleiste_raumdetails_button { height: 24px; float: left; margin-right: 7px;}
.buttonleiste_raumdetails_steuerbuttons a { text-decoration: none; }

.margin_right_2px       { margin-right: 2px;}

.tab_controlDiv { margin-top: 0.4em;}

/* Einstellungen für das Kursdetails Tab Termine */
.zeilen4inhalt { float: left; width: 12em; }
.zeilen4inhalt ul { list-style-type: none; margin-top: 0; margin-left: 0; padding-left: 0; }
.zeilen4inhalt li { display: inline; }

#kurstageauswahl  { float: left; width: 18em;  margin-left: 0.5em;}
#kurstageauswahl ul { list-style-type: none; margin-top: 0; margin-left: 0; padding-left: 0;}
#kurstageauswahl li { display: inline; }
#markerwahl   { float:left; width: 4.5em; }

/*Stornierung*/
#storno { padding-left: 0.5em; }
#storno p, #storno textarea, #storno #buttons { margin-top: 2em; }
#storno #buttons { margin-bottom: 2em; }
#storno #buttons a { margin-left: 1em; }
#storno #buttons a.stornofailed { margin-left: 0em; }

/*Übersichten*/
.main_buttons                             { margin: 0.5em 0; white-space: nowrap;}
.main_buttons.tn                          { padding-top: 1px;}

.main_buttons form                        { display: inline; }
.main_buttons input                       { vertical-align: top; padding-left: 2px; }

.main_buttons img                         { padding-left: 2px;}
.main_buttons.tn img                      { padding-left: 1px;}

.main_buttons .alleterminelink img,
.main_buttons .terminenachoutlooklink img { padding-left: 0px;}

/*.main_buttons .margin_right,
.main_buttons a,
.main_buttons img.weiterDisabled,
.main_buttons input { margin-right: 6px;} */
/*.main_buttons .smallmargin_right { margin-right: 8px; }*/
.main_buttons .nomargin_right { margin-right: 0px; }
.main_buttons input.alleMarkieren { padding-left:1px;}

/*.main_buttons a.blaettern,
.main_buttons a.kdetails_finanzamt_druck,
.main_buttons a.suchen_button,
.main_buttons a.terminenachoutlooklink { margin-right: 0px; }*/

#main_content h1 { margin-top: 0.1em; }
#main_content {margin-right: 8px; }
#main_content .content_zeile {  /*width: 790px;*/ }
#main_content .steuerelemente { float: left; margin-top: -2px; }
#main_content .steuerelemente.tool_3 { margin-top: 8px; }
#main_content .steuerelemente img { padding-top: 0.5em; padding-left: 0.2em; }
#main_content .steuerelemente.raumuebersicht { float: left; padding-top:0.2em; }
#main_content .steuerelemente.raumuebersicht img{ padding-top: 0.1em; }
#mainmenu .steuerelemente.kursuebersicht_tool32 { float: left; padding-top: 9px;; padding-left: 3px; }
#mainmenu .steuerelemente.kursuebersicht_tool32 input { margin-bottom: 10px; }

/*Alle meine Termine*/
.tool_20.toolsection_300 #main_content .steuerelemente,
.tool_21.toolsection_313 #main_content .steuerelemente{
    float: left;
    padding-top: 6px;
}

.button_span.markierenButtons {
  width: 150px;
  margin: 2px;
  text-align: left;
}

p.singledetailcontent { margin-top: 3em; margin-right: 3em; margin-left: 2em;}

.content_details		{ height: 375px; }


#ui-datepicker-div { display: none; }


 
body#body {background-color: #ffffff; background-image: url(../images/bg_top.jpg); background-repeat: no-repeat; margin-top: 12px; background-position:center top; }
.bodywrapper { min-height: 80%; width: 990px; background-color: white; background-image: url(../images/bg_in.gif); background-repeat: repeat-x; margin: auto; position: relative; border: 1px solid #666666; }

/*Für BLAK*/
.kursdetails_lupe_blak { height: 18px; width: 18px; }

/* Seitenheader */
#wt_logo { position: absolute; top: 3px; left: 3px; float: left; }

#einrichtung_header { height: 100px; width: 100%;  border-bottom: 1px solid #666666; position: absolute; /* white-space: nowrap; */
    background-image: url(../images/gebaeude.jpg); background-repeat: no-repeat; background-position: 160px 0px; 
    }   
h1#text_einrichtung_titel { position: absolute; left: 190px; /* 235px;*/ top: 25px; font-size: 26px; font-weight: bold; color: black; 
                           max-width: 700px; text-align: center; }
#user_and_date {position: absolute; right: 5px; top: 5px; text-align: right; }
#loggedinuser { color: #FF0000; font-weight: bold; }

/* linkes Menü */
#leftmenu { height: 100%; padding-bottom: 10px; }
div#left_kontakt { margin-left: 5px; font-size: 0.8em; margin-bottom: 20px;}
a#tipplink span { margin-left: 5px; background-image: url(../images/tipp.gif); padding: 0 0 1px 3px; background-repeat: no-repeat; }
.agbbutton{ position: absolute; left: 82px; }
.kontakt_email { white-space: nowrap; }
.show_kontakt_email { cursor: pointer; text-decoration: underline; }

/* Inhaltsteil der Seite */ 
#mainmenu          { min-height: 355px; overflow-y: hidden; padding-top: 8px; padding-left: 8px; margin-bottom: 0.5em; margin-top: 100px; background-color: white; }
div.seitentitel h2 { margin-top: 0; }

/* Loginseite */
#loginstatus ,
form#login { margin-left: 50px; }
form#login label { width: 7em; float: left; margin: 0; padding: 0; margin-top: 5px; border-width: 0;}
form#login input { padding: 0; margin: 0; margin-top: 5px; margin-left: 0.5em; }
form#login #absenden {margin-left: 7.5em; }
#meldungkeinjs { margin-top: 3em; }
#meldungkeinjs p { text-align: center; font-weight: bold; }
#meldungkeinjs span.browser { font-weight: bolder; }
#meldungkeinjs li { margin-bottom: 1em; }
input.login_form_tools { width: 142px;}

/* Hack für den IE7, weil der den Header sonst nicht korrekt darstellt */
* + html div#einrichtung_header {
   margin-left: -160px; 
}

/*Formular Information an Dozent */
#formular {margin-top: 15px; }
/*#formular input {margin-left: 15px; }*/
#formular input.betreff {margin-left: 15px; width: 500px; }
#formular a {margin-left: 15px; text-decoration: none; }
#formular textarea {margin-left: 15px; width: 500px; height: 120px; margin-bottom: 8px;}
#infoVersendet {margin-bottom: 15px;}
#infoVersendet span {margin-left: 15px; }
#infoVersendet p {margin-top: 14px; margin-bottom: 8px;  font-weight: bold; font-size: 15px;}

/* Formular Sammel E-Mail */
.adressaten     { width: auto; margin-bottom: 5px; }
.adressaten_info  { width: 62%; margin-right: auto; margin-left: 5%; }

/* kompakte liste */
li.kompaktList,
ul.kompaktList { margin: 0px; }

/* Filter */
ul.terminbereich { list-style-type: none; }
ul.terminbereich li { margin-bottom: 0.7em; }

#dialog_markieren input { margin: 0.3em; }

#dialog_markierenneu .button_span {width: 155px; margin-right: 5px; margin-top: 5px;}

#dialog_markieren_hm input { margin: 0.3em; }

.filter, .filter_setToday, .filter_setTomorrow, .filter_setAktWeek,
.filter_setNextWeek, .filter_setAktMonth, .filter_setNextMonth { cursor: pointer; }
div.hm_filterdialog div.hm_filterdialog_buttons img { margin-bottom: 5px; margin-left: 10px; }

.filter_hm_column_1 { position: absolute; }
.filter_hm_column_2 { position: absolute; left: 145px; }
.filter_hm_column_3 { position: absolute; left: 320px; }
.filter_hm_column_4 { position: absolute; left: 360px; }
.filter_hm_column_2 .filter_kurstitel { width: 368px; }
.hm_filterdialog_buttons { margin-left: 113px; }

.filter_input.filter_knrvon, .filter_input.filter_knrbis {
  width: 153px;
}

/* Kursfilter */
.search_knr_von,
td.search_kursbeginn_von>input { margin-left: -4px; }

/* Einstellungen für das Kursdetails Tab Termine */
#kdetails_termineControlDiv { margin-top: 4px; padding-top: 2px;}
#kdetails_journalLinkFilter,
#kdetails_termineLinkFilter { padding-left: 2px; }
#kdetails_teilnehmerLinkFilter,
#kdetails_termineLinkDruck  { padding-left: 1px;}

/* Einstellungen für andere Kursdetails Tabs: Journal */
#kdetails_journalControlDiv { margin-top: 4px; padding-top: 2px;}

/*Storno von Firmenanmeldungen - Momentan nur BLAK*/
span.UmmeldenButton img,
span.DeleteButton img { cursor: pointer; }

/*Für BLAK Anmeldung Buchen für Firma und Teilnehmer*/
.externen_kurs_blak { cursor: pointer; }

/* Anmeldung durch Teilnehmer / Firma Einstiegsseite */
.fatn_anmeld_einstieg_suche_kursnr { vertical-align: top; }

/* Einstellungen für Tool Anmeldung buchen durch Firma */
.fa_ma_name,
.fa_ma_vorname,
.fa_ma_telefon,
.fa_ma_email       {}

.fa_mitarbeiter_div .stdZelle { width: 140px; float: left; }

.fa_ma_suchen      { float: left; }
.fa_ma_name input,
.fa_ma_vorname input,
.fa_ma_telefon input,
.fa_ma_email input { width: 110px; }
.fa_ma_zeile       { height: 30px; clear: left; }
.fa_mitarbeiter_div .fa_ma_aufzaehlung { width: 85px; text-align: right; margin-right: 10px; }
.headvalue         { margin-left: 250px; text-align: right; width: 70px; }
.berufsgruppenHead { margin-left: 120px; margin-top: 15px; text-align: center; width: 240px;}
.fa_mitarbeitereingabe_head_right { position: absolute; margin-top: -32px; margin-left: 465px; }
#fa_ma_ab_hier_warteliste         { color: #FF0000; margin-bottom: 10px; }
.fa_ma_plusminus_buttons          { /*position: absolute; margin-top: -15px; margin-left: 75px;*/ }
.fa_ma_plusminus_buttons          { margin-top: 15px; }


#dozqualifikation    {  margin: 20px 0px; }

/* Fuer BLAK */
ul.berufsgruppe { list-style-type: none; padding-top: 0px;}
.punkte,
.pkt_ok_stat,
.pkt_ok_von,
.pkt_ok_am     {  margin-left: 10px;}

/* Überschreibt die Spaltenbreiten für die BLAK, damit mehr Spalten platz haben. */
.fa_ma_zeile.blak .fa_ma_anredetitel input,
.fa_ma_zeile.blak .fa_ma_name input,
.fa_ma_zeile.blak .fa_ma_vorname input,
.fa_ma_zeile.blak .fa_ma_gebdat input,
.fa_ma_zeile.blak .fa_ma_telefon input,
.fa_ma_zeile.blak .fa_ma_geschlecht select,
.fa_ma_zeile.blak .fa_ma_email input,
.fa_ma_zeile.blak .fa_ma_anredetitel select,
.fa_ma_zeile.blak .fa_ma_kennz select { width: 90%; }

.fa_mitarbeiter_div.mitBerufsgruppe .stdZelle { width: 95px;}
.fa_mitarbeiter_div.mitBerufsgruppe .fa_ma_aufzaehlung { width: 2px; }

.punktefelder {  margin-top: 10px; padding-bottom: 5px;}
.punktefelder .inhalt { border: 1px solid #6A6A6A; margin-left:5px; padding: 2px 5px; }
.punktefelder .text4feldnext { margin-left: 20px;}
.punktefelder .hinweis { color: red; cursor: pointer; }

/* BLAK innerhalb zentrale Einstellungen */
#blakMailDialog { height: 400px; overflow: auto; }
#blakMailDialog ol { margin-top: 5px; padding-left: 50px; }
#blakMailDialog span.mail { margin-left: 0px; padding-left: 25px; }
#blakMailDialog #mailSubject,
#blakMailBetreff { width: 430px; }
#blakMailDialog .statusmeldung { font-weight: bold; margin-bottom: 5px; }


/*  Bestätigung für eine Anmeldung; Sichten analog zur Anmeldung in KuferWeb also z.B. 67, 69, 70 Footer */

/* uebersteuert das oben definierte p für die Ausgabe der Anmeldesicht */
#main_content p               { margin : 15px 0px; }

h2.categorytitle              { margin: 0px;}
div.kontakt                   { float: left; margin-top: 12px;}
.kontakt  h3                  { font-size: 1.1em;} 
a.noprint                     { font-weight:bold; text-decoration:none;  }
tr.header                     { }
.seperator                    { }

.anmeldung_bestaetigen       { margin-left: 5px;}

table.teilnehmer            { width: 90%; margin: 10px 0px 5px 0px; }

/* Tabellenspalten in einer Tabelle mit Klassennamen orange (übernommen aus KuferWeb)*/
td.orange                  { padding-left:0.5em;  border-bottom-style:solid; border-bottom-width:1px;  }
td.orange.middle,
td.orange.left            {  border-right-style:solid; border-right-width:1px; }

th.orange                 { text-align:center; font-weight:normal; border-bottom:1px solid #7E8896; font-weight:bold;}
th.orange.middle,
th.orange.left            { border-right-style:solid; border-right-width:1px;}

/* Einstellungen für Tool Raumanzeige */

#l_weiterekurstage         { font-size: 12px; font-weight: bold;}

/* Einstellungen für Tool Punkte- und Zertifikatsinformationen*/
.blak_punkte_seit_tool_30  { text-decoration: underline; }
.blak_punkte_zeile_tool_30 { position: absolute; }
.blak_punkte_tool_30       { position: absolute; margin-left: 132px; text-align: right; width: 30px; }
.zb_bemerkung_tool_30      { width: 377px; height: 57px; }
#blak_gruppeninfo          { list-style-type: none; }
p.codeEinreichen           { margin-top: 2em; padding-bottom: 2em; }


/* Anmeldung durch FA/TN: Dialog für Anmeldung bestätigen */

#dialogTNToolsAnmelden .italic {
  font-size: 14px;
}

#dialogTNToolsAnmelden .text_position {
  padding-top: 10px;
}

#dialogTNToolsAnmelden #newsletterZeile td.abstand_top {
    padding-top: 15px;  
}
#dialogTNToolsAnmelden .sepa_abstand {
    padding-top: 10px;
    padding-bottom: 10px;
}

#dialogTNToolsAnmelden input { margin-right: 10px;}
#dialogTNToolsAnmelden tr.anm_bemerkung_row th { vertical-align: top; }
#dialogTNToolsAnmelden tr.anm_bemerkung_row .anm_bemerkung,
#dialogTNToolsAnmelden tr.bemerkungsinputZeile #newsl_bemerkung { width: 97%; }
#dialogTNToolsAnmelden tr #lastOderUe_Ue { margin-left: 25px; }
#dialogTNToolsAnmelden tr.nurLastschrift { display: none }

/* Teilnehmertabellen z.b. in Kursdetails-Reiter Teilnehmer */
.tab_kteilnehmer .edit_bemerkung,
.tab_kteilnehmer .edit_bemerk_ext,
.tab_kteilnehmer .edit_info { cursor: pointer; }

.tabTeilnehmerBelegungBearbeiten { width: 100%; resize: none; }

.hmDruckListe { padding-left: 2px; }

/* Span-Buttons */

.button_span {
  border: 1px solid #666666;
  display: inline-block;
  cursor:pointer;
  text-align: center;
  vertical-align: top;
  white-space: nowrap;
  
  font-size: 12px;
  font-family: arial;
  /* Notwendig für den IE8; sonst verschwindet dort der Button d.h. die Background Farben u. Bilder des Buttons;
     genaueres zu diesem Problem beim Verarbeiten von HTML Elementen mit PIE: 
     http://css3pie.com/documentation/known-issues */
  position: relative;
  /* In Skin.css sind Farbverlauf und abgerundete Ecken. */
}

span.button_span .button_text {
  display: inline-block;
  padding: 4px 8px 3px;	
}

span.button_span img.button_img {
  margin-left: 6px;
  float: left;
  position: relative; 
  top: 3px; /* Top wird mit JS erneut berechnet, damit das Bild immer Vertikal mittig ist. */
}

span.button_span img.button_img_solo {
  margin: 2px;
}

/* Link für Image (Button) zu den Span-Buttons */
a.button_img:hover  { color: #000000; }
a.button_img        { text-decoration: none; } 

*+html a.button_img  { margin-right: 4px;} /* spezieller Hack für IE 7 und kleiner */

/* Anpassungen wegen der neuen jQuery-Version 1.9 bzw. der neuen jQueryCostom 1.10 */
/* Eingabefelder in Dialogen */
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: Trebuchet MS,Helvetica,Arial,sans-serif;
}
/* Entfernt einen unschönen Effekt beim Schließen-X in Dialogen */
button.ui-dialog-titlebar-close.ui-state-hover span.ui-button-text {
  background-color: transparent;

}
/* Ändert Dialog-Buttons auf fetten Text  */
button.ui-button-text-only span.ui-button-text {
  font-weight: bold;
}

/* Ändert die Schriftart in Dialogen */
.ui-widget {
  font-family: Trebuchet MS,Helvetica,Arial,sans-serif;
}

/* Formular Login anfordern */
#loginAnfFormular input.textfeld {margin-bottom: 10px; margin-left: 10px; margin-right: 5px; }
#loginAnfFormular span.fehler {margin-left: 3px; }
#captcha {margin-bottom: 10px; }
#loginAnfFormular textarea {margin-left: 10px; width: 400px; height: 120px; }
#loginAnfFormular p.hinweis {margin-top: 5px; margin-bottom: 15px; }
p.loginAnfErfolg {margin-top: 15px; }
#loginAnfFormular .kt_gridleft { float: left; width:150px; clear: left; }
#loginAnfFormular li {list-style: none; margin-left: 150px; padding: 0; } 
#loginAnfFormular ul {margin: 10px 0; padding: 0; }
#loginAnfFormular p.hinweis_zeichenfolge,
#loginAnfFormular p.hinweis_security_term {margin-top: 15px; margin-bottom: 5px; }
#loginAnfFormular p.security_term { float: left; margin-right: 5px; margin-top: 3px; }

#loginAnfFormular #captcha_reload .left { float: left; }
#loginAnfFormular #captcha_reload .left input { width: 136px; }
#loginAnfFormular #captcha_reload .right img { margin-left: 5px; margin-top: 5px; clear: right; }

#loginAnfFormular .additionalLoginHint {margin-top: 15px; margin-bottom: 15px;} 

/* Anmeldung durch FA/TN: Dialog für abweichende Kontodaten */
.abw_kto_row2_lbl {
  display: inline-block;
  width: 48px;
  margin-left: 5px;
}

.assert_message {
  background-color: #FFD420;
  font-weight: bold;
  padding: 2px 0 2px 5px;
  border: solid 1px black;
  margin-bottom: 3px;
}

/* Für das Formular zur Veranstaltungsplanung im Hausmeistertool */

.veranstaltungsplanung .verAnPlanInfo { margin-top: 10px; margin-bottom: 20px; }
.veranstaltungsplanung .verAnPlanInfo .hinweisbox_body { width: 736px; }
.veranstaltungsplanung table { width: 95%; }
.veranstaltungsplanung table .columnFirst { width: 300px; }
.veranstaltungsplanung table td { padding-left: 2px; padding-right: 6px; }
.veranstaltungsplanung table td hr { margin: 2px; }
.veranstaltungsplanung table td,
.veranstaltungsplanung table th {
  border: 1px solid #000000;
  border-collapse: collapse;
}
.veranstaltungsplanung table td .full_width{ width: 100%; }

.veranstaltungsplanung table td input.verAnPlan_medien_anz {
  font-size: xx-small;
  width: 20px;
  text-align: right;
}
.veranstaltungsplanung table td .med_stueck {
  position: absolute;
  left: 140px;
}
.veranstaltungsplanung table td .verAnPlan_medien { position: relative; }
.veranstaltungsplanung table td .verAnArt_SoftWare {
  position: relative;
  left: 5px;
  width: 376px;
  font-size: xx-small;
}
.veranstaltungsplanung .verAnPlan_besonderes {
  width: 93%;
  padding: 5px;
  border: solid 1px #000000;
  margin-top: 20px;
  margin-left: 2px;
}
.veranstaltungsplanung .verAnPlan_besonderes ul li { margin-bottom: 5px; }
.veranstaltungsplanung .verAnPlan_besonderes ul li #verAnPlan_LieferantNamen { width: 310px; }
.veranstaltungsplanung .verAnPlan_besonderes ul li #verAnPlan_EssenLieferZeit { width: 35px; }
.veranstaltungsplanung .verAnPlan_besonderes ul li #verAnPlan_Geschirr_true { margin-left: 20px; }
.veranstaltungsplanung .verAnPlan_besonderes ul li #verAnPlan_GeschirrArt { width: 394px; }
.veranstaltungsplanung .veranstaltungsplanung_submit { margin-top: 10px; margin-left: 10px; }
.veranstaltungsplanung #varAnPlan_FremdFinanzierung_TextArea { width: 98%; }
.veranstaltungsplanung .verAnPlan_back { margin-left: 10px; margin-top: 10px; }

/***** Anmeldung durch Mitarbeiter *******/

/* Oberer Bereich mit TN- und KursDiv */
.maAnmeldDiv { position: relative; margin-top: 40px; }
.maAnmeld_TnDiv { width: 48%; background-color: #FFFFFF; position: relative; }

.maAnmeld_KursDiv {
  width: 48%;
  background-color: #FFFFFF;
  position: absolute;
  left: 409px;
  top: 0px;
}

.maAnmeld_TnDiv, .maAnmeld_KursDiv {
  height: 260px;
  padding: 20px 0px 10px 10px;
  border: solid 1px #B4B4B4;
  margin-bottom: 5px;
}

.maAnmeldDiv .noTn, .maAnmeldDiv .noKurs {
  font-weight: bold;
  position: relative;
  left: 23%;
  top: 40%;
}
.maAnmeldDiv .noKurs {
  left: 32%;
}
.maAnmeld_TnDiv .maAnmeld_TnDiv_TnAuswahl, .maAnmeld_KursDiv .maAnmeld_KursDiv_KursAuswahl {
  position: absolute;
  top: -28px;
  left: 0px;
  width: 405px;
}

.maAnmeld_TnDiv_Row, .maAnmeld_KursDiv_Row {
  margin-bottom: 4px;
  height: 17px;
  position: relative;
}

.maAnmeld_TnDiv_Row .maAnmeld_TnDiv_tnr {
  position: absolute;
  right: 200px;
  font-weight: bold;
}

/* Text Farbe für die anzeige von TN Guthaben */
#maAnmeld_TnDiv_Guthaben {
  color: red;
}

/* Positionen der einzelnen TN-Div-Spalten */
.maAnmeld_TnDiv_Row .maAnmeld_TnDiv_Row_Col2 {
  position: absolute;
  left: 200px;
}
.maAnmeld_TnDiv_Row .maAnmeld_TnDiv_Row_Col3 {
  position: absolute;
  left: 230px;
}

.maAnmeld_TnDiv_Row .maAnmeld_TnDiv_Row_Col4 {
  position: absolute;
  left: 280px;
}

/* Positionen der einzelnen Kurs-Div-Spalten */
.maAnmeld_KursDiv_Row .maAnmeld_KursDiv_Row_Col2 {
  position: absolute;
  left: 50px;
}
.maAnmeld_KursDiv_Row .maAnmeld_KursDiv_Row_Col3 {
  position: absolute;
  left: 140px;
}
.maAnmeld_KursDiv_Row .maAnmeld_KursDiv_Row_Col4 {
  position: absolute;
  left: 160px;
}
.maAnmeld_KursDiv_Row .maAnmeld_KursDiv_Row_Col5 {
  position: absolute;
  left: 190px;
}
.maAnmeld_KursDiv_Row .maAnmeld_KursDiv_Row_Col6 {
  position: absolute;
  left: 240px;
}
.maAnmeld_KursDiv_Row .maAnmeld_KursDiv_Row_Col7 {
  position: absolute;
  left: 270px;
}
.maAnmeld_KursDiv_Row .maAnmeld_KursDiv_Row_Col8 {
  position: absolute;
  left: 300px;
  width: 30px;
  text-align: right;
}

.maAnmeld_TnDiv_name, .maAnmeld_KursDiv_id, .maAnmeld_KursDiv_kurzbez, .maAnmeld_KursDiv_frei {
  font-weight: bold;
}
  
/* Einstellungs-Leiste */
.maAnmeld_SettingBar { position: relative; margin-top: 5px; }

.maAnmeld_SettingBar_inputs { position: relative; height: 170px; }

.maAnmeld_SettingBar_inputs .maAnmeld_input_gebuehr       { width: 60px; }
.maAnmeld_SettingBar_inputs .maAnmeld_input_belegnr       { width: 80px; }
.maAnmeld_SettingBar_inputs .maAnmeld_input_kennzeichen   { width: 130px; }
.maAnmeld_SettingBar_inputs .maAnmeld_input_kassenzeichen { width: 105px; }
.maAnmeld_SettingBar_inputs .maAnmeld_input_anmart        { width: 20px; }
.maAnmeld_SettingBar_inputs .maAnmeld_input_status        { width: 20px; }
.maAnmeld_SettingBar_inputs .maAnmeld_input_bemerkung     { width: 348px; }
.maAnmeld_SettingBar_inputs .maAnmeld_input_eintritt      { width: 80px; }
    
.maAnmeld_SettingBar_inputs .maAnmeld_SettingBar_inputs_col2 { position: absolute; left: 70px; }
.maAnmeld_SettingBar_inputs .maAnmeld_SettingBar_inputs_col3 { position: absolute; left: 160px; }
.maAnmeld_SettingBar_inputs .maAnmeld_SettingBar_inputs_col4 { position: absolute; left: 275px; }
.maAnmeld_SettingBar_inputs .maAnmeld_SettingBar_inputs_col5 { position: absolute; left: 328px; }
  
.maAnmeld_SettingBar_zahlart {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  left: 410px;
  top: 0px;
}

.maAnmeld_SettingBar_anmArt {
  position: absolute;
  left: 415px;
  top: 45px;
}

.maAnmeld_SettingBar_belArt {
  position: absolute;
  left: 415px;
  top: 90px;
}

.maAnmeld_SettingBar_buttons {
  position: absolute;
  top: 0;
  left: 580px;
}
  
.maAnmeld_SettingBar_buttons .button_span {
  width: 108px;
  margin: 2px 5px;
  height: 23px;
}

span.button_span.maAnmeld_anmeldebestaetigungprint {
    width: 146px;
    padding-top: 1px;
    padding-bottom: 1px;
}

.maAnmeld_SettingBar_buttons  .button_span.maAnmeld_SettingBar_buttons_small {
  width: 48px;
}

.maAnmeld_SettingsBar_buttonlinks {
  margin-top: 13px;
}

.maAnmeld_SettingsBar_buttonlinks a:hover {
  color: #000000;
}

.maAnmeld_SettingsBar_buttonlinks .button_span {
  width: 130px;
  margin-right: 5px;
}

.maAnmeld_input_anmart, .maAnmeld_input_status, .maAnmeld_input_bemerkung {
  vertical-align: top;
}

.hlanmart, .hlanmstatus, .hlbemerkung { cursor: pointer; }

/* important nötig, da ein Style-Attribut, welches von jQuery vergeben wird, übersteuert wird */
#hlanmeldeart_div, #hlanmeldestatus_div, #hlbemerkung_div { height: auto !important; }

.tn_search, .kurs_search { margin-bottom: 4px; }

.tn_search .tn_search_nr { width: 50px; }

/* Vorübergehende Notfalllösung, um Darstellungsfehler zu korrigieren. */
.maAnmeld_KursDiv_Row span, .maAnmeld_TnDiv_Row span { height: 16px; overflow: hidden; }
.maAnmeld_TnDiv_Row, .maAnmeld_KursDiv_Row { overflow: hidden; }

.kurs_uebersicht_dialog,
.tn_uebersicht_dialog,
.tn_auswahl_mehrfach,
.tn_auswahl_firmendialog { min-width: 650px; max-width: 900px; }

.maAnmeld_buttonbar a:hover { color: #000000; }
.maAnmeld_buttonbar .button_span { margin: 2px 5px; width: 120px; }

#abwZahlwegDialog #abw_tn_auswahl { float: right; }

.tn_search_back, .tn_search_vor, .kurs_search_back, .kurs_search_vor,
.tn_search_start, .kurs_search_start {
  margin: 2px;
  vertical-align: bottom;
  cursor: pointer;
  height: 24px;
  width: 24px;
  display: inline-block;
}

.tn_search_start {
  margin-left: 19px;
}
.kurs_search_start {
  margin-left: 37px;
}

.tn_search_back, .kurs_search_back {
  background-image: url(../layout/button_rueckwaertsg_small.gif);
}

.tn_search_back.active, .kurs_search_back.active {
  background-image: url(../layout/button_rueckwaerts_small.gif);
}

.tn_search_vor, .kurs_search_vor {
  background-image: url(../layout/button_vorwaertsg_small.gif);
}

.tn_search_vor.active, .kurs_search_vor.active {
  background-image: url(../layout/button_vorwaerts_small.gif);
}

.tn_search_start, .kurs_search_start {
  background-image: url(../layout/button_search_small24.gif);
}


a.maKursdetails_buttonAnmeldLink:hover { color: #000000; }

#histKritDialog div.maAnmeld_histKrit, #histKritDialog div.maAnmeld_anmeldebestaetigungprint {
  width: 45%;
  height: 40px;
  /* display: inline-block; */
  position: relative;
}
/*
#histKritDialog div.maAnmeld_histKrit.even {
  float: left;
}
#histKritDialog div.maAnmeld_histKrit.odd {
  clear: left;
}
*/
#histKritDialog div.maAnmeld_histKrit input, #histKritDialog div.maAnmeld_anmeldebestaetigungprint input
#histKritDialog div.maAnmeld_histKrit select, #histKritDialog div.maAnmeld_anmeldebestaetigungprint select {
  position: absolute;
  left: 212px;
  width: 250px;
}

#histKritDialog div.maAnmeld_histKrit .freifeldHlButton{
  position: absolute;
  left: 476px;
  top: 1px;
}

.freifeldHlButton {
  position: relative;
  left: 2px;
  top: 2px;
  vertical-align: bottom;
  cursor: pointer;
}

#histKritDialog div.maAnmeld_histKrit input.checkbox,
#histKritDialog div.maAnmeld_histKrit input.freifeld_checkbox {
  width: auto;
}

#abwZahlwegDialog .abwZahlwegDialog_input {
  margin-bottom: 10px;
  position: relative;
}

#abwZahlwegDialog .abwZahlwegDialog_input input,
#abwZahlwegDialog  #anteil_tn {
  position: absolute;
  left: 90px;
  width: 150px;
}
#abwZahlwegDialog .abwZahlwegDialog_input input#abwZahlweg_betrag,
#abwZahlwegDialog  #anteil_tn {
  text-align: right;
}

#abwZahlwegDialog .abwZahlwegDialog_Zahlart {
  height: 28px;
}

#abwZahlwegDialog .abwZahlwegDialog_Zahlart #abwZahlweg_UserSEPA {
  margin-left: 32px;
}

#abwZahlwegDialog .abwZahlwegDialog_Zahlart #abwZahlweg_UserDTA {
  margin-left: 57px;
}

#nachlassDialog .nachlassArt, #nachlassDialog .nachlassFelder {
  float: left;
}

#nachlassDialog .nachlassRadio {
  margin-bottom: 7px;
}

#nachlassDialog .nachlassFelder {
  margin-left: 35px;
}

#nachlassDialog .nachlassGrund, #nachlassDialog .nachlassBetrag {
  margin-top: 10px;
}

#nachlassDialog .nachlassGrund, #nachlassDialog .hlNachlassGrund {
  vertical-align: middle;
}

#nachlassDialog .nachlassBerechnung {
  float: left;
  clear: left;
  margin-top: 10px;
}

#nachlassDialog .nachlassBerechnung .nachlassBeschriftung {
  float: left;
  margin-top: 5px;
}

#nachlassDialog .nachlassBerechnung .nachlassAusgabe {
  float: left;
  margin-top: 5px;
  margin-left: 20px;
}

#nachlassDialog #prozent {
  width: 40px;
  margin-left: 5px;
  margin-right: 30px;
}

#nachlassDialog #betrag {
  width: 100px;
}

#nachlassDialog #grund {
  width: 320px;
}

#nachlassDialog .hlNachlassGrund {
  cursor: pointer;
  margin-left: 5px;
}

form #abwZahlwegDialog,
form #histKritDialog {
  display: none !important;
}

.tab_kinder {
  width: 520px;	
}

.weiterePersonHinzufuegen div {
  position: relative;
  margin-bottom: 11px;
}

.weiterePersonHinzufuegen div input,
.weiterePersonHinzufuegen div select {
  position: absolute;
  left: 120px;
  width: 200px;
}

.weiterePersonHinzufuegen div select {
  width: 205px;
}

.weiterePersonHinzufuegen {
  float: left;
  width: 345px;
  margin-right: 15px;
  border-right: solid 1px #000000;
}

.buttonsWeiterePersonen .button_span {
  width: 256px;
  margin-bottom: 5px;
}

.buttonsWeiterePersonen .buttonsWeiterePersonenTitle {
  margin-bottom: 10px;
}

.weiterePersonHinzufuegen #mehrfachMaManuell,
.weiterePersonHinzufuegen #mehrfachTnManuell,
.weiterePersonHinzufuegen #kindHinzufuegen {
  margin-top: 15px;
  margin-bottom: -10px;
  width: 324px;
}

#mehrfachDialog .buttonsWeiterePersonen .button_span {
  width: 235px;
}

#kinderDialog .weiterePersonHinzufuegen {
  border: none;
}

#anzahlWeitereTnDialog .smallInfo {
  font-size: 10px;
  position: relative;
  top: 5px;
}

.weiterePersonenTable {
  height: 120px;
}

.weiterePersonenAnzahl {
  margin-top: 7px;
}

#mehrfachAnzahl {
  width: 24px;
}

.hinweisbox.anmErrorMsg, .hinweisbox.anmKursstatusMsg {
  margin-bottom: -13px;
  margin-top: 5px;
}

.hinweisbox.anmSuccessMsg .hinweisbox_body,
.hinweisbox.anmErrorMsg .hinweisbox_body,
.hinweisbox.anmKursstatusMsg .hinweisbox_body,
.hinweisbox.anmAktAnmStatusMsg .hinweisbox_body,
.hinweisbox.anmWarningMsg .hinweisbox_body{
  width: 772px;
}

.button_span#maAnmeld_anmArt, .button_span#maAnmeld_anmelden {
  width: 228px;
  height: 38px;
}

.button_span#maAnmeld_anmArt .maAnmeld_anmArt_derzeit {
  font-size: 10px;
}

.button_span#maAnmeld_anmelden {
  font-size: 15px;
  font-weight: bold;
}

.button_span#maAnmeld_anmelden .button_text {
  padding-top: 9px;
  position: relative;
  left: -12px;
}

.weiterePersonenAnzahl span.weiterePersonenAnzahlInt {
  margin-right: 30px;
}

.weiterePersonenVoll {
  margin-top: 15px;
  text-align: center;
  font-weight: bold;
  display: none;
}

#anmArtDialog span.button_span {
  width: 100%;
  margin-bottom: 5px;
  margin-top: 5px;
}

#addTnDialog div {
  position: relative;
  margin-bottom: 10px;  
}

#addTnDialog div input {
  position: absolute;
  left: 120px;
  width: 200px;
}

.weiterePersonenTable {
  overflow-x: auto;
}

/* Menüpunkt Wizards */
.wizards        { margin-top: 100px; padding: 15px; text-align: center; }
.wizards>ul>li  { margin-top: 5px; text-align: left; }
.wizards>a      { margin-top: 5px; }

/* Tool 5 spezifische Einstellungen */
.toolsection_341>#kursdetails { overflow: hidden; }

/* Tool 1 (Doz) Kursdetails-Tab Honorar*/
.zusatz_vertrag       { margin-top: 20px; }
.zusatz_vertrag_text  { margin-top: 3px; }

/* Tool 8 Kurse (Mitarbeiter) */
table.ma_sort1 {margin-bottom: 10px;}

/* Tool 11 (MA) Teilnehmerinfo */


 .sightdiv teilnehmer_kennzeichen.formelement { overflow-y:scroll;}
 .sightdiv div.teilnehmer_kennzeichen         {  overflow-y: hidden;}
 /* Tabelle für die Anzeige der ausgewählten Kennzeichen, wird wg. flexibler Breite in ein div eingebettet    */
 
 #kennzListDiv                                {margin-right: 37px; }
 #kennznmList                                 { border-spacing: 1px; border-collapse: /* separate */ collapse; width: 98%; 
                                                margin: 5px 35px 10px 5px; 
                                                font-size:12px; border: 1px solid #E3EDF4; }
#kennznmList th              {padding: 3px 5px;}
#kennznmList th.text         { padding-left: 10px;}
#kennznmList td.kennz_id     { width: 15%; padding-left: 10px; }
#kennznmList td.kennz_name   { width: 85%;  padding-left: 15px; height: 19px; }

 /* Tabelle im Subscreen Dialog für die Auswahl der Kennzeichen aus der Hinterlegung    */
.kennzHl  { border-spacing: 1px; border-collapse: collapse; margin: 10px; font-size:12px; height: 100px; overflow-y:scroll; }
.kennzHl td.kennz_id     { width: 15%; padding-left: 10px; padding-right: 10px;}
.kennzHl td.kennz_name   { width: 85%;  padding-left: 20px; }

.kursAnpassen_bezeichnung {
  display: inline-block;
  width: 185px;
}

.kursAnpassen_alterWert {
  display: inline-block;
  width: 175px;
  margin-right: 40px;
}

.kursAnpassen_neuerWert {
  display: inline-block;
  width: 175px;
}

.kursAnpassen_ueberschrift .kursAnpassen_neuerWert {
  margin-left: 5px;
}

/* Notenübersicht im Firmentool */
.notenuebersicht_belegung_daten {
  padding: 0;
  width: 99%;
}

.notenuebersicht_belegung_daten > li {
    background: #bdd3fe none repeat scroll 0 0;
    list-style: outside none none;
    margin: 10px 0;
    padding: 5px 10px;
}

.notenuebersicht_belegung {
  position: relative;
  font-size: 16px;
}

.notenuebersicht_tn_name,
.notenuebersicht_kurs_bezeichnung {
  display: inline-block;
  max-width: 335px;
  overflow: hidden;
  height: 20px;
}

.notenuebersicht_belegung .notenuebersicht_tn_noten_anzahl {
  position: absolute;
  left: 355px;
}

.notenuebersicht_belegung .notenuebersicht_tn_noten_durchschnitt {
  position: absolute;
  left: 620px;
}

.notenuebersicht_tn_fach {
  padding: 0;
}

.notenuebersicht_tn_fach > li {
  background: #dfeafe none repeat scroll 0 0;
  list-style: outside none none;
  margin: 10px 0;
  padding: 5px 10px;
}

.notenuebersicht_fach {
  position: relative;
  font-size: 14px;
}

.notenuebersicht_fach .notenuebersicht_fach_noten_durchschnitt {
  position: absolute;
  left: 620px;
}

.notenuebersicht_fach .notenuebersicht_fach_noten_durchschnitt_kurz {
  position: absolute;
  left: 700px;
}

.notenuebersicht_fach .notenuebersicht_fach_noten_anzahl {
  position: absolute;
  left: 355px;
}

.notenuebersicht_fach .notenuebersicht_fach_ist_pflichtfach {
  position: absolute;
  left: 500px;
}

.notenuebersicht_tn_noten {
  padding: 0;
  margin: 10px 0;
}

.notenuebersicht_tn_noten > li {
  background: #f0f5fe none repeat scroll 0 0;
  list-style: outside none none;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
}

.notenuebersicht_note {
  position: relative;
  font-size: 12px;
}

.notenuebersicht_note .notenuebersicht_note_note {
  position: absolute;
  left: 700px;
}

.notenuebersicht_note .notenuebersicht_note_gewichtung {
  position: absolute;
  left: 540px;
}

.notenuebersicht_note .notenuebersicht_note_datum {
  position: absolute;
  left: 345px;
}

.notenuebersicht_kurs_noten_anzahl {
  position: absolute;
  left: 355px;
}

.notenuebersicht_kurs_noten_durchschnitt {
  position: absolute;
  left: 620px;
}

.notenuebersicht_buttons {
  margin-top: 20px;
}

.notenuebersicht_buttons .button_span {
  margin-right: 5px;
}

.notenuebersicht_belegung_aufklappen {
  background: url("../images/anmclose.gif") center center;
  display: inline-block;
  height: 20px;
  margin-right: 4px;
  width: 12px;
}

.notenuebersicht_belegung_aufklappen.auf {
  background: url("../images/anmopen.gif") center center;
}

.notenuebersicht_fach_aufklappen {
  background: url("../images/anmclose.gif") center center;
  display: inline-block;
  height: 10px;
  margin-right: 4px;
  width: 12px;
}

.notenuebersicht_fach_aufklappen.auf {
  background: url("../images/anmopen.gif") center center;
}

/* Honorarabrechnung im Dozententool */
.honorarabrechnung_monate {
  padding: 0;
  width: 99%;
}

.honorarabrechnung_buttons {
  margin-top: 12px;
  margin-bottom: 10px;
}

.honorarabrechnung_sort_monat .button_img,
.honorarabrechnung_sort_kurs .button_img,
.honorarabrechnung_sort_kurs_nr .button_img{
  height: 5px;
  width: 16px;
}

.honorarabrechnung_hilfe_text p {
  margin-bottom: 15px;
}

.honorarabrechnung_buttons .button_span {
  margin-right: 10px;
}

.honorarabrechnung_honorarabrechnungen > li {
    background: #bdd3fe none repeat scroll 0 0;
    list-style: outside none none;
    margin: 10px 0;
    padding: 5px 10px;
}

.honorarabrechnung_monate > li {
    background: #82ABFE none repeat scroll 0 0;
    list-style: outside none none;
    margin: 10px 0;
    padding: 5px 10px;
}

.honorarabrechnung_zahlung_knr {
  position: absolute;
  left: 26px;
}

.honorarabrechnung_monat_betrag,
.honorarabrechnung_honorarabrechnung_text {
  position: absolute;
  left: 44px;
}

.honorarabrechnung_honorarabrechnung_zahlnummer {
    position: absolute;
    left: 425px;
}

.honorarabrechnung_honorarabrechnung_storniert {
    position: absolute;
    left: 600px;
}

.honorarabrechnung_monat,
.honorarabrechnung_honorarabrechnung {
  position: relative;
  font-size: 16px;
}

.honorarabrechnung_honorarabrechnungen {
    padding-left: 0;
}

.honorarabrechnung_monat_betrag,
.honorarabrechnung_honorarabrechnung_betrag {
  position: absolute;
  left: 670px;
  text-align: right;
  display: inline-block;
  width: 120px;
}

.honorarabrechnung_honorarabrechnung_betrag {
    left: 660px;
}

.fachvertraege_reklamationsgrund,
textarea.honorarabrechnung_reklamationsgrund {
  width: 100%;
  margin-top: 20px;
  height: 85px;
}

.fachvertraege_reklamationsgrund,
select.honorarabrechnung_reklamationsgrund {
    width: 100%;
    margin-top: 20px;
}

.honorarabrechnung_zahlungen {
  padding: 0;
}

.honorarabrechnung_zahlungen > li {
  background: #dfeafe none repeat scroll 0 0;
  list-style: outside none none;
  margin: 10px 0;
  padding: 5px 10px;
  height: 16px;
}

.honorarabrechnung_zahlung {
  position: relative;
  font-size: 14px;
}

.honorarabrechnung_zahlung_kurzbez {
  position: absolute;
  left: 120px;
  display: inline-block;
  width: 300px;
  height: 18px;
  overflow:hidden;
}

.honorarabrechnung_zahlung_titel {
  position: absolute;
  left: 430px;
  display: inline-block;
  width: 270px;
  height: 18px;
  overflow:hidden;
}

.honorarabrechnung_zahlung_betrag {
  position: absolute;
  left: 680px;
  text-align: right;
  display: inline-block;
  width: 80px;
}

.honorarabrechnung_monat_aufklappen,
.honorarabrechnung_honorarabrechnung_aufklappen {
  background: url("../images/anmclose.gif") center center;
  display: inline-block;
  height: 10px;
  margin-right: 4px;
  width: 14px;
}

.honorarabrechnung_monat_aufklappen.auf,
.honorarabrechnung_honorarabrechnung_aufklappen.auf {
  background: url("../images/anmopen.gif") center center;
}

.loader_overlay{
  background-color: #AAA;
  opacity: 0.6;
  filter: alpha(opacity = 60);
  z-index :99999;
  top:0px;
  left:0px;
  
  position: fixed ;
  width: 100% ;
  height: 100% ;
}

.loader_spinner{
  background: url("../layout/ajax-loader.gif") no-repeat center center transparent;
  width:100%;
  height:100%;
}

/* Fach-Verträge im Dozententool */
.fachvertraege_kurse {
  padding: 0;
  width: 99%;
}

.fachvertraege_buttons {
  margin-top: 12px;
  margin-bottom: 10px;
}

.fachvertraege_sort_datum .button_img,
.fachvertraege_sort_status .button_img,
.fachvertraege_sort_kurs_nr .button_img,
.fachvertraege_sort_kurs_titel .button_img{
  height: 5px;
  width: 16px;
}

.fachvertraege_buttons .button_span {
  margin-right: 10px;
}

.fachvertraege_kurse > li {
    background: #bdd3fe none repeat scroll 0 0;
    list-style: outside none none;
    margin: 10px 0;
    padding: 5px 10px;
}

.fachvertraege_kurs {
  position: relative;
  font-size: 16px;
}

.fachvertraege_kurs_kurzbez {
  position: absolute;
  left: 145px;
  display: inline-block;
}

.fachvertraege_deputate {
  padding: 0;
}

.fachvertraege_deputate > li {
  background: #dfeafe none repeat scroll 0 0;
  list-style: outside none none;
  margin: 10px 0;
  padding: 5px 10px;
  height: 16px;
}

.fachvertraege_deputat {
  position: relative;
  font-size: 14px;
}

.fachvertraege_deputat_titel {
  position: absolute;
  left: 120px;
  display: inline-block;
  width: 300px;
  height: 18px;
  overflow:hidden;
}

.fachvertraege_deputat_druckdat {
  position: absolute;
  left: 430px;
  display: inline-block;
  width: 270px;
  height: 18px;
  overflow:hidden;
}

.fachvertraege_deputat_status {
  position: absolute;
  left: 700px;
  text-align: right;
  display: inline-block;
  width: 80px;
}

.fachvertraege_kurs_aufklappen {
  background: url("../images/anmclose.gif") center center;
  display: inline-block;
  height: 10px;
  margin-right: 4px;
  width: 14px;
}

.fachvertraege_kurs_aufklappen.auf {
  background: url("../images/anmopen.gif") center center;
}

.abstand_zischen_buttons {
  margin-right: 6px; 
}

span.button_span .button_text:hover{
  color: #000000;
  text-decoration: none;
}

.kdetails_finanzamt_druck:hover,
#tnListDruckButton4Details:hover {
  color: #000000;
}

#sucheButtonText, #kursMarkierenButtonText{
  pointer-events: none;
  background: rgba(0, 0, 0, 0) linear-gradient(#b3b5b2, #e4e4e4 5%, #e4e4e4) ;
}
table.input_breite input {
    width: 300px;
}

.nachweisart_blak{
  padding-bottom: 20px;
}
.dateiformat_unzulaessig{
  position: relative; 
  left: 325px;
}
.nachweis_blak{
  padding-bottom: 10px;
}
.doc_nachreichen_input{
  margin-bottom: 5px;
  margin-left: 15px;
  margin-top: 7px;
  width: 200px;
}

input.vertragliste{
  width: 245px;
}

fieldset#f_vertragListeUnterschrift{
  height: auto;
  width: 535px;
}
