@charset "utf-8"; /* ORCHESTERBEREICH DER DEUTSCHEN KAMMERPHILHARMONIE BREMEN: written by STEFFEN RAPHAEL SCHWARZER on behalf of NUMOON - network for cultural media /* ------------------------------------------------------------------- 1. CSS-Reset --------------------------------------------------------- ------------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } body { line-height: 1 } /*ol, ul { list-style: none }*/ blockquote, q { quotes: none } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* ------------------------------------------------------------------- 2. HTML, Body, Links, Headings, Blogs -------------------------------- ------------------------------------------------------------------- */ HTML { height: 100.1%; } BODY { color:#000; background-color: #000; background-image: url(../images/bg.jpg); background-position: top center; background-attachment: fixed; background-repeat: no-repeat; font-family: "adobe-garamond-pro", serif; font-size: 16px; } A { outline: none;} A:link, A:visited { color: #808080; text-decoration:none; } A:focus, A:hover, A:active { color:#e30613; text-decoration: underline; } H1, H2, H3, H4, H5, H6 { font-weight: normal; } /*H1 { font-size: 1.75em; font-family: "adobe-garamond-pro", serif; font-style: italic; line-height: 1.2em; margin-bottom: 0.5em; padding: 0px; text-align:left; color: #ed1c24; }*/ H1 { color: #000000; font-family: "adobe-garamond-pro",serif; font-size: 1.5em; line-height: 1.2em; margin-bottom: 0.5em; } H2 { font-size: 1.75em; font-family: "adobe-garamond-pro", serif; margin-bottom: 0.75em; padding: 0; color: #939393} H3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; } H4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; padding: 20px 0 0 0; } H5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; } H6 { font-size: 1em; font-weight: bold; } .clear { clear: both } .clear-left { clear: left } .clear-right { clear: right } .to-top { text-align: right; margin: 0 20px 0 20px; font-size: 1.2em; } .to-top a:link, .to-top a:visited, .to-top a:focus, .to-top a:hover, .to-top a:active { font-style: italic; } .pagination { text-align: center; } .pagination ul { list-style: none; } .pagination ul li { display:inline; padding: 0 20px; } li.pagination-start, li.pagination-end { visibility: hidden; } /* ------------------------------------------------------------------- 4. Header --------------------------------------------------------------- ------------------------------------------------------------------- */ #header { width: 100%; } #header-container { width: 1000px; height: 50px; margin: 0 auto; padding: 0 30px; } /* Subtitle */ #subtitle { margin: 0 auto; padding: 0 0 0 50px; width: 950px; height: 120px; line-height: 120px; text-align:left; font-size: 1.75em; font-family: "adobe-garamond-pro", serif; font-style: italic; color: #fff} /* Logo */ #logo { position: absolute; z-index: 2; margin: 60px 0 0 745px; } /* ---------------------------------------------------- }--------------- 5. Navigation ----------------------------------------------------------- ------------------------------------------------------------------- */ #nav-container { margin-bottom: 22px; width: 100%; } /* Main menu */ #menu-bar { width: 100%; min-width: 1060px; height: 120px; background:#ed1c24; -webkit-box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.7); box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.7); } #main-menu { margin: 0 auto; padding: 0 30px; width: 1000px; height: 120px; text-align:left; } #main-menu ul { float:left; z-index: 1; text-align: left; margin: 0; padding: 44px 0 38px 0; height: 40px; line-height: 40px; } #main-menu li { display: inline; margin: 0; padding: 0 11px; border-right: 1px solid #f8757c; } #main-menu a:link, #main-menu a:visited { margin: 0; padding: 0 0 2px 0; font: 1.25em "adobe-garamond-pro", serif; color: #fff; -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; text-decoration:none; } #main-menu a:hover, #main-menu a:focus, #main-menu a:active { padding: 0 0 2px 0; color: rgba(255, 255, 255, 0.6); text-decoration:none; } #main-menu > .moduletable > ul > li.item-499{ display: inline; margin: 0; padding: 0 11px 0 0; } #main-menu > .moduletable > ul > li.item-595{ display: inline; margin: 0; padding: 0 11px 0 0; } #main-menu > .moduletable > ul > li.item-1182{ display: inline; margin: 0; padding: 0 11px 0 0; } #main-menu > .moduletable > ul > li.item-504{ display: inline; margin: 0 0 0 2px; padding: 0 0 0 11px; border-right: 0px; text-decoration:none; } #main-menu > .moduletable > ul > li.item-612{ display: inline; margin: 0 0 0 2px; padding: 0 0 0 11px; border-right: 0px; text-decoration:none; } #main-menu > .moduletable > ul > li.item-1211{ display: inline; margin: 0 0 0 2px; padding: 0 0 0 11px; border-right: 0px; text-decoration:none; } .webshop a:link, .webshop a:visited { margin: 0; padding: 0 0 2px 0; font: 1.25em "adobe-garamond-pro", serif; color: rgba(255, 255, 255, 1.0); -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; } #main-menu > .moduletable > ul > li.current > a:link, #main-menu > .moduletable > ul > li.current > a:visited, #main-menu > .moduletable > ul > li.current> a:focus, #main-menu > .moduletable > ul > li.current> a:active, #main-menu > .moduletable > ul > li.deeper.parent> a:link, #main-menu > .moduletable > ul > li.deeper.parent> a:visited, #main-menu > .moduletable > ul > li.deeper.parent> a:focus, #main-menu > .moduletable > ul > li.deeper.parent> a:active { border-bottom:2px solid rgba(255, 255, 255, 1.0); } #main-menu > .moduletable > ul > li.current> a:hover, #main-menu > .moduletable > ul > li.deeper.parent> a:hover { border-bottom: 2px solid #ed9c9d; } .item-435 { visibility:hidden; } /* hidden home, german */ .item-593 { visibility:hidden; } /* hidden home, english */ .item-1218 { visibility:hidden; } /* hidden home, japanese */ /* Sub-menu */ #sub-menu-bar { margin: 0; padding: 0; width: 100%; min-width: 1060px; height: 46px; background:rgba(255, 255, 255, 0.2); background: #515151\9; border-bottom: 1px solid #5f5f5f; } #main-menu ul li ul { position:relative; top:40px; margin: 0 auto; padding: 0; max-width: 1000px; width: 100%; height: 46px; z-index: 1; text-align: left; line-height: 41px; } #main-menu ul li ul li { display: inline; margin: 0; padding: 0 8px; border-right: 1px solid #757575; } #main-menu ul li ul li:first-child { padding: 0 8px 0 0; } #main-menu ul li ul li:last-child { padding: 0 0 0 8px; border-right: 0px; } #main-menu ul li ul a:link, #main-menu ul li ul a:visited { margin: 0; padding: 0; font: 1.05em "adobe-garamond-pro", serif; color: rgba(255, 255, 255, 0.7); -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; text-decoration:none !important; } #main-menu ul li ul a:hover, #main-menu ul li ul a:focus, #main-menu ul li ul li a:active { color: rgba(255, 255, 255, 1.0); text-decoration:none !important; } #main-menu ul li ul li.current { color: rgba(255, 255, 255, 1.0) !important; } #main-menu ul li ul li.current a:link, #main-menu ul li ul li.current a:visited, #main-menu ul li ul li.current a:focus, #main-menu ul li ul li.current a:active { color: rgba(255, 255, 255, 1.0) !important; text-decoration:none !important; border-bottom:1px solid rgba(255, 255, 255, 1.0); } #main-menu ul li ul li.current a:hover { color: rgba(255, 255, 255, 0.6) !important; text-decoration:none !important; border-bottom:1px solid rgba(255, 255, 255, 0.6);} /* ------------------------------------------------------------------- 6. Stage -------------------------------------------------------------- ------------------------------------------------------------------- */ #stage { width: 1000px; margin: 0 auto; padding: 0 30px; height: 20px; /*background-color:#85B170;*/ } /* ------------------------------------------------------------------- 7. Main & Content ------------------------------------------------------- ------------------------------------------------------------------- */ /*#main { position: relative; clear: both; margin: 0; padding: 0; }*/ #main-container { margin: 0 auto; width: 1000px; /*width: 100%;*/ } #content-container { width: 800px; /*min-height:100px; height: 100%;*/ padding: 70px 100px 50px; background: #fff; } #content { padding: 50px 0 0 0; } /* ------------------------------------------------------------------- 17. Footer --------------------------------------------------------------- ------------------------------------------------------------------- */ #footer { position: relative; clear: both; margin: 0 auto; padding: 0; } #footer-container { max-width: 1000px; width: 100%; margin: 0 auto; background: #d9d9d9; } #footer-container a { text-decoration:none; color: #5e5956; } #footer-container a:hover { color:#000; } #footer-container ul li { list-style: none; } .footer-separator { margin: 0 auto; height: 2px; background: url(../images/footer/separator_footer.png) no-repeat; background-position:center; } #footer-links { margin: 0 0 0 80px; height: 100px; line-height: 100px; } #legal { float: left; padding: 0; } #legal ul li { display: inline; padding: 0 20px 0 20px; font-size: 0.9em; color: #5e5956; border-right: 1px solid #5a5a5a; } #legal ul li:first-child { padding: 0 20px 0 0; } #legal ul li:last-child { padding: 0 0 0 20px; border-right: 0px solid #5a5a5a; } #socialmedia { height: 100px; float: right; padding: 8px 80px 0 0; } #socialmedia ul li { display:inline; margin: 0 0 0 15px; height: 100px; } #copyright { margin: 0 80px 0 0; height: 50px; line-height: 50px; text-align: right; font-size: 0.9em; color: #5e5956; } /* sitemap */ #sitemap { width: 840px; height: 175px; margin: 0 auto 6px; padding: 50px 80px 50px 80px; } #sitemap ul li { list-style:none; font-size: 0.9em; } #sitemap ul li a:focus, #sitemap ul li a:hover, #sitemap ul li a:active { color: #ed1c24; } #sitemap-1 { position:relative; float:left; width: 100px; } #sitemap-2 { position:relative; float:left; width: 140px; } #sitemap-3 { position:relative; float:left; width: 120px; } #sitemap-4 { position:relative; float:left; width: 120px; } #sitemap-5 { position:relative; float:left; width: 120px; } #sitemap-6 { position:relative; float:left; width: 120px; } #sitemap-7 { position:relative; float:left; width: 120px; } #sitemap-8 { position:relative; float:left; width: 0px; } .sitemap-headline { font-weight:bold; line-height: 40px; } /* partner */ #partner { float: left; margin: 5px 0 0 0; padding: 0; max-width: 1000px; width: 100%; height: 120px; background: #FFFFFF;} #partner ul { padding: 30px 0 0 0; line-height: 80px; text-align: center; } #partner ul li { display: inline; padding: 0 10px 0 10px; } #foerdererlogo { position: absolute; margin: 7px 20px 0 0; } #kpmg { margin: 0 0 0 180px; } /* ------------------------------------------------------------------- 18. Content Templater ---------------------------------------------------- ------------------------------------------------------------------- */ #ct-container { width: 840px; height: 100%; } .left-column { width: 400px; float:left; padding: 0 20px 0 0; text-align: left; } .right-column { width: 400px; float:right; padding: 0 0 0 20px; text-align: left; } /* ------------------------------------------------------------------- 22. MEMBERS AREA ------------------------------------------------------ ------------------------------------------------------------------- */ #login-form { padding: 30px 0 0 0; } #form-login-username, #form-login-password, #form-login-remember { /*float: left;*/ padding: 0 10px 0 0; } ul.unstyled { display: block; } .unstyled li { list-style: none; padding: 0 0 20px 0; } .icon-arrow-right { visibility: hidden; } #section-members-area-headline { float: left; } #section-members-area-headline h1 { color: #000; } #section-members-area-headline h3 { color: #7c7c7c; } #section-members-area-navigation { float: right; padding: 30px 0 0 0; } #section-members-area ul li { display: inline; padding: 0 0 10px 40px; } #section-members-area a:link, #section-members-area a:visited { font-size: 1.2rem; color: #9a9a9a; } #section-members-area a:focus, #section-members-area a:hover, #section-members-area a:active { color: #e95407; border-bottom: 2px solid #e95407; } #section-members-area a:current { color: #e95407; border-bottom: 2px solid #e95407; } /* logout-button */ #section-members-area-navigation .item-141 { position: absolute; margin: -50px 0 0 0px; } #section-members-area-navigation .item-141 a:link, #section-members-area-navigation .item-141 a:visited { color: #fff; padding: 5px 10px; border-radius: 15px; background-color: #f47636; font-size: 0.9rem; } #section-members-area-navigation .item-141 a:focus, #section-members-area-navigation .item-141 a:hover, #section-members-area-navigation .item-141 a:active { color: #fff; padding: 5px 10px; border-radius: 15px; background-color: #000; font-size: 0.9rem; border-bottom: 0px;} #members-login { width: 100%; } #members-login-form .userdata { color: #000; margin: 0 0 40px 0; padding: 0 10px 0 0; font-size: 0.9rem; } #members-login-form ul li { padding: 10px 20px 0 0; } #members-login-form a:link, #members-login-form a:visited { color: #7c7c7c; font-size: 0.9rem; } #members-login-form a:focus, #members-login-form a:hover, #members-login-form a:active { color: #000; } .login { padding: 80px 0 20px 0; color: #333333; } .nav-stacked a:link, .nav-stacked a:visited, .btn-group a:link, .btn-group a:visited { color: #7c7c7c; font-size: 0.9rem} .nav-stacked a:focus, .nav-stacked a:hover, .nav-stacked a:active, .btn-group a:focus, .btn-group a:hover, .btn-group a:active { color: #000; } /* Joomla Profile */ #users-profile-core { color: #333; padding: 0 0 40px 0; } #users-profile-custom { display:none; color: #333; padding: 0 0 40px 0; } /* JOOMLA-profile is hidden*/ #users-profile-core legend, #users-profile-custom legend { padding: 0 0 30px 0; font-size: 1.5rem; color: #e95407; } .dl-horizontal { display: inline; } .dl-horizontal dt { float: left; clear: left; width: 40%; text-align: left; font-size: 0.9rem; } .dl-horizontal dd { padding: 0 0 15px 0; color: #000; } #member-profile { color: #333; } #member-profile legend { padding: 0 0 30px 0; font-size: 1.5rem; color: #e95407; } #member-profile fieldset { float: left; width: 40%; padding: 0 0 40px 0; } .controls { margin: 0 0 30px 0; } .controls select { cursor: pointer; } .validate { width: 100px; height: 30px; cursor: pointer; } #helpsite-refresh.btn.btn-small { float: right; } .btn-group { padding: 0 0 30px 0; } a.btn:link, a.btn:visited { color: #7c7c7c; font-size: 0.9rem; } a.btn:focus, a.btn:hover, a.btn:active { color: #000; } /* NUMOON CL Profile */ #ncl_profile { padding: 0 0 50px 0; } #ncl_profile h1, #ncl_profile_form h1 { color: #e95407; padding: 0 0 30px 0; } .ncl_profile_key { padding: 0 0 10px 0; color: #000; } li.ncl_profile_key:nth-child(2) { color: #b1b1b1; } .ncl_profile_key_label { display: inline-block; font-size: 0.9rem; color: #666; width: 200px; vertical-align: top; } .ncl_profile_key_value { display: inline-block; } li.ncl_profile_key:nth-child(2) .ncl_profile_key_label { color: #b1b1b1; } .ncl_profile_key #answer { font-size: 1.1rem; } .ncl_profile_key #answer a:link, .ncl_profile_key #answer a:visited { color: #9a9a9a; } .ncl_profile_key #answer a:focus, .ncl_profile_key #answer a:hover, .ncl_profile_key #answer a:active { color: #e95407; border-bottom: 2px solid #e95407; } #ncl_profile_actions { width: 100px; margin: 20px 0 0 0; padding: 10px; border-radius: 5px; background: #bbbbbb; text-align: center; } #ncl_profile_actions:hover { background-color: #e95407; } #ncl_profile_actions a:link, #ncl_profile_actions a:visited { padding: 10px; color: #000; } #ncl_profile_actions a:focus, #ncl_profile_actions a:hover, #ncl_profile_actions a:active { color: #fff; } #ncl_custom_profile table { margin: 0 0 30px 0; } #ncl_custom_profile #ncl_profile_actions { display: inline; width: 100px; margin: 50px 30px 0 -6px; padding: 0px; border-radius: 5px; background: none; text-align: center; } #ncl_profile_form_container { color: #000; padding: 30px 0 70px 0; } #ncl_profile_form { color: #000; } label.ncl_profile_label { display: block; } td.ncl_profile_label, td.ncl_basic_label { width: 250px; } td.ncl_basic_input_required { width: 400px; } #ncl_profile_submit:hover, #ncl_profile_cancel:hover { cursor: pointer; } /* NUMOON CL Member list */ #ncl_memberlist { color: #000; padding-bottom:40px; } #ncl_memberlist h1 { color: #e95407; margin: 0 0 40px 0; } #ncl_memberlist h2 { color: #9a9a9a; margin: 0 0 20px 0; } #ncl_memberlist table { width: 100%; margin: 0 0 50px 0; } #ncl_memberlist th { text-align: left; padding: 0 30px 0 0; font-size: 0.8rem; color: #000; } #ncl_memberlist td { padding: 0 30px 0 0; font-size: 0.8rem; color: #666; } #memberlist td { padding: 0 10px 0 0; font-size: 0.8rem; } #ncl_export-possibilities { margin: 40px 0 0; padding: 40px 0 0; border-top: 1px dotted #666; } #ncl_export-possibilities ul li { display: inline; padding: 0 40px 20px 0; } #ncl_export-possibilities a:link, #ncl_export-possibilities a:visited { color: #9a9a9a; } #ncl_export-possibilities a:focus, #ncl_export-possibilities a:hover, #ncl_export-possibilities a:active { color: #e95407; border-bottom: 2px solid #e95407; } /* NUMOON Community Organizer */ #ncl-calendar-titlefield { margin: 0 0 35px 0; } #ncl-displayed-month h1 { color: #e95407; } #ncl-event h1 { color: #e95407; margin: 0 0 30px; } #ncl-event-overview { margin: 0 0 40px; padding: 0 0 40px; border-bottom: 1px dotted #666; } #ncl-event-overview ul li { padding: 10px 0 0; } .ncl-legend { display: inline-block; width: 20%; font-size: 0.9rem; color: #666; vertical-align: top; } .ncl-value { display: inline-block; } #ncl-event-actions { margin: 0 0 50px; } /* NUMOON Mailing List */ #ncm-list-title { color: #e95407; margin: 0 0 30px; } #ncm-list-intro { margin: 0 0 30px 0 } #ncm-mail-writing h1 { color: #e95407; margin: 0 0 30px; } #ncm-mail-form-fieldset legend { font-size: 1.3rem; margin: 0 0 20px; } #ncm-mail-form-fieldset ul li { padding: 10px 0 0; } label[for=ncm-mail-subject], label[for=ncm-mail-content] { display: inline-block; width: 20%; font-size: 0.9rem; color: #666; vertical-align: top; } textarea#ncm-mail-content { width: 300px; min-height: 150px; margin: 0 0 20px; } #ncm-mail-form-fieldset input[type=submit] { cursor: pointer; } /* JDOWNLOADS */ .componentheading { visibility: hidden; }