/* VORLAGE INDIVIDUAL-CSS für Projekte - CSS was nicht überschrieben wird, BITTE LÖSCHEN ODER AUSKOMMENTIEREN. */ /* Kommentierungen BITTE NICHT löschen (bei Bedarf aber gerne ergänzen). */ /* Die Schriftgröße sollte i.d.R. nicht angepasst werden (müssen), da sie sonst der Größe in den anderen Projekten widerspricht. */ /* Individual-CSS für das Projekt "80_tourismus" */ /* SCHRIFTFORMATIERUNG (inkl. Icons) ALLER BEREICHE (Schriftart, -groesse, -dekoration, -gewicht und -farbe, Ausrichtung, line-height, letter-spacing, etc.; KEINE Abstände) und Hintergrundfarben */ a { color: #333333; /* Farbe der Links - wird im Navigationsbereich überschrieben. */ } #brot a::before { color: #005b79; } /* Icons für Links IM TEXT (also KEINE Linklisten) */ a.intern::before, a.extern::before, a.pdf::before, a.mail::before, a.top::before, p.csc-linkToTop a::before, /* Workaround (Altlast aufgrund der alten HTML-Struktur innerer Elemente) für u.a. Presseamt */ a.pagetotop_link::before, a.back::before, .dekobild .enlarge::before /* Für Bilder im Text mit Bildunterschrift */ { color: #005b79; } /* Icons für Listen/Linklisten */ ul li::before, /* "normaler" Listenpunkt */ ul li.intern::before, ul li.extern::before, ul li.pdf::before, ul li.punkt::before, ul li.mail::before, ul li.sprung::before { color: #005b79; } /* Rolli-Icons */ .rolli-picto i { color: #005b79; } header .header-overlay /* transparenter Hintergrund für Overlay-Logo */ { display: none; /*background: rgba(255, 255, 255, 0.7);*/ } .header-overlay-logo a /* Workaround - Ausblendung sollte später durch Typo3 geschehen */ { color: transparent; } .streifen /* Trennstreifen zwischen Kopf und Inhalt */ { background-color: #005b79; } #navi-spalte /* Hintergrundfarbe Navi-Spalte */ { background-color: #e1e1e1; /* Bei Änderungen nicht vergessen den responsive-Border der Info-Spalte anzupassen! */ background-image: none; background-position:top left; background-repeat: repeat; } #inhalts-spalte /* Hintergrundfarbe Inhalts-Spalte */ { background-color: #ffffff; background-image: none; background-position:top left; background-repeat: repeat; } #info-spalte /* Hintergrundfarbe Info-Spalte */ { background-color: #e1e1e1; background-image: none; background-position:top left; background-repeat: repeat; } @media screen and (min-width: 785px) and (max-width: 1024px) { #info-spalte { /* WICHTIG: die Farbe MUSS der Farbe der Navi-Spalte entsprechen */ border-left: 220px solid #e1e1e1; } } /* Navigation 1. Ebene */ #navi-spalte nav li { background-color: #005b79; } #navi-spalte nav li a { color: #ffffff; } #navi-spalte nav a.aktiv, #navi-spalte nav li a:hover, #navi-spalte nav li a:focus, #navi-spalte nav li a:active { background-color: #aab315; } /* Navigation 2. Ebene */ #navi-spalte nav li ul li { background-color: #eeefd0; /*f0f0f0*/ } #navi-spalte nav li ul li a { color: #444; } #navi-spalte nav li ul a.aktiv, #navi-spalte nav li ul li a:hover, #navi-spalte nav li ul li a:focus, #navi-spalte nav li ul li a:active { background-color: #dde0a2; /*f2f2f2*/ } /* Navigation 3. Ebene */ #navi-spalte nav li ul li ul li { background-color: #f2f2f2; } #navi-spalte nav li ul li ul li a { color: #444; } #navi-spalte nav li ul li ul a.aktiv, #navi-spalte nav li ul li ul li a:hover, #navi-spalte nav li ul li ul li a:focus, #navi-spalte nav li ul li ul li a:active { background-color: #f2f2f2; } /* Für das Aussehen des Pömpels. Achtung: Werden Größe oder vertical-align geändert, muss auch die Positionierung angepasst werden! */ #navi-spalte nav li ul li ul a.aktiv::before, #navi-spalte nav li ul li ul li a:hover::before, #navi-spalte nav li ul li ul li a:focus::before, #navi-spalte nav li ul li ul li a:active::before { color: #aaa; } /* Zwischenueberschrift */ #navi-spalte nav h2 { color: #444; } /* Navigation Sprachen 1. Ebene */ #navi-spalte nav.sprachennavigation ul li { background-color: #eeeeee; } #navi-spalte nav.sprachennavigation ul li a { color: #005b79; } /* Navigation Sprachen */ #navi-spalte nav.sprachennavigation ul li a.aktiv, #navi-spalte nav.sprachennavigation ul li a:hover, #navi-spalte nav.sprachennavigation ul li a:focus, #navi-spalte nav.sprachennavigation ul li a:active { color: #005b79; background-color: #C6CD71; } main a:hover, main a:focus, main a:active, aside a:hover, /* Hovern auch in der rechten Spalte */ aside a:focus, aside a:active { background-color: #e5e5e5; } main { color: #444; } main h1, main h2, main h3, main h4 { color: #005b79; } main h2.aktuell { background-color: #e1e1e1; } main h2.marker, main h3.marker, main h4.marker { background-color: #e1e1e1; /* entspricht standardmäßig der Hintergrundfarbe der Navigation */ } /* Zitate */ main .zitat { background-color: #ebebeb; } main .zitat h3 { color: #00639d; } main th /* Spaltenueberschriften von Tabellen im Inhaltsbereich */ { color: #333333; background-color: #d9d9d9; } main th.zwischentitel { color: #333333; background-color: #E9E9E9; } main th, main td { background-color: #eeeeee; } main .dekobild /* Workaround aufgrund alter HTML-Struktur der inneren Elemente. Im Dummy: .bild */ { background-color: #f0f0f0; } /* ABC-Listen (inkl. Navigation) */ main #abc { text-align: center; /* zentriert die Liste, wenn diese ein inline-block Element ist */ } main #abc ul li { background-color: #005b79; } main #abc ul li a { color: #fff; } main #abc ul li a.aktiv, main #abc ul li a:hover, main #abc ul li a:focus, main #abc ul li a:active { background-color: #AAB315;/*#a2a800;*/ } /* CSS für SCHRIFTFORMATIERUNG Formulare (alleinstehende und integrierte) */ /* Ehemalige form.css, ergänzt um Work-Around für Presseamt Galerie-Extension (die Formularstruktur in dieser Extension ist veraltet) und CSS für alte, integrierte Formulare. */ main form { background-color: #e5e5e5; /* Muss der Farbe der checkbox-/radiobutton-Umrandung entsprechen. */ } main form .type-text input:focus, /* Hierdurch wird das aktive Eingabeelement hervorgehoben */ main form .type-text textarea:focus, main form .type-check textarea:focus, main form .type-select select:focus, main form .formular-element input:focus, /* input-Eingabefeld alter, integrierter Formulare (vor Form-Handler) */ main form .formular-element textarea:focus, /* textarea-Eingabefeld alter, integrierter Formulare (vor Form-Handler) */ main form .formular-element select:focus, /* selectbox-Auswahlfeld alter, integrierter Formulare (vor Form-Handler) */ main .tx-cq-image-gallery form input:focus /* Work-Around für Presseamt Galerie-Extension (die Formularstruktur in dieser Extension ist veraltet) */ { background-color: #fff8d1; } /* Buttons (auch im Bestätigungs-Schritt) */ main form .submit-buttons .type-button .submit, /* Submit-/Abschicken-Button */ main .last-step .buttons .type-button .print, /* Print-Button in last-step */ main form .buttons input.submit, /* Submit-Button alter, integrierter Formulare (vor Form-Handler) */ main .tx-cq-image-gallery form .submit-buttons .submit-button /* Work-Around für Presseamt Galerie-Extension (die Formularstruktur in dieser Extension ist veraltet) */ { background-color: #005B79; /* wichtig bei last-step */ color: #ffffff; /* wichtig bei last-step */ } main form .submit-buttons .type-button .reset, /* Reset-/Löschen-Button */ main form .buttons input.reset, /* Reset-Button alter, integrierter Formulare (vor Form-Handler) */ main .tx-cq-image-gallery form .submit-buttons .reset-button /* Work-Around für Presseamt Galerie-Extension (die Formularstruktur in dieser Extension ist veraltet) */ { color: #323232; background-color: #ffffff; } /* ENDE Buttons (auch im Bestätigungs-Schritt) */ /* ENDE ehemalige form.css, ergänzt um Work-Around für Presseamt Galerie-Extension (die Formularstruktur in dieser Extension ist veraltet) und CSS für alte, integrierte Formulare. */ /* ENDE CSS für SCHRIFTFORMATIERUNG Formulare (alleinstehende und integrierte) */ aside h3 { color: #ffffff; background-color: #005b79; } aside > div > div /* Kasten-Element */ { background-color: #fff; /* Hintergrundfarbe */ } /* Formular-Style Info-Spalte (inkl. Buttons) */ aside form input, aside form select, aside form textarea { background-color: #ffffff; } aside form input:focus, aside form select:focus, aside form textarea:focus { background-color: #fff8d1; border: 1px solid #005B79; } aside form .buttons input.submit { color: #ffffff; background-color: #005B79; } aside form .buttons input.reset { color: #323232; } /* ENDE SCHRIFTFORMATIERUNG (inkl. Icons) ALLER BEREICHE (Schriftart, -groesse, -dekoration, -gewicht und -farbe, Ausrichtung, line-height, letter-spacing, etc.; KEINE Abstände) und Hintergrundfarben */ /* SEITENGERÜST (also auch Header) und ALLGEMEINES */ .bx-pager { display: none; } iframe { width: 100%; max-width: 100%; } header .header-overlay /* Workaround - Ausblendung sollte später durch Typo3 geschehen */ { display: none; } .permanent { border: 1px solid #bbbbbb; border-radius: 3px; padding: 1em; margin-top: 2em; } .permanent .newsblock { background-color: #999999; position: absolute; margin-top: -1.8em; margin-left: 0.8em; display: inline-block; color: #fff; font-size: 1.2em; padding: 2px 10px 2px 10px; font-family: "Vesta W01", Verdana, Geneva, Arial, Helvetica, sans-serif; } /* ENDE SEITENGERÜST (also auch Header) und ALLGEMEINES */ /* HAUPTNAVIGATION */ /* ENDE HAUPTNAVIGATION */ /* INHALTS- und INFOBEREICH allgemein (individ. Format. für die einz. Bereiche weiter unten festlegen) */ /* ENDE INHALTS- und INFOBEREICH allgemein (individ. Format. für die einz. Bereiche weiter unten festlegen) */ /* INHALTSBEREICH */ /* MS-Card */ main #c74590 .dekobild, /* Service+Information -> Münstercard */ main #c75030 .dekobild, /* Startseite */ main #c113933 .dekobild, /* EN */ main #c113936 .dekobild /* NL */ { border: none; } /* ENDE MS-Card */ main #c68769 .dekobild { /* ? */ border: none; } /* Kulturerbe-Siegel (?) */ main #c42081 .dekobild, main #c51528 .dekobild, main #c52675 .dekobild { border: none; } /* ENDE Kulturerbe-Siegel */ /* Hotelbuchung im INHALTsbereich von MM (nur, wenn rechte Spalte umbricht) */ main #c92880, main #c93147, main #c93149, main #c93151, main #c93153, main #c93155, main #c93157 /* ID der Hotelbuchung im Inhaltsbereich von MM */ { display: none; /* wird erst eingeblendet, wenn die rechte Spalte umbricht */ } main .kasten.mobile-booking { border: 1px solid #005b79; border-radius: 3px; margin-bottom: 0.5em; } main .kasten.mobile-booking h3 { color: #ffffff; background-color: #005b79; margin: 0; padding-left: 0.3em; } main .kasten.mobile-booking .kasten-inhalt.schnellbuchung form { justify-content: flex-start; flex-flow: row wrap; margin-bottom: 0.3em; padding: 0.5em 1em; background-color: #ffffff; border: none; } main .kasten.mobile-booking .kasten-inhalt.schnellbuchung form > div /* richtet label und input-Felder zentriert aneinander aus */ { display: -ms-flexbox; display: -webkit-flex; display: flex; /* Macht diesen Container zum Flex-Container - direkte Kinder werden zu Flex-Items */ -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; /* Hauptachse an der sich die Flex-Items (direkte Kind-Elemente) anordnen (hier: Reihe, also horizontal) */ -ms-flex-pack: start; -webkit-justify-content:flex-end; justify-content: flex-end; /* Lage der Flex-Items (direkte Kind-Elemente) entlang der Hauptachse (hier: horizontal): am Anfang */ -ms-flex-align: center; -webkit-align-items: center; align-items: center; /* Lage der Flex-Items (direkte Kind-Elemente) entlang der Cross-Achse (hier: vertikal): zentriert */ -ms-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; /* Umbruch der Items entlang der Hauptachse (wenn zu wenig Platz): kein Umbruch */ margin: 3px 0; padding-right: 4%; } main .kasten.mobile-booking .kasten-inhalt.schnellbuchung form label { width: 70px; /* überschreibt Wert aus dem Basis-CD */ } main .kasten.mobile-booking .kasten-inhalt.schnellbuchung form input, main .kasten.mobile-booking .kasten-inhalt.schnellbuchung form select { width: auto; /* überschreibt Wert aus dem Basis-CD */ padding: 2px 3px 2px 4px; } main .kasten.mobile-booking .kasten-inhalt.schnellbuchung form .buttons { width: 95%; } main .kasten.mobile-booking .kasten-inhalt.schnellbuchung form .buttons input { padding-left: 8px; padding-right: 8px; } /* ENDE Hotelbuchung im INHALTsbereich von MM (nur, wenn rechte Spalte umbricht) */ /* ENDE INHALTSBEREICH */ /* INFOBEREICH ("rechte Spalte") */ /* VERSUCH */ #rechts_1 > div:nth-child(1) > div:nth-child(1) /* M-Marke */ { margin-bottom: 0; } #rechts_2 #c76538 /* Kulturerbe-Siegel */ { /*margin-bottom: 0.2em; führt im Responsive Design zur fehlerhaften Darstellung! */ /* Wenn es wieder einkommentiert werden soll, muss es im Responsive Design entfernt werden, sobald die rechte Spalte unter den Inhalt rutscht. */ } /* VERSUCH #rechts_1 > div:nth-child(2) /* Kontakt-Container */ /*{ padding-bottom: 0.4em; } #rechts_1 > div:nth-child(2) p /*

s im Kontakt-Container */ /*{ padding-left: 0.5em; padding-right: 0.4em; }*/ /* UNTERKUNFTS-BUCHUNG */ aside .kasten .schnellbuchung form.flexbox { -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; /* Umbruch der Items entlang der Hauptachse (wenn zu wenig Platz) */ } aside .kasten .schnellbuchung form > div { margin-bottom: 0.4em; } aside .kasten .schnellbuchung form label { padding: 0; width: 5em; } aside .kasten .schnellbuchung form .type-text input /* Input-Feld */ { width: 9em; /* Datums-Felder kleiner, dafür Inhalt zentriert,... */ padding-left: 0; /* ...außerdem links und... */ padding-right: 0; /* ...rechts kein padding. */ text-align: center; } aside .kasten .schnellbuchung form input:focus, /* Aktives Input-Feld */ aside .kasten .schnellbuchung form select:focus /* Aktives Select-Feld */ { border-color: #005b79; } aside .kasten .schnellbuchung form .type-select.persons select /* Select-Auswahl bei "Anz. Personen" */ { width: 4em; text-align: center; } aside .kasten .schnellbuchung form .buttons input.submit /* Submit-Button */ { margin: 0.3em 0 0 0; border: 1px solid #aab315; /* #005b79;*/ border-radius: 3px; cursor: pointer; color: #fff; background-color: #aab315; /* #005b79;*/ } /* ENDE UNTERKUNFTS-BUCHUNG */ /* Kasten Social Media (Info-Spalte) */ /* Für jede Sprache muss die Container-ID #cXXXXX angegeben werden. Beispiel MM (deutsch): aside #c70827 div.ce-textpic */ aside #c70827 div.ce-gallery, /* social media Element deutsch */ aside #c74493 div.ce-gallery, /* social media Element englisch */ aside #c76547 div.ce-gallery /* social media Element niederländisch */ /*aside div.ce-textpic div.ce-textpic-imagerow, /* Zeile eines Bild/Text-Elementes*/ /*aside ul.csc-uploads li /* ? */ { padding: 0.1em 0.4em 0.5em 0.6em; } aside .ce-textpic-imagecolumn { float: left; padding-right: 0; } /* ENDE Kasten Social Media (Info-Spalte) */ /* Adresse Kongressbüro (Info-Spalte Kongresse -> Kongressbüro) */ aside #c39649 p /* kann ggf. weg, wenn allgemeine Lösung gefunden wurde */ { padding: 0.4em; /* u.a. für die Einrückung vom Kastenrand wichtig */ } /* ENDE Adresse Kongressbüro */ /* ENDE INFOBEREICH ("rechte Spalte") */ /* ====================== */ /* VERANSTALTUNGSKALENDER */ /* ====================== */ #veranstaltungskalender fieldset { margin:0; padding:0; } #veranstaltungskalender .2spalten { flex-direction: row; -ms-flex-align: flex-start; -webkit-align-items: flex-start; align-items: flex-start; margin-top: 0; margin-bottom: 0; } /* Überschriften, Text, Links (AUßER Datepicker + Formular-Buttons - die haben unten jeweils einen gesonderten Bereich) */ /* TEXT (Größe, Farbe, Stil, Ausrichtung, line-Eigenschaften; KEINE Abstände/Hintergründe, die gehören zu den umschließenden Containern) */ #veranstaltungskalender .error-message { color: red; } #veranstaltungskalender .type-info.error { color: red; } #veranstaltungskalender, #veranstaltungskalender input, #veranstaltungskalender select, #veranstaltungskalender textarea { font-size: 1rem; /* BASISWERT im VK */ font-weight: normal; } #veranstaltungskalender .navigation /* gesamter Navigationsbereich */ { font-size: 1.0em; /* Schriftgröße Navigation */ text-align: center; } #veranstaltungskalender .navigation div /* Navigations-Buttons */ { text-align: center; font-family:"Vesta W01 Bold", Verdana, Geneva, Arial, Helvetica, sans-serif; } #veranstaltungskalender .einleitung { font-size: 1.4em; /* 1.4em; /* Schriftgröße Einleitung */ } #veranstaltungskalender .einleitung .sternchen-anmerkungen .col1 { vertical-align: top; } #veranstaltungskalender .einleitung .sternchen-anmerkungen .col1 sup { font-family: "Vesta W01 Bold", Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 1.0em; } #veranstaltungskalender form { font-size: 1.4em; /* Schriftgröße Formular (auch label) Achtung: Bei Änderungen muss der Wert für "top" bei ...form .type-check label bzw. ...type-radio label angepasst werden */ background-color: transparent; border: none; margin: 0px; padding: 0px; } #veranstaltungskalender form input, #veranstaltungskalender form select, #veranstaltungskalender form textarea { font-size: 1.05em; /* Schriftgröße Formular-Felder (NICHT Beschriftung derselben) */ } #veranstaltungskalender form fieldset legend /* Beschriftung (legend) eines Formularabschnitts */ { font-size: 1.15em; /* Wert aus muenster.de CSS (style_neu.css) überschrieben */ font-family: "Vesta W01 Bold", Verdana, Geneva, Arial, Helvetica, sans-serif; color: #4A5059; /* entspricht Farbe der Überschriften */ } #veranstaltungskalender form fieldset legend + div /* 1. Container unter der Formular-Abschnitts-Überschrift */ { margin-top: 0; } #veranstaltungskalender form fieldset .type-text label, #veranstaltungskalender form fieldset .type-file label, #veranstaltungskalender form fieldset .textarea label, #veranstaltungskalender form fieldset .select label, #veranstaltungskalender form fieldset .radio-group-label, #veranstaltungskalender form fieldset .checkbox-group-label { font-family: "Vesta W01 Bold", Verdana, Geneva, Arial, Helvetica, sans-serif; } #veranstaltungskalender #vk-suchformular .zeitraum-eingabefelder /* umschließender Container für die Daten-Eingabefelder */ { vertical-align: middle; /* wichtig, damit sich der Container mittig zum radiobutton-label für Zeitraum ausrichtet */ } /* Datums-Eingabefelder */ #veranstaltungskalender #vk-suchformular #datum-von, #veranstaltungskalender #vk-suchformular #datum-bis { text-align: center; vertical-align: middle; /* wichtig, damit sich die Beschriftung der Felder mittig an diesen ausrichtet */ } #veranstaltungskalender #vk-suchformular #suchstring /* Eingabefeld für den Suchstring der Volltextsuche */ { color: #aaa; /* Farbe für den Erläuterungstext (wichtig, da sonst hellgrau wie Erläuterungstext) */ } #veranstaltungskalender #vk-suchformular .suchstring-wrapper .volltextsuche-verknuepfung { vertical-align: middle; } #veranstaltungskalender #vk-suchformular .suchstring-wrapper .volltextsuche-verknuepfung label { font-family:"Vesta W01", Verdana, Geneva, Arial, Helvetica, sans-serif; } #veranstaltungskalender #vk-termineingabe-formular #hnr /* Eingabefeld HNR */ { text-align: center; } #veranstaltungskalender #vk-termineingabe-formular .top-veranstaltung .checkbox-group label, #veranstaltungskalender #vk-termineingabe-formular .freischaltung .checkbox-group label, #veranstaltungskalender #vk-termineingabe-formular .beschreibung .url-geprueft-flag-wrapper label { text-align: center; font-family:"Vesta W01 Bold", Verdana, Geneva, Arial, Helvetica, sans-serif; color: #000; } #veranstaltungskalender #vk-termineingabe-formular .top-veranstaltung .checkbox-group input:checked + label /* Eingabefeld */ { color: #fff; /* Schriftfarbe für Top-Tipp Flags (angehakt) */ } #veranstaltungskalender #vk-termineingabe-formular .veranstaltungsdatum-wrapper .veranstaltungsdatum-einzeldaten input, #veranstaltungskalender #vk-termineingabe-formular .veranstaltungsdatum-wrapper .zeitraum-ausnahmen input { text-align: center; } #veranstaltungskalender #vk-termineingabe-formular #uhrzeit-beginn, /* Eingabefeld Uhrzeit */ #veranstaltungskalender #vk-termineingabe-formular .top-veranstaltung-freischaltung-wrapper .veroeffentlichungsdatum-von input, /* Eingabefeld veroeffentlichungsdatum-von */ #veranstaltungskalender #vk-termineingabe-formular .top-veranstaltung-freischaltung-wrapper .veroeffentlichungsdatum-bis input, /* Eingabefeld veroeffentlichungsdatum-bis */ #veranstaltungskalender #vk-termineingabe-formular .veranstaltungsdatum-wrapper .veranstaltungsdatum-von input, #veranstaltungskalender #vk-termineingabe-formular .veranstaltungsdatum-wrapper .veranstaltungsdatum-bis input { text-align: center; } #veranstaltungskalender #vk-termineingabe-formular .freischaltung input:checked + label, /* Eingabefeld */ #veranstaltungskalender #vk-termineingabe-formular .beschreibung .url-geprueft-flag-wrapper input:checked + label /* Eingabefeld */ { color: #fff; } #veranstaltungskalender .veranstaltungs-detailansicht .zurueck-link form#autoSubmit /* Eingabeelement hidden-Formulare */ { font-size: 1em; /* überschreibt Wert */ } #veranstaltungskalender .veranstaltungs-details .tv-grafik { float: right; } #veranstaltungskalender .veranstaltungs-details .tv-grafik img { margin: 0 0 3px 5px; width: 200px; height: auto; } span.neutral { font-family:"Vesta W01", Verdana, Geneva, Arial, Helvetica, sans-serif; } /* LINKS (alles) */ #veranstaltungskalender a { color: #333; /* E.E. 23.12.16 */ outline: none!important; cursor: pointer; } #veranstaltungskalender a:link, #veranstaltungskalender a:visited { color: #333; /* E.E. 23.12.16 */ } #veranstaltungskalender a.intern, #veranstaltungskalender a.extern { /* E.E. 8.11.2017 (padding-right: 16px;) */ } #veranstaltungskalender a.intern { } #veranstaltungskalender a.extern { } #inhalt #veranstaltungskalender p a:hover, #inhalt #veranstaltungskalender p a:active, #inhalt #veranstaltungskalender p a:focus, #inhalt #veranstaltungskalender p a:visited, #inhalt #veranstaltungskalender li a:hover, #inhalt #veranstaltungskalender li a:active, #inhalt #veranstaltungskalender li a:focus, #inhalt #veranstaltungskalender li a:visited { background-color: transparent; } #veranstaltungskalender .navigation div a { display: block; /* damit sich der a-Tag über den ganzen div ausbreitet */ color: #4a5059; text-decoration: none; text-transform: uppercase; } #veranstaltungskalender .navigation div.aktiv a /* Aktiver Navigations-Button */ { color: #fff; } #veranstaltungskalender .navigation > div:hover a /* Mit Mauszeiger überfahrener Navigations-Button */ { color: #fff; } main form .radio-group { margin-top: 0px; margin-bottom: 3px; } /* ENDE Überschriften, Text, Links (AUßER Datepicker + Formular-Buttons - die haben unten jeweils einen gesonderten Bereich) */ /* Formular-Steuer-Buttons */ #veranstaltungskalender .form-control-buttons input, /* Button-Schriftgröße */ #veranstaltungskalender .form-control-buttons a /* Spezielfall: Links in Form von Buttons */ { font-size: 0.92em; /* das entspricht etwa 12.8px */ /*1em;*/ } /* Überschreiben von Werten */ #veranstaltungskalender .suchergebnisse .form-control-buttons a /* Fusch für Button in der Ergebnisliste */ { font-size: 1.4em; /* 1.28em; */ } #veranstaltungskalender .veranstaltungs-detailansicht .form-control-buttons input /* Fusch für Button in der Termin-Einzelansicht */ { font-size: 1em; } #veranstaltungskalender .form-control-buttons { margin: 45px 0; /* #veranstaltungskalender #vk-termineingabe-formular .type-info.verpflichtung */ } #veranstaltungskalender .form-control-buttons :first-child /* Abstand des 1. Buttons zum 2. */ { margin-right: 10px; } #veranstaltungskalender .form-control-buttons .reset, #veranstaltungskalender .form-control-buttons .abort { float: left; } #veranstaltungskalender .form-control-buttons .submit { float: right; border: none; /* Notwendig, um Werte aus der style_neu.css zu überschreiben. */ background-color: transparent; /* Notwendig, um Werte aus der style_neu.css zu überschreiben. */ } #veranstaltungskalender .wetter input .submit /* ??? */ { } #veranstaltungskalender .form-control-buttons input /* Formular-Button */ { /*height: 40px;*/ border: 1px solid #92969c; padding: 5px; border-radius: 5px; font-family: "Vesta W01 Bold", Verdana, Geneva, Arial, Helvetica, sans-serif; } #veranstaltungskalender .form-control-buttons .submit input /* submit-Button */ { background-color: #005b79; color: #e4f1fb; font-family: "Vesta W01 Bold", Verdana, Geneva, Arial, Helvetica, sans-serif; } #veranstaltungskalender .form-control-buttons .reset input, /* reset- und abort-Button */ #veranstaltungskalender .form-control-buttons .abort input { background-color: #fff; color: #4a5059; } #veranstaltungskalender .form-control-buttons div.reset /* divs mit reset-Button Layout */ { /* div passt sich dem innenliegenden an */ } #veranstaltungskalender .form-control-buttons div.reset a, /* Links mit reset-Button Layout */ #veranstaltungskalender .form-control-buttons div.abort a /* Links mit abort-Button Layout */ { display: inline-block; border: 1px solid #aed0ea; border-radius: 5px; padding: 6px; font-family: "Vesta W01 Bold", Verdana, Geneva, Arial, Helvetica, sans-serif; background-color: #e4f1fb; color: #2779aa; text-decoration: none; } #veranstaltungskalender .form-control-buttons div.reset a:hover, #veranstaltungskalender .form-control-buttons div.abort a:hover { border-color: #666; color: #666; } #veranstaltungskalender .form-control-buttons .submit input:hover { border-color: #666; color: #fff; background-color: #005B79; } #veranstaltungskalender .form-control-buttons .reset input:hover, #veranstaltungskalender .form-control-buttons .abort input:hover { border-color: #666; color: #666; } #veranstaltungskalender .veranstaltungs-detailansicht .zurueck-link form#autoSubmit .form-control-buttons /* Eingabeelement hidden-Formulare */ { margin: 0; /* überschreibt Wert */ } #veranstaltungskalender form .type-file button /* Löschen-Button bei der Dateiauswahl */ { margin-top: 2px; max-width: 550px; font-size: 1.05em; } /* ENDE Formular-Steuer-Buttons */ /* DATEPICK CSS ÜBERSCHRIEBEN */ .datepick-popup /* WICHTIG FÜR DIE ONLINE-VERSION!!! */ { z-index: 1000!important; font-size: 1.4em; } #ui-datepicker-div { /* width: auto!important; */ border-width: 2px; border-color: #005B79; padding: 2px; } #ui-datepicker-div .ui-state-highlight, #ui-datepicker-div .ui-widget-header .ui-state-highlight { border-color: red; color: #000; background-color: #DDE0A2; } /* In der jquery.ui.css musste in... .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight ...gleichzeitig der Background ausgeklammert werden. Das war an dieser Stelle leider nicht überschreibbar. */ #ui-datepicker-div .ui-datepicker-header.ui-widget-header { background-color: #005B79; border-color: #005B79; } #ui-datepicker-div .ui-datepicker-header.ui-widget-header button { border-color: #005B79; color: #005B79; } #ui-datepicker-div .ui-datepicker-header.ui-widget-header button:hover { border-color: #307A94; color: #307A94; } #ui-datepicker-div .ui-datepicker-header.ui-widget-header a, #ui-datepicker-div .ui-datepicker-header.ui-widget-header select { color: #2779aa; background-color: transparent; } #ui-datepicker-div .ui-datepicker-header.ui-widget-header a.ui-datepicker-cmd-today:hover, #ui-datepicker-div button:hover { color: #0b5b98; border-color: #74b2e2; } #ui-datepicker-div .ui-datepicker-header .ui-datepicker-cmd.ui-datepicker-cmd-prev { width: 10%; margin-left: 2%; margin-top: 0.1em; /*2px;*/ background-image: url("https://www.muenster.de/veranstaltungskalender/static/css/ui-img/button-zurueck.png"); background-position: left 0; background-size: 16px 16px; background-repeat: no-repeat; text-indent: -9999px; text-align: left; } #ui-datepicker-div .ui-datepicker-header .ui-datepicker-cmd.ui-datepicker-cmd-prev:hover { background-image: url("https://www.muenster.de/veranstaltungskalender/static/css/ui-img/button-zurueck_hover.png"); } #ui-datepicker-div .ui-datepicker-header .ui-datepicker-cmd-current, #ui-datepicker-div .ui-datepicker-header .ui-datepicker-cmd-today { width: 50%; margin-left: 13%; margin-right: 13%; } #ui-datepicker-div .ui-datepicker-header .ui-datepicker-cmd.ui-datepicker-cmd-next { width: 10%; margin-right: 2%; margin-top: 0.1em; /* 2px */ background-image: url("https://www.muenster.de/veranstaltungskalender/static/css/ui-img/button-vor.png"); background-position: right 0; background-size: 16px 16px; background-repeat: no-repeat; text-indent: -9999px; text-align: left; } #ui-datepicker-div .ui-datepicker-header .ui-datepicker-cmd.ui-datepicker-cmd-next:hover { background-image: url("https://www.muenster.de/veranstaltungskalender/static/css/ui-img/button-vor_hover.png"); } .ui-datepicker-group .ui-datepicker-header { height: auto; } .ui-datepicker .ui-datepicker-header { padding: 0.3em 0; } #ui-datepicker-div .ui-datepicker-row-break { margin-top: 1em; } #ui-datepicker-div .ui-datepicker-row-break + div { border-width: 0; } #ui-datepicker-div .ui-datepicker-calendar { margin-bottom: 1em; } #ui-datepicker-div .ui-datepicker-calendar th { padding: 0.4em 0.4em 0.1em 0.4em; } #ui-datepicker-div.ui-datepicker .ui-datepicker-row-break .ui-datepicker-calendar a.ui-state-default { color: #307A94; } #ui-datepicker-div.ui-datepicker .ui-datepicker-row-break .ui-datepicker-calendar a.ui-state-default.ui-state-active { color: #005B79; border-color: red; } #ui-datepicker-div, /* Schrift von Date- und Time-Picker */ .ui-timepicker-wrapper { font-size: 0.8em; } /* ENDE DATEPICK CSS ÜBERSCHRIEBEN */ /* ALLGEMEINES */ /* 2-spaltige Anzeige */ #veranstaltungskalender .spalte-1, #veranstaltungskalender .spalte-2 { float: left; width: 50%; } #veranstaltungskalender .spalte-1 { /* margin-right: 5%; Abstand zwischen Spalte 1 und 2 */ } /* ENDE ALLGEMEINES */ /* Navigation */ #veranstaltungskalender .navigation div /* Navigations-Buttons */ { display: inline-block; /* dadurch können Elemente Abstände haben und gleichzeitig mittig ausgerichtet werden */ min-width: 125px; max-width: 140px; margin: 0px; border: 1px solid #666; border-radius: 5px; padding: 5px; background-color: #fff; } #veranstaltungskalender .navigation div.aktiv /* Aktiver Navigations-Button */ { background-color: #aab315; border: 1px solid #000000; } #veranstaltungskalender .navigation > div:hover /* Mit Mauszeiger überfahrener Navigations-Button */ { background-color: #005B79; } #veranstaltungskalender .navigation > div a:hover /* Wichtig wenn VK in "fremde" Seitenrahmen integriert wird. */ { background-color: transparent; } /* ENDE Navigation */ /* Formularbereich (Allgemeines) */ /* Error-Formatierungen */ #veranstaltungskalender .type-info.error { padding-bottom: 0; } #veranstaltungskalender .type-info.error + div /*

-Container unter Error-Message */ { padding-top: 0!important; /* ohne !important greift das leider nicht überall */ } #veranstaltungskalender .type-info.error + div input, /* -/