/*****************************************/ /* (c) Kufer Software Konzeption */ /* 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 */ body, textarea { font-family: Arial; } a.linksmall { font-size: 10pt; font-family: arial; } /* Texte */ #text_vhs_titel { font-weight: bold; font-size: 14pt; } /*VHS 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 0px; text-align: center; font-size: 15pt; font-weight: bold; } div.nosettings { font-weight: bold; font-size: 10pt; margin: 20px 15px;} /* Spalten */ td#main_menu { vertical-align: top; height: 100%; } /*td#left_menu { width: 160px; vertical-align: top; height: 100%; }TODO*/ td#left_menu { vertical-align: top; height: 100%; } /* Navigationsmenü */ table#left_menu { border: 0px; 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; } /* Tasten */ img.hinweis { cursor: pointer; margin: 0.2em; } /* 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.anmartmsg { margin-left: 3em; } div#hinweis_tool13 { font-weight: bold; width: 750px; white-space: normal; margin-top: 10px; margin-bottom: 10px; /* word-wrap: break-word; */ } /* Sonstige Einstellungen */ input.tool15statusfilter { margin-left: 2em; } a.stdbutton { margin-left: 1px; } img.stdimage { border-style: none; } /****************************************************************************/ /* 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_aktuellezeileKT td { padding-left: 4px; } /******************************************************************************/ /* Tabellen */ th { text-align: left; } *.medien { font-size: xx-small; } /***********************************************/ *.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: 0px 10px; margin: 0px; } 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 0px 5px 0px; padding: 0px; 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: 10em; float: right; text-align: right; } div.anmbestfeld { float: left; } img.anmbest { border-style: none; float: left; } *.incbutton { margin: 10px 0px 20px; } *.decbutton { margin: 10px 0px 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: 105px; } div.auswahlleiste { margin-top: 10px ; margin-right: 108px; } 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:0px 4px 0px 4px; width: 3.3em; } input.suchsubmit { width: 3.6em; } /* Buttonleiste in der Kursübersicht von Tool1 unten */ div.buttonleiste { margin-top: 25px; } div.buttonleiste img { margin: 5px 10px 0px 0px; } /* 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: 815; padding: 0px 5px 4px 0px; margin: 10px 0px; float: left;} /* Leiste Tool6 = Anmeldung Mitarbeiter*/ div.suchleiste.anmtn { width: 825px; margin-bottom: 0px; } 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: 0px; margin-bottom: 5px; } span.tool5button { margin-left: 10px; } div#tool5suchegeb { margin: -10px 0px 0px 110px; } div.buttonleiste { margin-top: 25px; } div.buttonleiste img { margin: 5px 10px 0px 0px; } /* Tool11 Teilnehmerinfo MA Suchformular und buttons */ div.suchformext { clear: left; } a.suchformext { margin-left: 0px; } img.zurueckrechts { margin-left: 0px; } /* Tool5 = Raumbelegung Hausmeister */ /* Medienausgabe */ div.datausgabe { position: relative; overflow: hidden; margin: 0px; padding-right: 5px; padding-left: 5px; } /* Felder für Datums - und Zeiteingabe */ div#datumzeit { margin-top: 5px; width: 420px; } div#datumzeit a { text-decoration: none;} div#datum { margin-right: 175px; } #datum input { width: 73px;} div#uhrzeit { float: right; width: 175px; } #uhrzeit input { width: 44px;} /* Gebäudegrafiken */ form#formular { margin-top: 20px;} input#cellheight_vert { } /* Formularelemente in den Zentralen Einstellungen */ table.formtable { width: 85%; } td.formsubmit { text-align: center; height: 50px; vertical-align: bottom;} td.formgrptext { height: 40px; vertical-align: center; 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 { } /* allgemeine Formularformatierungen */ fieldset { margin: 10px; } input.time { width: 3em; } input.date { width: 5em; } table#mehrfachanw td { } li.nolist { } /* Teilnehmer-Listen und Drucklisten */ fieldset { padding: 8px; margin-top: 0px; margin-bottom: 5px; margin-left: 2px; margin-right: 2px; border-width: 2px; } select#art { float: left; width: 630px; margin-bottom: 10px; } fieldset#einstelldarstellung { float: left; clear: left; margin-top: 20px; margin-bottom: 20px;} /* 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#kurstage, fieldset#tndarstellung, fieldset#fusszeilen, fieldset#bemerkung, fieldset#f_subtitle, fieldset#f_endbem, fieldset#druckbereich, fieldset#f_vorschub, fieldset#zusatzspalten { 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#spaltenanordnung, fieldset#kopfbereich, fieldset#tndarstellung { height: 200px; } fieldset#druckbereich, fieldset#umfang, fieldset#kurstage { height: 100px; } fieldset#f_ueberschrift, fieldset#sortierung, fieldset#f_subtitle, fieldset#f_endbem { height: 60px; } label#l_kt_von, label#l_kt_bis { float: left; width: 40px; } input#customStatus { margin-left: 10px; width: 25px; } input#kt_von, input#kt_bis { width: 70px; } * html fieldset#fusszeilen { width: 805px; } fieldset#fusszeilen { width: 843px; } input#ueberschrift, input#subtitle { margin-left: 10px; width: 420px; } input#endbemerkung { margin-left: 10px; width: 380px; } input#vorschub { margin-left: 10px; width: 50px; } input.fusszeilen { margin-left: 10px; margin-right: 10px; width: 500px; } input.sizefusszeilen { margin-left: 10px; margin-right: 10px; width: 25px; } img#copysql { float: left; margin-left: 5px; } img.zurueck, /*{ margin-top: 1em; }*/ img.printbutton, input.bescheinigung, img.weiterelisten { margin-left: 1em; } span#printbutton { margin-left: 5px; } img.buttons.tnlisten.small, img.buttons.drucklisten.small { margin-right: 0.5em; } li.listfast { margin-top: 0.8em; } div.listfast { float: left; width: 30em; } /* 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; } /* Uhrzeit */ div.uhrzeitvon, div.uhrzeitbis { margin: 0.5em 0em 0.5em 0.7em; float: left; } div.zeitspanne { margin: 0.5em 0em 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; } /* Select Felder für Kalenderwochen Wochenplanb*/ div.kwblock { width: 18em; float: left; height: 16em; } div.kwjahr, div.kwnr, div.kwmonat { margin: 0.3em 0em 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.3; } div#radio2 { margin-top: 0.5em; margin-bottom: 0.3; } div#radio3 { margin-top: 2.3em; margin-bottom: 0.3; } .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; width: 5.3em; } #datbereich_bis { margin-left: 2.1em; width: 5.3em; } /* Monatsangabe bei Kalenderwochen */ div#radioauswahl { margin: 0.2em 0em 0.3em 0.5em; width: 10em; float: left; } div#selectfelder { margin-top: 0.5em; margin-left: 12em; } .datum_von { margin: 0.8em 0em 0.3em 1em; } .datum_bis { margin: 0.3em 0em 0.3em 1em; } input#ktdat_von, input#ktdat_bis { width: 70px; } #l_Zeitpunkteab { margin-left:5em; margin-bottom: 2.5em; } .Zeitpunkteab { margin-left:23em; margin-top: 0em; } div.mark { margin-top: 0.8em; } div.markunten { margin-top: 0.3em; } div.markleft { float: left; width: 12.5em; } div.markright { margin-left: 12.5em; } /*************************** Aktuelles ******************************************************/ img.smallformat { height: 16px; width: 16px; border: 0px; 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; } div.singlenew_edit { margin: 10px 5px; } div.singlenew_from { font-size: 12px; margin-left: 5px; margin-bottom: 25px; clear: both; } .singlenew img { margin-right: 0px; margin-left: 0px;} div.newssingleselect { width: 650px; height: 95px; margin-left: 10px; } #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; } div.newslist { margin-right: 380px; } span.newslist { font-weight: bold; font-size:18px; } div.newsinsert { font-size:12px; margin-top: 20px; } div.aktnew_first { margin-bottom: 15px; padding-top: 10px; padding-bottom: 20px; } div.aktnew { margin-bottom: 15px; padding-top: 10px; clear: right; } 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: 0px 10px 10px 10px; } div.aktnew_bearb { font-size: 11px; margin: 0px 10px 10px 10px; } /* Aktuelles: Selektionfelder für Fachbereich und Benutzergruppe */ div.newsselect { float: right; width: 320px; margin-top: 10px; } div.usergroupselect { margin-bottom: 10px; } div.fachbereichselect { margin-bottom: 10px; } div.usergroupselectsingle { float: left; margin-bottom: 10px; } div.fachbereichselectsingle { margin-bottom: 10px; margin-left: 330px; } #l_benutzergruppe, #l_fachbereich { width: 90px; font-size: 11px; float: left; display: block; } #benutzergruppe, #fachbereich { width: 200px; } /**************************** Twitter ****************************************************************/ div.twittercontent { margin-left: 30px; } div#twitterwarning { width: 500px; margin: 50px 30px; padding: 20px 10px; } div.infobutton { } #tweetnumber { float: left; display: block; margin-top: 7px; 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#anwesenheiteneintragenbuttons a, div#anwesenheiteneintragenbuttons input { margin-right: 0.55em; } div#kursanwesenheit_status.ok { font-family: Arial, sans-serif; font-size: bigger; font-weight: bold; } form#anwesenheiteneingabe { } table#anwesenheiten { float: left; margin-right: 20px; margin-bottom: 10px; } #dialog { font-size: 11px; } #dialog input { } td.anwesenheitendetailsbutton { } td.anwesenheitendetailsbutton img { margin: 0px 10px; } td.mehrfacheEintraege { text-align: center; } /* Elemente im Dialogfeld */ #l_anwbemtext, #l_vonzeit, #l_biszeit, #l_pause { font-size: 12px; margin-right: 21px; } #l_anwbem { font-size: 12px; margin-right: 10px; } div#anw_bemerk { margin: 20px 0px; } #anw_unterschied { margin-left: 40px; padding-top: 2px; } span.unterschied { } div#anw_bemtext { margin: 20px 0px; } div#anw_uhrzeitvon { float: left; margin-right: 15px; width: 150px; } div#anw_uhrzeitbis { float: left; margin-right: 15px; width: 110px; } div#anw_pause { float: left; width: 120px; } div#anwzeitwahl { clear: left; padding-top: 0px; } div#anwesenheitendetailtable { margin-top: 20px; } div.updownbutton { width: 20px; float: right; margin-left: 5px; } #dialog img { border-style: none; } /* Die Farben werden spaeter in die einzelnen skin.css verschoben.*/ .stundenplanrestzelle { border: none; border-right: hidden; border-right-width: 0px; } /*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; }