/************/ /* Webfont */ /************/ @font-face {font-family: 'PlutoRegular';src: url('../../../plugins/MyFontsWebfontsKit/webfonts/2380A9_0_0.eot');src: url('../../../plugins/MyFontsWebfontsKit/webfonts/2380A9_0_0.eot?#iefix') format('embedded-opentype'),url('../../../plugins/MyFontsWebfontsKit/webfonts/2380A9_0_0.woff') format('woff'),url('../../../plugins/MyFontsWebfontsKit/webfonts/2380A9_0_0.ttf') format('truetype');} /*----------------------------*/ /* Main */ /*----------------------------*/ html, body {margin: 0; padding: 0;} html {} body { margin: 0px auto; overflow:scroll; background: #fff; position: relative; width: 100%; overflow-x: hidden;} a { font-family:arial, Helvetica,sans-serif; font-size: 14px; line-height: 20px; color: #608928; font-weight: normal; } a.textColor {color: #333;} a:hover { color: #A3BF37; text-decoration: none; } a:active { color: #314717; } p, td, body, div, input, label, li, ol, p, select, td, th, textarea, u, ul h4 { font-family:arial, Helvetica,sans-serif; font-size: 14px; line-height: 20px; color: #333; font-weight: normal; } td { vertical-align: top; } h1, h1 > a { font-family:PlutoRegular; font-size: 30px; line-height: 40px; color: #333; font-weight: normal; margin-bottom: 20px; } h2, h2 > a { font-family:PlutoRegular; font-size: 14px; line-height: 22px; color: #999; font-weight: normal; margin: 0px; } h3, h3 > a { font-family:PlutoRegular; font-size: 16px; line-height: 22px; color: #333; font-weight: normal; margin-top: 20px; } h4, h4 > a { font-family:PlutoRegular; font-size: 14px; line-height: 14px; color: #333; font-weight: normal; } h1 + div > h3 { margin-top:0;} .enclosure + h2, blockquote + h2 { margin-top: 20px;} span.green { color:#608928;} .ce_image { margin-bottom:20px;} #page_container { position: relative; height: 100%; margin:0 auto; width: 985px;} #page_container .innerFull {} #page_center { display: block; margin-top: 0px; position: relative; } #page_main { display: block; position: relative; width: 100%; } #page_bottom { padding-top: 20px; } #page_left { position:fixed; top: 10px; width:220px; margin:0px 40px 0 0; z-index: 10000; } #page_right {margin-left: 20px; float: left; width: 220px;} .defaultPage #page_main { width:700px; margin: 0 0 0 260px; } body.ie .defaultPage #page_main { margin: 0; padding: 0 0 0 260px;} .defaultPage #page_main .content.inner { width:700px; padding-top: 25px; float: left;} .defaultPage #page_main .content.inner.main { width:460px;} .ce_downloads { margin-bottom: 15px; } /*--------------*/ /* Startseite */ /*--------------*/ /* Featured Project */ #startseite .mod_newslist .layout_projectFeature { margin-bottom: 30px; } #startseite .mod_newslist .layout_projectFeature h1 { margin-bottom:0; } #startseite .mod_newslist .layout_projectFeature .projectImage { margin-bottom: 20px; } #startseite .mod_newslist .layout_projectFeature p.more { display:inline; } /* Pageteaser + News */ #startseite #teaserWrapper { margin-bottom:30px;} #startseite #teaserWrapper .ce_page_teaser { float: left; width: 220px; margin-right: 20px; cursor: pointer; } #startseite #teaserWrapper .ce_page_teaser .image_container { margin-bottom: 20px; } #startseite #teaserWrapper #newsTeaser { float: left; width: 220px; } #startseite #teaserWrapper #newsTeaser .ce_image { margin:0; } #startseite #teaserWrapper #newsTeaser .mod_newslist a { display: block; } /*------------------*/ /* Navigationspfard */ /*------------------*/ .mod_breadcrumb { clear:both; margin-bottom:10px;font-size: 11px;color:#666;} .mod_breadcrumb h5 { float:left; margin:0 5px 0 0;} .mod_breadcrumb h5, .mod_breadcrumb a, .mod_breadcrumb span { font-size:11px; color:#666;} .mod_breadcrumb a:hover {color:#A3BF37;} #page_main .twitter { float:left; width: 110px;} #page_main .mod_fblikeit_xfbml {} /*----------*/ /* Kontakt */ /*----------*/ /* Beschreibungen */ #kontakt .ce_image .caption { margin: 0px 0 0px 0; color:#BABABA; } #kontakt h1 { margin-bottom: 30px; } #page_main #kontakt .ce_text { width: 220px; margin-right: 20px; float: left; margin-bottom: 0; } #page_main #kontakt .ce_text.noRightMargin { margin-right: 0; } #kontakt .ce_text h3 { margin-top: 0; } #page_main #kontakt .ce_text p { margin-bottom: 20px; } /* Kontaktform */ .ce_form { clear: both; border-top: 1px solid #BABABA; margin-top:10px; padding-top:20px;} .ce_form label { display: none; } .ce_form br { display: none; } .ce_form p.error { display: none; } .ce_form p.mandatory { font-size:12px; color:#aaa; font-style:italic;} .ce_form input { width: 208px; height: 28px; border: 1px solid #BABABA; line-height: 28px; padding: 0 5px; float: left; margin: 0 20px 10px 0; color: #608928; } .ce_form input.noMarginRight { margin-right: 0; } .ce_form input:focus { color: #A3BF37; } .ce_form input.error {background: #ff9999; color: #333; } .ce_form fieldset.radio_container { border: 0; margin: 0 0 10px 0; padding: 0; } .ce_form fieldset.radio_container legend, .ce_form fieldset.radio_container > span { float: left; color: #608928; } .ce_form fieldset.radio_container input { height: inherit; width: inherit; line-height: inherit; margin: 0 2px 0 10px; float: none; } .ce_form fieldset.radio_container label { display: inline; color: #608928; } .ce_form textarea { padding: 5px; color: #608928; width: 688px; height: 88px; border: 1px solid #BABABA; margin-bottom: 10px; max-width: 97%; min-width: 97%; min-height: 88px; } .ce_form textarea:focus { color: #A3BF37; } .ce_form textarea.error { background: #BABABA; color: red; } .ce_form .submit_container { clear: both; } .ce_form .submit_container input.submit { float: none; width:auto; padding: 0 20px 0 10px; text-align: left; height: 30px; line-height: 30px; color: #FFFFFF; background:#608928 url(../../images/layout/natuerlich-duesseldorf-icon-pfeil-gross.png) no-repeat right center; cursor:pointer;} .ce_form .submit_container input.submit:hover { background-color: #A3BF37; } .ce_form .submit_container input.submit:active { background-color: #314717; } /*----------*/ /* Projekte */ /*----------*/ /* Feature */ #projectFeature { margin-bottom: 30px; border-bottom: 1px solid #BABABA; } #projectFeature .layout_projectFeature p.more { display: none; } #projectFeature .layout_projectFeature .projectImage { margin-bottom: 10px; } #projectFeature .layout_projectFeature h1 { margin:0 0 5px;} div.projectStatus { height: 25px; color: #008CD9;} div.projectStatus.planung { background: url(../../images/layout/natuerlich-duesseldorf-icon-projektstand-planung-gross.jpg) no-repeat right; } div.projectStatus.umsetzung { background: url(../../images/layout/natuerlich-duesseldorf-icon-projektstand-umsetzung-gross.jpg) no-repeat right; } div.projectStatus.abgeschlossen { background: url(../../images/layout/natuerlich-duesseldorf-icon-projektstand-abschluss-gross.jpg) no-repeat right; } /* Liste */ #projekte #projectList, #archiveWrapper {margin-bottom: 30px; border-bottom: 1px solid #BABABA; padding-bottom: 30px; } #projekte #projectListWrapper { height: 180px; margin-bottom: 20px; } #projekte .layout_projectList { width: 220px; float: left; margin-left: 20px; height: 180px; cursor: pointer; } #projekte .layout_projectList.first { margin-left: 0; } #projekte .layout_projectList .projectImage { margin-bottom: 5px; } #projekte .layout_projectList h4 { margin: 0; } #projekte .layout_projectList h4 a { line-height: 20px; } div.projectStatus_mini a { width: 32px; height: 10px; display: block; margin-bottom: 5px; background: url(../../images/layout/natuerlich-duesseldorf-icon-spry-projektstand-klein.jpg) no-repeat left; } div.projectStatus_mini.umsetzung a { background-position: -11px 0; } div.projectStatus_mini.planung a { background-position: -22px 0; } #projekte .layout_projectList p.more { display: none; } #projekte #projectSliderControl a, #projekte #projectSliderControl div { cursor:pointer;} #projekte #projectSliderControl .prevButton { width: 60px; float: left; } #projekte #projectSliderControl .prevButton span { float: left; display: block; } #projekte #projectSliderControl .prevButton span.arrow { width: 5px; margin: 5px; height: 10px; background: url(../../images/layout/natuerlich-duesseldorf-icon-spry-skip-left.jpg) no-repeat; } #projekte #projectSliderControl .prevButton:hover span.arrow { background-position: 0 -10px; } #projekte #projectSliderControl .prevButton:active span.arrow { background-position: 0 -20px; } #projekte #projectSliderControl .nextButton { width: 70px; float: right; text-align: right; } #projekte #projectSliderControl .nextButton span { float: right; display: block; } #projekte #projectSliderControl .nextButton span.arrow { width: 5px; margin: 5px; height: 10px; background: url(../../images/layout/natuerlich-duesseldorf-icon-spry-skip-right.jpg) no-repeat; } #projekte #projectSliderControl .nextButton:hover span.arrow { background-position: 0 -10px; } #projekte #projectSliderControl .nextButton:active span.arrow { background-position: 0 -20px; } #projekte #projectSliderControl .pageList { float: left; } #projekte #projectSliderControl .pageList div { display: inline-block; width: 10px; height: 10px; margin-left: 10px; background: url(../../images/layout/natuerlich-duesseldorf-icon-slider-inaktiv.jpg) no-repeat; } #projekte #projectSliderControl .pageList div.first { margin-left: 0; } #projekte #projectSliderControl .pageList div.active { background: url(../../images/layout/natuerlich-duesseldorf-icon-slider-aktiv.jpg) no-repeat; } /* Archiv-Menu */ #archiveWrapper { padding-bottom: 10px;} #archiveMenu { margin-bottom: 20px; } #archiveMenu ul { list-style: none; padding: 0; margin: 0; } #archiveMenu li { float: left; margin-right: 10px; } #archiveMenu li.last { margin-right: 0px; } #archiveMenu li span, #archiveMenu li a { line-height: 14px; } #archiveMenu li.active span { color: #314717; } #archiveMenu li:active a { color: #314717; } /* Archiv */ #archive h1 { display: none; } #archive .layout_projectArchive { width: 220px; height: 60px; background: #F1F1F1; float: left; margin-right: 20px; margin-bottom: 10px; } #archive .layout_projectArchive:hover { background: #BABABA; } #archive .layout_projectArchive.rowEnd { margin-right: 0; } #archive .layout_projectArchive .projectImage { float: left; } #archive .layout_projectArchive h4 { width: 100px; height: 50px; padding: 5px 10px; float: left; margin: 0; } #archive .layout_projectArchive h4 a:hover { color: #000000 } #archive .layout_projectArchive p.more { display: none; } /* Reader */ .layout_projectReader { margin-bottom:20px;} .layout_projectReader .image_container { margin-bottom: 10px; width: 700px; height: 400px; } .layout_projectReader .image_container > div { margin-left: -2px; } .layout_projectReader .ce_project_gallery { margin-bottom: 10px; } .layout_projectReader ul { margin: 0x; padding: 0; list-style-position: inside; list-style-type: square;} .layout_projectReader #projectGallery .imageContainer { float: left; margin: 0 1px 1px 0; } .layout_projectReader .projectStatus {border:1px solid #BABABA; border-left:none; border-right:none; padding: 10px 0; margin-bottom: 10px; } p.back { display: none; } /* Reader Booknav */ #projectListBooknav { padding-bottom: 20px; border-bottom: 1px solid #BABABA; } #projectListBooknav div { float: left; display: block;} #projectListBooknav div.booknavEmptyDiv { opacity: 0; } body.ie7 #projectListBooknav div.booknavEmptyDiv, body.ie8 #projectListBooknav div.booknavEmptyDiv { filter: alpha(opacity = 0); } #projectListBooknav div.previousNews { } #projectListBooknav div.nextNews { float: right; text-align: right; } #projectListBooknav div.toNewsList { margin-left: 155px; text-align: center; width: 140px; display:none;} #projectListBooknav div a { text-decoration: none; } #projectListBooknav div.previousNews span.arrow { height: 10px; width: 5px; margin: 5px; display: block; float: left; background: url(../../images/layout/natuerlich-duesseldorf-icon-spry-skip-left.jpg) no-repeat; } #projectListBooknav div.previousNews:hover span.arrow { background-position: 0 -10px; } #projectListBooknav div.previousNews a:active span.arrow { background-position: 0 -20px; } #projectListBooknav div.nextNews span.arrow { height: 10px; width: 5px; margin: 5px; display: block; float: right; background: url(../../images/layout/natuerlich-duesseldorf-icon-spry-skip-right.jpg) no-repeat right 0; } #projectListBooknav div.nextNews:hover span.arrow { background-position: right -10px; } #projectListBooknav div.nextNews a:active { background-position: right -20px; } /* TEMP */ #videoControl div { margin-right: 10px; float: left; cursor:pointer; } /*--------------*/ /* Newsletter */ /*--------------*/ .mod_avisota_subscription { margin-bottom: 20px; } .mod_avisota_subscription form label { color: #608928; margin-bottom: 10px; display: block; } .mod_avisota_subscription form p.error { font-style:italic; margin-bottom:10px; } .mod_avisota_subscription form p.preamble { margin-bottom: 10px; } .mod_avisota_subscription form p.mandatory { font-size:12px; color:#aaa; font-style:italic;} .mod_avisota_subscription form input { width: 208px; height: 28px; border: 1px solid #BABABA; line-height: 28px; padding: 0 5px; margin: 0 0 10px 0; color: #608928; } .mod_avisota_subscription form select { margin: 0 0 5px 0; } .mod_avisota_subscription form input:focus { color: #A3BF37; } .mod_avisota_subscription form input.error {background: #ff9999; color: #333; } .mod_avisota_subscription form .submit_container { clear: both; } .mod_avisota_subscription form .submit_container input { float: none; width:auto; padding: 0 20px 0 10px; text-align: left; height: 30px; line-height: 30px; color: #FFFFFF; background:#608928 url(../../images/layout/natuerlich-duesseldorf-icon-pfeil-gross.png) no-repeat right center; cursor:pointer;} .mod_avisota_subscription form .submit_container input:hover { background-color: #A3BF37; } .mod_avisota_subscription form .submit_container input:active { background-color: #314717; } .mod_avisota_subscription form .submit_container input.unsub { margin-left: 10px; } /*--------------*/ /* Mitglieder */ /*--------------*/ /* Filter */ #mitgliederFilter { margin-bottom: 20px; border-bottom: 1px solid #BABABA;} #mitgliederFilter form > div { float: left; } #mitgliederFilter form .selectIcon { width: 11px; height: 6px; padding: 11px 3px; z-index: 10; position: absolute; top: 0; right: 0px; background: #fff; pointer-events:none; } #mitgliederFilter form .selectIcon span { display: block; width: 10px; height: 6px; background: url(../../images/layout/natuerlich-duesseldorf-icon-spry-dropdown-inaktiv.jpg) no-repeat; pointer-events:none; } #mitgliederFilter form select:focus + .selectIcon span { background: url(../../images/layout/natuerlich-duesseldorf-icon-spry-dropdown-aktiv.jpg) no-repeat; } #mitgliederFilter .nameWrapper { position:relative; width: 218px; height: 28px; border: 1px solid #BABABA; padding: 0; margin: 0 0 20px 0; } #mitgliederFilter .nameWrapper #nameInput { float: left; width: 200px; height: 28px; line-height: 28px; padding: 0 5px; margin: 0; border: 0; } #mitgliederFilter .nameWrapper #nameSubmitButton { position: absolute; top:0; right: 1px; width: 20px; height: 24px; border: 0; padding: 4px 0 0; margin: 0 2px 0 0; background: #FFFFFF; } body.firefox #mitgliederFilter .nameWrapper #nameSubmitButton { margin-right: 5px; } #mitgliederFilter .nameWrapper #nameSubmitButton div { height: 20px; width: 20px; display: inline-block; text-indent: 1000px; background: url(../../images/layout/natuerlich-duesseldorf-icon-spry-suche-gross.jpg) no-repeat; } #mitgliederFilter .nameWrapper #nameSubmitButton:hover div { background-position: 0 -20px;} #mitgliederFilter select { -webkit-appearance: none; border: 0; padding: 5px 0 0 5px; margin: 0; height: 28px; width: 218px; } body.ie8 #mitgliederFilter select { padding-bottom: 5px; } #mitgliederFilter .branchFilter { position:relative; width: 218px; height: 28px; border: 1px solid #BABABA; overflow: hidden; margin-left: 20px; } #mitgliederFilter .rangeSelect { width: 458px; height: 28px; border: 1px solid #BABABA; opacity: 0; } #mitgliederFilter .cityFilter { position:relative; width: 218px; height: 28px; border: 1px solid #BABABA; margin-left: 20px;} /* Übersicht */ #mitgliederWrapper ul.member { padding: 0; list-style: none; margin: 0; } #mitgliederWrapper ul.member li { float: left; } #mitgliederWrapper ul.member li.memberBox { position: relative; width: 220px; height: 140px; border-bottom: 1px solid #BABABA; margin: 0 20px 19px 0;} #mitgliederWrapper ul.member li.memberBox.noMarginRight { margin-right: 0; } #mitgliederWrapper ul.member li.memberBox .memberInfo { position: absolute; top: 0px; background: #FFFFFF; width: 220px; height: 140px; cursor: pointer; } body.ie7 #mitgliederWrapper ul.member li.memberBox .memberInfo { left: 0; } #mitgliederWrapper ul.member li.memberBox .memberInfo a { width: 195px; font-size: 12px; line-height: 21px; height: 21px; position: absolute; bottom: -1px; background: url(../../images/layout/natuerlich-duesseldorf-icon-pfeil-gross.png) no-repeat 205px center #A3BF37; color: #FFFFFF; padding: 5px 20px 5px 5px; text-align: right; } #mitgliederWrapper ul.member li.memberBox .memberInfo a:hover { background-color: #314717; } #mitgliederWrapper ul.member li.memberBox .memberInfo p { font-size: 12px; font-weight: bold; line-height: 14px; padding: 0 10px; color: #A3BF37; } #mitgliederWrapper ul.member li.memberBox .memberInfo h4 { padding: 0 10px; color: #A3BF37; } /* Grüne Adressen */ #mitgliederWrapper.greenAddresses ul.member li.memberBox { width: 700px; height:auto;} #mitgliederWrapper.greenAddresses ul.member li.memberBox .imageLink { display: block; } #mitgliederWrapper.greenAddresses ul.member li.memberBox .greenAddressInfo {padding: 0; cursor: pointer;} #mitgliederWrapper.greenAddresses ul.member li.memberBox .greenAddressInfo:hover a { color:#A3BF37;} #mitgliederWrapper.greenAddresses ul.member li.memberBox .greenAddressInfo td { padding: 0; } #mitgliederWrapper.greenAddresses ul.member li.memberBox .greenAddressInfo td.col1 { width: 120px; } #mitgliederWrapper.greenAddresses ul.member li.memberBox .greenAddressInfo td.col1 { width: 120px; } #mitgliederWrapper.greenAddresses ul.member li.memberBox .greenAddressInfo td.col2 { width: 320px; } table { width:100%;} table td.col33percent { width:33%;} /* Reader */ #mitglieder-details .layout_memberReader .image_container { margin-bottom: 10px; width: 700px; } #mitglieder-details .layout_memberReader .image_container > div { margin-left: -2px; } #mitglieder-details .layout_memberReader .ce_project_gallery { margin-bottom: 30px; } #mitglieder-details .layout_memberReader #projectGallery .imageContainer { float: left; margin: 0 1px 1px 0; } #mitglieder-details .layout_memberReader .colLeft { float: left; width: 220px; margin-right: 20px; } #mitglieder-details .layout_memberReader .colRight #memberDescription h3 { margin-top:0; } #mitglieder-details .layout_memberReader .colLeft #memberInfo { margin-bottom: 20px; } #mitglieder-details .layout_memberReader .colLeft #memberInfo img.logo { border-bottom:1px solid #BABABA; margin-bottom:20px;} #mitglieder-details .layout_memberReader .colRight { float: left; width: 460px; } #mitglieder-details .layout_memberReader .colRight > div { margin-bottom: 20px; } #mitglieder-details .layout_memberReader .colRight #personImage { margin-right: 20px; } #mitglieder-details .layout_memberReader .colRight #personQuote h3 { font-size:16px; line-height: 22px; color: #999; font-weight: bold; font-style:italic; float: left; width: 320px; margin:0;} #mitglieder-details .layout_memberReader .colRight #personQuote p {float:right; font-size:12px;} #mitglieder-details .layout_memberReader .colRight #personQuote.withImage { margin-bottom:25px;} /*#mitglieder-details .layout_memberReader .colRight #personDescription h3 {float: left; color: #666; margin: 0 5px 40px 0;}*/ /* Reader Booknav */ #mitglieder-details #memberBooknav { margin-top: 10px; padding-bottom: 9px; border-bottom: 1px solid #BABABA; margin-bottom: 20px; } #mitglieder-details #memberBooknav div { float: left; display: block; width: 150px; height: 20px; } #mitglieder-details #memberBooknav div span.arrow { height: 10px; width: 5px; margin: 5px; display: block; } #mitglieder-details #memberBooknav div a:hover + span.arrow { background-position: 0 -10px; } #mitglieder-details #memberBooknav div a:active + span.arrow { background-position: 0 -20px; } #mitglieder-details #memberBooknav div.prevMember span.arrow { float: left; background: url(../../images/layout/natuerlich-duesseldorf-icon-spry-skip-left.jpg) no-repeat; } #mitglieder-details #memberBooknav div.nextMember { float: right; text-align: right; } #mitglieder-details #memberBooknav div.nextMember span.arrow { float: right; background: url(../../images/layout/natuerlich-duesseldorf-icon-spry-skip-right.jpg) no-repeat; } #mitglieder-details #memberBooknav div.toOverview { margin-left: 125px; text-align: center; } /*------*/ /* News */ /*------*/ /* Liste */ #news .layout_newsList { padding-bottom: 19px; border-bottom: 1px solid #BABABA; margin-bottom: 20px; } #news .layout_newsList h2 > a {font-size: 16px; line-height: 22px; color: #333; font-weight: bold; margin:0;} #news .layout_newsList div.image_container { float: left; width: 220px; height: 100px; margin-right: 20px; } #news .layout_newsList div.newsContent { width: 700px; } #news .layout_newsList.hasImage div.newsContent { float: left; width: 460px; } /*----------*/ /* Termine */ /*----------*/ .mod_eventlist { margin-bottom: 20px; } .mod_eventlist .layout_terminList {} .mod_eventlist .layout_terminList span.date { margin-right: 20px; font-weight:bold; } .mod_eventlist .layout_terminList span.title {} .mod_eventlist .layout_terminList a { overflow: hidden; display: block; color: #fff; width: 75%; padding: 0 20px 0 0; margin-bottom:2px; background:#314717 url(../../images/layout/natuerlich-duesseldorf-icon-pfeil-gross.png) no-repeat right 5px; } body.ie7 .mod_eventlist .layout_terminList a:hover, body.ie8 .mod_eventlist .layout_terminList a:hover { background-color: #A3BF37; color: #FFFFFF; padding-left: 10px; text-decoration:none;} .mod_eventlist .layout_terminList a.mouseOver { background-color: #A3BF37; padding-left: 10px; text-decoration:none;} .mod_eventlist .layout_terminList a.mouseOut { background-color: #314717; padding-left: 0px; text-decoration:none;} #termine .layout_terminList a:hover.more { background-color: #A3BF37; color: #fff; padding-left: 10px; text-decoration:none;} .mod_eventlist .layout_terminList a span.more { visibility:hidden; margin-left: 20px;} .mod_eventlist .layout_terminList a:hover span.more { visibility:visible;} /*----------*/ /* Presse */ /*----------*/ #presse .leftCol { float: left; width: 460px; margin-right: 20px; } #presse .rightCol { float: left; width: 220px; } /* Feature List */ #presse #featureWrapper .layout_presseFeatureList { padding-bottom: 19px; border-bottom: 1px solid #BABABA; margin-bottom: 20px; } #presse #featureWrapper .layout_presseFeatureList .image_container { margin-bottom: 20px; } p.metaInformation { font-weight: bold; color:#999; font-size: 12px; } p.metaInformation span { margin-right: 5px; } #presse #featureWrapper .layout_presseFeatureList div.teaser { margin-bottom: 20px; } /* List */ #presse .mod_presslist .layout_presseList { width: 220px; float: left; border-bottom: 1px solid #BABABA; padding-bottom: 19px; margin-bottom: 20px; } #presse .mod_presslist .layout_presseList .image_container a { width: 220px; height: 140px; padding: 0; margin-bottom: 20px; } #presse .leftCol .mod_presslist .layout_presseList.article_1 { margin-right: 20px; } #presse .mod_presslist .layout_presseList p.metaInformation { font-weight: bold; color: #000; font-size: 12px; margin-bottom: 20px; } #presse .mod_presslist .layout_presseList p.metaInformation span { margin-right: 5px; } #presse .mod_presslist .layout_presseList h4 { margin: 0 0 20px 0; } #presse .mod_presslist .layout_presseList h4 a { padding: 0; color: #000; } #presse .mod_presslist .layout_presseList h4 a:hover { background: #fff; } #presse .mod_presslist .layout_presseList p.more a { padding: 0; color: #608928; margin-top: 20px; } #presse .mod_presslist .layout_presseList p.more a:hover { background: #fff; color: #A3BF37; } #presse .mod_presslist .layout_presseList p.more a:active { background: #fff; color: #314717; } /*----------------------------------*/ /* Mitglied / Unterstützer werden */ /*----------------------------------*/ .memberSupporterPage .ce_image { margin-bottom: 20px; } /*--------------*/ /* Linke Spalte */ /*--------------*/ #page_left h3, #page_left #supporterWrapper, #page_left a.showAllMembers { margin: 0 0 10px 10px; } #page_left p { color: #608928; } /* Navigation - mainmenu */ .mod_navigation.mainmenu { margin-bottom: 20px; } .mod_navigation.mainmenu li { list-style: none;} .mod_navigation.mainmenu li.mainmenu { margin-bottom: 0px;} .mod_navigation.mainmenu ul { padding: 0px; margin: 0px;} .mod_navigation.mainmenu ul li a, .mod_navigation.mainmenu ul li span { font-size: 14px; cursor: pointer; border-bottom: 1px solid #BABABA; display: block; padding: 4px 10px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .mod_navigation.mainmenu ul li a:hover { text-decoration: none; } .mod_navigation.mainmenu ul li.active.mainmenu span.active, .mod_navigation.mainmenu ul li span.active { color: #314717;} .mod_navigation.mainmenu ul li.active.mainmenu li.trail, .mod_navigation.mainmenu ul li a.trail { color: #314717;} .mod_navigation.mainmenu ul.level_2 li a, .mod_navigation.mainmenu ul li.level_2 span { padding-left: 30px; } .mod_contentbox .ce_text p { padding-bottom: 0px;} /* Seitenlinks */ #page_left .mod_contentbox > .ce_text { width: 220px; background: #608928; margin-bottom: 1px; } #page_left .mod_contentbox > .ce_text:hover { background-color: #A3BF37; } #page_left .mod_contentbox > .ce_text:active { background-color: #314717; } #page_left .mod_contentbox > .ce_text a { display: block; width: 200px; height: 20px; color: #FFFFFF; text-decoration: none; padding: 10px; } #page_left .mod_contentbox > .ce_text .image_container a { padding:0;} #page_left .mod_contentbox .leftLink { background: url(../../images/layout/natuerlich-duesseldorf-icon-pfeil-gross.png) no-repeat 205px #608928; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #page_left .mod_contentbox .leftLink.last { margin-bottom: 20px;} #page_left .mod_contentbox .leftLink.active { background-color: #314717; } #page_left .mod_contentbox .greenAddresses.leftLink { background: url(../../images/layout/natuerlich-duesseldorf-btn-spry-gruene-adressen.jpg) no-repeat #608928; text-indent: -1000px; } #page_left .mod_contentbox .greenAddresses.leftLink:hover { background: url(../../images/layout/natuerlich-duesseldorf-btn-spry-gruene-adressen.jpg) no-repeat 0 -40px #A3BF37; } #page_left .mod_contentbox .greenAddresses.leftLink.active { background: url(../../images/layout/natuerlich-duesseldorf-btn-spry-gruene-adressen.jpg) no-repeat 0 -80px #314717; } #page_left .mod_contentbox .leftImage { height: 100px; margin-bottom: 0; } /* Suche */ #page_left .mod_search { margin-bottom: 1px;} #page_left .mod_search input.text { width: 170px; height: 30px; padding: 5px 10px; border: 0; float: left; background: #608928; color: #FFFFFF; } body.ie7 #page_left .mod_search input.text, body.ie8 #page_left .mod_search input.text { height: 25px; border-top: 5px solid #608928; } #page_left .mod_search input.submit { width: 12px; height: 12px; padding: 14px 9px; float: left; background: #608928; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} #page_left .mod_search:hover input.text { background: #A3BF37; } body.ie7 #page_left .mod_search:hover input.text, body.ie8 #page_left .mod_search:hover input.text { border-top-color: #A3BF37; } #page_left .mod_search:hover input.submit { background: #A3BF37; } #page_left .mod_search input.text:focus { background: #314717; } body.ie7 #page_left .mod_search input.text:focus, body.ie8 #page_left .mod_search input.text:focus { border-top-color: #314717; } #page_left .mod_search input.text:focus + input.submit { background: #314717; } #page_left .mod_search.active input { background: #314717 !important; } /* Newsletter */ #page_left .mod_subscribe { margin-bottom: 10px; cursor:pointer;} #page_left .mod_subscribe a.submitButton{ color: #FFFFFF; text-decoration: none; display: block; width: 200px; height: 20px; padding: 10px; background: url(../../images/layout/natuerlich-duesseldorf-icon-pfeil-gross.png) no-repeat 205px #608928; margin-bottom: 1px; } #page_left .mod_subscribe a.submitButton:hover { background-color: #A3BF37; } #page_left .mod_subscribe form.active a.submitButton { background-color: #A3BF37; } #page_left .mod_subscribe form.active a.submitButton:hover { background-color: #314717; } #page_left .mod_subscribe form p.error { display: none; } #page_left .mod_subscribe .emailWrapper { height: 0px; border: 0; padding: 0; overflow: hidden; } #page_left .mod_subscribe .emailWrapper.error { height: 35px; } #page_left .mod_subscribe input.emailAddress { border: 0; height: 16px; padding: 10px; width: 200px; color: #608928; } #page_left .mod_subscribe input.emailAddress:focus { color: #333; background: #fff; } #page_left .mod_subscribe .emailWrapper.error input.emailAddress { background: #ff9999; color: #333; } #page_left .mod_subscribe .emailWrapper.error input.emailAddress:focus { background: #fff; } /* Social */ #page_left .ce_article .socialWrapper { width: 220px; height: 20px; margin-top: 10px; padding: 5px 10px; } #page_left .ce_article .socialWrapper div { float: left; overflow: hidden; } #page_left .ce_article .socialWrapper .ce_text p { width: 45px; } #page_left .ce_article .socialWrapper:hover .ce_text p {} #page_left .ce_article .socialWrapper .ce_hyperlink { padding: 3px 0 0 0; width: 15px; margin-right: 10px; height: 15px; } #page_left .ce_article .socialWrapper .ce_hyperlink a { display: block; width: 15px; height: 15px; text-indent: 1000px; margin-top: 0;} #page_left .ce_article .socialWrapper .ce_hyperlink.facebookLink a { background: url(../../images/layout/natuerlich-duesseldorf-btn-spry-social-facebook.jpg) no-repeat; } #page_left .ce_article .socialWrapper .ce_hyperlink.facebookLink a:hover { background-position: 0 -15px; } #page_left .ce_article .socialWrapper .ce_hyperlink.twitterLink a { background: url(../../images/layout/natuerlich-duesseldorf-btn-spry-social-twitter.jpg) no-repeat; } #page_left .ce_article .socialWrapper .ce_hyperlink.twitterLink a:hover { background-position: 0 -15px; } #page_left .ce_article .socialWrapper .ce_hyperlink a:active { background-position: 0 -30px; } /* Impressum */ #page_left .ce_article .impressumWrapper { padding: 5px 10px; } #page_left .ce_article .impressumWrapper .ce_hyperlink.leftLink { width: 200px; height: 20px; background: #FFFFFF } #page_left .ce_article .impressumWrapper .ce_hyperlink a { display: block; width: 200px; height: 20px; padding: 0; margin-top: 0;} #page_left .ce_article .impressumWrapper .ce_hyperlink.active a { color: #314717; } #page_left .mod_contentbox .leftLink { background: url(../../images/layout/natuerlich-duesseldorf-icon-pfeil-gross.png) no-repeat 205px #608928; } #page_left .mod_contentbox .leftLink.active { background-color: #314717; } /* News / Pressemeldungen */ #page_left .mod_contentbox .mod_presslist { padding-bottom: 9px; border-bottom: 1px solid #BABABA; } .mod_presslist h2 { margin-left: 10px; } .mod_presslist .news { margin-top: 20px;} .mod_presslist .news.first { margin-top: 0;} .mod_presslist a { text-decoration: none; overflow: hidden; display: block; color: #fff; width: 190px; height: 20px; padding: 0 20px 0 0; background:#608928 url(../../images/layout/natuerlich-duesseldorf-icon-pfeil-gross.png) no-repeat 205px; padding-left: 10px; } body.ie7 .mod_presslist a:hover, body.ie8 .mod_presslist a:hover { background-color: #A3BF37;} .mod_presslist a.mouseOver {background-color: #A3BF37;} .mod_presslist a:active { background-color: #314717; } .mod_presslist a.showAll { background: #fff; color: #608928; margin-top: 20px; padding-left:0;} body .mod_presslist a.showAll:hover { color: #A3BF37; padding-left: 0; background: #fff; } body .mod_presslist a.showAll:active { color: #314717; padding-left: 0; background: #fff; } /* Supporter List */ #supporter { border-bottom: 1px solid #BABABA; padding-bottom: 9px; } #supporter #supporterWrapper .supporterBox { float: left; width: 110px; height: 60px; margin: 0; padding: 0; } /* Member List */ #memberMini { border-bottom: 1px solid #BABABA; padding-bottom: 9px; } #memberMini #memberWrapper .memberBox { float: left; width: 110px; height: 60px; margin: 0; padding: 0; } #memberMini a.showAllMembers { margin-top: 10px; display: block; } /* Kontakt */ #page_left .mod_contentbox .leftKontakt {padding: 10px; background: none; border-bottom: 1px solid #BABABA; } #page_left .mod_contentbox .leftKontakt:hover { background: none; } #page_left .mod_contentbox .leftKontakt h3 { margin-left: 0; } #page_left .mod_contentbox .leftKontakt p { color: #666666; } #page_left .mod_contentbox .leftKontakt p.phone { margin-top: 10px; } /* Informationsmaterial */ #page_left .mod_contentbox .informationsmaterial { padding-bottom: 9px; border-bottom: 1px solid #BABABA; margin-bottom: 10px; } /*----------------*/ /* Suchergebnisse */ /*----------------*/ #suchergebnisse .mod_search form { display: none; } /*----------*/ /* Pagelogo */ /*----------*/ #page_left .pageLogo { padding: 16px 0 25px 50px; } /*----------------------------*/ /* Verschiedenes */ /*----------------------------*/ .showcode {font-family: monospace; font-weight: normal; font-size: 13px; color: rgb(255,0,0);} .clear {clear: both;} br.clear, hr.clear {height:0;line-height:0;clear:both;border:none;} .hide {display: none;} br {clear: none;} .invisible { display: none; } .floatLeft { float: left;} .floatRight { float: right;} .clearBoth { clear: both;} .hideMe { display:none !important; } .iAmInvisible { opacity: 0; cursor: default; } .ce_table table { width: 100%; border-spacing: 0px;} .ce_table table thead tr th { text-transform: uppercase; color: #00745A; font-weight: normal; padding-bottom: 10px;} .ce_table table tr td {color: #00745A; border-bottom: 1px solid #fff; padding: 3px;} .ce_table table tr.even td {background: #F2F8F7;} .ce_table table tr.odd td {background: #D9EAE7;} .ce_accordion .toggler { color: #000; padding-left: 20px; background: url(../../images/layout/arrow-accord.png) no-repeat left; font-weight: bold; } .ce_accordion .toggler.active, .ce_accordion .toggler.active:hover { background-position: 0px -52px;} .ce_accordion .toggler { background-position: 0px 2px;} .ce_accordion .toggler:hover { cursor: pointer; background-position: 0px -25px;} .ce_accordion .toggler { margin-bottom: 5px;} .ce_accordion {margin-bottom: 20px;} .ce_text ul, ul.furtherLinks { list-style:none; margin:0; padding:0;} .ce_text ul li { margin-bottom: 2px; padding:0 4px; /*background-color:#dbe084; border-bottom:1px solid #BABABA;*/} .ce_text ul li.even { background-color:#e5f0d4; } ul.furtherLinks { padding:0;} .ce_text.floatLeft { float: left; width: 460px; margin-right: 20px;} .ce_text.shortInfo {border: 1px solid #00755B; border-left: none; border-right: none; width: 140px; } .ce_text.shortInfo h3 { text-transform: uppercase; font-weight: bold; color: #00755B; font-size: 14px;} .ce_text.shortInfo ul { padding-left: 15px;} .ce_text.shortInfo ul li { color: #7FB9AC;} blockquote { margin-left: 20px;} blockquote p { font-style:italic; color:#999; font-family:georgia;} blockquote p em {} .formbody .explanation { margin-bottom:20px;} .defaultPage .mod_article {/*margin-bottom: 30px; padding-bottom: 30px;*/ border-bottom: 1px solid #BABABA; margin-bottom:15px; clear:both;} .defaultPage .mod_article.noBorder { border:none;} .defaultPage .borderTop {border-top: 1px solid #BABABA; margin-top:20px; clear:both;} #box { width: 460px; height: 370px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); float: left; margin: 5px 0px 5px 5px; } #box iframe { margin-bottom: 10px;} #box #boxInner { padding: 10px;} #box #boxInner p { padding-bottom: 0px;} .ce_text.boxText { float: left;} .marginRight { margin-right: 20px;} .ce_hyperlink a { line-height: 20px; height: 20px; margin: 20px 0; display: block; text-decoration: none; } .copyright { border-top: 1px solid #000; margin-top: 20px; width: 940px; } .copyright p {color: #000; padding-top: 10px; font-size: 12px; padding-bottom: 20px;} .mainPage .ce_text .innterText { padding: 20px;} .mainPage #page_center .ce_text .textInner { padding: 20px;} .small {float: left; margin-right: 20px;} .small { width: 220px;} .level_b { height: 364px;} hr.border { display: block; height: 1px; background: #000; margin: 0px; width: 940px; border: none;} #socialMediaBox { z-index: 10; position: fixed; top: 350px; right: 0px; height: 40px; width: 40px; background: #fff; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); float: left; margin: 5px 0px 5px 5px;} #toTop {position: fixed; top: 350px; right: 60px; height: 75px; width: 10px;} #toTop a {background: url(../../images/layout/to-top.png) no-repeat left; display: block; overflow: hidden; height: 75px; width: 10px; text-indent: -10000px; } #socialMediaBoxInner { padding: 10px;} a#facebookIcon {background: url(../../images/layout/facebook-icon.png) no-repeat; text-indent: -10000px; overflow: hidden; width: 20px; height: 20px; display: block; margin-bottom: 10px;} a#twitterIcon {background: url(../../images/layout/twitter-icon.png) no-repeat; text-indent: -10000px; overflow: hidden; width: 20px; height: 20px; display: block;} .ie8 hr.border { margin-right: 20px;} .mod_contentbox .ce_text.levelSystem a { font-size: 24px; padding-bottom: 21px; padding-top: 21px; display: block; line-height: 20px; font-weight:bold; color: #000;} .mod_contentbox .ce_text.levelSystem p#paddingText { padding: 0px;} .mod_contentbox .ce_text.levelSystem a:hover { color: #00755B; text-decoration: none;} .mod_contentbox .ce_text.levelSystem img { margin-left: 40px;} .mod_contentbox.levelBox { border-bottom: 1px solid #000; padding-bottom: 20px;} #page_main .ce_text {} #page_main .ce_text p { margin-bottom: 10px;} #page_main .ce_text.boxText p { margin-bottom: 0px;} .mod_contentbox a.levelmg { display: block; text-indent: -100000px; background: url(../../images/layout/yoga-energy-wie-fit-bist-du-spry.jpg) no-repeat; width: 110px; min-height: 50px; max-height: 50px; overflow: hidden; margin-left: 45px; } .mod_contentbox a.levelmg:hover { background-position: 0px -105px;}