@charset "utf-8"; /* ######################################################################################################################## */ /* ######################################################################################################################## */ /* #* ** */ /* #* META-DATEN ** */ /* #* ** */ /* ######################################################################################################################## */ /* ######################################################################################################################## A. EINLEITUNG Master-Stylesheet für Jocomed (c) 2008 Sarah A. Besic, Leipzig 2008 B. INHALTSVERZEICHNIS 0. Grundlagen 0.1 -Tag 0.2 HTML-Tags 0.2.1 -Tag 0.2.2 Listen 0.2.3 Normalschrift und Überschriften 0.3 Typo3-spezifische Klassen 0.3.1 Allgemeines 0.3.2 RTE-Klassen 1. Navigator 1.1 Navigator NORMAL 1.2 Navigator ACTIVE 1.3 Navigator CURRENT 1.4 Nav-Box 2. BOTTOM-Navigator 2.1 B-Navigator NORMAL 2.2 B-Navigator CURRENT 3. FOLLOW-Navigator 4. Kontaktformular C. VERSIONSGESCHICHTE 1.0.0 18.11.2008 Staging der Rohseite 1.0.1 02.12.2008 - Korrektur am Navigator - Vereinfachung des CSS-Codes 1.0.2 09.12.2008 - Konsolidierung des Kontaktformulares 1.0.3 02.01.2009 Einfügung von Typo3-spezifischen Klassen+ 1.0.4 05.01.2009 RTE-spezifische Klassen */ /* ######################################################################################################################## */ /* ######################################################################################################################## */ /* #* ** */ /* #* NUTZ-BEREICH ** */ /* #* ** */ /* ######################################################################################################################## */ /* ######################################################################################################################## */ /* ================================================================================ */ /* = 0 Grundlagen = */ /* ================================================================================ */ /* ================================================================================ */ /* = 0.1 -Tag (�bergreifend für verschiedene Seitentypen) = */ /* ================================================================================ */ .bodystyle { background-color: #80ff00; margin: 0 } .bodystyle_print { background-color: white; margin: 0 } .bodytext { color: black; font-size: 11px; font-family: medicus_web_n, Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: normal; line-height: 13px; text-decoration: none } .bodytext_fett { color: black; font-size: 11px; font-family: medicus_web_b, Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; line-height: 13px; text-decoration: none } #layer_background { background-color: white; background-image: url(fond_static.jpg); background-repeat: repeat-x; background-position: left bottom; position: relative; z-index: 1; top: 0; left: 0; width: 100%; height: auto } /* ================================================================================ */ /* = 0.2 HTML-Tags (m�glicherweise zu global) = */ /* ================================================================================ */ /* ================================================================================ */ /* = 0.2.1 -Tag = */ /* ================================================================================ */ /* Alle Stadien außer mouse-click */ a, a:link, a:hover, a:visited { color: red; font-size: 11px; font-family: medicus_web_b, Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; line-height: 13px; text-decoration: none } /* mouse-click */ a:active { color: black; font-size: 11px; font-family: medicus_web_b, Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; line-height: 13px; text-decoration: none } /* ================================================================================ */ /* = 0.2.2 Listen = */ /* ================================================================================ */ ol { color: #000000; font-size: 11px; font-family: medicus_web_n, Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: normal; line-height: 13px; text-decoration: none } ul { color: #000000; font-size: 11px; font-family: medicus_web_n, Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: normal; line-height: 13px; text-decoration: none } /* ================================================================================ */ /* = 0.2.3 Normalschrift und Überschriften = */ /* ================================================================================ */ p { color: #000000; font-size: 11px; font-family: medicus_web_n, Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: normal; line-height: 13px; text-decoration: none; margin-bottom: 12px } h1 { color: black; font-size: 14px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; line-height: 16px; text-decoration: none; margin-bottom: 0px } /* ================================================================================ */ /* = 0.3 Typo3-spezifische Klassen = */ /* ================================================================================ */ /* ================================================================================ */ /* = 0.3.1 Allgemeines = */ /* ================================================================================ */ p.align-left { text-align: left; } p.align-center { text-align: center; } p.align-right { text-align: right; } /* ================================================================================ */ /* = 0.3.2 RTE-Klassen = */ /* ================================================================================ */ /* Automatisch da.*/ table.contenttable { border: 1px solid black; } /* Durch TS eingefügt. */ td.contenttable_td { color: #000000; font-size: 11px; font-family: medicus_web_n, Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: normal; line-height: 13px; text-decoration: none; margin-bottom: 0px } /* ================================================================================ */ /* = 1. Navigator (PRIMENU) = */ /* ================================================================================ */ /* ================================================================================ */ /* = 1.1 Navigator NORMAL (unangeklickt und nicht im aktiven Navigationsbaum = */ /* ================================================================================ */ /* Alle Stadien außer mouse-over */ .menu_norm, .menu_norm:active, .menu_norm:link, .menu_norm:visited { color: black; font-size: 11px; font-family: medicus_web_n, Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: normal; text-decoration: none; line-height: 150%; } /* Mouse-over */ .menu_norm:hover { color: red; font-size: 11px; font-family: medicus_web_n, Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: normal; text-decoration: none; line-height: 150%; } /* ================================================================================ */ /* = 1.2 Navigator ACTIVE (unangeklickt, aber im aktiven Navigationsbaum = */ /* ================================================================================ */ /* Alle Stadien au�er mouse-over */ .menu_act, .menu_act:active, .menu_act:link, .menu_act:visited { color: black; font-size: 11px; font-family: medicus_web_b, Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; text-decoration: none; line-height: 150%; } /* Mouse-over */ .menu_act:hover { color: red; font-size: 11px; font-family: medicus_web_b, Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; text-decoration: none; line-height: 150%; } /* ================================================================================ */ /* = 1.3 Navigator CURRENT (angeklickt und im aktiven Navigationsbaum = */ /* ================================================================================ */ /* Alle Stadien au�er mouse-over */ .menu_cur, .menu_cur:active, .menu_cur:link, .menu_cur:visited { color: red; font-size: 11px; font-family: medicus_web_b, Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; text-decoration: none; line-height: 150%; } /* Mouse-over */ .menu_cur:hover { color: red; font-size: 11px; font-family: medicus_web_b, Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; text-decoration: none; line-height: 150%; } /* ================================================================================ */ /* = 1.4 Nav-Box (Inline-Boxen für die jeweiligen Navigationsebenen) = */ /* ================================================================================ */ /* 1. Ebene */ .menu_108 { position: relative; top: 0; left: 0; width: 108px; height: 15px; overflow: hidden } /* 2. Ebene */ .menu_96 { position: relative; top: 0; left: 0; width: 96px; height: 15px; overflow: hidden; } /* 3. Ebene */ .menu_84 { position: relative; top: 0; left: 0; width: 84px; height: 15px; overflow: hidden } /* 4. Ebene */ .menu_72 { position: relative; top: 0; left: 0; width: 72px; height: 15px; overflow: hidden } /* ================================================================================ */ /* = 2. BOTTOM-Navigator (SECMENU) = */ /* ================================================================================ */ /* ================================================================================ */ /* = 2.1 B-Navigator NORMAL (unangeklickt und nicht im aktiven Navigationsbaum) = */ /* ================================================================================ */ /* Alle Stadien au�er mouse-over */ .menu_sec, .menu_sec:active, .menu_sec:link, .menu_sec:visited { color: black; font-size: 11px; font-family: medicus_web_n, Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: normal; text-decoration: none; text-align: center; text-indent: 0px } /* Mouse-over */ .menu_sec:hover { color: red; font-size: 11px; font-family: medicus_web_n, Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: normal; text-decoration: none; text-align: center; text-indent: 0px; } /* ================================================================================ */ /* = 2.2 B-Navigator CURRENT (angeklickt und im aktiven Navigationsbaum) = */ /* ================================================================================ */ /* Alle Stadien au�er mouse-over */ .menu_sec_cur, .menu_sec_cur:active, .menu_sec_cur:link, .menu_sec_cur:visited { color: red; font-size: 11px; font-family: medicus_web_b, Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: normal; text-decoration: none; text-align: center; text-indent: 0px } /* Mouse-over */ .menu_sec_cur:hover { color: red; font-size: 11px; font-family: medicus_web_b, Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: normal; text-decoration: none; text-align: center; text-indent: 0px } /* ================================================================================ */ /* = 3. FOLLOW-Navigator = */ /* ================================================================================ */ /* Alle Stadien au�er mouse-over */ .followmenu, .followmenu:link, .followmenu:visited, .followmenu:active { color: black; font-size: 11px; font-family: medicus_web_n, Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; line-height: 10px; text-decoration: none } /* Mouse-over */ .followmenu:hover { color: red; font-size: 11px; font-family: medicus_web_n, Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; line-height: 10px; text-decoration: none } /* ================================================================================ */ /* = 4. Kontaktformulare (ab Typo3 4.0 nicht mehr als Tabelle) = */ /* ================================================================================ */ /* Die Elemente werden wie eine Tabelle behandelt, damit die schöne Ausrichtung möglich ist. */ fieldset.csc-mailform { border:0; display: table; margin-left: 45px; } .csc-mailform-field { display: table-row; height: 20pt; } .csc-mailform-field label { color: black; font-size: 11px; font-family: medicus_web_n, Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; text-align: left; margin-top: 3pt; margin-bottom: 3pt; text-decoration: none; display: table-cell; width: 30px; vertical-align: middle; } .csc-mailform-field input, .csc-mailform-field textarea { display: table-cell; border: 1px solid black; background-color: transparent; } .csc-mailform-submit { color: black; font-size: 11px; font-family: medicus_web_n, Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; text-align: left; margin-top: 10pt; margin-bottom: 3pt; text-decoration: none; display: table-cell; width: auto; vertical-align: middle; border: 1px solid black; background-color: transparent; } .csc-mailform-submit:hover { color: red; } /* ================================================================================ */ /* = 5. Login-Bereich = */ /* ================================================================================ */ fieldset.loginform-fieldset { border: 0; margin: 4px 8px 4px 8px; padding: 0 4px 0 0; } fieldset.loginform-fieldset legend { display: none; } fieldset.loginform-fieldset .loginform-label { color: black; font-size: 11px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: normal; text-align: left; margin-top: 0pt; margin-bottom: 4px; text-decoration: none; vertical-align: middle; } fieldset.loginform-fieldset label { height: 20pt; color: black; font-size: 11px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: normal; text-align: left; margin-top: 4pt; margin-bottom: 4px; text-decoration: none; vertical-align: middle; } fieldset.loginform-fieldset input { margin-bottom: 4px; border: 1px solid black; background-color: transparent; } /* ######################################################################################################################## */ /* ######################################################################################################################## */ /* #* ** */ /* #* Alles unterhalb dieser Linie ist noch nicht konsolidiert ** */ /* #* ** */ /* ######################################################################################################################## */ /* ######################################################################################################################## */ /* ================================================================================ */ /* = Irgendwelche Einstellungen = */ /* ================================================================================ */ #layer_sitebox { background-color: white; position: relative; z-index: 3; top: 0; left: 0; width: 100%; height: 100%; border: solid 1px black } .navigator_div { visibility: visible; display: block; position: relative; top: 0; left: 0; width: 160px; border: 0 } .teaser_div { margin-top: 10px; margin-left: 9px } .maincontent_div { visibility: visible; display: block; padding-right: 5px; position: relative; top: 0px; left: 0px; width: 100%; height: 350px; overflow: auto; border: 0 } .sidecontent_div { visibility: visible; display: block; padding-right: 9px; position: relative; top: 10px; left: 10px; width: 149px; height: 232px; overflow: auto; border: 0 } .csc-caption { color: black; font-size: 9px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: normal; line-height: 13px; text-decoration: none } /* ================================================================================ */ /* = Einstellungen für das -Tag, übergreifend für verschiedene Seitentypen = */ /* ================================================================================ */ .tabelle_strich_alle { border: solid 1px black} .tabelle_strich_alle_abstand { padding: 8px; border: solid 1px black } .tabelle_strich_rechts { border-right-color: #000000; border-right-style: solid; border-right-width: 1px; } .tabelle_strich_unten { border-bottom: 1px dashed black } .tabelle_strich_links { border-left-color: #000000; border-left-style: solid; border-left-width: 1px; } .tabelle_strich_oben { border-top: 1px solid black } .copyrighttext { color: black; font-size: 9px; font-family: medicus_web_n, Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: normal; line-height: 10px; text-decoration: none } /* ######################################################################################################################## */ /* ######################################################################################################################## */ /* #* ** */ /* #* MÜLL-KIPPE ** */ /* #* ** */ /* ######################################################################################################################## */ /* ######################################################################################################################## */ /* ================================================================================ */ /* = OBSOLET: WEFT-Vereinbarungen f�r Microsoft InternetExplorer = */ /* ================================================================================ */ /* @font-face { font-family: medicus_web_i; font-style: normal; font-weight: normal; src: url(MEDICUS2.eot); } @font-face { font-family: medicus_web_b; font-style: normal; font-weight: normal; src: url(MEDICUS1.eot); } @font-face { font-family: medicus_web_n; font-style: normal; font-weight: normal; src: url(MEDICUS0.eot); } */ /* ================================================================================ */ /* = MÖGLICHERWEISE OBSOLET: alte Styles für -Mailformulare (Typo3 3.8) = */ /* ================================================================================ .csc-form-label-req { color: black; font-size: 11px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; text-decoration: none; text-align: left; margin-top: 3pt; margin-bottom: 3pt } .csc-form-label { color: black; font-size: 11px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; text-decoration: none; text-align: left; margin-top: 3pt; margin-bottom: 3pt } .csc-form-inputcell { color: black; font-size: 11px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: normal; text-decoration: none; background-color: transparent; background-image: none; text-align: left; padding-right: 6px; padding-left: 6px; border: solid 1px } .csc-form-label-submit { color: black; font-size: 11px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: normal; text-decoration: none; text-align: left; text-transform: uppercase; margin-top: 3pt; margin-bottom: 3pt } .csc-form-label-submit:active { color: black; font-size: 11px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; text-decoration: none; text-transform: uppercase } .csc-form-label-submit:hover { color: red; font-size: 11px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; text-decoration: none; text-transform: uppercase } .csc-form-label-submit:link { color: black; font-size: 11px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; text-decoration: none; text-transform: uppercase } .csc-form-label-submit:visited { color: black; font-size: 11px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; text-decoration: none; text-transform: uppercase } */