/* DOCUMENT INFORMATION - Document: orange/color.css - Colordefinitions for the theme: Orange CONTENTS - COLORS AND SHADES - NAVIGATION - ICONS - ACCESSIBILITY BUTTONS - CALENDAR - FORMS -LOGIN LAYER - EXCEPTIONS */ /* COLORS AND SHADES ============================= */ /* general */ .dark1 { background-color: #CE3A2B; color:#FFFFFF; } .dark2 { background-color: #FE7E00; color:#FFFFFF; } .dark3 { background-color: #434343; color:#FFFFFF; } .middle1 { background-color: #FEA73D; color: #331D01; } .middle2 { background-color: #FEA44C; color: #331D01; } .middle3 { background-color: #CE3A2B; color: #331D01; } .light1 { background-color: #FFF2E5; color: #331D01; } .light2 { background-color: #FFE5CC; color: #331D01; } .light3 { background-color: #FFFFFF; color: #FEA73D; } .white {background-color: #FFFFFF; color: #331D01; } /* == Inactive == */ .inactive { color:#8f7d68; } /* == Season 2009/2010 == */ #season_de { background-image: url(../../images/season/season_orange_de.gif); } #season_en { background-image: url(../../images/season/season_orange_en.gif); } /* == Kölner Philharmonie Logo == */ #logo{ background-image: url(../../images/logo/logo_orange.gif); } #blockHead { background-color: #FEA73D; } /* LINKS ============================= */ .dark1 a { color: #FFFFFF; text-decoration: none; } .dark1 a:hover { color: #FFFFFF;} .dark2 a { color: #361806; text-decoration: none; } .dark2 a:hover { color: #361806;} .dark3 a { color: #FFFFFF; text-decoration: none; } .dark3 a:hover { color: #FFFFFF;} .middle1 a { color: #361806; text-decoration: none; } .middle1 a:hover { color: #361806;} .light1 a { color: #361806; text-decoration: none; } .light1 a:hover { color: #361806; } .light2 a { color: #361806; text-decoration: none; } .light2 a:hover { color: #361806; } .white a { color: #361806; text-decoration: none; } .white a:hover { color: #361806; } .lo_footer a:hover { background-color: #331D01; color: #FFFFFF; } .raquo { background-color: #331D01; color: #FFF2E5; font-weight: bold; } .raquoalt { color: #FFFFFF; background-color: #331D01; } .alphabetlist .raquoalt { color: #FFFFFF; background-color: #ce4a00; } .concertform .highlight { color: #ff5c00; } /* == Icon Links ==*/ .dark1 a.icon_audio { padding-left: 18px; background: url(/media/images/extras/icons/audio_white.gif) 3px -1px no-repeat; font-weight: bold; } .dark1 a.icon_video { padding-left: 18px; background: url(/media/images/extras/icons/video_white.gif) 3px -1px no-repeat; font-weight: bold; } /* == Video-Player ==*/ #konzertedetail .video_close a { font-weight: bold; } /* == Item extralinks ==*/ .item .raquo { background-color: #ce4a00; color: #FFFFFF; font-weight: bold; } .item .links a { color: #FFFFFF; } .item .links a:hover { color: #FFFFFF; } /* ADD TO CALENDER ============================= */ #konzertedetail .lo_special2 { border: 1px solid #fff; } #konzertedetail .box_content a { color: #fff; } #konzertedetail a.link_highlight { font-weight: normal; } #konzertedetail a.link_highlight:hover { font-weight: bold; } #konzertedetail ul.iconlinklist li a span.raquoalt { font-weight: bold; background: #ce4a00 !important; } /* LOGIN LAYER (Die CSS für das Login-Layer für alle Kapitel steht jetzt in form.css) ============================= #headline_loginLayer1 {background: url(/media/images/extras/headlines/headline_loginLayer1_orange_default.jpg) 0 30px no-repeat;} #headline_loginLayer2 {background: url(/media/images/extras/headlines/headline_loginLayer2_orange_default.jpg) 0 30px no-repeat;} #loginLayerForm .button{ background-color:#FFE5CC; border: 1px solid #331D01; color:#331D01; font-weight:bold; margin:0; } a.passwortVergessen{color: #361806;} */ /* KONZERT SENDEN ============================= */ #konzertversenden .field_card_submit { background: #FFFFFF; font-weight: bold; } #konzertversenden .card_steps li { color: #c4802d; font-weight: bold; } #konzertversenden .card_steps li.active { color: #331D01; } /* NAVIGATION ============================= */ /* == Backgrounds == */ #navigation { background: #FFE5CC; } #nav { background: #FFE5CC; } #nav a { background: #FFE5CC; color: #331D01; border-bottom: 1px solid #FFF; } #nav a:hover { background: #FFFFFF; color: #331D01; } #nav .selected_nav { background: #FEA44C; color: #FFFFFF; } /* == Subnavigation == */ #nav #subnav { background: #FFE5CC; } #nav #subnav a { background: #FFE5CC;color: #331D01; border-bottom: 1px solid #FFF; } #nav #subnav a:hover { background: #FFFFFF;color: #331D01; } #nav #subnav .selected_nav { background: #FEA44C;color: #FFFFFF; } /* == Headnavigation == */ #headnav a { color: #FFFFFF; } #headnav a:hover { background: #FFFFFF; color: #FE7E00; } /* ICONS ============================= */ a.icon { background: url(/media/images/extras/icons/icon_links_orange.gif) no-repeat; } .dark1 a.icon_audio { background: url(/media/images/extras/icons/audio_white.gif) no-repeat !important; } .dark1 a.icon_video { background: url(/media/images/extras/icons/video_white.gif) no-repeat !important; } /* ACCESSIBILITY BUTTONS ============================= */ #accessibility #large a { background-position: 0 0; } #accessibility #small a { background-position: -25px 0; } #accessibility #contrast a { background-position: -50px 0; } #accessibility #standard a { background-position: -75px 0; } #accessibility #help a { background-position: -100px 0; } #accessibility #large a:hover { background-position: -125px 0; } #accessibility #small a:hover { background-position: -150px 0; } #accessibility #contrast a:hover { background-position: -175px 0; } #accessibility #standard a:hover { background-position: -200px 0; } #accessibility #help a:hover { background-position: -225px 0; } /* FORMS ============================= */ #suche .submit{background-color: #FFE5CC; color: #331D01;} #konzerte .concertform { background: url(../../images/extras/veranstaltungen/arrow_right_grey.gif) 0 0 no-repeat !important; } #konzerte .new_calendar { background: #f5f4ef; } /* EXTRANOTE ============================= */ .extranote { color: #707267; } /* PDFDOWNLOAD ============================= */ .pdfdownload a { color: #707267; } /* ALPHABETLIST ============================= */ .alphabetlist h2 { color: #ff5c00; margin-bottom: 0.3em; margin-top: 0.7em; } .alphabetlist { background: #434343; color: #ccc; } .alphabetlist a, .alphabetlist a:hover { color: #FFFFFF; } .alphabetlist .highlight { color: #FF5C00 !important; font-weight: bold; } /* == Konzerte Anzeigen ==*/ #konzerte .field_submit, #konzerte .field_reset { background-color:#FEA44C; border:1px solid #331D01; color:#FFFFFF; font-weight:bold; margin:0; } #konzerte .field_dropdown { border:1px solid #331D01; } #konzerte .field_dropdown { border:1px solid #331D01; } .error{ color:#CC0000;} /* KONZERTE DETAIL ============================= */ #konzertedetail .lo_copy2 .pastevent, #konzertedetail .lo_copy2 .cancelledevent { font-weight: bold; text-transform: uppercase; } #konzertedetail .lo_copy2 .pastevent { color: #fff; background: #fe7e00; } #konzertedetail .lo_copy2 .cancelledevent { color: #fff; background: #ce3a2b; } /* EXCEPTIONS ============================= */ #head { background: #FE7E00; } #top { width: 1120px; } /* PAGINATOR ============================= */ ul.paginator li a:hover { background: #2b2b2b; } /* EXTRAFILTERS ============================= */ .extrafilters .raquoalt { color: #FFFFFF; background-color: #ce4a00; font-weight: bold; } .extrafilters a { color: #331d01; font-weight: normal; text-decoration: none; } .extrafilters a:hover { font-weight: bold; } /* NEW CALENDAR (KONZERTE) ============================= */ .new_calendar a.arrow_next { background-position: 0 0; } .new_calendar a.arrow_next:hover { background-position: 0 -20px; } .new_calendar a.arrow_previous { background-position: 0 -40px; } .new_calendar a.arrow_previous:hover { background-position: 0 -60px; } .new_calendar table td div, .new_calendar table td a { border-bottom: 1px solid #f5f4ef; border-left: 1px solid #f5f4ef; } /* Cell colors */ .new_calendar th { color: #707267; font-weight: normal; } .new_calendar a { color: #707267; background: #edece7; text-decoration: none; } .new_calendar a:hover { background: #ffffff; } .new_calendar .past { color: #707267; background: #edece7; } .new_calendar .active { color: #fff; background: #ce4a00; } .new_calendar .active:hover { background: #eb5400; } .new_calendar .current { color: #65665e; background: #d7d9ce !important; font-weight: bold; } .new_calendar .current span { color: #dc4f00; } .new_calendar a.month { background: none; } .new_calendar a.arrow_next, .new_calendar a.arrow_previous { background: url(/media/images/extras/new_calendar_arrow.gif) no-repeat; } .new_calendar a.arrow_next { background-position: 0 0; } .new_calendar a.arrow_next:hover { background-position: 0 -20px; } .new_calendar a.arrow_previous { background-position: 0 -40px; } .new_calendar a.arrow_previous:hover { background-position: 0 -60px; }