/* //000000011111111112222222222333333333344444444445555555555666666666677777777778 //345678901234567890123456789012345678901234567890123456789012345678901234567890 // // Datei : design.css // Beschreibung : Cascading Stylesheets der Webpräsenz // Cist - Josenfeld // // Version : 1.0 // erstellt : 19.06.2008 // letzte Änderung : 22.07.2008 // JT 19.06.2008 : cist_h7, // JT 15.06.2008 : cist_cont, cist_inha, cist_bild_l, cist_bild_r, // cist_bottom, cist_bottom_bg // JT 14.06.2008 : cist_kopf_links, cist_kopf_bildrahmen, cist_kopf_bild, // cist_kopf_rahmen , cist_kopf_rechts, cist_menh, ul, li, // cist_menh_bg, cist_menh_l, cist_menh_m, table, th, td, // cist_h1, cist_h2, cist_h3, cist_h4, cist_h5, cist_h6, // cist_rot_b, cist_menh_r, form.menuhf, input.datum, // cist_mitte, cist_menm, a.cist_mti, a.cist_mta, // a.cist_mmi, a.cist_mma // JT 13.06.2008 : body, cist_rahmen, cist_kopf // // Autor : Josef Thelen // E-Mail : Josef@Thelen007.de // Josef.Thelen@Cist.de // // copyright (c) 2008 : by Cist // // //000000011111111112222222222333333333344444444445555555555666666666677777777778 //345678901234567890123456789012345678901234567890123456789012345678901234567890 */ /* globale Definitionen */ @media all { /* Beginn der Definitionen für alle Medien */ body { /* die Angaben body gelten für das komplette Browserfenster */ background-color : #FFFFFF; /* Hintergrundfarbe */ background-attachment : fixed; background-image : url(../../img/allg/bild0001.jpg); background-repeat : no-repeat; background-position : bottom left; color : #000000; /* Schriftfarbe */ font-family : Arial, Verdana, Helvetica, sans-serif; font-size : 81.25%; /* Standardschriftgröße ca. 13px */ font-weight : normal; /* Standardschriftstärke */ margin-bottom : 0px; /* Body füllt gesamtes Fenster */ margin-left : 0px; margin-right : 0px; margin-top : 0px; text-align : left; text-decoration : none; /* Standarddarstellung */ vertical-align : top; } /* die Angaben body gelten für das komplette Browserfenster */ #cist_rahmen { /* umschließt den gesamten darzustellenden Bereich */ background-color : transparent; color : #000000; font-family : Arial, Verdana, Helvetica, sans-serif; font-size : 1em; font-weight : normal; margin-bottom : 2px; margin-left : 0; margin-right : auto; margin-top : 5px; text-align : left; text-decoration : none; vertical-align : top; width : 960px; /* Breite ca. 960 Punkte bei Normalzoom */ } /* umschließt den gesamten darzustellenden Bereich */ .cist_kopf_bild { /* nimmt das Bild auf */ background-color : transparent; color : #000000; empty-cells : show; float : left; height : 150px; margin : 0; overflow : hidden; padding : 0; text-align : left; text-decoration : none; vertical-align : middle; width : 960px; /* Breite ca. 960 Punkte bei Normalzoom */ } /* nimmt das Bild auf */ #cist_z01s00 { /* cist_z01s00 Titelzeile mit Bild */ background-color : transparent; color : #000000; empty-cells : show; float : left; height : 150px; margin : 0; overflow : hidden; padding : 0; text-align : left; text-decoration : none; vertical-align : middle; width : 960px; /* Breite ca. 960 Punkte bei Normalzoom */ } /* cist_z01s00 Titelzeile mit Bild */ #cist_menh { /* Rahmen um horizontales Menü und Datum */ background-color : #AAAAAA; color : #006633; empty-cells : show; float : left; height : 18px; margin : 0; overflow : hidden; padding : 0; text-align : left; text-decoration : none; vertical-align : middle; width : 100%; } /* Rahmen um horizontales Menü und Datum */ #cist_menh_l { /* Text Navigation Breite gleich vertikales Menu */ background-color : transparent; font-weight : bold; text-align : left; width : 160px; } /* Text Navigation Breite gleich vertikales Menu */ #cist_menh_m { /* umschließt die Menüeinträge */ background-color : transparent; font-family : Arial, Verdana, Helvetica, sans-serif; font-size : 0.85em; letter-spacing : 1pt; text-align : left; } /* umschließt die Menüeinträge */ #cist_z03 { /* cist_z03 Menu und Inhalt */ background-color : transparent; color : #000000; float : left; font-family : Arial, Verdana, Helvetica, sans-serif; font-size : 1em; font-weight : normal; margin : 0; text-align : left; width : 960px; } #cist_navi { /* cist_navi das Hauptmenü */ background-color : #AAAAAA; color : #000000; float : left; font-family : Arial, Verdana, Helvetica, sans-serif; font-size : 1em; font-weight : normal; margin : 0; opacity : 0.8; text-align : left; width : 160px; _filter : progid:DXImageTransform.Microsoft.Alpha(opacity=80); } a.cist_mti, a.cist_mti:link, a.cist_mti:visited, a.cist_mti:active { /* HMenü */ border-right : solid medium #006633; color : #006633; font-weight : bold; padding-left : 1.0em; padding-right : 1.0em; text-decoration : none; } /* horizontales Menü */ a.cist_mti:hover { /* Links im horizontalen Menü bei Mausover */ border-right : solid medium #006633; font-weight : bold; color : #009933; padding-left : 1.0em; padding-right : 1.0em; text-decoration : none; } /* Links im horizontalen Menü bei Mausover */ a.cist_mta, a.cist_mta:link, a.cist_mta:visited, a.cist_mta:active { /* HMenü */ border-right : solid medium #006633; color : #336633; font-weight : bold; padding-left : 1.0em; padding-right : 1.0em; text-decoration : none; } /* aktives horizontales Menü */ a.cist_mta:hover { /* Links im horizontalen Menü bei Mausover */ border-right : solid medium #006633; font-weight : bold; color : #009933; padding-left : 1.0em; padding-right : 1.0em; text-decoration : none; } /* Links im horizontalen Menü bei Mausover */ a.cist_mvi, a.cist_mvi:link, a.cist_mvi:visited, a.cist_mvi:active { /* VMenü */ border : none; color : #003300; font-weight : bold; padding-left : 1.0em; padding-right : 1.0em; text-decoration : none; } /* vertikales Menü */ a.cist_mvi:hover { /* Links im vertikales Menü bei Mausover */ border : none; color : #006633; font-weight : bold; padding-left : 1.0em; padding-right : 1.0em; text-decoration : none; } /* Links im vertikales Menü bei Mausover */ a.cist_mva, a.cist_mva:link, a.cist_mva:visited, a.cist_mva:active { /* VMenü */ border : none; color : #003300; font-weight : bold; padding-left : 1.0em; padding-right : 1.0em; text-decoration : none; } /* aktives vertikales Menü */ a.cist_mva:hover { /* Links im vertikales Menü bei Mausover */ border : none; color : #006633; font-weight : bold; padding-left : 1.0em; padding-right : 1.0em; text-decoration : none; } /* Links im vertikales Menü bei Mausover */ .cist_bild_l { /* umschließt Bilder auf der linken Seite */ background-color : transparent; color : #000000; empty-cells : show; margin : 0; overflow : hidden; padding-right : 1.0em; float : left; font-family : Arial, Verdana, Helvetica, sans-serif; font-size : 0.7em; font-weight : normal; text-align : left; text-decoration : none; vertical-align : top; } /* umschließt Bilder auf der linken Seite */ .cist_bild_r { /* umschließt Bilder auf der rechten Seite */ background-color : transparent; color : #000000; empty-cells : show; margin : 0; overflow : hidden; padding-left : 1.0em; float : right; font-family : Arial, Verdana, Helvetica, sans-serif; font-size : 0.7em; font-weight : normal; text-align : right; text-decoration : none; vertical-align : top; } /* umschließt Bilder auf der rechten Seite */ .cist_h1 { /* große Überschriften z.B. in der Titelzeile */ background-color : transparent; color : #336633; empty-cells : show; font-family : "Arial Black", Arial, Verdana, Helvetica, sans-serif; font-size : 3.2em; margin : 0; overflow : hidden; padding : 0; text-align : left; text-decoration : none; vertical-align : top; } /* große Überschriften z.B. in der Titelzeile */ .cist_h2 { /* Inhaltsüberschriften */ background-color : transparent; color : #336633; empty-cells : show; font-family : "Arial Black", Arial, Verdana, Helvetica, sans-serif; font-size : 2.0em; margin : 0; overflow : hidden; padding : 0; text-align : left; text-decoration : none; vertical-align : top; } /* Inhaltsüberschriften */ .cist_h3 { /* Inhaltsüberschriften */ background-color : transparent; color : #336633; empty-cells : show; font-family : "Arial Black", Arial, Verdana, Helvetica, sans-serif; font-size : 1.8em; margin : 0; overflow : hidden; padding : 0; text-align : left; text-decoration : none; vertical-align : top; } /* Inhaltsüberschriften */ .cist_h4 { /* Inhaltsüberschriften */ background-color : transparent; color : #336633; empty-cells : show; font-family : "Arial Black", Arial, Verdana, Helvetica, sans-serif; font-size : 1.6em; margin : 0; overflow : hidden; padding : 0; text-align : left; text-decoration : none; vertical-align : top; } /* Inhaltsüberschriften */ .cist_h5 { /* Inhaltsüberschriften */ background-color : transparent; color : #336633; empty-cells : show; font-family : "Arial Black", Arial, Verdana, Helvetica, sans-serif; font-size : 1.4em; margin : 0; overflow : hidden; padding : 0; text-align : left; text-decoration : none; vertical-align : top; } /* Inhaltsüberschriften */ .cist_h6 { /* Inhaltsüberschriften */ background-color : transparent; color : #336633; empty-cells : show; font-family : "Arial Black", Arial, Verdana, Helvetica, sans-serif; font-size : 1.2em; margin : 0; overflow : hidden; padding : 0; text-align : left; text-decoration : none; vertical-align : top; } /* Inhaltsüberschriften */ .cist_h7 { /* Statistiküberschriften */ background-color : transparent; color : #336633; font-size : 1.1em; font-weight : bold; margin : 0; overflow : hidden; padding : 0; text-decoration : none; } /* Statistiküberschriften */ .cist_ha7 { /* Statistiküberschriften */ background-color : transparent; color : #336633; font-size : 1.1em; font-weight : bold; text-decoration : none; } /* Statistiküberschriften */ } /* Beginn der Definitionen für alle Medien */