/* Wichtige Farben: - #5CB339 normales gruen, globaler Hintergrund - #bdebad tuerkis, Menu-Hgr - #429621 kraeftiges gruen, Hgr der Kategorien - #214910 dunkles gruen, Standard-Linkfarbe - #295d18 dunkles gruen, Standard-Schriftfarbe */ /* ---------------------------------------------------------------- */ /* -------------------- Allgemeine Styles -------------------- */ /* ---------------------------------------------------------------- */ body { width: 100%; height: 100%; padding: 0; margin: 0; font-size: 11px; letter-spacing: 1px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; background-color:#5CB339; color: #295d18;} p { font-size: 11px; } img { border-style: none; } p[align = "center"] { text-align:center; } p[align = "left"] { text-align:left; } p[align = "right"] { text-align:right; } p[align = "justify"] { text-align:justify; } h1, h2, h3, h4 { color: #295d18; } h1 { font-size: 11px; margin: 0; padding: 0; } h2 { font-size: 11px; font-style: italic; font-weight: normal; margin: 1px; padding: 0; } ul, ol, li { text-align: justify; color: #295d18; font-size: 11px; } ul, .liste { list-style-image: url(../_data/dot_gruen.gif); } /* Zitate */ q { text-align:justify; } /* Links, erst allgemein, dann im Inhalts-Bereich */ a:link { color: #214910; text-decoration: none; } a:visited { color: #214910; text-decoration: none; } a:hover { color: #214910; text-decoration: none; } a:active { color: #214910; text-decoration: none; } #inhalt a:link { color: #3E6F28; text-decoration: none; } #inhalt a:visited { color: #3E6F28; text-decoration: none; } #inhalt a:hover { color: #295d18; text-decoration: none; background-color: #bdebad; } #inhalt a:active { color: #295d18; text-decoration: underline; background-color: #bdebad; } /* Text fliesst um Bild */ div.bild_links { float:left; margin:1em 1em 1ex 0; } div.bild_rechts { float:right; margin:1em 0 1ex 1em; } div.bild_mitte {float:none; text-align:center;} .trennstrich { background-color: #429621 } .error { color: #f00 } #error { color: #f00 } .hidden { visibility: hidden; } /* ------------------------------------------------------------------ */ /* -------------------- Individuelle Styles -------------------- */ /* ------------------------------------------------------------------ */ #kopflogo { text-align: center; padding-bottom: 8px; padding-top: 5px } .newstitel { color: #295d18; } A.newstitel:link { color: #214910; font-weight: bold; } A.newstitel:visited { color: #214910; font-weight: bold; } A.newstitel:hover { color: #214910; font-weight: bold; text-decoration: underline; } A.newstitel:active { color: #214910; font-weight: bold; } /* waagerechte UnterUNTER-Menus ueber den Artikel */ .untermenu { color: #bdebad; font-weight: bold; background-color:#429621; } .untermenu a { font-style: italic; color: #bdebad; font-weight: bold; background-color:#429621; } div.um_border { color: #bdebad; line-height: 20px; vertical-align: middle; font-weight: bold; float: left } div.um_border#aktuell { color: #429621; background-color: #bdebad; } div.um_border:hover { color: #429621; background-color: #bdebad; } div.um_border:hover :link { color: #429621; background-color: #bdebad; font-weight: bold; text-decoration: none; font-style: italic; } div.um_border:hover :visited { color: #429621; background-color: #bdebad; font-weight: bold; text-decoration: none; font-style: italic; } div.um_border:hover :active { color: #429621; background-color: #bdebad; font-weight: bold; text-decoration: none; font-style: italic; } div.um_border:hover :hover { color: #429621; background-color: #bdebad; font-weight: bold; text-decoration: underline; } .untermenu a:link { color: #bdebad; font-weight: bold; text-decoration: none; font-style: italic; } .untermenu a:visited { color: #bdebad; font-weight: bold; text-decoration: none; font-style: italic; } .untermenu a:active { color: #bdebad; font-weight: bold; text-decoration: none; font-style: italic; } .untermenu a:hover { color: #bdebad; font-weight: bold; text-decoration: underline; } #uumenu_links { text-align: center; width: 180px; line-height: 20px !important; padding-left: 0px; } #uumenu_normal { text-align: center; width: 180px; line-height: 20px !important; } #uumenu_1von3 { text-align: center; width: 180px; line-height: 20px !important; padding-left: 0px; } #uumenu_2von3 { text-align: center; width: 180px; line-height: 20px !important; } #uumenu_3von3 { text-align: center; width: 180px; line-height: 20px !important; } #uumenu_1von4 { text-align: center; width: 150px; line-height: 20px !important; padding-left: 0px; } #uumenu_2von4 { text-align: center; width: 150px; line-height: 20px !important; } #uumenu_3von4 { text-align: center; width: 150px; line-height: 20px !important; } #uumenu_4von4 { text-align: center; width: 150px; line-height: 20px !important; } #wtt_tipps_1von4 { text-align: center; width: 130px; line-height: 20px !important; padding-left: 0px; } #wtt_tipps_2von4 { text-align: center; width: 100px; line-height: 20px !important; } #wtt_tipps_3von4 { text-align: center; width: 150px; line-height: 20px !important; } #wtt_tipps_4von4 { text-align: center; width: 190px; line-height: 20px !important; } #lifestyle_1von4 { text-align: center; width: 130px; line-height: 20px !important; padding-left: 0px; } #lifestyle_2von4 { text-align: center; width: 120px; line-height: 20px !important; } #lifestyle_3von4 { text-align: center; width: 150px; line-height: 20px !important; } #lifestyle_4von4 { text-align: center; width: 160px; line-height: 20px !important; } #uumenu_statisch { color: #bdebad; padding-left: 10px; vertical-align: middle; font-weight: bold; line-height: 20px !important; } /* totales Gefrickel hier, is ja schlimm. Ingo macht mal fleissig weiter: */ td.untermenu div { padding: 0 5px; } .haupttext_hgr { background-color: #fff } .menuetext { color: #295d18; font-weight: bold; list-style-type: none } .manartikel { color: #295d18; text-align: justify; } /* menu_bgr koennte im Laufe der DIV-Einfuehrung in den UU-Menues ueberfluessig werden */ .menu_bgr { color: #000; background-color: #429621; } .menu2_bgr { color: #000; background-color: #bdebad; } /* Menuespalte */ div#left { background-color:#bdebad; width: 150px; text-align: left; } #menu ul { list-style-type: none; list-style-image: none; margin: 0; padding: 0 0 0 15px; } #menu ul ul { margin: 0px; padding: 0 0 3px 10px; } /* nur fuer IE */ #menu > ul ul { margin: 0px; padding: 1px 0 2px 8px; } #menu ul li { margin: 0; padding: 0; } /* nur fuer IE */ #menu > ul li { margin: 3px 0; } /* Abstand der Hauptpunkte untereinander */ #menu ul ul li { margin: -2px; padding: 0; } /* nur fuer IE */ #menu > ul ul li { margin: 0; } /* Abstand der Unterpunkte untereinander */ #menu li { width: 99%; } /* nur fuer IE */ #menu > li { width: auto; } a#standort:link, a#standort:hover, a#standort:visited, a#standort:active { font-weight: bold !important; } #menupunkt1 a { background: #bdebad url(menu/menua_gruen_01.gif) no-repeat; display: block; } #menupunkt2 a { background: #bdebad url(menu/menua_gruen_03.gif) no-repeat; display: block; } #menupunkt3 a { background: #bdebad url(menu/menua_gruen_05.gif) no-repeat; display: block; } #menupunkt4 a { background: #bdebad url(menu/menua_gruen_04.gif) no-repeat; display: block; } #menupunkt5 a { background: #bdebad url(menu/menua_gruen_06.gif) no-repeat; display: block; } #menupunkt6 a { background: #bdebad url(menu/menua_gruen_07.gif) no-repeat; display: block; } #menupunkt7 a { background: #bdebad url(menu/menua_gruen_02.gif) no-repeat; display: block; } #menupunkt8 a { background: #bdebad url(menu/menua_gruen_09.gif) no-repeat; display: block; } #menupunkt1 a:hover { background: #bdebad url(menu/menub_gruen_01.gif) no-repeat; display: block; } #menupunkt2 a:hover { background: #bdebad url(menu/menub_gruen_03.gif) no-repeat; display: block; } #menupunkt3 a:hover { background: #bdebad url(menu/menub_gruen_05.gif) no-repeat; display: block; } #menupunkt4 a:hover { background: #bdebad url(menu/menub_gruen_04.gif) no-repeat; display: block; } #menupunkt5 a:hover { background: #bdebad url(menu/menub_gruen_06.gif) no-repeat; display: block; } #menupunkt6 a:hover { background: #bdebad url(menu/menub_gruen_07.gif) no-repeat; display: block; } #menupunkt7 a:hover { background: #bdebad url(menu/menub_gruen_02.gif) no-repeat; display: block; } #menupunkt8 a:hover { background: #bdebad url(menu/menub_gruen_09.gif) no-repeat; display: block; } #menupunkt1_aktiv a { background: #bdebad url(menu/menuc_gruen_01.gif) no-repeat; display: block; } #menupunkt2_aktiv a { background: #bdebad url(menu/menuc_gruen_03.gif) no-repeat; display: block; } #menupunkt3_aktiv a { background: #bdebad url(menu/menuc_gruen_05.gif) no-repeat; display: block; } #menupunkt4_aktiv a { background: #bdebad url(menu/menuc_gruen_04.gif) no-repeat; display: block; } #menupunkt5_aktiv a { background: #bdebad url(menu/menuc_gruen_06.gif) no-repeat; display: block; } #menupunkt6_aktiv a { background: #bdebad url(menu/menuc_gruen_07.gif) no-repeat; display: block; } #menupunkt7_aktiv a { background: #bdebad url(menu/menuc_gruen_02.gif) no-repeat; display: block; } #menupunkt8_aktiv a { background: #bdebad url(menu/menuc_gruen_09.gif) no-repeat; display: block; } #menupunkt1_aktiv a:hover { background: #bdebad url(menu/menub_gruen_01.gif) no-repeat; display: block; } #menupunkt2_aktiv a:hover { background: #bdebad url(menu/menub_gruen_03.gif) no-repeat; display: block; } #menupunkt3_aktiv a:hover { background: #bdebad url(menu/menub_gruen_05.gif) no-repeat; display: block; } #menupunkt4_aktiv a:hover { background: #bdebad url(menu/menub_gruen_04.gif) no-repeat; display: block; } #menupunkt5_aktiv a:hover { background: #bdebad url(menu/menub_gruen_06.gif) no-repeat; display: block; } #menupunkt6_aktiv a:hover { background: #bdebad url(menu/menub_gruen_07.gif) no-repeat; display: block; } #menupunkt7_aktiv a:hover { background: #bdebad url(menu/menub_gruen_02.gif) no-repeat; display: block; } #menupunkt8_aktiv a:hover { background: #bdebad url(menu/menub_gruen_09.gif) no-repeat; display: block; } #untermenu a { background-image: none; } #untermenu a:hover { background-image: none; } /* Weiterer Inhalt der Menuspalte (2x Tantek-Hack fuer IE 5.x) */ #left div.titel { background-color: #429621; color: #000; font-size: 12px; font-weight: bold; text-align: left; line-height: 20px; padding-left: 15px; margin: 15px 0 10px 0; height: 20px; width: 135px; voice-family: "\"}\""; voice-family: inherit; width: 120px; } #left > div.titel { width: 120px; } #left #menutitel { margin-top: 0; width: 150px; voice-family: "\"}\""; voice-family: inherit; width: 135px; } #left > #menutitel { width: 135px; } #login { text-align: center; } #banner { text-align: center; padding: 50px 0 20px 0; } /* Suchfunktion */ #suche { margin: 10px 0 25px 5px; } #suche input { color: #295d18; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; } #suchfeld { background-color:#fff; color: #295d18; padding: 2px 4px; border-color: #bdebad; -moz-border-radius: 2px; } #suchfeld:focus { background-color: #98DA7D; color: #295d18; } #such-button { padding: 1px 4px; } /* Footer und Copyright-Hinweis */ #footer { padding-top: 20px; margin: 4px; text-align: center; } #copyright { padding-bottom: 20px; margin: 4px; text-align: center; color: #555; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif;} /* Kommentarfunktion: */ .kom_form { margin-left: 70px; width: 490px; color: #214910; font-size: 11px; } .kom_form_rechts>input { width: 150px; } .kom_form_links { width: 80px; float: left; margin-bottom: 10px; line-height: 190%; } .kom_form_rechts { width: 360px; float: left; margin-bottom: 10px; margin-left: 5px } #kom_form_senden { width: 90px; color: #214910 } .kom_status { margin-left: 70px } .kom_eintrag { margin-left: 70px; border: none; width: 500px } .kom_eintrag_leiste { background-color: #bdebad; padding: 3px; color: #000; font-size: 11px; } .kom_eintrag_text { margin-bottom: 20px; background-color: #fff; border-left: 1px solid #5CB339; border-right: 1px solid #5CB339; border-bottom: 1px solid #5CB339; padding: 3px; color: #214910; font-size: 11px; } /* freie Beitraege */ .frei_form { margin-left: 70px; width: 490px } .frei_form_rechts>input { width: 150px; font-size: 11px; } .frei_form_rechts>input:focus; .frei_form_rechts>textarea:focus { background-color: #bdebad; font-size: 11px; } .frei_form_links { width: 80px; float: left; margin-bottom: 10px; color: #214910; letter-spacing: 1px } .frei_form_rechts { width: 360px; float: left; margin-bottom: 10px; margin-left: 5px } #freiformular { margin-top: 50px; } #frei_form_senden { width: 90px; color: #214910 } #frei_form_reset { width: 90px; color: #214910 } .frei_status { margin-left: 70px; text-align: justify } .frei_eintrag_titel { font-size: 13px; color: #214910; font-weight: bold; padding-left: 20px; } .frei_eintrag_utitel { color: #214910; font-style: italic; padding-left: 30px; margin-top: 3px; } .frei_eintrag_text { margin-left: 70px; margin-bottom: 20px; margin-top: 10px; padding: 3px; text-align: justify; color: #214910; font-size: 11px; letter-spacing: 1px } .frei_eintrag_footer { padding: 3px; margin-bottom: 20px; color: #214910; text-align: right }