@charset "utf-8"; /* ######################################################################################################################## */ /* ######################################################################################################################## */ /* #* ** */ /* #* META-DATEN ** */ /* #* ** */ /* ######################################################################################################################## */ /* ######################################################################################################################## A. EINLEITUNG Master-Stylesheet für www.kathrinfrey-sopran.de (c) 2009 Sarah A. Besic, Leipzig 2009 B. INHALTSVERZEICHNIS C. VERSIONSGESCHICHTE 1.0.0 27.01.2009 Anlegen der Datei 1.0.1 01.02.2009 Komplett-Überarbeitung der Datei */ /* ######################################################################################################################## */ /* ######################################################################################################################## */ /* #* ** */ /* #* NUTZ-BEREICH ** */ /* #* ** */ /* ######################################################################################################################## */ /* ######################################################################################################################## */ /* ================================================================================ */ /* = 0 Grundlagen = */ /* ================================================================================ */ /* ================================================================================ */ /* = 0.1 -Tag (Übergreifend für verschiedene Seitentypen) = */ /* ================================================================================ */ * { margin:0; padding:0; } html, body { height:100%; } body { background-color: grey; background-image: url(fond_static.gif); background-repeat: repeat; background-position: left top; background-attachment: fixed; text-align:center; /* horizontal centering for IE Win quirks */ } /* ================================================================================ */ /* = 0.2 HTML-Tags = */ /* ================================================================================ */ /* ================================================================================ */ /* = 0.2.1

-Tag = */ /* ================================================================================ */ /* Übergreifende Vereinbarungen für alle Container (trifft hier min. auf P- und TD-Tag zu*/ .align-left { text-align: left; } .align-center { text-align: center; } .align-right { text-align: right; } /* ================================================================================ */ /* = 1. Haupt-Container = */ /* ================================================================================ */ /* Hier nur der Container */ #container { position: relative; margin:0 auto; text-align:left; left: 0px; top: 0px; height:650px; width:850px; clear:left; z-index: 0; } /* ================================================================================ */ /* = 2. Main-Content-Container = */ /* ================================================================================ */ /* Der Container an sich */ #main-content { visibility: visible; display: block; margin-right: 0px; padding-right: 0px; position: absolute; z-index: 1; left: 57px; top: 239px; height: 322px; width: 536px; border: 0px solid red; overflow: auto; } /* Alle folgenden Tags sind für diesen Container bestimmt, da dieser Container aber auch der Haupt-Container ist, werden die Elemente grundsätzlich festgelegt. */ /* P-Tag */ p, div#main-content p { color: black; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: normal; line-height: 140%; text-decoration: none; margin-bottom: 8px; } .csc-textpic-caption { color: black; font-size: 10.5px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: normal; line-height: 115%; text-decoration: none; margin-bottom: 8px; } a, a:link, a:visited, a:active, div#main-content a, div#main-content a:link, div#main-content a:visited, div#main-content a:active { color: black; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; line-height: 140%; text-decoration: none; margin-bottom: 8px; } /* A-Tag, mouse-over */ a:hover, div#main-content a:hover { /*color: #cc0066;*/ color: #ad9961 } /* H1-Tag */ h1, div#main-content h1 { color: black; font-size: 16px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; line-height: 140%; text-decoration: none; margin-bottom: 6px; } /* Zahlen-Liste */ ol, div#main-content ol { color: black; margin-left: 3em; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: normal; line-height: 140%; text-decoration: none; margin-bottom: 8px; list-style: upper-roman outside; } /* Punkte-Liste */ ul, div#main-content ul { color:black; margin-left: 3em; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: normal; line-height: 140%; text-decoration: none; margin-bottom: 8px; list-style: square outside; } /* RTE-generierte Tabellen in tt_content */ div#main-content table { border-collapse: collapse; } div#main-content td { color: black; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: normal; line-height: 140%; text-decoration: none; padding-right: 1em; margin-bottom: 8px; } /* Extra-Vereinbarungen für Smoothgallery */ div#main-content div.carouselContainer a, div#main-content div.carouselContainer a:link, div#main-content div.carouselContainer aa:visited, div#main-content div.carouselContainer a:active { color: white; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; line-height: 160%; text-decoration: none; margin-bottom: 0px; } div#main-content div.carouselContainer a:hover { color: #ad9961; } div#main-content div.slideInfoZone p { color: white; font-size: 10px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: normal; line-height: 100%; text-decoration: none; margin-bottom: 0px; text-align: center; } div#main-content div.slideInfoZone h2 { color: white; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; line-height: 160%; text-decoration: none; margin-bottom: 0px; text-align: center; } /* ================================================================================ */ /* = 3. Side-Content-Container = */ /* ================================================================================ */ /* Der Container an sich */ #side-content { visibility: visible; display: block; padding-right: 0px; position: absolute; z-index: 2; left: 657px; top: 239px; height: 322px; width: 136px; border: 0px solid black; overflow: hidden; } /* P-Tag */ div#side-content p, div#side-content ol, div#side-content ul { color: black; font-size: 10.5px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: normal; line-height: 120%; text-decoration: none; margin-bottom: 6px; } /* A-Tag */ div#side-content a, div#side-content a:link, div#side-content a:visited, div#side-content a:active { color: #ad9961; font-size: 10.5px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: normal; line-height: 120%; text-decoration: none; margin-bottom: 6px; } div#side-content a:hover { color: black; font-size: 10.5px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: normal; line-height: 120%; text-decoration: none; margin-bottom: 6px; } /* H1-Tag */ div#side-content h1 { color: black; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; line-height: 140%; text-decoration: underline; margin-bottom: 6px; } /* Alle Listen */ div#side-content ul, div#side-content ol { color:black; margin-left: 0.5em; font-size: 10.5px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: normal; line-height: 120%; text-decoration: none; margin-bottom: 6px; list-style: none inside; } /* ================================================================================ */ /* = 3. Bottom-Content-Container = */ /* ================================================================================ */ /* Der Container itself. */ #bottom-content { visibility: visible; display: block; padding-right: 0px; position: absolute; z-index: 3; left: 57px; top: 593px; height: 32px; width: 736px; border: 0px solid black; overflow: hidden; text-align: center; } /* Diese saublöde Formatierung im Bottom-Conainer geht eider nur mit Tabelle, sonst VIEl zu umständlich */ td.bottom-content-tablecell, td.bottom-content-tablecell p { font-size: 6.5pt; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: normal; line-height: 7.5pt; text-decoration: none; display: table-cell; vertical-align: middle; margin-top: 5px; } td.bottom-content-tablecell a, td.bottom-content-tablecell a:visited, td.bottom-content-tablecell a:active { color: black; font-size: 6.5pt; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; line-height: 7.5pt; text-decoration: none; } td.bottom-content-tablecell a:hover { color: #ad9961; font-size: 6.5pt; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; line-height: 7.5pt; text-decoration: none; } /* ================================================================================ */ /* = 4. Navigator (PRIMENU) = */ /* ================================================================================ */ #navigator { visibility: visible; display: block; padding-right: 0px; position: absolute; z-index: 4; left: 25px; top: 175px; height: 32px; width: 800px; border: 0px solid red; overflow: hidden; text-align: left; } /* ================================================================================ */ /* = 5 Typo3-spezifische Selektoren = */ /* ================================================================================ */ /* ================================================================================ */ /* = 5.2 Typo3-Kontaktformulare (ab Typo3 4.0 nicht mehr als Tabelle) = */ /* ================================================================================ */ /* Die Elemente werden wie eine Tabelle behandelt, damit die schöne Ausrichtung möglich ist. */ .csc-mailform { position: relative; text-align: left; margin: 0 auto; border: 0px solid black; } .csc-mailform-field { position: relative; height: 25px; width: auto; border: 0px solid green; } .csc-mailform-field.formfield-Anliegen { position: relative; margin-left: 0px; height: 106px; width: auto; border: 0px solid yellow; } .csc-mailform-field.formfield-formtype_mail { position: relative; margin-left: 100px; } .csc-mailform-field label { position: absolute; margin-left: 0px; width: 60px; color: black; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; text-align: left; text-decoration: none; vertical-align: middle; } .csc-mailform-field input { position: absolute; margin-left: 100px; color: black; height: 18px; width: 300px; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; text-align: left; border: 1px solid black; background-color: #CCCCCC; } .csc-mailform-field textarea { position: absolute; margin-left: 100px; color: black; height: 100px; width: 300px; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; text-align: left; border: 1px solid black; background-color: #CCCCCC; } .csc-mailform-field .csc-mailform-submit { position: realitve; color: white; height: 32px; margin-left: 0px; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; text-align: center; text-decoration: none; width: 100px; vertical-align: middle; border: 1px solid black; background-color: #333333; } .csc-mailform-submit:hover { color: #ad9961; } /* ######################################################################################################################## */ /* ######################################################################################################################## */ /* #* ** */ /* #* Alles unterhalb dieser Linie ist noch nicht konsolidiert ** */ /* #* ** */ /* ######################################################################################################################## */ /* ######################################################################################################################## */ /* ================================================================================ */ /* = Irgendwelche Einstellungen = */ /* ================================================================================ */ .csc-caption { color: black; font-size: 9px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: normal; line-height: 13px; text-decoration: none } /* ######################################################################################################################## */ /* ######################################################################################################################## */ /* #* ** */ /* #* MÜLL-KIPPE ** */ /* #* ** */ /* ######################################################################################################################## */ /* ######################################################################################################################## */