/*------------------------------------------------------------------------------ Projekt: Zulauf - Die grüne Quelle Datei: zulauf.css Copyright: (c)2006-2009 .hausformat gmbh Author: Sacha P. Suter / Peter Fankhauser / Reto Schmid ----------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------ Basis HTML Definitionen ------------------------------------------------------------------------------*/ @import url('cal.css'); html { height: 100%; } body { background-color: #99E512; margin: 0; padding: 0; font-size: 16px; font-family: Verdana, Arial, SunSans-Regular, Sans-Serif; color: #323232; height: 100%; background-image: url('../gui/content_background_970.gif'); background-position: center; background-repeat: repeat-y; } textarea { font-size: 12px; font-family: Verdana, Arial, SunSans-Regular, Sans-Serif; color: #323232; } * html body { text-align: center; } /* IE Hack */ a, a:link { outline: none; text-decoration: none; } a:visited { } a:focus, a:hover, a:active { text-decoration: underline; outline: none; } b { font-weight: bold; } /*------------------------------------------------------------------------------ Container Definitionen ------------------------------------------------------------------------------*/ #container { width: 970px; margin: 0 auto 0 auto; padding: 0; text-align: left; position: relative; min-height: 100%; background-image: url('../gui/content_background_970.gif'); /* overflow: hidden; */ } * html body #container { height: 100%; } /* IE Hack */ #header { width: 970px; height: 235px; padding: 0; margin: 0; background-image: url('../gui/header_background_970.gif'); } #header #mainmenu { width: 150px; height: 175px; padding: 14px 0 0 18px; float: left; } #header #quickmenu { margin-left: 490px; padding-top: 18px; width: 280px; height: 10px; } #header #locationmenu { margin-left: 490px; padding-top: 10px; width: 211px; height: 10px; } * html #header #locationmenu, * html #header #quickmenu { /* IE<7 Hack */ margin-left: 490px; } #header #search { margin-left: 0; margin-right: 10px; width: 182px; padding-top: 14px; height: 20px; float: right; clear: right; } * html #header #search { /* IE<7 Hack */ margin-right: 6px; } #outer { margin: 0 195px 15px 170px; } #inner { margin: -10px 0 0 0; padding: 0; } #left { width: 170px; position: relative; margin-left: -170px; margin-right: 0; margin-top: 3px; float: left; overflow: hidden; } * html #left { margin-left: -85px; } .home #outer { margin-top: 65px; } .home #inner { margin-top: 0; } .home #left { margin-top: -72px; } /*------------------------------------------------------------------------------ Adresse für Printausgabe ------------------------------------------------------------------------------*/ #header #print_adresse { font-size: 0.69em; display: none; } /*------------------------------------------------------------------------------ Infolinie / Breadcrumb / Print ------------------------------------------------------------------------------*/ #infoline { margin: 0 43px 0 23px; background-image: url('../gui/divider.gif'); background-repeat: repeat-x; height: 32px; padding: 2px 0 0 0; position: relative; } #infoline #breadcrump { color: #306702; font-weight: bold; font-size: 0.8em; float: left; width: 480px; overflow: hidden; height: 18px; } #infoline #breadcrump a { color: #5cb800; font-weight: bold; } #infoline #breadcrump a:hover { text-decoration: underline; } #infoline #print { float: right; background-image: url('../gui/print_icon.gif'); background-repeat: no-repeat; font-size: 0.7em; margin-top: -16px; padding-left: 12px; } #infoline #print a { color: #515151; } #infoline #print a:hover { text-decoration: underline; } /*------------------------------------------------------------------------------ Hauptcontent ('Mittlerer Bereich') ------------------------------------------------------------------------------*/ #content { margin: 0 0 0 22px; padding: 0; width: 540px; overflow: hidden; } *html body #content { margin: 0 10px 0 22px; m/argin: 0 22px 0 22px; } #content p { padding: 0; margin: 0; font-size: 11px; line-height: 1.35em; color: #323232; } #content p.pagebrowser { padding-top: 6px; } sup { font-size: 75%; line-height: 1em; } .home #content p { margin-bottom: 6px; } #content p.align-right { text-align: right; } #content ul { margin: 0; padding-left: 0; font-size: 0.7em; line-height: 1.2em; color: #323232; line-height: 14px; } #content li { margin-left: 10px; padding-left: 10px; line-height: 14px; background-image: url('../gui/li.gif'); background-repeat: no-repeat; list-style-type: none; } #content ul ul { font-size: 1em; padding: 0 0 0 18px; } #content ol { padding: 0 0 0 18px; font-size: 0.7em; line-height: 1.2em; color: #323232; line-height: 14px; } #content ol ol { font-size: 1em; } #content h4 { padding: 0; margin: 3px 0 4px 0; font-size: 0.7em; color: #336600; font-weight: bold; } #content a.external-link, #content a.external-link-new-window, #content a.download { /* externer link */ color: #5cb700; } #content a.external-link: hover, #content a.external-link-new-window: hover, #content a.download: hover { /* externer link */ text-decoration: none; } #content a { /* interner link */ color: #5cb700; } .home #content a { font-weight: bold; } #content a:hover { /* interner link */ text-decoration: underline; } pre{ font-size: 12px; padding: 5px 10px; margin: 0; } #content .tx-ghrandomcontent-pi1 .csc-firstHeader{ font-family: "Trebuchet MS"; color: #336600; font-weight: bold; font-size: 1.25em; line-height: 1.1em; margin-bottom: 20px; } #content #cal_single p { margin-top: 5px; } /*------------------------------------------------------------------------------ Bilder Texte ------------------------------------------------------------------------------*/ .csc-textpic-caption { font-size: 0.6em; color: #777777; } /*------------------------------------------------------------------------------ Portrait Box ------------------------------------------------------------------------------*/ #content .portrait { background-color: #edf8d8; float: left; width: 100%; margin-bottom: 10px; } * html body #container #content .portrait { width: 544px; } /* IE Hack */ #content .portrait .bild { width: 148px; height: 148px; float: left; overflow: hidden; } #content .portrait .inhalt { margin: 4px 0 0 10px; float: left; m-in-width: 230px; } #content .portrait .inhalt2 { margin: 0; float: right; text-align: right; border: none; } #content .portrait .inhalt2 img{ margin-bottom: 10px; border: none; } #content .portrait .inhalt2 a { font-weight: normal; text-decoration: underline; } #content .portrait .inhalt2 a:hover { font-weight: normal; text-decoration: none; } #content .portrait .inhalt h1{ margin: 0 0 3px 0; } #content .portrait .inhalt p, #content .portrait .inhalt2 p{ color: #346400; margin-right: 2px; } #content .portrait .end { clear: left; } /*Extra für das Doppelportrait unter Firma*/ #content .portrait .inhalt_extra_1, #content .portrait .inhalt_extra_2 { margin: 0; float: right; text-align: right; border: none; width: 120px; } #content .portrait .inhalt_extra_2 { margin-right: 20px; } #content .portrait .inhalt_extra_1 img, #content .portrait .inhalt_extra_2 img { margin-bottom: 10px; border: none; } #content .portrait .inhalt_extra_1 a, #content .portrait .inhalt_extra_2 a { font-weight: normal; text-decoration: underline; } #content .portrait .inhalt_extra_1 a:hover, #content .portrait .inhalt_extra_2 a:hover { text-decoration: none; } #content .portrait .inhalt_extra_1 p, #content .portrait .inhalt_extra_2 p { color: #346400; margin-right: 2px; } /*------------------------------------------------------------------------------ 2 Spalten Layout ------------------------------------------------------------------------------*/ #content h1, #content h2, #content h3, .zweispalten .newstitle { color: #5CB700; font-size: 0.75em; font-weight: bold; margin: 20px 0 4px 0; padding: 0; } #content h1.csc-firstHeader, #content h2.csc-firstHeader, #content h3.csc-firstHeader { margin-top: 0; } #content .filelinks h3 { font-size: 11px; margin-bottom: 0; line-height: 1.35em; } #content .csc-header h1, #content .csc-textpicHeader h1 { margin-bottom: 12px !important; font-size: 1em; } .home #content .csc-header h1, #content .csc-textpicHeader h1 { margin-bottom: 0px !important; margin-top: 7px; font-size: 1em; } #content .zweispalten .item h1 { margin: 1px 0 3px 0; } #content .zweispalten h2, #content .tx-cal-controller h2, #content .news-list-container h2 { border-bottom: 1px solid #BDBDBD; padding-bottom: 3px; margin-bottom: 0; font-size: 1em; display: none; } .home #content .zweispalten h2, .home #content .tx-cal-controller h2, .home #content .news-list-container h2 { border: none; margin-top: 0; line-height: 1.7em; color: #ffffff; font-weight: bold; background: #ffffff url('../gui/bg_title_center_beige.gif') no-repeat center left; height: 21px; font-size: 12px; margin-bottom: 7px; padding: 0 10px; display: block; } .home #content .zweispalten h2.orange, .hme #content .tx-cal-controller h2.orange, .home #content .news-list-container h2.orange { background-image: url('../gui/bg_title_center_orange.gif'); } #content .zweispalten h5 { margin: 8px 0 8px; font-size: 11px; text-align: left; } .home #content .zweispalten h5 { margin: 8px; } #content .zweispalten { float: left; width: 100%; margin-bottom: 10px; margin-top: 20px; } * html body #content .zweispalten { /* IEHack */ width: 544px; } #content .zweispalten .spalte_eins { float: left; width: 265px; } #content .zweispalten .spalte_zwei { float: right; width: 265px; } #content .zweispalten .end { clear: left } #content .zweispalten div.morelink { font-size: 11px; margin: 0; } #content .zweispalten .archiv { display: none; } #content .zweispalten .info { width: auto; margin-left: 0 !important; } /*------------------------------------------------------------------------------ Info Box ------------------------------------------------------------------------------*/ #content .infoblock { width: 280px; float: left; } #content .infoblock img { float: left; margin-right: 5px; } #content .infoblock .inhalt { margin-right: 5px; } #content .infoblock .end { clear: left; } #content .infoblock a { /* interner link */ color: #5cb700; font-weight: bold; background-image: url('../gui/link_normal.gif'); background-repeat: no-repeat; padding-left: 12px; } #content .infoblock a:hover { /* interner link */ text-decoration: underline; } /*------------------------------------------------------------------------------ Footer ------------------------------------------------------------------------------*/ #footer { clear: left; padding: 0; margin: 0; text-align: right; } /*------------------------------------------------------------------------------ Hauptnavigation ------------------------------------------------------------------------------*/ #header #mainmenu ul { margin: 0; padding: 0; } #header #mainmenu ul li { margin: 0; padding: 0; list-style-type: none; } #header #mainmenu ul li a { color: #ffffff; font-size: 0.7em; font-weight: bold; text-decoration: none; width: 140px; padding-left: 23px; background-image: url('../gui/main_navi_dot.gif'); background-repeat: no-repeat; } #header #mainmenu ul li a.act { background-image: url('../gui/main_navi_dot_sel.gif'); background-repeat: no-repeat; } #header #mainmenu ul li a:hover { background-image: url('../gui/main_navi_dot_sel.gif'); background-repeat: no-repeat; } /*------------------------------------------------------------------------------ Schnellnavigation & Ortswahl ------------------------------------------------------------------------------*/ #header #quickmenu ul,#header #locationmenu ul { margin: 0; padding: 0; } #header #quickmenu ul li,#header #locationmenu ul li { color: #ffffff; font-size: 0.7em; margin: 0; padding: 0; list-style-type: none; float: left; } #header #quickmenu ul li a, #header #locationmenu ul li a { color: #ffffff; text-decoration: none; } #header #quickmenu ul li a.act, #header #locationmenu ul li a.act { color: #beef24; } #header #quickmenu ul li a:hover, #header #locationmenu ul li a:hover { color: #beef24; } /*------------------------------------------------------------------------------ Suchbox im Header ------------------------------------------------------------------------------*/ #header #search input { width: 130px; height: 14px; border: none; font-size: 0.7em; } #header #search input.fragen { width: 42px; padding: 0; border: none; font-size: 0.7em; color: #eeeeee; background: blue; cursor: pointer; background: none; height: 18px; } /*------------------------------------------------------------------------------ Zulauf Logo ------------------------------------------------------------------------------*/ #header #logo { left: 724px; top: 100px; position: absolute; } /*------------------------------------------------------------------------------ Zulauf Willkommenstext ------------------------------------------------------------------------------*/ #header #welcome { position: absolute; overflow: hidden; height: 200px; left: 192px; top: 100px; width: 500px; font-size: 0.69em; } #header #welcome img { position: absolute; top: 0; right: 0; } #header h1 { color: #5eb902; font-weight: normal; } #header #welcome p { margin: 0; padding: 0; color: #5f5f5f; font-size: 11px; line-height: 1.35em; } /*------------------------------------------------------------------------------ Linke Seite / Subnavigation ------------------------------------------------------------------------------*/ #left h1 { color: #ffffff; font-size: 0.8em; margin: 0 0 0 11px; padding: 0 0 0 9px; width: 154px; height: 28px; background-image: url('../gui/left_home_h1.gif'); background-repeat: no-repeat; } #left p { color: #663401; font-size: 0.7em; padding: 0 0 8px 20px; margin: 0; } #left a { color: #663401; text-decoration: none; } #left a:hover { color: #663401; text-decoration: underline; } #left #submenu { margin-top: -5px; margin-left: 5px; } #left ul, #left li { margin: 0; padding: 0; list-style-type: none; display: inline; } #left ul li a { font-size: 0.7em; margin: 5px 0 0 0; padding: 0 0 3px 16px; width: 100%; display: block; } #left ul li a.act { font-size: 0.7em; text-decoration: none; margin: 5px 0 0 0; padding: 0 0 3px 16px; width: 100%; display: block; background-color: #ffde6a; } #left ul li a:hover { font-size: 0.7em; text-decoration: none; color: #633400; background-color: #ffde6a; } #left ul li ul li a { font-size: 0.7em; margin: 0; padding: 0 0 2px 26px; width: 100%; background-color: #ffde6a; display: block; } #left ul li ul li a:hover { font-size: 0.7em; text-decoration: none; margin: 0; padding: 0 0 2px 26px; width: 100%; background-color: #efce5a; display: block; } #left ul li ul li a.act { font-size: 0.7em; text-decoration: none; margin: 0; padding: 0 0 2px 26px; width: 100%; background-color: #efce5a; display: block; } /*------------------------------------------------------------------------------ Rechte Seite / Quicknews ------------------------------------------------------------------------------*/ #right_top { width: 215px; float: right; margin-right: -190px; display: inline; } #right_top #qnews, #right_top .tx-cal-controller, #right_top .interessant_fce { background-image: url('../gui/news_bg.gif'); background-repeat: repeat-y; background-position: center; margin: 0 0 16px 0; border-bottom: 1px solid #FFFFFF; } #right_top div.clearer, .zweispalten div.clearer { border: 0; background-color: #BDBDBD; height: 9px; font-size: 1px; line-height: 1px; width: 20px; clear: both; visibility: hidden; background-color: blue; } #content .clearer { height: 0; } .zweispalten div.clearer { height: 1px; } #right_top .item, #right_top .tx-mwrandomobjects-pi1 { margin: 0 0 0 18px; width: 184px; } #right_top .item a { color: #5EB902; display: block; } #right_top .item a:hover, #right_top .tx-mwrandomobjects-pi1 a:hover { text-decoration: underline; } #right_top .tx-mwrandomobjects-pi1 p { margin-bottom: 6px; } #right_top .tx-mwrandomobjects-pi1 a { color: #5EB902; font-weight: bold; } #right_top #qnews .info, #right_top .tx-cal-controller .info, #right_top .interessant_fce .info { margin-left: 50px; } #right_top div.morelink { font-size: 10px; } #right_top h1, #right_top h1 a { font-size: 11px; color: #5cb700; margin: 0 0 2px 0; } #right_top h1 a.livid { margin-left: -12px; } #right_top .csc-header-n3 { margin-bottom: 10px; margin-top: -14px; text-align: center; } #right_top .csc-header-n3 h1, #right_top .csc-header-n3 h1 a { font-weight: normal; font-size: 10px !important; } #right_top .csc-header-n3 h1 a:hover { text-decoration: underline; } #right_top p { font-size: 10px; margin: 0; line-height: 1.4em; } * html #right_top p { /* -IE6 inline Hack */ display: inline; } *: first-child+html #right_top p { /* IE7 inline Hack */ display: inline; } #right_top h2 { margin-top: 0; line-height: 1.7em; color: #058105; font-weight: bold; background: #ffffff url('../gui/bg_title_right.gif') no-repeat center; height: 21px; font-size: 12px; margin-bottom: 7px; padding: 0 18px; } #right_top .item img { border: 0; margin-right: 6px; /*margin-bottom: 5px; */ padding-top: 2px; } .home #right_top .item img, #right_top .interessant_fce .item img { float: left; width: 44px; height: 44px; } .int_title { color: #5cb700; font-weight: bold; } #content .news-list-item img { width: 39px; height: 39px; border: 0; } * html body .newstitle { height: 17px; } /* IE Hack */ * html body #right_top #qnews { /* IE Hack */ height: 300px; } #content .item { border-bottom: 1px dashed #a0cf67; padding: 8px 0; overflow: hidden; } .home #content .item { padding: 8px 0; min-height: 80px; width: 200px; margin-left: 8px; } .date { font-size: 10px; margin-bottom: 2px; } .noevent { font-size: 10px; } .news-latest-morelink a { font-size: 10px; color: #5cb700; } div.csc-textpic { overflow: hidden; } div.csc-textpic-clear, div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap { } #calendar-event div.csc-textpic { overflow: visible; } #content .item img { float: left; display: inline; margin: 3px 10px 0 0; border: none; } .home #content .item img { float: none; margin: 3px 0 0 0; border: none; } #content .news-list-container .item img { } .spalte_zwei .csc-textpic-intext-left-nowrap { border-top: 1px solid #bdbdbd; padding-top: 5px; } .archiv, #calendar-event-backlink { text-align: center; background-color: #ffffff; } #content #calendar-event-backlink { text-align: left; font-weight: bold; font-size: 11px; margin-top: 20px; } #right_top .archiv a, #right_top #calendar-event-backlink a { font-size: 10px; color: #5EB902; } #content #calendar-event div div { font-size: 11px; font-weight: bold; } .archiv a:hover { text-decoration: underline; } /*------------------------------------------------------------------------------ News im Contentbereich ------------------------------------------------------------------------------*/ /* clearer */ .news-list-container HR.clearer, .news-latest-container HR.clearer{ border: 0; background-color: #BDBDBD; height: 1px; width: 100%; } .news-latest-container HR.clearer { clear: left; display: none; } .news-single-item HR.clearer { border: 0; height: 0; visibility: hidden; } #content .morelink { font-size: 11px; margin: 6px 0 0 0; } /* Archiv */ #content .news-amenu-container { margin-top: 10px; } #content .news-amenu-container h2 { margin-bottom: 10px; } #content .news-amenu-container ul { margin: 0; padding: 0 0 10px 0; list-style: none; border-bottom: solid #e2e4ce 1px; border-left: solid #e2e4ce 1px; border-right: solid #e2e4ce 1px; } #content .news-amenu-container ul li.news-amenu-item-year { margin: 10px 0 4px 0; padding: 5px 0 5px 5px; font-weight: bold; border-top: solid #e2e4ce 1px; border-bottom: solid #e2e4ce 1px; background: #fafaf0; } #content .news-amenu-container ul li { margin: 0; padding: 0 0 0 5px; list-style: none; } #content .news-amenu-container ul li a { font-weight: normal; } /* Listen Ansicht */ .news-list-item p{ margin: 0 0 5px 0; } .news-single-category { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.69em; } .news-single-timedata { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.69em; } .news-search-emptyMsg{ margin: 0; } .news-search-form FORM { margin: 0; } .news-list-container H3 { margin-bottom: 5px; font-size: 11px; } .news-list-container H3 a:link, .news-list-container H3 a:visited,.news-list-container H3 a:hover { color: #e24d3b; } .news-list-container H3 A { color: #e24d3b; } .news-list-date { float: right; width: 120px; text-align: right; height: 13px; margin-top: 0; margin-right: 0; font-size: 9px; font-weight: normal; color: #666666; } .news-list-date-event { float: right; width: 250px; text-align: right; height: 13px; margin-top: 0; margin-right: 0; font-size: 9px; font-weight: normal; color: #666666; } .news-list-imgcaption { float: right; padding-top: 3px; padding-right: 3px; font-size: 9px; } .news-list-category IMG { float: none; border: none; margin: 0; } .news-list-morelink,.news-list-category { font-family: Verdana, Arial, Helvetica, sans-serif; } .news-list-morelink A{ margin-bottom: 3px; color: #e24d3b; text-decoration: none; font-size: 0.69em; } .news-list-browse { text-align: right; } /* Single Ansicht */ #content .news-list-item .clearer { margin-top: 15px; } #content .news-list-item img { float: left; margin: 0 5px 0 0; } .news-single-item H2 { font-size: 12px; font-weight: bold; color: #e24d3b; margin-bottom: 0; } .news-single-item H3 { margin-bottom: 15px; font-size: 11px; } .news-single-img { float: right; margin-left: 5px; } .news-single-imgcaption { padding: 3px; clear: both; } .news-single-category { font-size: 10px; float: right; width: 400px; text-align: right; color: #4a4b47; } .news-single-backlink, .news-single-backlink a { font-weight: bold; font-size: 10px; margin-bottom: 15px; margin-top: 10px; } .news-single-timedata { color: #4a4b47; } .news-single-timedata, .news-single-author,.news-single-imgcaption { font-size: 10px; } .news-single-author { padding-bottom: 3px; } .news-single-additional-info { clear: both; padding: 3px; padding-bottom: 0; color: #5A5A5A; } .news-single-related,.news-single-files,.news-single-links { margin: 0; margin-bottom: 3px; } .news-single-related DD, .news-single-links DD, .news-single-files DD { margin-left: 7px; } .news-single-related DT, .news-single-links DT, .news-single-files DT { font-weight: bold; font-size: 11px; width: 90%; } .news-single-files dd a{ font-size: 0.69em; padding-left: 5px; text-decoration: none; } .news-single-files img { vertical-align: middle; } .news-single-links dd a{ padding-left: 5px; text-decoration: none; } /*------------------------------------------------------------------------------ Sitemap Definition ------------------------------------------------------------------------------*/ #outer #inner #content .tx-dropdownsitemap-pi1 A{ font-weight: bold; color: #59595b; } #outer #inner #content .tx-dropdownsitemap-pi1 { font-weight: bold; } #outer #inner #content .tx-dropdownsitemap-pi1 li { list-style: none; margin-top: 5px; background-image: none; margin-left: 0; padding-left: 0; } #outer #inner #content .tx-dropdownsitemap-pi1 li li { margin-left: 10px; } #outer #inner #content .tx-dropdownsitemap-pi1 li.open { margin-top: 5px; } #outer #inner #content .tx-dropdownsitemap-pi1 img { margin-top: 2px; margin-right: 3px; vertical-align: top; border: none; } #outer #inner #content .tx-dropdownsitemap-pi1 LI.open OL { display: block; margin: 0; padding: 0; padding-left: 15px; } #outer #inner #content .tx-dropdownsitemap-pi1 LI.closed OL { display: none; } #outer #inner #content .tx-dropdownsitemap-pi1 LI.open UL { display: block; } #outer #inner #content .tx-dropdownsitemap-pi1 LI.closed UL { display: none; } #outer #inner #content .tx-dropdownsitemap-pi1 DIV { margin-bottom: 0; } #outer #inner #content .tx-dropdownsitemap-pi1 ol { margin: 10px 0 0 0; padding: 0; } #outer #inner #content .tx-dropdownsitemap-pi1 DIV.level_2 A { font-weight: normal; } #outer #inner #content .tx-dropdownsitemap-pi1 DIV.expAll { text-align: left; font-weight: normal; font-size: 0.7em; } #outer #inner #content .tx-dropdownsitemap-pi1 DIV.expAll a { font-weight: normal; } #outer #inner #content .tx-dropdownsitemap-pi1 DIV.expAll img { display: none; } /*------------------------------------------------------------------------------ Formulare Definition ------------------------------------------------------------------------------*/ #content div.tx-thmailformplus-pi1 { margin-top: 15px; } #content form.formularStyle1 { width: inherit; margin: 0; padding: 0; } #content .formularStyle1 fieldset { background-color: #f5f6f0; border: 1px solid #dee2cd; border-top: none; margin: 10px auto 10px auto; padding: 0; width: 100%; } #content .formularStyle1 p.legend{ padding: 5px 5% 5px 5%; margin: 0; border-top: 1px solid #dee2cd; font-weight: bold; background-color: #f2f3eb; } #content .formularStyle1 fieldset dl { margin: 0; padding: 0; } #content .formularStyle1 fieldset dt { margin: 0; padding: 0; width: 40%; float: left; /float: left; /* IE Hack */ } #content .formularStyle1 fieldset label { border-top: solid #ffffff 2px; height: auto; clear: left; width: 87.5%; margin: 0; padding: 7px 0 7px 12.5%; /float: left; } #content .formularStyle1 fieldset dd { border-top: solid #ffffff 2px; float: left; height: auto; width: 60%; margin: 0; padding: 5px 0; } #content .formularStyle1 fieldset p { padding: 8px 5%; margin: 0; width: 90%; float: left; /float: left; /* IE Hack */ border-top: solid #ffffff 2px; } #content .formularStyle1 fieldset p.input { padding: 2px 0 2px 0; margin: 0; float: left; border: none; } #content .formularStyle1 fieldset p strong { font-weight: bold; color: red; } #content .formularStyle1 fieldset p, #content .formularStyle1 fieldset label, #content .formularStyle1 fieldset input, #content .formularStyle1 fieldset select, #content .formularStyle1 fieldset legend, #content .formularStyle1 fieldset textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .69em; color: #4A4B47; float: left; } #content .formularStyle1 .oberstesElement { border-top: 1px solid #dee2cd; } /*#mitte .formularStyle1 input.submit { border: solid #666666 1px; background: #e9e4dc; cursor: pointer; }*/ #content .formularStyle1 fieldset input, #content .formularStyle1 fieldset select, #content .formularStyle1 fieldset textarea { margin-right: 5px; } #content .formularStyle1 fieldset p.info { border-top: none; float: left; margin: 0; padding: 2px 0 5px 0; } #content .formularStyle1 fieldset p.error { border-top: none; color: red; float: left; font-weight: bold; margin: 0; padding: 0 0 5px; } /*------------------------------------------------------------------------------ Produkteausgabe KB_SHOP ------------------------------------------------------------------------------*/ #content .tx-kbshop-pi1 { float: left; width: 100%; } * html body #container #content .tx-kbshop-pi1 { width: 544px; } /* IE Hack */ #content .tx-kbshop-pi1 .list-kategorie { float: left; width: 148px; height: 140px; margin: 10px 0 0 0; padding: 0; } #content .tx-kbshop-pi1 #contentnavi { float: left; } #content .tx-kbshop-pi1 #contentnavi select { color: #4a4b47; font-size: 0.69em; } #content .list-pflanzen-0 { background: #e9f3db; height: 57px; overflow: hidden; margin-bottom: 11px; } #content .list-pflanzen-1 { background: #ffffff; height: 57px; overflow: hidden; margin-bottom: 11px; } #content .info { margin-left: 210px; } #content .tx-kbshop-pi1 .info { margin-left: 0; } #content .list-pflanzen-0 img, #content .list-pflanzen-1 img{ float: left; margin-right: 20px; } #content .list-pflanzen-0 .info p, #content .list-pflanzen-1 .info p { font-style: italic; margin-right: 20px; } #content .tx-kbshop-pi1 .pagebrowser-header { clear: left; padding-top: 15px; } #content .tx-kbshop-pi1 .pagebrowser-header a { font-weight: normal; text-decoration: underline; } #content .tx-kbshop-pi1 .pagebrowser-header a.selected, #content .tx-kbshop-pi1 .pagebrowser-header a:hover { text-decoration: none; } #outer #inner #content .tx-kbshop-pi1 ul { margin: 0; padding: 0; } #outer #inner #content .tx-kbshop-pi1 ul li { line-height: 15px; margin: 0; padding: 0; list-style-type: none; color: #5cb700; } #outer #inner #content .tx-kbshop-pi1 ul li a { font-weight: normal; text-decoration: none; } #outer #inner #content .tx-kbshop-pi1 ul li a.selected { font-weight: bold; } #outer #inner #content .tx-kbshop-pi1 ul li a:hover { text-decoration: underline; } /* Suche im KB_SHOP */ #outer #inner #content .tx-kbshop-pi1 #plantsearch { float: right; width: 300px; } #outer #inner #content .tx-kbshop-pi1 form { margin: 0; padding: 0; } /* Einzelansicht */ #outer #inner #content .tx-kbshop-pi1 .single-container { float: left; margin: 0; padding: 0; background: #e9f3db; } * html body #container #content .tx-kbshop-pi1 .single-container { /* IE Hack */width: 544px; } #outer #inner #content .tx-kbshop-pi1 .single-container img { float: left; } #outer #inner #content .tx-kbshop-pi1 .single-container .inhalt { float: right; width: 295px; padding: 10px; } #outer #inner #content .tx-kbshop-pi1 .single-container .inhalt p.info { font-style: italic; color: #346702; } #outer #inner #content .tx-kbshop-pi1 .single-container .inhalt p { color: #346702; } /*------------------------------------------------------------------------------ Pflanzendoktor KB_SHOP ------------------------------------------------------------------------------*/ #content .list-doktor-0 { background: #e9f3db; overflow: hidden; padding-top: 2px; margin-bottom: 5px; height: 16px; } * html body #content .list-doktor-0 { height: 18px; h\eight: 16px; } #content .list-doktor-1 { background: #ffffff; overflow: hidden; padding-top: 2px; margin-bottom: 5px; height: 16px; } * html body #content .list-doktor-1 { height: 18px; h\eight: 16px; } #content .list-doktor-0 p,#content .list-doktor-1 p { margin: 0; padding: 0; } /*------------------------------------------------------------------------------ Suche ------------------------------------------------------------------------------*/ #content .tx-indexedsearch form.kb-suche { position: absolute; left: 558px; width: 184px; } *html body #content .tx-indexedsearch form.kb-suche { left: 563px; } #content .tx-indexedsearch form.kb-suche p input { font-size: 1em; } #content .tx-indexedsearch .plant_search_header { margin-top: 10px; background: #e9f3db; width: 544px; font-weight: bold; font-size: 1.1em; } #content .tx-indexedsearch .plant_search_header p { color: #336600; } #content .tx-indexedsearch .tx-indexedsearch-browsebox ul { display: inline; margin: 0; padding: 0; } #content .tx-indexedsearch .tx-indexedsearch-browsebox ul li { display: inline; margin-right: 5px; } #content .tx-indexedsearch h3 { margin-top: 10px; background: #e9f3db; width: 544px; } #content .tx-indexedsearch .tx-indexedsearch-icon, #content .tx-indexedsearch .tx-indexedsearch-result-number { display: none; } #content .tx-indexedsearch .tx-indexedsearch-res dl dt { float: left; width: 70px; } #content .tx-indexedsearch .tx-indexedsearch-res dl { font-size: 0.69em; } /*------------------------------------------------------------------------------ DAM Filelist ------------------------------------------------------------------------------*/ .tx-mmdamfilelist-pi1-listrow { font-size: 0.69em; } .tx-mmdamfilelist-pi1-listrow table { width: 544px; } .tx-mmdamfilelist-pi1-listrow tr td { vertical-align: top; padding-bottom: 10px; padding-top: 10px; padding-left: 5px; } .tx-mmdamfilelist-pi1-listrow .tx-mmdamfilelist-pi1-ziplink { padding-top: 5px; } .tx-mmdamfilelist-pi1-listrow .tx-mmdamfilelist-pi1-title { padding-bottom: 5px; } .tx-mmdamfilelist-pi1-listrow tr.tx-mmdamfilelist-pi1-listrow-even { background: #f8f8f8; } .filelinks .odd { background-color: #F8F8F8; } .filelinks div { background-position: 7px 7px; padding: 5px 0 5px 38px; font-size: 0.62em; margin: 0; } .filelinks div h3 { margin-top: 0 !important; line-height: 1em; } /*------------------------------------------------------------------------------ Seminars ------------------------------------------------------------------------------*/ .tx-seminars-pi1 table { margin-left: -1px; border-spacing: 0; } #content .tx-seminars-pi1-error { background-color: inherit; font-weight: bold; color: #FF0000; } #content .tx-onetimeaccount-pi1-error{ background-color: inherit; font-weight: bold; color: #FF0000; } .tx-seminars-pi1-listrow table { width: 100%; font-size: 0.7em; border-spacing: 0; } .tx-seminars-pi1-listrow table th, .tx-seminars-pi1-listrow table td { padding: 5px 0 5px 5px; text-align: left; vertical-align: top; } .tx-seminars-pi1-listrow table tr.listrow-odd td { background-color: #E9F3DB; } .tx-seminars-pi1-listrow table td.tx-seminars-pi1-title { width: 300px; } .tx-seminars-pi1-listrow table td.tx-seminars-pi1-date { width: 100px; } span.tx-seminars-pi1-date-dayofweek { width: 22px; float: left; } span.tx-seminars-pi1-date-dayandmonth { width: 50px; float: left; } div.tx-seminars-pi1-browsebox { margin-top: 12px; } div.hr { background-image: url('../gui/divider.gif'); background-repeat: repeat-x; background-position: 0 -18px; height: 10px; width: 100%; } input.tx-seminars-pi1-searchbox-sword { margin: 10px 0; } div.tx-seminars-pi1-browsebox td { padding-right: 11px; } .tx-seminars-pi1-vacancies .tx-seminars-pi1-square { margin: 1px 5px 0 0; width: 11px; float: right; height: 11px; } .tx-seminars-pi1-vacancies .tx-seminars-pi1-square { background-color: #0000c3; } .tx-seminars-pi1-vacancies-available .tx-seminars-pi1-square { background-color: #00a500; } .tx-seminars-pi1-vacancies-2 .tx-seminars-pi1-square, .tx-seminars-pi1-vacancies-1 .tx-seminars-pi1-square { background-color: #ffff3c; } .tx-seminars-pi1-vacancies.tx-seminars-pi1-vacancies-0 .tx-seminars-pi1-square, .tx-seminars-pi1-vacancies.tx-seminars-pi1-vacancies-cancelled .tx-seminars-pi1-square { background-color: #c30000; } .tx-seminars-pi1 h3.registration { display: none; } .tx-seminars-pi1 p.registration { font-weight: bold; margin: 20px 0 10px 0 !important; font-size: 0.75em !important; } .tx-seminars-pi1 p.registration a { } ul#bonsaikurse_reservationslegende { list-style: none; margin: 0; padding: 10px 0 20px 0; } ul#bonsaikurse_reservationslegende li { float: left; margin: 0 15px 0 0; padding: 0; } ul#bonsaikurse_reservationslegende li#bonsaikurse_reservationslegende_ohne { margin-bottom: 5px; float: none; } ul#bonsaikurse_reservationslegende li div { float: left; width: 12px; height: 12px; margin: 1px 5px 0 0; } ul#bonsaikurse_reservationslegende li#bonsaikurse_reservationslegende_genug div { background-color: #00A500; } ul#bonsaikurse_reservationslegende li#bonsaikurse_reservationslegende_1_2 div { background-color: #FFFF3C; } ul#bonsaikurse_reservationslegende li#bonsaikurse_reservationslegende_kein div { background-color: #C30000; } ul#bonsaikurse_reservationslegende li#bonsaikurse_reservationslegende_ohne div { background-color: #0000C3; } .tx-seminars-pi1-searchbox { clear: left; } form span.seminars_bugfix_1 { display: block; font-size: 0.7em; font-weight: bold; margin-top: -3px; margin-bottom: -10px; } form h3 span.seminars_bugfix_1 { display: inherit; font-size: 12px; font-weight: inherit; margin-top: 4px; margin-bottom: 2px; } .tx-seminars-pi1 dl { font-size: 0.7em; padding: 0; margin: 0 0 7px 0; } .tx-seminars-pi1 dt, .tx-seminars-pi1 dd { padding: 0; margin: 0; } /* Imagerow Probleme beim IE7 */ *: first-child+html #content .csc-textpic-imagerow { /* IE 7 Hack */ margin-bottom: 5px; } /*------------------------------------------------------------------------------ ComTool ------------------------------------------------------------------------------*/ .odd { background-color: #E9F3DB; } .even { background-color: #FFFFFF; } .comtool-job-overview-item { font-size: 0.75em; padding: 5px 2px 5px 2px; } .comtool-job-overview-item a { font-weight: bold; } /*------------------------------------------------------------------------------ Tauschmarkt ------------------------------------------------------------------------------*/ .tx-kesmallads-pi1-listdivider { clear: both; height: 20px; background-color: white; } .tx-kesmallads-pi1-modeSelector { background-color: #e9f3db; height: 22px; float: left; width: 332px; margin-top: 3px; } .tx-kesmallads-pi1-modeSelector table { overflow: hidden; height: 12px; } .tx-kesmallads-pi1-modeSelector td { overflow: hidden; height: 12px; padding-right: 10px; padding-left: 10px; border-right: solid 1px black; } #content .tx-kesmallads-pi1-modeSelector p { padding: 0; margin: 0; } * html .tx-kesmallads-pi1-modeSelector { width: 328px; } *: first-child+html .tx-kesmallads-pi1-modeSelector { width: 331px; } .tx-kesmallads-pi1-listrow { background-color: #f8f8f8; } .tx-kesmallads-pi1-listrow-odd { background-color: #ffffff; } .tx-kesmallads-pi1-image { float: left; padding: 15px 15px 4px 4px; } .tx-kesmallads-pi1-image img { border: 0; } .tx-kesmallads-pi1-textcontent { float: left; width: 400px; padding-right: 5px; } .tx-kesmallads-pi1-category { font-size: 0.75em; font-style: italic; margin: 0 10px 2px 0 ; padding: 0pt; width: 400px; } .tx-kesmallads-pi1-title{ width: 400px; } .tx-kesmallads-pi1-submitDate { text-align: right; color: #c1bfbf; font-size: 11px; float: right; } .tx-kesmallads-pi1-content { color: #323232; font-size: 0.7em; line-height: 14px; padding-bottom: 20px; } .tx-kesmallads-pi1-phone { color: #323232; font-size: 0.7em; line-height: 14px; padding-bottom: 5px; } .tx-kesmallads-pi1-email { color: #323232; font-size: 0.7em; line-height: 14px; margin-bottom: 5px; } .tx-kesmallads-pi1-browsebox { margin-top: 3px; background-color: #e9f3db; height: 19px; padding-left: 5px; padding-top: 3px; } .tx-kesmallads-pi1-browsebox table { margin-left: 0; padding-left: 0; } .tx-kesmallads-pi1-searchresult-noresult { color: #323232; font-size: 0.7em; } /*------------------------------------------------------------------------------ Tauschmarkt - Neues Angebot ------------------------------------------------------------------------------*/ .tx-kesmallads-pi1 form{ background-color: #F5F6F0; border: #DEE2CD solid 1px; padding: 20px 10px; font-size: 0.69em; height: 404px; } .tx-kesmallads-pi1-searchbox form { background-color: #ffffff; border: 0; padding: 0; font-size: 0.69em; height: 28px; } .smalladform-label { width: 40%; float: left; padding-top: 3px; } .smalladform-label label { padding-left: 30px; } .smalladform-field { width: 60%; float: left; padding-bottom: 3px; } .smalladform-label-check input { margin: 25px 0 0 30px; } .smalladform-field-check { padding: 5px 0 0 30px; } .smalladform-field-label { padding: 20px 0 10px 30px; } .smalladform-field input.submitclass { margin-left: 175px; } .smalladform-field input.inputclass { width: 262px; } .tx-kesmallads-pi1-editlink { padding-right: 10px; margin-top: 10px; font-size: 0.69em; } .tx-kesmallads-pi1-deletelink { padding-right: 10px; margin-top: 10px; font-size: 0.69em; } .tx-kesmallads-pi1-endDate { margin-top: 10px; font-size: 0.69em; } .error_not_allowed { font-size: 0.69em; padding-top: 20px; } .tx-newloginbox-pi1 form { font-size: 0.75em; } .tx-newloginbox-pi1 form table tbody tr th { width: 150px; } .tx-newloginbox-pi1 form table { margin-bottom: 30px; } .tx-newloginbox-pi1 form.formularStyle1 fieldset{ font-size: 1.25em; } /*------------------------------------------------------------------------------ Seminars ------------------------------------------------------------------------------*/ #tx-seminars-pi1-registration-form fieldset { margin: 0 0 1em; background-color: #F5F6F0; border: 1px solid #DEE2CD; padding: 0 5px 0 5px; } #content form #tx-seminars-pi1-registration-form fieldset p.legend { background-color: #F2F3EB; border-top: 1px solid #DEE2CD; font-weight: bold; font-size: 0.69em; margin: 0pt; padding: 5px 0pt; width: 89.4%; } #tx-seminars-pi1-registration-form dt label { clear: left; height: auto; margin: 0; padding: 7px 0; width: 85.5%; } #tx-seminars-pi1-registration-form dt { float: left; margin: 0pt; padding-top: 8px; width: 200px; } #tx-seminars-pi1-registration-form dd { margin: 0 0 .5em; padding-top: 8px; } #tx-seminars-pi1-registration-form dd textarea { width: 300px; } div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image { margin-bottom: 0; padding-bottom: 5px; } #tx-seminars-pi1-registration-payment { height: auto; } /*------------------------------------------------------------------------------ Video Anleitung CSS ------------------------------------------------------------------------------*/ #video_frame { background-image: url('../gui/divider_vid.gif'); background-position: center top; background-repeat: no-repeat; height: 62px; margin-bottom: 16px; padding-top: 10px; } * html #video_frame { margin-bottom: 6px; } #picture_video { float: left} #picture_video img { border: none} #download_vid { float: right; position: relative; top: 21px; } #download_vid li { list-style-type: none; background-image: none} #download_vid img { border: none; margin-left: -10px; } #picture_video { margin-right: 10px} #description { margin-left: 80px; } .livid { background-position: left; background-repeat: no-repeat; padding-left: 10px; } a.play_vid { background-image: url('../gui/play.gif'); } a.load_vid { background-image: url('../gui/load.gif'); } a.load_vid { background-image: url('../gui/load.gif'); } #title_vid { font-size: 0.7em; font-weight: bold; color: #5CB700; margin: 0 0 7px} /*------------------------------------------------------------------------------ Diverses ------------------------------------------------------------------------------*/ .tx-onetimeaccount-pi1 fieldset { font-size: 11px; padding: 0; border: none; } .tx-onetimeaccount-pi1 fieldset legend { padding: 0; margin: 0 0 10px 0; } fieldset legend { font-size: 12px; font-weight: bold; } .tx-onetimeaccount-pi1 dd select { padding: 0; } div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap { clear: none; } .V9G { display: none; } div.csc-textpic div.csc-textpic-imagerow { clear: none; } div.csc-textpic-center div.csc-textpic-imagewrap { float: left; } div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { font-size: 10px; } .contenttable { border-collapse: collapse; width: 100%; border-top: 1px solid #E2E4CE; margin-bottom: 10px; } .contenttable td { vertical-align: top; padding: 3px 6px 3px 0; border-bottom: 1px solid #E2E4CE; } .contenttable td p { margin: 0 !important; } .contenttable td h4 { margin: 0 !important; } #content .interessant_fce { -moz-border-radius: 7px; border-radius: 7px; background: #fafaf0 url('../gui/header_interessant_content.gif') no-repeat left top; margin-bottom: 20px; padding: 0 14px 14px 14px; } #content .interessant_fce h2 { color: #ffffff; margin-bottom: 0; width: 180px; font-size: 1em; font-weight: normal; height: 20px; height: 28px; padding-top: 2px; } #content .interessant_fce div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image { padding-bottom: 0; } .tx-rgmediaimages-pi1 { font-size: 11px; margin-bottom: 20px; } hr { border: none; border-bottom: 1px solid #E2E4CE; height: 1px; line-height: 0; } .fce_produktausgabe hr { margin: 0; padding: 0; } .fce_produktausgabe .clearer { clear: both; line-height: 0; font-size: 0; margin: 0; padding: 0; } .tx-kuloplayer-pi1 { overflow: hidden; clear: both; } .tx-kuloplayer-pi1 .tx_kuloplayer_pi1-player-text { width: 50%; float: left !important; } .tx-kuloplayer-pi1 .tx_kuloplayer_pi1-player { width: 50%; float: right; text-align: right; } .tx-kuloplayer-pi1 .tx_kuloplayer_pi1-player .tx_kuloplayer_pi1-video { width: auto !important; } /*-------------------------------------------------------------------------*/ /* rgaccordion/Produktausgabe */ h2.rgaccord1-toggle { background: transparent url('../gui/rgaccord_inact.gif') no-repeat 3px center; font-weight: normal !important; margin: 0 !important; padding: 3px 0 2px 15px !important; cursor: pointer; } h2.act { background: transparent url('../gui/rgaccord_act.gif') no-repeat 3px center; } div.rgaccord1-content { background-color: #E9F3DB; margin: 0; padding: 1px 0 0 0; overflow: hidden; } div.image { float: left; line-height: 0; } div.image img { margin-right: 10px; } div.text p { margin-bottom: 6px !important; } p.botname { margin-top: 6px !important; font-style: italic; } /*-------------------------------------------------------------------------*/ /* SIFR */ .sIFR-flash { visibility: visible !important; margin: 0; padding: 0; } .sIFR-replaced, .sIFR-ignore { visibility: visible !important; } .sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } .sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none; } .sIFR-dummy { width: 0px; height: 0px; margin-left: 42px !important; z-index: 0; } object { outline: 0; } /* Place CSS rules for to-be-replaced elements here. */ .sIFR-active #header h1, .sIFR-active #right_top h2, .sIFR-active .home #content .csc-header h1, .sIFR-active #content .csc-textpicHeader h1, .sIFR-active #content .interessant_fce h2, .sIFR-active .home #content .zweispalten h2, .sIFR-active .home #content .tx-cal-controller h2, .sIFR-active .home #content .news-list-container h2 { visibility: hidden; } /*-------------------------------------------------------------------------*/ /* Diverse Anpassungen */ #hausformat { position: fixed; float: right; right: 0; bottom: 0; margin-top: -63px; z-index: 0; } #hausformat img { margin-bottom: 5px; margin-right: 5px; border: medium none; }