/* * Projektname: CSS - Stadtwerke Duisburg * Dateiname: swduBaseLayout.css * Beschreibung: * - In dieser Datei werden alle Vorgaben fuer den Webbaustein evo * getroffen, die sich auf das Seitenlayout beziehen. * * Erstellt am: 20.11.2009 * Letzte Aenderung: 20.11.2009 * * Historie: * - 20.11.2009 / Michael Reiher * - Initiales Seitenlayout angelegt * - 03.12.2009 / Michael Reiher * - Schriften nach neuem Styleguide angepasst * - 10.12.2009 / Michael Reiher * - Sub eingefuegt * - 20.12.2009 / Michael Reiher * - Listen in TextWithImage Abstaende berichtigt * - 21.12.2009 / Michael Reiher * - Internal Link * - News nach Styleguide angepasst * - 22.12.2009 / Michael Reiher * - neues Elment wiroTeaserHeadline hidden, da Headline hier im Kopf * - 23.12.2009 / Michael Reiher * - mail-Icons im Content * - 24.12.2009 / Michael Reiher * - Textstil span.smallerFont Eingefuegt * - 08.04.2010 / Michael Reiher * - Abstand nach Ansprechpartner eingefuegt (da zwei AP moeglich) * - 07.05.2010 / Michael Reiher * - npCarouselWrap nicht mehr bold * - 16.06.2010 / Michael Reiher * - Geschaeftskundenbereich neu angelegt * - 17.06.2010 / Michael Reiher * - Formatierung des Downloadbereichs * - 18.06.2010 / Michael Reiher * - Formatierung des Menu Geschaeftskunden * - 12.07.2010 / Michael Reiher * - Liveschaltung Geschaeftskunden * - 05.10.2010 / Michael Reiher * - Neuer Reiter E-Mobility (Button Auto) * - 15.02.2011 / Simon Praetorius * - Shadowbox * - 06.07.2011 / Michael Reiher * - Button swduSolarPotenzialAnalyse * - 19.08.2011 / Natascha Ferrest * - Aktionsbuttons * - 22.08.2011 / Michael Reiher * - Aktionsbuttons ueberarbeitet * - wiroClear eingefuegt * */ /* ############## Info ################# */ /* Allgemeines: * - Farben * swdu: #208a2a (dunkel) * #c1dbb7 (hell) * */ /* ############## END - Info ################# */ /* ############## Page ################# */ html { } body { } #swduDoc { margin: auto; text-align: left; width: 974px; color:#000000; font-family:Tahoma, Arial, sans-serif; font-weight:normal; font-style:normal; font-size:93%; line-height:150%;} .wiroClear { clear:both; } /* ############## END - Page ################# */ /* ############## Header ################# */ #hd { clear: both; float:right; margin: 10px 15px 15px 0px; } /* HD-Menu */ #hdMenu { float:left; margin:2px 50px 0px 0px; } #hdMenu ul { list-style-type:none; } #hdMenu ul li { float:left; margin-left:0; padding: 0px; } #hdMenu ul li a { text-decoration:none; color: #000000; } #hdMenu ul li a:hover, #hdMenu ul li.act a { text-decoration:underline; } /* Suche */ #hdSuche { float:left; } #hdSuche .swduSearchText { vertical-align:middle; margin-top: 5px; } #hdSuche .swduSearchField { vertical-align:middle; } #hdSuche .swduSearchField { border: solid 1px #92CA96; height:17px; } #hdSuche .swduSearchButton { vertical-align:middle; margin-left:-4px; } /* ############## END - Header ################# */ /* ############## Body ################# */ #bd { clear: both; } /* bdE2Banner */ #bdE2Banner { height:120px; position:relative; } #bdE2BannerLogoE2 { height:85px; left:20px; position:absolute; top:20px; width:190px; } #bdE2BannerLogoStadtwerke { height:85px; right:20px; position:absolute; top:20px; width:100px; } /* Hauptmenu */ #bdMenuMain { overflow:hidden; } #bdMenuMain ul { list-style-type:none; float:right; margin-right: 15px;} #bdMenuMain ul li { float: left; width:150px; } #bdMenuMain ul li.bdMenuMain a { margin-top:8px; height:3em; display:block; padding:2px 5px 5px 60px; text-decoration:none; font-size:108%; line-height:131.25%; font-weight:normal; font-style:normal; color:#043f13; } #bdMenuMain ul li.menuMainButtonLeuchte, #bdMenuMain ul li.menuMainButtonEtikett { float: left; width:154px; } #bdMenuMain ul li.menuMainButtonWelt a { background: #C1DBB7 url(../gfx/menuMainButtonWelt.png) no-repeat scroll left bottom; padding-left:55px; } #bdMenuMain ul li.menuMainButtonLeuchte a { background: #C1DBB7 url(../gfx/menuMainButtonLeuchte.png) no-repeat scroll left bottom; padding-left:50px; } #bdMenuMain ul li.menuMainButtonAuto a { background: #C1DBB7 url(../gfx/menuMainButtonAuto.png) no-repeat scroll left bottom; padding-left:60px; } #bdMenuMain ul li.menuMainButtonHaus a { background: #C1DBB7 url(../gfx/menuMainButtonHaus.png) no-repeat scroll left bottom; padding-left:60px; } #bdMenuMain ul li.menuMainButtonEtikett a { background: #C1DBB7 url(../gfx/menuMainButtonEtikett.png) no-repeat scroll left bottom; padding-left:55px; } #bdMenuMain ul li.menuMainButtonBerater a { background: #C1DBB7 url(../gfx/menuMainButtonE2Energiewelt.png) no-repeat scroll left bottom; padding-left:55px; } #bdMenuMain ul li.menuMainButtonKlima a { background: #C1DBB7 url(../gfx/menuMainButtonKlimaUndEnergie.png) no-repeat scroll left bottom; padding-left:55px; } #bdMenuMain ul li.act a { background-position:-194px bottom; background-color: #208a2a; color:#FFFFFF; } #bdMenuMain ul li.menuMainButtonWelt { background: transparent url(../gfx/menuMainShadowPixel.png) repeat-x scroll left top; } #bdMenuMain ul li.menuMainButtonLeuchte { background: transparent url(../gfx/menuMainShadowPixel.png) repeat-x scroll left top; width:114px; } #bdMenuMain ul li.menuMainButtonAuto { background: transparent url(../gfx/menuMainShadowPixel.png) repeat-x scroll left top; } #bdMenuMain ul li.menuMainButtonHaus { background: transparent url(../gfx/menuMainShadowPixel.png) repeat-x scroll left top; } #bdMenuMain ul li.menuMainButtonEtikett { background: transparent url(../gfx/menuMainShadowPixel.png) repeat-x scroll left top; width:110px; } #bdMenuMain ul li.menuMainButtonBerater { background: transparent url(../gfx/menuMainShadowPixel.png) repeat-x scroll left top; width:160px; } #bdMenuMain ul li.menuMainButtonKlima { background: transparent url(../gfx/menuMainShadowPixel.png) repeat-x scroll left top; width:110px; } /* Anpassung fuer den Bereich Geschaefskunden */ #bdMenuMain #bdMenuGkLink { float:left; margin:0px 0px 0px 15px; } #bdMenuMain #bdMenuGkLink li.menuMainButtonGeschaeftskunden a { background: #C1DBB7 url(../gfx/menuMainButtonGeschaeftskunden.png) no-repeat scroll left bottom; } #bdMenuMain #bdMenuGkLink li.menuMainButtonGeschaeftskunden { background: transparent url(../gfx/menuMainShadowPixel.png) repeat-x scroll left top; width:142px; } #bdMenuMain #bdMenuGkLink li.act a { background-position:-142px bottom; background-color: #208a2a; color:#FFFFFF; } #bdMenuMain #bdMenuMainGk li { float: left; width:232px; } #bdMenuMain #bdMenuMainGk li.menuMainButtonGkProfi a { background: #C1DBB7 url(../gfx/menuMainButtonEnergieeffizienzProfi.png) no-repeat scroll left bottom; padding-left:70px; } #bdMenuMain #bdMenuMainGk li.menuMainButtonGkBusiness a { background: #C1DBB7 url(../gfx/menuMainButtonEnergieeffizienzBusiness.png) no-repeat scroll left bottom; padding-left:70px; } #bdMenuMain #bdMenuMainGk li.act a { background-position:-232px bottom; background-color: #208a2a; color:#FFFFFF; } #bdMenuMain #bdMenuMainGk li.menuMainButtonGkProfi { background: transparent url(../gfx/menuMainShadowPixel.png) repeat-x scroll left top; } #bdMenuMain #bdMenuMainGk li.menuMainButtonGkBusiness { background: transparent url(../gfx/menuMainShadowPixel.png) repeat-x scroll left top; } /* ENDE - Anpassung fuer den Bereich Geschaefskunden */ #bdMenuMain ul li.act, #bdMenuMain #bdMenuGkLink li.act, #bdMenuMain #bdMenuMainGk li.act { background-image: url(../gfx/menuMainShadowPixelAct.png); } /* */ #bdContentContainer { clear:both; padding-top: 40px; } #bdContentMenu { float:left; width:240px; } #bdContent { float:right; width:684px; margin-right: 15px; margin-top:23px; } #bdContent .mail { padding:0 0 0 22px; background:transparent url(../gfx/mail.gif) no-repeat scroll 0px 4px; } #bdContentSub { clear:both; padding-top:20px; margin-left:275px; width:684px; } /* Submenuheadlines */ #bdContentMenu h1.csc-firstHeader, #swduMainContentBdMenuSubHeadline { padding-left:10px; } #bdContentMenu h1, #bdContentMenu h2, #bdContentMenu h3, #bdContentMenu a, #bdContentMenu .csc-firstHeader, #swduMainContentBdMenuSubHeadline, #swduMainContentBdMenuSubMenu .menuSpacerInteraktiv, #swduMainContentBdMenuSubMenu .menuSpacerInteraktivAktionen, #swduMainContentBdMenuSubEnergieWeltHeadline { color:#208a2a; font-weight:bold; text-decoration:none; } #bdContentMenu a:hover { text-decoration:underline; } /* Submenue */ #swduMainContentBdMenuSubHeadline { padding-bottom:15px; background:transparent url(../gfx/newsRoundedCorner.png) no-repeat scroll right bottom; } #swduMainContentBdMenuSubMenu ul, #swduMainContentBdMenuSubEnergieWeltWrap { border-right:1px solid #248A2E; } #swduMainContentBdMenuSubMenu ul li { clear:left; } #swduMainContentBdMenuSubMenu ul li.act { background-color:#c1dbb7; } #swduMainContentBdMenuSubMenu ul li.menuSub a { display:block; color:#575959; text-decoration:none; margin-left:10px; padding:4px 0 4px 15px; background: transparent url(../gfx/menuSubCross.png) no-repeat scroll left center; } #swduMainContentBdMenuSubMenu ul li.act a, #swduMainContentBdMenuSubMenu ul li.menuSub a:hover { background-image: url(../gfx/menuSubCrossAct.png); color:#043f13; } #swduMainContentBdMenuSubMenu ul li.menuSpacerInteraktiv { background:#FFFFFF url(../gfx/menuSubIconInteraktiv.png) no-repeat scroll left 1em; padding-top:1.5em; padding-left:50px; height:34px; } #swduMainContentBdMenuSubMenu ul li.menuSpacerInteraktivAktionen { background:#FFFFFF url(../gfx/menuSubIconAktionen.png) no-repeat scroll left 1em; padding-top:1.5em; padding-left:50px; height:34px; } /* SubSubmenue */ #swduMainContentBdMenuSubMenu ul li.menuSubSub a { display:block; color:#575959; text-decoration:none; margin-left:25px; padding:0px 0 0px 15px; background: transparent url(../gfx/menuSubCross.png) no-repeat scroll left center; } #swduMainContentBdMenuSubMenu ul li.act a, #swduMainContentBdMenuSubMenu ul li.menuSubSub a:hover { background-image: url(../gfx/menuSubCrossAct.png); color:#043f13; } /* ############## END - Body ################# */ /* ############## Sonstige Ausrichtungen ################# */ /* Content */ #bdContent sup { vertical-align:top; } #bdContent span.detail { color:#000000; font-size:85%; margin-top:0.5em; } /* Headlines */ #bdContent h1, #bdContent h2, #bdContent h3 { color:#248a2e; font-family:Tahoma, Arial, sans-serif; font-weight:normal; margin:0 0 0.75em 0; } #bdContent h1 { font-size:150%; line-height:normal; } #bdContent h2 { font-size:133.33%; line-height:normal; } #bdContent h3 { font-size:100%; line-height:normal; font-weight:bold; } #bdContent .csc-header { clear:both; } #bdContent .csc-header h1 { margin-top: 20px; } #bdContent .csc-header-n1 h1 { margin-top: 0px; } #bdContent .csc-header h2 { margin-top: 20px; } #bdContent .csc-header-n1 h2 { margin-top: 0px; } #bdContent .csc-textpic-text { } /* Listen */ #bdContent ul { margin-bottom:0.75em; } #bdContent ul li { font-size:100%; line-height:157%; list-style-image: url(../gfx/menuSubCrossAct.png); margin-left:20px; } #bdContent ul.component-items li { list-style-image: url(../gfx/arrowOrange.gif); margin-left:15px; } #bdContent ol li { list-style:none inside none; } #bdContent .csc-uploads { } #bdContent .bodytext { margin-bottom:1em; } #npTabviewWrap .bodytext, #npTabviewWrap ul, #npCarouselWrap .bodytext, #npCarouselWrap ul { margin:0px; padding:0px; } /* CE: Text mit Bild */ div.csc-textpic { clear: both; } div.csc-textpic { margin-bottom: 36px; } div.csc-textpic div.csc-textpic-imagewrap { margin-bottom: 10px; } /* Bilder umfliessen Content */ div.csc-textpic-intext-left ol, div.csc-textpic-intext-left ul { padding-left:0px; } div.csc-textpic-intext-left div.csc-textpic-imagewrap { margin: 0px 10px 10px 0px !important; } div.csc-textpic-intext-right div.csc-textpic-imagewrap { margin: 0px 0px 10px 10px !important; } /* Bilder umfliessen Content nicht*/ div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap { margin: 0px 10px 10px 0px !important; } div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap { margin: 0px 0px 10px 10px !important; } /* Ausnahme: Rubrikoeffner */ .wiroTeaserHeadline { display:none; } div.csc-textpic-imagewrap .csc-textpic-image { margin:0px 0px 0px 0px !important; } div.csc-textpic-caption-r div.csc-textpic-imagewrap { margin: 0px; } div.csc-textpic-caption-r div.csc-textpic-imagewrap .csc-textpic-image img { margin-bottom: 10px; width:684px; } /* CE: Bild mit Text rechts */ #bdContent div.csc-textpic-caption-r, #bdContent div.csc-textpic-caption-r div.csc-textpic-imagewrap { margin-bottom: 0px; } #bdContent div.csc-textpic-caption-r .csc-textpic-caption { color:#FFFFFF; height:170px; margin:-200px 10px 30px 464px; text-align:left; } /* Content Links*/ #bdContentContainer a { color:#248a2e; text-decoration:none; } #bdContentContainer a:hover { text-decoration:underline; } #bdContentContainer a.internal-link { } #bdContentContainer h1 a.internal-link, #bdContentContainer h2 a.internal-link, #bdContentContainer h3 a.internal-link { text-decoration:none; } /* Content-Elemente */ /* Allgemeine Einstellungen */ .npBold { font-weight:bold; } /* Panels */ .yui-panel { border: #208a2a solid 1px; background-color: #FFFFFF; font-size:93%; line-height:150%; font-family:Tahoma, Arial, sans-serif; font-weight:normal; font-style:normal; color:#000000; } .yui-panel .hd { background-color: #208a2a; border: none; padding: 0.5em 0.93em; white-space:nowrap; color:#000000; font-weight:normal; font-style:normal; font-size:133.33%; text-align:center; line-height:normal; text-transform:uppercase; color: #ffffff; } .yui-panel .container-close { background:transparent url(../gfx/close12_1.gif) no-repeat scroll 0 0; } .yui-panel .bd { padding:0px; margin: 0px 0px -4px 0px; } /* CE: News */ #swduMainContentBdMenuSubItem h1 { padding-bottom:15px; background:transparent url(../gfx/newsRoundedCorner.png) no-repeat scroll right bottom; } #swduMainContentBdMenuSubItem div.news-latest-container, #npMainContentBdMenuSubMenuSpacer { border-right:#248a2e solid 1px; padding-left:10px; padding-right:5px; } #npMainContentBdMenuSubMenuSpacer { height:20px; } #bdContentContainer .news-latest-morelink { display:inline; } #bdContentContainer .news-latest-item { padding-bottom: 1em; } #bdContentContainer .news-list-date { display:block; } #bdContentContainer .news-list-item { margin-bottom: 1em; } #bdContentContainer .news-single-item p.bodytext { margin:0px; } #bdContentContainer .news-single-item .news-single-backlink { margin-top:1em; } #bdContentContainer .news-single-item .clearer, #npMainContentBd .news-list-container .clearer { display:none; } #bdContentContainer .tx-ttnews-browsebox td { padding:5px; } #bdContentContainer .tx-ttnews-browsebox td.tx-ttnews-browsebox-SCell { text-decoration:underline; } #bdContentContainer .news-list-container h1, #bdContentContainer .news-list-container h2, #bdContentContainer .news-list-container p.bodytext { margin-bottom:0px; } /* CE: Infowelt */ #swduMainContentBdMenuSubEnergieWeltWrap { padding: 15px 0px 0px 15px; } #swduMainContentBdMenuSubEnergieWeltHeadline { margin: 5px 0px; } #swduMainContentBdMenuSubEnergieWeltBody { color:#575959; } #swduMainContentBdMenuSubEnergieWeltFooter { height:113px; } .wiroEnergieweltHide { display:none; } /* CE: WiRo Erdgasfahrzeug-Modellpalette */ .tx-wiroegf-pi1 { } .tx-wiroegf-pi1 .wiroEgfColLeft .wiroEgfTableFahrzeug, .tx-wiroegf-pi1 .wiroEgfColMiddle .wiroEgfTableFahrzeug { margin:0px 6px 20px 0px; } .tx-wiroegf-pi1 .wiroEgfColRight .wiroEgfTableFahrzeug { margin:0px 0px 20px 0px; } /* CE: WiRo Erdgasfahrzeug-Rechner */ .tx-wiroefr-pi1 { } .wiroErfInfoPanelHide { display:none; } /* CE: WiRo Energieverbrauchsausweis-Rechner */ .tx-wiroeva-pi1 { } /* CE: Wiro Lightbox Plugin */ .tx-wirolightbox-pi1 { } /* CE: WiRo Mailform */ .tx-wiromailform { } /* CE: tx-indexedsearch */ .tx-indexedsearch .tx-indexedsearch-searchbox { margin: 0px 0px 20px 0px; } .tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button { width:100px; } .tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword { width:150px; } .tx-indexedsearch .tx-indexedsearch-whatis { display:none; clear:both; } .tx-indexedsearch P.tx-indexedsearch-noresults { font-weight:bold; margin-top:24px; } .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title { } .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P { font-weight:bold; } .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P.tx-indexedsearch-percent { font-weight:normal; } .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P { font-style:italic; } .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P .tx-indexedsearch-redMarkup { } .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { } .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { margin-top:20px; margin-bottom:5px; } .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 { color:#006699; margin-top:0px; margin-bottom:0px; background:transparent; } .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TABLE { background:#cccccc; } .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD { vertical-align:middle; } .tx-indexedsearch .tx-indexedsearch-res .noResume { color : #666666; } .tx-indexedsearch-sw, .csc-sword, .tx-indexedsearch-redMarkup {font-weight:bold; } .tx-indexedsearch-form { height:6em;display:block; background-color:#C1DBB7; } .tx-indexedsearch-sucheingabe { background-color:#C1DBB7; float:left; } .tx-indexedsearch-sucheingabe-suche { padding: 8px 0px 8px 18px; } .tx-indexedsearch-sucheingabe-submit { padding: 0px 0px 8px 18px; } .tx-indexedsearch-sucheingabe-suche-left { width:3.5em; float:left; } .tx-indexedsearch-searchbox-sword { } .tx-indexedsearch-selectbox-media { } .tx-indexedsearch-erweitertesuche { float:right; padding: 8px 18px 8px 18px; background-color:#C1DBB7; color:#FFFFFF; } .tx-indexedsearch-search-for { float:right; } .tx-indexedsearch-search-in { float:right; } .tx-indexedsearch .tx-indexedsearch-res { clear:both; } .tx-indexedsearch .tx-indexedsearch-res .res-tmpl-css { border-bottom:1px dotted #BFD9EA; margin-bottom:10px; padding-bottom:10px; } .tx-indexedsearch-text-item-path{ font-weight:bold; } #bdContent .tx-indexedsearch-icon { display:none; } #bdContent .tx-indexedsearch-browsebox-top { display:none; } #bdContent .tx-indexedsearch-browsebox p { display:none; } #bdContent .tx-indexedsearch-browsebox ul { padding:0px; } #bdContent .tx-indexedsearch-browsebox ul li { margin: 0px 10px 20px 0px; list-style-image:none; float:left; } #bdContent .tx-indexedsearch-browsebox ul li a { text-decoration:none; font-weight:bold;} #bdContent .tx-indexedsearch-browsebox ul li a:hover, #bdContent .tx-indexedsearch-browsebox ul li.tx-indexedsearch-browselist-currentPage a { text-decoration:underline; } /* CE: tx-bddbflvvideogallery */ .tx-bddbflvvideogallery-pi1 { margin: 0px 0px 20px 0px; background-color: #c1dbb7; color:#043f13; } .wiroLayoutCarouselVideo { overflow:auto; height:333px; width: 170px; color:#043F13; } .wiroLayoutCarouselVideoItem { margin: 0px 10px 10px 0px; padding:0 0 6px; border-bottom:1px dotted #043F13; } .wiroLayoutCarouselVideo .browseLinksWrap span a { display:block; margin:10px; } .wiroLayoutCarouselVideoWrap { margin:0px 10px; } .wiroLayoutCarouselVideoWrapInner { margin: 10px; } .wiroLayoutCarouselVideoWrapSpacer { height:10px; } .tx-bddbflvvideogallery-pi1 p { padding:0px; text-align:center; border:1px solid #ddd; background-color:#eee; } .flvplayer_listpic_pic { border:1px solid #FFFFFF; height:75px; width:150px; } .flvplayer_listpic { border: 0px solid #888888; background-repeat: no-repeat; background-position: 0px 0px; } .flvplayer_listpic_firstofrow { border: 0px solid #888888; background-repeat: no-repeat; background-position: 0px 0px; } .flvplayer_listpic_lastofrow { border: 0px solid #888888; background-repeat: no-repeat; background-position: 0px 0px; } .browseLinksWrap { text-align: center; } #flvplayercaption { float:left; } .wiroLayoutCarouselDesc { float:none; } .flvplayer_pagebrowser_fwd { float:right; margin-right: 4px; } .flvplayer_pagebrowser_back { float:left; } #player { float: left; margin: 0px 24px 0px 0px; } #loadingMessage { padding: 7px 0px 7px 0px; width: 320px; background-color: #ffffff; text-align: center; position: absolute; margin: 130px 0px 0px 19px; } /* CE: tx-wiroimagerotator */ .tx-wiroimagerotator-pi1 { margin: 0px 0px 24px 0px; background-color: #c1dbb7; color:#043f13; } .wiroLayoutImageRotatorPlayer { float:left; margin:0 24px 0 0; } .wiroLayoutImageRotatorWrap { margin:0px 12px; } .wiroLayoutImageRotatorWrapInner { margin: 12px; } .wiroLayoutImageRotatorWrapSpacer { height:12px; } /* CE: tx-ttaddress-pi1 Kontakt */ .tx-ttaddress-pi1 { } .tx-ttaddress-pi1 .vcardKontakt { clear:both; } .tx-ttaddress-pi1 .vcardKontakt .npAdrImage { float:left; margin: 0px 12px 24px 0px; } .tx-ttaddress-pi1 .vcardKontakt .npAdrWrap { float:none; margin-left:100px; } .tx-ttaddress-pi1 .vcardKontakt .npAdr { float:left; width:39%; margin-bottom:24px; } .tx-ttaddress-pi1 .vcardKontakt .npAdrDescription { float:left; width:59%; margin-top: 1.5833em; margin-bottom:24px; } .tx-ttaddress-pi1 .vcardKontakt .npAdrName { font-weight:bold; } .tx-ttaddress-pi1 .npKontaktClear { border-bottom:1px dotted #A6CAE1; clear:both; margin-bottom:24px; } /* CE: tx-ttaddress-pi1 Marktpartner */ .tx-ttaddress-pi1 { } .tx-ttaddress-pi1 .vcardMarktpartner { clear:both; } .tx-ttaddress-pi1 .vcardMarktpartner .npAdrImage { float:left; margin: 4px 12px 24px 0px; } .tx-ttaddress-pi1 .vcardMarktpartner .npAdr { float:right; width:450px; margin-bottom:24px; } .tx-ttaddress-pi1 .vcardMarktpartner .npAdrDescription { float:right; width:450px; clear:both; margin-bottom:24px; } .tx-ttaddress-pi1 .vcardMarktpartner .npAdrOrganization { font-weight:bold; } .tx-ttaddress-pi1 .npMarktpartnerClear { border-bottom:1px dotted #A6CAE1; clear:both; margin-bottom:24px; } /* CE: tx-ttaddress-pi1 BAFA-Energieberater */ .tx-ttaddress-pi1 { } .tx-ttaddress-pi1 .vcardBafaEnergieberater { } .tx-ttaddress-pi1 .vcardBafaEnergieberater .npAdrImage { display:none; } .tx-ttaddress-pi1 .vcardBafaEnergieberater .npAdr { float:left; width:49%; margin-bottom:10px; } .tx-ttaddress-pi1 .vcardBafaEnergieberater .npContact { float:left; width:49%; margin-bottom:10px; } .tx-ttaddress-pi1 .vcardBafaEnergieberater .npAdrOrganization { font-weight:bold; } .tx-ttaddress-pi1 .vcardBafaEnergieberater .email { padding:0 0 0 22px; background:transparent url(../gfx/mail.gif) no-repeat scroll 0px 5px; } .tx-ttaddress-pi1 .vcardBafaEnergieberater .email span.npBold { display:none; } .tx-ttaddress-pi1 .vcardBafaEnergieberaterClear { border-bottom:1px solid #248A2E; clear:both; margin-bottom:10px; } /* Kontaktformular */ .csc-mailform .csc-mailform-field{ margin-bottom:1em; } .csc-mailform label { display:block; width:200px; } .csc-mailform label, .csc-mailform input, .csc-mailform select { display: block; float: left; width: 100px; margin-right:12px; } .csc-mailform label { margin-bottom:1em; text-align:right; } .csc-mailform input { width:235px; margin-bottom:1em; border:1px solid #92CA96; } .csc-mailform-label { font-weight:bold; } .csc-mailform-field { clear:both; } .csc-mailform-submit { float: none; width: auto; margin-left:112px; } /* Newsletterformular */ .nwp-kontaktform label, .nwp-kontaktform input, .nwp-kontaktform select { display: block; float: left; width: 100px; margin-right:12px; } .nwp-kontaktform label { margin-bottom:1em; text-align:right; } .nwp-kontaktform input { width:235px; margin-bottom:1em; } .nwp-kontaktform-label { } .nwp-kontaktform-field { clear:both; } .nwp-kontaktform-submit { clear:both; } .nwp-kontaktform-text { clear:both; } .nwp-kontaktform-hidden { display:none; } .nwp-kontaktform-submit { float: none; width: auto; margin-left:112px; } /* Kalender */ .tx-cal-controller { } .tx-cal-controller .even { } .tx-cal-controller .default_categoryheader, .tx-cal-controller .default_catheader { background-color: transparent; } .tx-cal-controller .found { display:none; } .tx-cal-controller dl br { display:none; } .tx-cal-controller dl dt { font-size:133.33%; color:#248A2E; padding: 1em 10px 0em 0px; } .tx-cal-controller dl dd { padding: 0px 0px 0.5em 0px; border-bottom:1px solid #248A2E; clear:both; margin-bottom:10px; } .tx-cal-controller dl dt span, .tx-cal-controller .V9G div { font-size:80%; color:#000000; } #bdContentContainer .tx-cal-controller h1, #bdContentContainer .tx-cal-controller h1 { margin-bottom:0px; } #bdContentContainer .tx-cal-controller p.bodytext { margin-bottom:1em; } /* Sitemap */ #bdContentContainer .tx-flseositemap-pi1 ul.deep0 li { list-style-image:none; margin-left: 0px; } #bdContentContainer .tx-flseositemap-pi1 ul.deep1 li { list-style-image: url(../../Stadtwerke-Duisburg/gfx/menuSubCross.png); margin-left: 10px; } #bdContentContainer .tx-flseositemap-pi1 ul.deep1 li:hover { list-style-image: url(../../Stadtwerke-Duisburg/gfx/menuSubCrossAct.png); margin-left: 10px; } #bdContentContainer .tx-flseositemap-pi1 .deep0 a { font-weight:normal; font-style:normal; font-size:116.67%; color:#208a2a; margin: 0em 0px 10px 0px; } #bdContentContainer .tx-flseositemap-pi1 .deep0 ul li a { font-weight:normal; font-style:normal; font-size:100%; margin: 0em 0px 0px 0px; color: #666666; } #bdContentContainer .tx-flseositemap-pi1 ul.deep1 { margin:10px 0px 45px 0px; } #bdContentContainer .tx-flseositemap-pi1 ul.deep2 { margin:0px 0px 10px 0px; } #bdContentContainer .tx-flseositemap-pi1 .deep0 li.deep0 { float:left; width:30%; padding-right:12px; } #bdContentContainer .tx-flseositemap-pi1 .deep1 li.deep1 { float:none; } /* Ansprechpartner */ #bdContentSubAp { width:370px; float:left; } #bdContentSubAp .csc-header { padding-bottom:15px; } #bdContentSubAp .csc-firstHeader { color:#208A2A; font-weight:bold; } #bdContentSubAp .contactboxRoundedCornerTop, .contactboxRoundedCornerBottom { width:10px; height:10px; } #bdContentSubAp .contactboxRoundedCornerTop { background:transparent url(../gfx/contactboxRoundedCornerTop.png) no-repeat scroll right top; } #bdContentSubAp .contactboxRoundedCornerBottom { background:transparent url(../gfx/contactboxRoundedCornerBottom.png) no-repeat scroll right bottom; } #bdContentSubAp .contactbox { border-bottom: #208A2A 1px solid; border-top: #208A2A 1px solid; } #bdContentSubAp .tx-ttaddress-pi1 table { width:100%; margin-bottom:1em; } #bdContentSubAp .tx-ttaddress-pi1 .vcardKontakt .npBold { font-weight:normal; } #bdContentSubAp .tx-ttaddress-pi1 .vcardKontakt .npAdrName { font-weight:bold; } #bdContentSubAp .tx-ttaddress-pi1 .vcardKontakt .npAdrWrap { display:block; float:left; margin:0px; width:250px; } #bdContentSubAp .tx-ttaddress-pi1 .vcardKontakt .npAdrTitle { margin-bottom: 5px; } #bdContentSubAp .tx-ttaddress-pi1 .vcardKontakt .npAdr { width:100%; } #bdContentSubAp .tx-ttaddress-pi1 .vcardKontakt .npAdrImage { margin:0px; } #bdContentSubAp .tx-ttaddress-pi1 .vcardKontakt .npAdrImage .photo { margin-right:10px; margin-bottom:-5px; } #bdContentSubAp .tx-ttaddress-pi1 .vcardKontakt .npAdrImage img { } #bdContentSubAp .tx-ttaddress-pi1 .vcardKontakt .npAdrDescription { display:none; } #bdContentSubAp .tx-ttaddress-pi1 .npKontaktClear { border:none; display:none; } #bdContentSubAp .tx-ttaddress-pi1 .vcardKontakt { } #bdContentSubAp .tx-ttaddress-pi1 .vcardKontakt .email { padding:0 0 0 22px; background:transparent url(../gfx/mail.gif) no-repeat scroll 0px 5px; } #bdContentSubAp .tx-ttaddress-pi1 .vcardKontakt .tel { padding:0 0 0 22px; background:transparent url(../gfx/phone.gif) no-repeat scroll 0px 5px; } #bdContentSubAp .tx-ttaddress-pi1 .vcardKontakt .email span.npBold { display:none; } #bdContentSubAp .tx-ttaddress-pi1 .vcardKontakt .npAdrImage, #bdContentSubAp .tx-ttaddress-pi1 .vcardKontakt .npAdr, #bdContentSubAp .tx-ttaddress-pi1 .vcardKontakt .npAdrDescription, #bdContentSubAp .tx-ttaddress-pi1 .npKontaktClear { margin-bottom:0px; } /* Weiterfuehrende Infos */ #bdContentSubLn { width:270px; float:right; } #bdContentSubLn .csc-firstHeader { color:#208A2A; font-weight:bold; padding-bottom:15px; } #bdContentSubLn .download { padding:0 0 0 17px; background:transparent url(../gfx/download.gif) no-repeat scroll 3px center; } #bdContentSubLn .internal-link { padding:0 0 0 17px; background:transparent url(../gfx/internal-link.gif) no-repeat scroll 0 center; } #bdContentSubLn .external-link-new-window { padding:0 0 0 17px; background:transparent url(../gfx/external-link-new-window.gif) no-repeat scroll 0 center; } /* Eingabefelder */ #bdContentContainer select { } #bdContentContainer .csc-mailform input.csc-mailform-submit, input.csc-mailform-button, #bdContentContainer button, #bdContentContainer input.wiroButton { background-color:#208a2a; border:1px solid #FFFFFF; color:#FFFFFF; font-family:Tahoma, Arial, sans-serif; font-weight:normal; font-style:normal; overflow:visible; padding:0.3em; width:auto; } #bdContentContainer .csc-mailform input.csc-mailform-submit:hover, input.csc-mailform-button:hover, #bdContentContainer button:hover, #bdContentContainer input.wiroButton:hover { background-color:#C1DBB7; color:#043F13; } #bdContentContainer input, #bdContentContainer textarea, #bdContentContainer select { border:1px solid #92CA96; } #bdContentContainer input.wiroCheckbox { } /* CE: TYPO3 Tabellenlayout */ #bdContentContainer .contenttable { margin-bottom:24px; line-height:normal; } #bdContentContainer .contenttable td, #bdContentContainer .contenttable thead th { padding: 5px 12px; border-right: 1px solid #248A2E; } #bdContentContainer .contenttable td.td-last, #bdContentContainer .contenttable thead th.td-last { border-right: none; } #bdContentContainer .contenttable .td-0 { padding-left: 12px; } #bdContentContainer .contenttable .tr-even, #bdContentContainer .contenttable .tr-odd { border-top:1px solid #248A2E; } #bdContentContainer .contenttable .tr-0 { border-top:1px solid #248A2E; } #bdContentContainer .contenttable .tr-last { border-bottom:1px solid #248A2E; } #bdContentContainer .contenttable thead th { padding: 5px 12px; color:#208A2A; background-color:#C1DBB7; font-weight:bold; } #bdContentContainer .contenttable thead .tr-0 { border-bottom:1px solid #248A2E; } /* CE: SW Downloader */ .sb_download_title { font-size:100%; font-weight:bold; line-height:normal; color:#248A2E; font-family:Tahoma,Arial,sans-serif; margin:0 0 0.75em; padding:0; } .sb_download_left, .sb_download_right { float:left; } .sb_download_image { margin: 0px 15px 5px 0px; } .sb_download_single { margin-bottom:15px; } .sb_download_flexWrap { } .sb_download_flex { float:left; margin: 0px 45px 45px 0px; } .sb_download_flex .sb_download_more, .sb_download-single-backlink { margin-top:5px; } /* ############## END - Body ################# */ /* ############## Footer ################# */ #ft { clear: both; margin-top:55px; height: 50px; background: #c1dbb7 url(../gfx/footerRoundedCornerBg.png) no-repeat scroll left top; } #ftMenu ul { list-style-type:none; float:right; } #ftMenu ul li { float: left; width:auto; height: 50px; } #ftMenu ul li a { display:block; float:left; height:20px; padding: 15px 15px 15px 15px; color:#208a2a; text-decoration:none; } #ftMenu ul li a:hover, #ftMenu ul li.act a { color:#FFFFFF; background: #208a2a url(../gfx/footerRoundedCornerAct.png) no-repeat scroll left top; } /* ############## END - Footer ################# */ /* ############## Shadowbox ################# */ #sb-loading { background: url(http://www.e2-programm.de/fileadmin/lib/shadowbox/loading.gif) no-repeat center center; } #sb-loading-inner span { background-image: none; text-indent: -9999px; } #sb-body,#sb-loading { background-color:#FFF; } #sb-wrapper-inner { border-color: #208A2A; } #sb-title { background-color: #208A2A; color: #FFF; padding: 0.5em 0.93em; text-align: center; text-transform: uppercase; } #sb-nav-close { background-image: url(http://www.e2-programm.de/fileadmin/Stadtwerke-Duisburg/gfx/close12_1.gif); background-repeat: no-repeat; height: 12px; width: 12px; position: absolute; top: 5px; right: 4px; cursor: pointer; } .shadowbox-content { padding: 1em; } .shadowbox-popup-time { display: none; } /* ############## END - Shadowbox ################# */ /* ############## SWDU STYLING AKTIONSBUTTONS ############## */ .swduAktionsbutton { } .swduAktionsbuttonLeft { float:left; } .swduAktionsbuttonRight { float:right; } .swduAktionsbuttonCenter { margin-left:35%; } #bdContentContainer .aktionsbutton { /* Top left corner, top edge */ float:left; color:#fff; /* Text colour */ background:#12661a url(../gfx/button.gif) no-repeat; /* Fallback bg colour for images off */ font: 1.4em/1.6em Arial,sans-serif; font-weight:bold; text-decoration:none; text-align:center; margin: 0 0 36px; } .aktionsbutton * {display:block;} .aktionsbutton span { /* Top right corner */ padding:10px 0 0; background:url(../gfx/corners.gif) no-repeat right top; } .aktionsbutton span span { /* Bottom left corner, left and bottom edges */ padding:0 0 0 0; background:url(../gfx/button-bottom.gif) no-repeat left bottom; } .aktionsbutton span span span { /* Bottom right corner */ padding:0 0 10px; background:url(../gfx/corners.gif) no-repeat right bottom; } .aktionsbutton span span span span { padding:0 0 0 0; background:url(../gfx/button-right.gif) no-repeat right center; } .aktionsbutton span span span span span { /* Right edge */ padding:0 0 0 50px; /* Extra padding (3px vertical, 6px horizontal) added to give the text some breathing room */ background:url(../gfx/button-center.gif) no-repeat left center; margin-right: 50px; } #bdContentContainer .swduAktionsbutton a:hover, #bdContentContainer .swduAktionsbutton a:focus, #bdContentContainer .swduAktionsbutton a:active { /* Help keyboard users */ color:#fff59e; text-decoration:none; text-shadow:2px 2px 2px #0B4027; } .aktionsbutton img { position:relative; display:inline; margin: -5px 0 0 -5px; border:none; float:left; } /* ############## SWDU STYLING AKTIONSBUTTONS - ENDE ############## */