/* ------------------------------------------------------------- Eckert-Schulen - Stylesheet - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - .autor JANDA+ROSCHER GmbH .version 1.13 .url eckert-schulen.de .timestamp 11/12/2011 ------------------------------------------------------------- */ /* ------------------------------------------------------------- eckert-schulen.de, Table of Contents - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 1. RESET, FONTS, BODY, HTML 2. HELPER 2.1 CLEARFIX 2.2 DIVIDER 3. STRUCTURE MAINWRAPPER 4. STRUCTURE HEADER 4.1 LOGIN 4.2 INFO MENU 4.3 LANGUAGES 4.4 SEARCH 4.5 MAIN MENU 5. STRUCTURE MAINWRAPPER 5.1 CONTENT HEADER 5.2 NAVBAR 5.3 CONTENTWRAPPER 5.4 SIDEBAR 6. STRUCTURE FOOTER 7. CONTENT STYLES 7.1 GENERAL 7.2 CSC 7.3 INDEXED SEARCH 7.4 RTE 8. TT_NEWS 8.1 LATEST 8.2 LIST 8.3 SINGLE 9. JR_ES 9.1 COMBOBOX SEARCHFORM 9.2 LIST 9.3 SINGLE 9.4 MARATHON-COUNTER 10. WT_GALLERY 10.1 CATEGORIES 10.2 LIST 11. BROWSEBOX 12. POWERMAIL 13. GLOSSARY 14. GOOGLE MAPS FORM 15. WPC ------------------------------------------------------------- */ /* NOTE: */ /* Colors of Divisions */ /* #fachschulenEdvTechnik: color: #4678bb; */ /* #hotelschulen: color: #94275f; */ /* #medizinischeSchulen: color: #4e9d59; */ /* #berufsfoerderungswerk: color: #b35018; */ /* #fernlehrinstitutUndStudium: color: #0f96d0; */ /* #regionalesBildungszentrum: color: #cd7b12; */ /* #seminareUndTrainings: color: #ab2037; */ /* ------------------------------------------------------------- 1. RESET, FONTS, BODY, HTML - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ------ Reset part ------ */ /* Copyright (c) 2007, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.4.1 */ html{color:#000;background:#FFF;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;} fieldset,img{border:0;} address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';} abbr,acronym {border:0;font-variant:normal;} /* to preserve line-height and selector appearance */ sup {vertical-align:text-top;} sub {vertical-align:text-bottom;} input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;} /*because legend doesn't inherit in IE */ legend{color:#000;} /* ------ Custom Styles ------ */ html { background: #dce2e9 url(../_img/backgrounds/bg-html.png); overflow-y: scroll; } body { color: #424242; text-align: center; font-family: arial, verdana, sans-serif; font-size: 12px; line-height: 18px; background: #dce2e9 url(../_img/backgrounds/bg-page.png) repeat-x; } html, body { height: 100%; } a { color: #4ba2e6; text-decoration: none; } a:hover { text-decoration: underline; } a img { border: 0; } a.mehr, .ttnewsMore a, a.mehr_Pfeil_vorn { padding: 0px 0px 0px 9px; font-weight: bold; background: url(../_img/content/mehr.gif) 0px 4px no-repeat; } a.mehr2, a.mehr_Pfeil_hinten { padding: 0px 11px 0px 0px; font-weight: bold; background: url(../_img/content/mehr.gif) right 4px no-repeat ; } a.toTop { display: block; margin-bottom: 13px; padding: 0px 0px 0px 14px; background: url(../_img/content/toTop.gif) 0px 6px no-repeat;} a.mehr2Berufsfoerderungswerk, a.mehr_Pfeil_hinten_Berufsfoerderungswerk { color: #b35018; padding: 0px 11px 0px 0px; font-weight: bold; background: url(../_img/content/mehr-berufsfoerderungswerk.gif) right 4px no-repeat ;} a.zurueck_Pfeil_vorn, a span.zurueck_Pfeil_vorn { padding: 0px 0px 0px 11px; font-weight: normal; background: url(../_img/content/zurueck.gif) 0px 4px no-repeat; } #berufsfoerderungswerk a.mehr_Pfeil_vorn, #berufsfoerderungswerk a.mehr_Pfeil_hinten, #berufsfoerderungswerk .ttnewsMore a { color: #b35018; background-image: url(../_img/content/mehr-berufsfoerderungswerk.gif); } /* ------------------------------------------------------------- 2. HELPER - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* 2.1 CLEARFIX */ .clear:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } .clear { display: inline-block; } /* Begin: hide from IE Mac \*/ * html .clear { clear: both; height: 1%; } .clear { display: block; } /* End: hide from IE Mac */ /* 2.2 DIVIDER */ .divider { margin: 7px 0px; background: #d9d9d9; border: 0; clear: both; display: block; height: 1px; line-height: 0; font-size: 0; } p + .divider { margin-top: -5px; } #sidebar .divider { width: 169px; margin: 7px 0px 7px 31px; background: #d9d9d9; border: 0; clear: both; display: block; height: 1px; line-height: 0; font-size: 0; } /* ------------------------------------------------------------- 3. STRUCTURE MAINWRAPPER - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #wrap { width: 971px; height: 100%; margin: 0px auto 0px auto; background: url(../_img/backgrounds/bg-content.png) repeat-y; text-align: left; } body > #wrap { height: auto; min-height: 100%; } /* ------------------------------------------------------------- 4. STRUCTURE HEADER - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #header { position: relative; width: 971px; height: 87px; background: url(../_img/backgrounds/bg-header.png) no-repeat 0px 0px; } /* 4.1 LOGIN */ #login { float: left; width: 61px; margin: 9px 5px 0px 10px; } /* 4.2 INFO MENU */ ul#navInfo { float: left; width: auto; margin: 9px 0px 0px 3px; } #navInfo li { float: left; } #navInfo li a { display: block; padding: 0px 7px 0px 7px; color: #5f5f5f; font-size: 11px; background: url(../_img/navigation/navInfo/separator.png) no-repeat right 5px; } #navInfo a.active { text-decoration: underline; } #navInfo li.last a { background: none; } /* 4.3 LANGUAGES */ ul#navLanguages { float: right; width: auto; margin: 13px 9px 0px 30px; } #navLanguages li { float: left; margin-right: 8px; } #navLanguages a { display: block; width: 16px; height: 11px; overflow: hidden; background: no-repeat 0px -11px; white-space: nowrap; outline: none; text-indent: 17px; } #navLanguages a:hover, #navLanguages a.active { background-position: 0px 0px; } #navLanguages li#navLanguagesGerman a { background-image: url(../_img/navigation/navLanguages/german.png); } #navLanguages li#navLanguagesEnglish a { background-image: url(../_img/navigation/navLanguages/english.png); } #navLanguages li#navLanguagesRussian a { background-image: url(../_img/navigation/navLanguages/russian.png); } #navLanguages li#navLanguagesChinese a { background-image: url(../_img/navigation/navLanguages/chinese.png); } /* 4.4 SEARCH */ #searchbar { float: right; margin: 8px 10px 0px 0px; } #searchbar input { color: #686868; font-size: 11px; line-height: 11px; outline: none; } #searchbar input.sword { float: left; height: 15px; width: 165px; padding: 3px 2px 0px 2px; border: 1px solid #a8a8a8; background: #f0f2f5; } #searchbar input.submit { width: 18px; height: 18px; margin: 1px 1px 0px 8px; } /* 4.5 MAIN MENU */ ul#navMain { position: absolute; width: 938px; height: 49px; top: 31px; left: 10px; } #navMain li { float: left } #navMain li.navMainActive { margin-left: -3px; } #navMain li a { display: block; height: 36px; margin-top: 13px; overflow: hidden; background: no-repeat 0px 0px; text-indent: 999em; white-space: nowrap; outline: none; } #navMain a:hover { background-position: 0px -36px; } #navMain li.navMainActive a { position: relative; z-index: 3; height: 50px; margin: 0px 0px 0px -3px; } #navMain li.navMainActive a:hover { background-position: 0px 0px; } #navMain li.navMainActive, #navMain li.hasSubNav { position: relative; z-index: 4; } #navMain li.navMainActive li, #navMain li.hasSubNav li { float: none; } #navMain li.navMainActive li li a:hover, #navMain li.navMainActive li li a.active, #navMain li.navMainActive li li a.active:hover, #navMain li.hasSubNav li li a:hover, #navMain li.hasSubNav li li a.active, #navMain li.hasSubNav li li a.active:hover { background: #073e73; } #navMain li.navMainActive ul, #navMain li.hasSubNav ul { display: none; z-index: 40; } #navMain li.navMainActive:hover ul, #navMain li.hasSubNav:hover ul { display: block; position: absolute; left: 0px; top: 49px; padding: 9px 0px 9px 0px; border-top: 1px solid #fff; background: url(../_img/navigation/navMain/bg-hasSubNav.png); } #navMain li.navMainActive li a, #navMain li.hasSubNav li a { display: block; width: auto; overflow: visible; height: auto; margin: 0px; padding: 2px 19px 0px 19px; text-indent: 0; color: #fff; } #navMain li.navMainActive li a:hover, #navMain li.navMainActive li a.active, #navMain li.hasSubNav li a:hover, #navMain li.hasSubNav li a.active { text-decoration: underline; } /* ------------------------------------------------------------- 5. STRUCTURE MAINWRAPPER - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #mainWrapper { clear: both; width: 971px; padding-bottom: 65px; /* padding-bottom must be same height as the footer */ } /* 5.1 CONTENT HEADER*/ #contentHeader { float: right; width: 747px; height: 216px; margin-right: 10px; background: url(../_img/backgrounds/bg-contentHeader.png) 0px bottom repeat-x; } #start #contentHeader { width: 951px; height: 236px; } #contentHeaderImage { width: 548px; height: 205px; } #start #contentHeaderImage { width: 753px; height: 225px; } #logo { float: right; width: 90px; height: 129px; margin: 15px 25px 0px 0px; } /* 5.2 NAVBAR */ #navbar { float: left; width: 197px; margin: 0px 0px 0px 10px; } ul#navSub { width: 197px; background: #dcf0ff; } #navSub li a { display: block; width: 172px; padding: 3px 7px 3px 18px; border-bottom: 1px solid #fff; color: #000; } #navSub li a:hover { background: #c0e4ff; } #navSub li a.active { background: #013973 url(../_img/navigation/navSub/bg-navSubActive.png) no-repeat; color: #fff; font-weight: bold; } #navSub li a.active:hover { text-decoration: none; } ul#navSub ul { width: 197px; background: #f1f9ff; } #navSub li li a { display: block; width: 164px; padding: 3px 7px 1px 26px; border-bottom: 1px solid #cdd4d9; } #navSub li li.last { border-bottom: 1px solid #1d538c; } #navSub li li.last a { border-bottom: none; } #navSub li li a.active { background: #f1f9ff; color: #003872; font-weight: bold; } #navSub li li li a { display: block; width: 147px; padding: 3px 7px 1px 43px; background: url(../_img/navigation/navSub/bg-navSubLevel4.png) 34px 8px no-repeat; border-bottom: 1px solid #cdd4d9; } #navSub li li li a:hover, #navSub li li li a.active, #navSub li li li a.active:hover { background: url(../_img/navigation/navSub/bg-navSubLevel4.png) 34px 8px no-repeat; color: #000; text-decoration: underline; font-weight: normal; } #navSub li li.last li a { display: block; width: 147px; padding: 3px 7px 1px 43px; background: url(../_img/navigation/navSub/bg-navSubLevel4.png) 34px 8px no-repeat; border-top: 1px solid #cdd4d9; border-bottom: none; } /* 5.3 CONTENTWRAPPER */ #contentWrapper { float: right; width: 737px; margin-top: 10px; text-align: left; } #mainContent { float: left; width: 506px; } .twoColContentLeft { clear: both; float: left; width: 228px; } #start .twoColContentLeft { width: 295px; } .twoColContentRight { float: right; width: 248px; } #start .twoColContentRight { width: 188px; } /* 5.4 SIDEBAR */ #sidebar { float: right; width: 216px; margin-right: 10px; padding-bottom: 25px; text-align: center; } #sidebar h1 { text-align: left; color: #545453; } #sidebar p, #sidebar h2, #sidebar h3 { text-align: left; color: #424242; } #sidebar .csc-default { margin-left: 17px; } ul.navSidebar { position: relative; margin-bottom: 21px; } .navSidebar li { background-image: none; margin-bottom: 4px; } .navSidebar li a { display: block; height: 49px; width: 199px; overflow: hidden; background: no-repeat 0px 0px; text-indent: 999em; white-space: nowrap; } /* ------------------------------------------------------------- 6. STRUCTURE FOOTER - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #footer { position: relative; width: 971px; margin: -65px auto 0px auto; height: 65px; clear:both; text-align: right; } #slogan { float: left; margin: 24px auto 6px 20px; } #zertifikat { float: right; margin-right: 28px; margin-top: -24px; } /* ------------------------------------------------------------- 7. CONTENT STYLES - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* 7.1 GENERAL */ h1 { margin-top: -4px; padding-bottom: 4px; margin-bottom: 13px; color: #545453; border-bottom: 1px solid #d9d9d9; font-size: 18px; line-height: 29px; font-family: verdana, arial, sans-serif; } #sidebar h1 { width: 163px; margin-top: 0px; margin-left: 14px; padding: 0px 3px; } #berufsfoerderungswerk h1.colorDivision { color: #b35018; border-bottom: 1px solid #ecc8ba; } h2 { color: #003872; font-size: 17px; line-height: 18px; margin-bottom: 18px; } #mainContent h2 { margin-bottom: 6px; } #sidebar h2 { width: 163px; margin: 11px 0px 0px 17px; font-size: 12px; line-height: 16px; font-weight: bold; } #sidebar h1 + h2 { margin-top: -8px; } #berufsfoerderungswerk h2 { color: #b35018; } #berufsfoerderungswerk #sidebar h2, h3 { margin: 0px 0px 18px 0px; font-size: 12px; color: #424242; line-height: 18px; font-weight: bold; } #berufsfoerderungswerk #sidebar h2 { margin-left: 17px; } #mainContent h3 { margin-bottom: 8px; } h4 { margin: 0px 0px 18px 0px; font-size: 12px; color: #424242; line-height: 18px; font-weight: bold; } p { margin: 0px 0px 18px 0px; font-size: 12px; line-height: 18px; } #sidebar p { width: 163px; margin: 0px 0px 0px 17px; line-height: 16px; } #contentWrapper ul { margin-bottom: 16px; } #contentWrapper ul li { background: url(../_img/content/bullet-level1.png) 0px 8px no-repeat; margin-bottom: 2px; padding-left: 8px; line-height: 18px; } #contentWrapper ul ul { margin-top: -1px; margin-bottom: 1px; padding-top: 0; } #contentWrapper ul li li { background: url(../_img/content/bullet-level2.png) 2px 10px no-repeat; padding-left: 9px; font-size: 11px; line-height: 18px; } #contentWrapper ol { margin: 0px 0px 16px 2px; padding: 0px; } #contentWrapper ol li { margin-left: 16px; list-style-type: decimal; } #contentWrapper ul.navSidebar { margin-bottom: 21px; } #contentWrapper ul.navSidebar li { background: none; margin-bottom: 4px; padding-left: 0px; } /*Stellenangebote*/ h1.Teaser_Fachschulen-Technik-Edv, h1.Teaser_Hotelschulen, h1.Teaser_Medizinische-Schulen, h1.Teaser_Berufsfoerderungswerk, h1.Teaser_Fernlehrinstitut-und-Studium, h1.Teaser_Regionales-Bildungszentrum, h1.Teaser_Seminare-und-Trainings, h1.Teaser_Verwaltung, h1.Teaser_Eckert-Schulen { margin: 22px 0px 0px 0px; padding: 0px 0px 0px 11px; background: 0px 1px no-repeat; border-bottom: none; font-size: 10px; line-height: 1; } h1.Teaser_Fachschulen-Technik-Edv { color: #4678bb; background-image: url(../_img/content/teaser_fachschulenEdvTechnik.png); } h1.Teaser_Hotelschulen { color: #94275f; background-image: url(../_img/content/teaser_hotelschulen.png); } h1.Teaser_Medizinische-Schulen { color: #4e9d59; background-image: url(../_img/content/teaser_medizinischeSchulen.png); } h1.Teaser_Berufsfoerderungswerk { color: #b35018; background-image: url(../_img/content/teaser_berufsfoerderungswerk.png); } h1.Teaser_Fernlehrinstitut-und-Studium { color: #0f96d0; background-image: url(../_img/content/teaser_fernlehrinstitutUndStudium.png); } h1.Teaser_Regionales-Bildungszentrum { color: #cd7b12; background-image: url(../_img/content/teaser_regionalesBildungszentrum.png); } h1.Teaser_Seminare-und-Trainings { color: #ab2037; background-image: url(../_img/content/teaser_seminareUndTrainings.png); } h1.Teaser_Verwaltung { color: #545453; background-image: url(../_img/content/teaser_verwaltung.png); } h1.Teaser_Eckert-Schulen { color: #003872; background-image: url(../_img/content/teaser_eckertSchulen.png); } h2.Titel_Fachschulen-Technik-Edv, h2.Titel_Hotelschulen, h2.Titel_Medizinische-Schulen, h2.Titel_Berufsfoerderungswerk, h2.Titel_Fernlehrinstitut-und-Studium, h2.Titel_Regionales-Bildungszentrum, h2.Titel_Seminare-und-Trainings, h2.Titel_Verwaltung, h2.Titel_Eckert-Schulen { margin: 16px 0px 11px 0px; font-size: 20px; line-height: 22px; } h2.Titel_Fachschulen-Technik-Edv { color: #4678bb; } h2.Titel_Hotelschulen { color: #94275f; } h2.Titel_Medizinische-Schulen { color: #4e9d59; } h2.Titel_Berufsfoerderungswerk { color: #b35018; } h2.Titel_Fernlehrinstitut-und-Studium { color: #0f96d0; } h2.Titel_Regionales-Bildungszentrum { color: #cd7b12; } h2.Titel_Seminare-und-Trainings { color: #ab2037; } h2.Titel_Verwaltung { color: #545453; } h2.Titel_Eckert-Schulen { color: #003872; } h3.Zwischenueberschrift_dunkelblau { margin: 22px 0px 8px 0px; color: #003872; font-size: 17px; line-height: 18px; font-weight: normal; } /* 7.2 CSC */ /*Images*/ #contentWrapper ul li.csc-textpic-image { background: none; margin-bottom: 11px; padding-left: 0px; line-height: 1; } div.csc-textpic img { margin-bottom: 14px; } #sidebar .csc-textpic-imagewrap { margin-left: 17px; } /*Uploads*/ table.csc-uploads { width: 100%; margin: 28px 0px 45px 0px; } .csc-uploads { border-collapse: collapse; } .csc-uploads th { padding: 0px 0px 7px 0px; font-size: 11px; line-height: 16px; vertical-align: top; } .csc-uploads td { padding: 4px 0px 3px 0px; border-bottom: 1px solid #d9d9d9; font-size: 12px; line-height: 15px; vertical-align: top; } .csc-uploads td.csc-uploads-icon { width: 35px; } .csc-uploads td.csc-uploads-fileName { width: 287px; padding: 8px 45px 3px 0px; color: #4ba2e6; } .csc-uploads td.csc-uploads-fileSize { width: 87px; padding: 8px 0px 3px 0px } /*Contenttable*/ table.contenttable { margin-bottom: 25px; } .contenttable { border-collapse: collapse; } .contenttable td { padding: 4px 8px 3px 8px; border-bottom: 1px solid #d9d9d9; font-size: 12px; vertical-align: top; } thead .tr-0 { border-bottom: none; background: #4d4d4d url(../_img/content/bg-contenttable.png) repeat-x; } .tr-0 th { padding: 4px 6px 4px 8px; color: #fff; font-weight: bold; } #berufsfoerderungswerk thead .tr-0 { background: #9f3117 url(../_img/content/bg-contenttable_berufsfoerderungswerk.png) repeat-x; } /*Loginform*/ .csc-mailform-field { } .csc-mailform-field label { display: block; float: left; width: 68px; padding-top: 2px; } .csc-mailform-field input { width: 176px; height: 18px; margin-bottom: 6px; padding: 3px 3px 0px 3px; border: 1px solid #d9d9d9; color: #424242; } .csc-mailform-field input.csc-mailform-submit { width: 74px; height: 24px; margin: 7px 0px 12px 69px; background: #003872 url(../_img/content/login.png) no-repeat; border: none; text-indent: 80px; overflow: hidden; white-space: nowrap; font-size: 0; display:block; line-height: 0; } .csc-mailform-field input.loginSubmitImage { width: 74px; height: 24px; margin: 7px 0px 12px 69px; padding: 0; border: none; } /* 7.3 INDEXED SEARCH */ .tx-indexedsearch-searchbox td { padding: 0px 16px 16px 0px; } div.tx-indexedsearch-browsebox { margin-bottom: 32px; } ul.browsebox { padding-bottom: 45px; } .browsebox li { float: left; width: auto; margin: 0; padding: 0px 3px; background: none !important; } .tx-indexedsearch-res { clear: both; } .tx-indexedsearch-title a { font-weight: bold; } /* 7.4 RTE */ table.schedule { margin-bottom: 25px; border-collapse: collapse; } table.schedule caption { margin-bottom: 18px; font-weight: bold; } table.schedule th { font-weight: bold; padding: 4px 8px 3px 8px; font-size: 12px; vertical-align: top; } table.schedule td { padding: 4px 8px 3px 8px; font-size: 12px; vertical-align: top; } tr.rowOdd { background: #fff; } tr.rowEven { background: #cbddc8; } table.schedule p { margin-bottom: 0px !important; } /* ------------------------------------------------------------- 8. TT_NEWS - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .ttnewsMore a { margin-left: 3px; } /* 8.1 LATEST */ div.ttnewsLatest { padding: 8px 0px 1px 0px; } h1 + div.ttnewsLatest { padding-top: 0px; } .ttnewsLatest h2 { margin-bottom: 11px; } .ttnewsLatest h2 a { margin: 0; /*color: #4ba2e6;*/ color: #003872; font-size: 17px; line-height: 21px; font-weight: normal; } .ttnewsLatest img { float: left; margin: 2px 14px 15px 0px; } .ttnewsLatest p { margin: 0; padding: 0; line-height: 16px; } .ttnewsLatestTickerTop { width: 100%; height: 4px; margin: -5px 0px 0px 0px; padding: 0px 0px 0px 0px; background: #eaf6ff; } #start .ttnewsLatestTickerTop { margin-top: -6px; } .ttnewsLatestTickerWrap { margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; background: #eaf6ff; overflow: hidden; } .ttnewsLatestTicker { padding: 4px 0px 4px 0px; } .ttnewsLatestTickerWrap .divider { background: #cdd6de; margin: 0px; } .ttnewsLatestTickerDate, .ttnewsLatestTickerWrap p.ttnewsDate { float: left; width: 48px; margin: 0px 0px 0px 4px; font-size: 12px; line-height: 18px; color: #9a9a9a; } #start .ttnewsLatestTickerDate, #start .ttnewsLatestTickerWrap p.ttnewsDate { width: 42px; margin-left: 3px; font-size: 10px; line-height: 10px; } .ttnewsLatestTicker h2 { float: left; width: 186px; padding: 0px 0px 3px 10px; font-size: 12px; line-height: 18px; color: #424242; margin: 0; } .ttnewsLatestTicker h2 a { display: block; margin-bottom: 0px; padding: 0px 0px 0px 0px; font-size: 12px; line-height: 18px; } .ttnewsLatestTicker h2 a:hover { color: #003872; text-decoration: none; } #start .ttnewsLatestTicker h2 { width: 137px; margin-bottom: 3px; font-size: 10px; line-height: 10px; } #start .ttnewsLatestTicker h2 a { margin-bottom: 0px; padding: 0px 0px 0px 0px; font-size: 10px; line-height: 10px; } .ttnewsLatestTickerLast h2 { padding-bottom: 7px; } /* 8.2 LIST */ div.ttnewsList { padding: 8px 0px 1px 0px; } h1 + div.ttnewsList { padding-top: 0px; } .ttnewsList h2 { margin-bottom: 17px; } .ttnewsList h2 a { margin: 0; color: #003872; font-size: 17px; line-height: 21px; font-weight: normal; } .ttnewsList img { float: left; margin: 2px 17px 15px 0px; } .ttnewsList p { margin: 0; padding: 0; line-height: 16px; } #berufsfoerderungswerk .ttnewsList h2 a { color: #b35018; } /* 8.3 SINGLE */ .ttnewsSingle h1 { margin: -3px 0px 8px 0px; padding: 0; border-bottom: none; font-size: 17px; line-height: 27px; color: #003872; font-family: arial, verdana, sans-serif; } div.news-single-img { float: left; margin: 3px 21px 0px 0px; } .ttnewsSingleSubheader { font-weight: bold; } h4.ttnewsSingleLink { margin: 17px 0px 3px 0px; line-height: 15px; } .ttnewsSingleMore { margin-top: 0px; } .ttnewsSingleMore p { margin: 0; } .ttnewsSingleBack a { display: block; margin: 20px 0px 44px 0px; padding: 0px 0px 0px 11px; background: url(../_img/content/zurueck.gif) 0px 6px no-repeat ; } /* ------------------------------------------------------------- 9. JR_ES - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* 9.1 COMBOBOX SEARCHFORM */ #comboboxSearch label { color: #fff; font-size: 12px; line-height: 23px; font-weight: bold; } #comboboxSearch option { margin: 4px 3px; } .comboboxSearchNavBar form { width: 149px; } .comboboxSearchNavBar select { width: 149px; margin-bottom: 8px; } .comboboxSearchNavBar #comboboxSearchTop { width: 192px; height: 19px; margin: 4px 0px 0px 10px; background: url(../_img/extensions/combobox/comboboxSearchTop_192px.png) no-repeat; } .comboboxSearchNavBar #comboboxSearchMiddle { width: 192px; margin: 0px 0px 0px 10px; padding: 0px 0px 2px 20px; background: url(../_img/extensions/combobox/comboboxSearchMiddle_192px.png) repeat-y; } .comboboxSearchNavBar #comboboxSearchMiddle input.comboboxSearchformCoupon { float: left; width: 12px; margin-top: 2px;} .comboboxSearchNavBar #comboboxSearchMiddle label.comboboxSearchformCoupon { float: left; width: 125px; margin-left: 8px; font-weight: normal; line-height: 16px; } .comboboxSearchNavBar #comboboxSearchMiddle .comboboxSubmit { clear: both; margin: 13px 0px 0px 0px; } .comboboxSearchNavBar #comboboxSearchBottom { width: 192px; height: 12px; margin: 0px 0px 0px 10px; background: url(../_img/extensions/combobox/comboboxSearchBottom_192px.png) no-repeat; } .comboboxSearchMainContent { width: 510px; height: 152px; margin-left: -2px; margin-bottom: 13px; margin-top: 8px; background: url(../_img/extensions/combobox/comboboxSearch_510px.png) no-repeat; } .comboboxSearchMainContent select { width: 170px; margin-bottom: 5px; } .comboboxSearchMainContentCol1 { float: left; width: 170px; margin: 13px 0px 0px 18px; } .comboboxSearchMainContentCol2 { float: left; width: 170px; margin: 13px 0px 0px 18px; } .comboboxSearchMainContentCol3 { float: right; width: 90px; margin-right: 19px; text-align: right; margin-top: 54px; } .comboboxSearchMainContentRow2 { clear: both; margin: 13px 0px 0px 18px; padding-top: 10px; } #comboboxSearch .comboboxSearchMainContentRow2 input { float: left; width: 12px; } #comboboxSearch .comboboxSearchMainContentRow2 label { float: left; font-weight: normal; padding-left: 6px; line-height: 1; } .comboboxSearchMainContent .comboboxSubmit { margin-bottom: 9px; } .comboboxSearchMainContent a { color: #346495; text-decoration: underline; } .comboboxSearchMainContent a:hover { color: #dfdfdf; } /* 9.2 LIST */ .jresListTable { width: 100%; margin-bottom: 21px; border-collapse:collapse; table-layout: fixed;} .jresListTable thead { background: #4d4d4d url(../_img/content/bg-contenttable.png) repeat-x; } .jresListTable th { padding: 4px 6px 4px 8px; color: #fff; font-weight: bold; } .jresListTable td { padding: 5px 8px 4px 8px; font-size: 12px; vertical-align: top; background: #e6e6e6; } .jresListTable td.jresListTableOdd { background: none; } .jresListCol1 { width: 222px; } .jresListCol2 { width: 66px; } .jresListCol3 { width: 66px; } .jresListCol4 { width: 96px; } .jresListTable td.jresListCol1, .jresListTable td.jresListCol4 { color: #4ba2e6; font-weight: bold; } .jresListTable th.jresListCol4 { padding-right: 8px; } .jresListTable td.jresListCol4 { padding-left: 31px; } .jresListBlockLabel { font-weight: bold; background: #cccccc !important; } a.jresListTooltip { position: relative; } a.jresListTooltip:hover { text-decoration: none; } a.jresListTooltip span { display: none; text-decoration: none; } a.jresListTooltip:hover span { display: block; position: absolute; z-index: 100; top: 10px; left: 17px; padding: 3px 8px; border:1px solid #b4afac; color: #797472; background: #e5e8e9; } .jresListText { font-weight: bold; } #jresListKontakt { padding-bottom: 4px; } #sidebar #jresListKontakt h1 + h2 { margin-top: -3px; } #sidebar #jresListKontakt h2 { /*color: #424242;*/ color: #424242; } /* 9.3 SINGLE */ /* NOTE: */ /* .colorScheme0 = Standard */ /* .colorScheme1 = Eckert Technikum */ /* .colorScheme2 = Meisterlehrgaenge mit IHK-Pruefung */ /* .colorScheme3 = Lehrgaenge mit IHK-Pruefung */ /* .colorScheme4 = Studium */ /* .colorScheme5 = Seminare und Kurse */ /* .colorScheme6 = Medizin-Pflege-Therapie */ /* .colorScheme7 = Hotel-Gastronomie-Tourismus */ /* .colorScheme8 = Firmenschulungen-Inhouse Seminare */ /* .colorScheme9 = Bildungsgutscheine - Umschulungen */ #jresSingleWrap h2 { display: inline-table; width: 486px; margin-bottom: 17px; padding: 4px 10px 3px 10px; background: #ededed; } .colorScheme1 #jresSingleWrap h2 { color: #4678bb; } .colorScheme2 #jresSingleWrap h2 { color: #4d9da8; } .colorScheme3 #jresSingleWrap h2 { color: #bbd327; } .colorScheme4 #jresSingleWrap h2 { color: #5aa7d5; } .colorScheme5 #jresSingleWrap h2 { color: #dda02f; } .colorScheme6 #jresSingleWrap h2 { color: #4e9d59; } .colorScheme7 #jresSingleWrap h2 { color: #94275f; } .colorScheme8 #jresSingleWrap h2 { color: #ab2d2e; } .colorScheme9 #jresSingleWrap h2 { color: #b35018; } .jresSingleImage { float: left; margin: 2px 25px 23px 0px; } #jresSingleWrap h1 { margin-bottom: 17px; } #jresSingleWrap ul, #jresSingleWrap ol, #jresSingleWrap dl { display: table; } #contentWrapper #jresSingleWrap ul li { background: url(../_img/content/bullet-level1_colorscheme0.png) 0px 6px no-repeat; margin-left: 3px; padding-left: 11px; } #contentWrapper .colorScheme1 #jresSingleWrap ul li { background-image: url(../_img/content/bullet-level1_colorscheme1.png); } #contentWrapper .colorScheme2 #jresSingleWrap ul li { background-image: url(../_img/content/bullet-level1_colorscheme2.png); } #contentWrapper .colorScheme3 #jresSingleWrap ul li { background-image: url(../_img/content/bullet-level1_colorscheme3.png); } #contentWrapper .colorScheme4 #jresSingleWrap ul li { background-image: url(../_img/content/bullet-level1_colorscheme4.png); } #contentWrapper .colorScheme5 #jresSingleWrap ul li { background-image: url(../_img/content/bullet-level1_colorscheme5.png); } #contentWrapper .colorScheme6 #jresSingleWrap ul li { background-image: url(../_img/content/bullet-level1_colorscheme6.png); } #contentWrapper .colorScheme7 #jresSingleWrap ul li { background-image: url(../_img/content/bullet-level1_colorscheme7.png); } #contentWrapper .colorScheme8 #jresSingleWrap ul li { background-image: url(../_img/content/bullet-level1_colorscheme8.png); } #contentWrapper .colorScheme9 #jresSingleWrap ul li { background-image: url(../_img/content/bullet-level1_colorscheme9.png); } #contentWrapper #jresSingleWrap ul li li { background: url(../_img/content/bullet-level1.png) 2px 10px no-repeat; margin-left: 0px; padding-left: 9px; font-size: 12px; } #contentWrapper .colorScheme1 #jresSingleWrap ul li li, #contentWrapper .colorScheme2 #jresSingleWrap ul li li, #contentWrapper .colorScheme3 #jresSingleWrap ul li li, #contentWrapper .colorScheme4 #jresSingleWrap ul li li, #contentWrapper .colorScheme5 #jresSingleWrap ul li li, #contentWrapper .colorScheme6 #jresSingleWrap ul li li, #contentWrapper .colorScheme7 #jresSingleWrap ul li li, #contentWrapper .colorScheme8 #jresSingleWrap ul li li, #contentWrapper .colorScheme9 #jresSingleWrap ul li li { background-image: url(../_img/content/bullet-level1.png); } #div_desc1, #div_desc2 { clear: both; } .jresSingleExpand, .jresSingleRetract { margin-top: 2px; padding: 11px 0px 0px 14px; border-top: 1px solid #d9d9d9; font-weight: bold; background: url(../_img/content/ausklappen.gif) 0px 19px no-repeat ; color: #3c84bc; } .jresSingleRetract { background-image: url(../_img/content/einklappen.gif);} .jresSingleExpand:hover, .jresSingleRetract:hover { text-decoration: underline; cursor: pointer; } #jresSingleOverview { padding-bottom: 15px; margin-left: 17px; } #jresSingleVoucher { width: 113px; height: 105px; margin: -5px 0px 15px 34px; background: url(../_img/extensions/jr_es/voucher_background.png) no-repeat; } #jresSingleVoucher img { display: none; } #jresSingleDownload { padding-bottom: 19px; margin-left: 17px; } #sidebar #jresSingleDownload h1 { margin-bottom: 5px; } #sidebar #jresSingleDownload h2 { margin-top: 0px; } .jresSingleDownloadIcon { clear: both; float: left; margin: 0px 0px 0px 14px; width: 23px; } .jresSingleDownloadLink { float: left; margin: 2px 0px 0px 6px; width: 140px; text-align: left; } form#downloadForm { margin-top: 6px; margin-left: 0px; text-align: left; } #downloadForm .downloadError { color: #e10808; font-size: 11px; margin-left: 57px; } #downloadForm label { clear: both; float: left; width: 39px; margin-left: 17px; margin-top: 5px; font-size: 11px; } #downloadForm input { float: left; width: 114px; padding: 2px; color: #424242; border: 1px solid #b0b0b0; margin-top: 5px; } #downloadForm .downloadSubmit { display: block; clear: both; width: 120px; height: 24px; margin: 11px 0px 0px 56px; padding: 0; border: 0;} #jresSinglePartner { margin-bottom: 9px; text-align: left; margin-left: 17px; } #jresSinglePartner img { margin: 11px 0px 2px 17px; } #jresSinglePartner p { margin-bottom: 9px; } #jresSingleAddthis { margin-left: 17px; } .jresSingleAddthis { margin-left: 17px; } #jresSingleContact { text-align: left; padding-bottom: 0px; margin-left: 17px; } #jresSingleOverview #jresSingleContact { margin-left: 0; } /*#jresSingleContact h2 { margin-top: 0px; }*/ .jresContactImage { margin: 2px 5px 2px 17px; } #jresSingleZfuNumber { width: 163px; height: 16px; margin: 21px 0px 0px 17px; padding-top: 111px; background: url(../_img/extensions/jr_es/zfu-number_background.png) 17px 0px no-repeat; } #jresSingleZfuNumber img { display: none; } #jresSingleNews { width: 506px; } #jresSingleNews h2 { display: inline-table; width: 486px; margin-bottom: 0; padding: 11px 10px 8px 10px; background: #eaf7ff; } #jresSingleNews ul { display: inline-table; width: 486px; padding: 0px 10px 3px 10px; background: #eaf7ff; } #contentWrapper #jresSingleNews ul li { padding-left: 13px; background: url(../_img/content/mehr.gif) no-repeat 0px 5px; } .jresSingleBack { display: inline-block; width: 506px; line-height: 15px; } .jresScheduleTable { width: 506px; margin-bottom: 21px; border-collapse:collapse; } .jresScheduleTable thead { background: #4d4d4d url(../_img/content/bg-contenttable.png) repeat-x; } .jresScheduleTable th { padding: 4px 6px 4px 8px; color: #fff; font-weight: bold; } .jresScheduleTable td { padding: 5px 8px 4px 8px; font-size: 12px; vertical-align: top; background: #e6e6e6; } .jresScheduleTable td.jresScheduleTableOdd { background: none; } .jresExaminationScheduleCol1 { width: 40px; } .jresExaminationScheduleCol2 { width: 90px; } .jresExaminationScheduleCol3 { width: 90px; } .jresExaminationScheduleCol4 { width: 90px; } .jresExaminationScheduleCol5 { width: 90px; } .jresScheduleTable p { margin-bottom: 0px; } .jres-panel { } .jres-handler { cursor:pointer; margin-top: 2px; padding: 11px 0px 0px 14px; border-top: 1px solid #d9d9d9; font-weight: bold; background: url(../_img/content/einklappen.gif) 0px 19px no-repeat ; color: #3c84bc; } .jres-panel.close .jres-handler { background-image: url(../_img/content/ausklappen.gif); } .jres-panel.hover .jres-handler { text-decoration: underline; } .jres-content { } .jres-border { } .jres-border p { } /* 9.4 MARATHON-COUNTER */ div.counter { width: 172px; height: 203px; background: url(../../../typo3conf/ext/jr_es/res/Eckert-Schulen-Web_Counter_Grund_Komplett.png) no-repeat; margin: 0px 0px 21px 17px; position: relative; } div.counter1col { width: 44px; height: 33px; background: url(../../../typo3conf/ext/jr_es/res/Eckert-Schulen-Web_Counter_Leiste_0-9_einstellig.png) no-repeat; position: relative; top:132px; left:66px; } div.counter2col1 { width: 22px; height: 33px; background: url(../../../typo3conf/ext/jr_es/res/Eckert-Schulen-Web_Counter_Leiste_0-9_Links_zweistellig.png) no-repeat; position: relative; top:132px; left:66px; float: left; } div.counter2col2 { width: 22px; height: 33px; background: url(../../../typo3conf/ext/jr_es/res/Eckert-Schulen-Web_Counter_Leiste_0-9_Rechts_zweistellig.png) no-repeat; position: relative; top:132px; left:88px; } div.no1 { background-position: 0px -40px; } div.no2 { background-position: 0px -80px; } div.no3 { background-position: 0px -120px; } div.no4 { background-position: 0px -160px; } div.no5 { background-position: 0px -200px; } div.no6 { background-position: 0px -240px; } div.no7 { background-position: 0px -280px; } div.no8 { background-position: 0px -320px; } div.no9 { background-position: 0px -360px; } /* ------------------------------------------------------------- 10. WT_GALLERY - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* 10.1 CATEGORIES */ .wtgalleryCategoryArea {} .wtgalleryCategories { float: left; margin: 0px 4px 22px 0px; } .wtgallery_category_lastofrow { margin-right: 0px; } .wtgalleryCategoryPic { padding: 6px; border: 1px solid #e0d9d4; } .wtgalleryCategoryFolder { padding: 0px 4px; } .wtgalleryCategoryFolder a { color: #37302d; } .wtgalleryCategoryFolder a:hover { color: #4ba2e6; text-decoration: none; } /* 10.2 LIST */ .wtgalleryListArea {} .wtgalleryList { float: left; margin: 0px 6px 6px 0px; } .wtgallery_list_lastofrow { margin-right: 0px; } /* ------------------------------------------------------------- 11. BROWSEBOX - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ ul.browsebox { margin: 0px; padding: 5px 0px 0px 0px; } ul.browsebox li { float: left; width: auto; margin: 0; padding: 0px 3px; background: none; } #contentWrapper ul.browsebox { background: none; margin-left: -16px; } #contentWrapper ul.browsebox li { background: none; } ul.browsebox li.active { font-weight: bold; } .disabled { color: #c1bbb7; } ul.browsebox li a { } ul.browsebox li a:hover { } .browsebox .prev, .browsebox .next { display: block; height: 12px; } .browsebox .prev { padding: 0px 6px 5px 11px; background: url(../_img/content/prev.png) no-repeat 0px 6px; } .browsebox .next { padding: 0px 11px 5px 6px; background: url(../_img/content/next.png) no-repeat right 6px; } .browsebox a:hover .prev { background-position: 0px -12px; text-decoration: underline; } .browsebox a:hover .next { background-position: right -8px; text-decoration: underline; } .browsebox .disabled .prev { color: #c1bbb7; background-position: 0px -12px; } .browsebox .disabled .next { color: #c1bbb7; background-position: right -8px; } ul.browsebox .first, ul.browsebox .last { display: none !important; } /* ------------------------------------------------------------- 12. POWERMAIL - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #mainContentWrapper .tx-powermail-pi1 form { padding-top: 3px; } .tx-powermail-pi1 fieldset { padding: 4px; } .tx-powermail-pi1 legend { display: none; } .tx_powermail_pi1_fieldwrap_html { clear: both; margin-bottom: 8px; } .powermail_mandatory_js { color: red; display: block; margin-top: 4px; font-size: 12px; margin-left: 94px; } .tx-powermail-pi1 #advice-required-uid9, .tx-powermail-pi1 #advice-required-uid24, .tx-powermail-pi1 #advice-required-uid11, .tx-powermail-pi1 #advice-required-uid26 { margin-left: 0px; } #advice-validate-one-required-powermaildiv_uid13, #advice-validate-one-required-powermaildiv_uid28 { clear: both; margin-left: 0px; } .tx-powermail-pi1 label { display: block; float: left; width: 94px; clear: both; font-size: 12px; color: #424242; } .tx-powermail-pi1 input, .tx-powermail-pi1 textarea { width: 346px; border: 1px solid #d9d9d9; padding: 2px; } .tx-powermail-pi1 textarea { height: 87px; } .tx-powermail-pi1 select { width: auto; padding: 2px; border: 1px solid #d9d9d9; color: #424242; } .tx_powermail_pi1_fieldwrap_html_submitgraphic input, input.powermail_submit { width: 100px; height: 24px; margin: 51px 0px 21px 0px; border: none; } p.tx_powermail_pi1_fieldwrap_html_radio_title { display: block; float: left; width: 94px; clear: both; font-size: 12px; color: #424242; } div.powermail_radio_inner { float: left; width: auto; } div.powermail_radio_inner input { float: left; width: auto; margin: 1px 5px 0px 0px; padding-top: 3px; border: none; } div.powermail_radio_inner label { float: right; display: inline; width: auto; margin-right: 15px; } p.tx_powermail_pi1_fieldwrap_html_checkbox_title { display: none; } .powermail_check_inner input { float: left; width: auto; margin-top: 20px; border: none; } .powermail_check_inner label { display: block; float: right; width: 415px; margin: -16px 44px 0px 0px; } #powermaildiv_uid8, #powermaildiv_uid23, #powermaildiv_uid128, #powermaildiv_uid162, #powermaildiv_uid232 { float: left; width: 355px; } input.contact_street { width: 245px; } #powermaildiv_uid9, #powermaildiv_uid24, #powermaildiv_uid129, #powermaildiv_uid163, #powermaildiv_uid233 { clear: none; float: right; width: 75px; margin-right: 52px; } #powermaildiv_uid9 label, #powermaildiv_uid24 label, #powermaildiv_uid129 label, #powermaildiv_uid163 label, #powermaildiv_uid233 label { width: 30px; } input.contact_number { width: 39px; } #powermaildiv_uid10, #powermaildiv_uid25, #powermaildiv_uid130, #powermaildiv_uid164, #powermaildiv_uid234 { float: left; width: 172px; } input.contact_cip { width: 70px; } #powermaildiv_uid11, #powermaildiv_uid26, #powermaildiv_uid131, #powermaildiv_uid165, #powermaildiv_uid235 { clear: none; float: right; width: 258px; margin-right: 50px; } #powermaildiv_uid11 label, #powermaildiv_uid26 label, #powermaildiv_uid131 label, #powermaildiv_uid165 label, #powermaildiv_uid235 label { width: 32px; } input.contact_city { width: 220px; } #powermaildiv_uid44 select, #powermaildiv_uid137 select, #powermaildiv_uid154 select { width: 346px; } .error { text-align: left; background-color: #d73636; border: 1px solid #d73636; font-size: 0.9em; color: #fff; padding: 3px 10px 5px 10px; margin-left: -2px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 6px #ddd; -webkit-box-shadow: 0 0 6px #ddd; box-shadow: 0 0 6px #ddd; } .error p { margin: 0; font-weight: bold; } .error em { position:absolute; display: block; width: 0; height: 0; bottom:-7px; left:5px; border: 10px solid; border-color: #d73636 transparent transparent; border-bottom: 0 none; } .hint { text-align: left; background-color: #d73636; border: 1px solid #d73636; font-weight: bold; color: #fff; padding: 3px 10px 5px 10px; margin-left: -2px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 6px #ddd; -webkit-box-shadow: 0 0 6px #ddd; box-shadow: 0 0 6px #ddd; } /* ------------------------------------------------------------- 13. GLOSSARY - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .tx-a21glossaryadvancedoutput-pi1 .navbar { margin-bottom: 12px; } .tx-a21glossaryadvancedoutput-pi1 .navbar a { margin-right: 4px; } /* ------------------------------------------------------------- 14. GOOGLE MAPS FORM - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #gmapsform #saddr { width: 176px; height: 18px; margin-bottom: 6px; padding: 2px 3px 2px 3px; border: 1px solid #d9d9d9; color: #424242; } /* ------------------------------------------------------------- 15. WPC - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #wpcMainContent p { margin-bottom: 0; margin-left: 69px; } #wpcMainContent p a { font-weight: bold; } #wpcMainContent .csc-mailform-field input.loginSubmit { background: url(../_img/content/login.png); width: 74px; height: 24px; margin: 7px 0px 12px 69px; padding: 0; border: none; text-indent: -1000px; font-size: 0; display:block; line-height: 0; } #wpcMainSidebar { margin-left: 17px; text-align: left; } #wpcMainSidebar .csc-mailform-field label { width: 57px; } #wpcMainSidebar .csc-mailform-field input { width: 101px; } #wpcMainSidebar .csc-mailform-field input.loginSubmitImage { width: 74px; margin-left: 58px; } #wpcMainSidebar .csc-mailform-field input.loginSubmit { background: url(../_img/content/login.png); width: 74px; height: 24px; margin: 7px 0px 12px 58px; padding: 0; border: none; text-indent: -1000px; font-size: 0; display:block; line-height: 0; } #wpcMainSidebar p { margin-bottom: 0; margin-left: 0px; } #wpcMainSidebar p a { font-weight: bold; }