/* file: reset.css */ /* http://meyerweb.com/eric/tools/css/reset/ */ /* v1.0 | 20080212 */ 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, font, 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 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /* file: grid.css */ /* Variable Grid System. Learn more ~ http://www.spry-soft.com/grids/ Based on 960 Grid System - http://960.gs/ Licensed under GPL and MIT. */ /* Containers ----------------------------------------------------------------------------------------------------*/ .container_12 { margin-left: auto; margin-right: auto; width: 960px; } /* Grid >> Global ----------------------------------------------------------------------------------------------------*/ .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { display:inline; float: left; position: relative; margin-left: 8px; margin-right: 8px; } /* Grid >> Children (Alpha ~ First, Omega ~ Last) ----------------------------------------------------------------------------------------------------*/ .alpha { margin-left: 0; } .omega { margin-right: 0; } /* Grid >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .grid_1 { width:64px; } .container_12 .grid_2 { width:144px; } .container_12 .grid_3 { width:224px; } .container_12 .grid_4 { width:304px; } .container_12 .grid_5 { width:384px; } .container_12 .grid_6 { width:464px; } .container_12 .grid_7 { width:544px; } .container_12 .grid_8 { width:624px; } .container_12 .grid_9 { width:704px; } .container_12 .grid_10 { width:784px; } .container_12 .grid_11 { width:864px; } .container_12 .grid_12 { width:944px; } /* Prefix Extra Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .prefix_1 { padding-left:80px; } .container_12 .prefix_2 { padding-left:160px; } .container_12 .prefix_3 { padding-left:240px; } .container_12 .prefix_4 { padding-left:320px; } .container_12 .prefix_5 { padding-left:400px; } .container_12 .prefix_6 { padding-left:480px; } .container_12 .prefix_7 { padding-left:560px; } .container_12 .prefix_8 { padding-left:640px; } .container_12 .prefix_9 { padding-left:720px; } .container_12 .prefix_10 { padding-left:800px; } .container_12 .prefix_11 { padding-left:880px; } /* Suffix Extra Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .suffix_1 { padding-right:80px; } .container_12 .suffix_2 { padding-right:160px; } .container_12 .suffix_3 { padding-right:240px; } .container_12 .suffix_4 { padding-right:320px; } .container_12 .suffix_5 { padding-right:400px; } .container_12 .suffix_6 { padding-right:480px; } .container_12 .suffix_7 { padding-right:560px; } .container_12 .suffix_8 { padding-right:640px; } .container_12 .suffix_9 { padding-right:720px; } .container_12 .suffix_10 { padding-right:800px; } .container_12 .suffix_11 { padding-right:880px; } /* Push Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .push_1 { left:80px; } .container_12 .push_2 { left:160px; } .container_12 .push_3 { left:240px; } .container_12 .push_4 { left:320px; } .container_12 .push_5 { left:400px; } .container_12 .push_6 { left:480px; } .container_12 .push_7 { left:560px; } .container_12 .push_8 { left:640px; } .container_12 .push_9 { left:720px; } .container_12 .push_10 { left:800px; } .container_12 .push_11 { left:880px; } /* Pull Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .pull_1 { left:-80px; } .container_12 .pull_2 { left:-160px; } .container_12 .pull_3 { left:-240px; } .container_12 .pull_4 { left:-320px; } .container_12 .pull_5 { left:-400px; } .container_12 .pull_6 { left:-480px; } .container_12 .pull_7 { left:-560px; } .container_12 .pull_8 { left:-640px; } .container_12 .pull_9 { left:-720px; } .container_12 .pull_10 { left:-800px; } .container_12 .pull_11 { left:-880px; } /* Clear Floated Elements ----------------------------------------------------------------------------------------------------*/ /* http://sonspring.com/journal/clearing-floats */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */ .clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } .clearfix { display: block; } /* file: text.css */ /** * Basic Styles * * @section basic styles */ html { font-size: medium; } body { font-size: 75%; /* standard is 16px across browsers, so this is 12px */ } a { text-decoration: none; font-weight: bold; } a:hover { text-decoration: underline; } a:focus { outline: 1px dotted; } p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset { margin-top: 0.7272em; margin-bottom: 0.7272em; } hr { border: 0 #ccc solid; border-top-width: 1px; clear: both; height: 0; } .hidden { display: none; } /** * Headings * * @section basic styles * @subsection headings */ h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; } h1 { font-size: 1.667em; /* ersetzt */ } h2 { font-size: 1.5em; /* ersetzt */ } /** * Listings * * @section basic styles * @subsection listings */ ol { list-style: decimal; } ul { list-style: disc; } li { margin-left: 15px; } .linkNonBold { font-weight: normal; } /* file: global.css */ a.image { font-size:0.8em; font-weight:normal; } /** * Removes bottom border in firefox 3.x * @section flash player box * @workaround * @affected Firefox 3.x * @css-for All */ .flashPlayerBox object { display: block; } /** * More Link * * @section global * @subsection more link */ .moreLink { font-weight: bold; color: #333; } .moreLink:hover { color: #060; } .noTextTransform { text-transform:none !important; } /** * Hide content from screen to provide content for screenreaders * * @section global */ .auralOnly { display:none; visibility:hidden; } /** * Error and Success messages * * @section global * @subsection messages */ strong.error { color: #f00; line-height: 1.4em; display: block; } strong.success { color: #090; line-height: 1.4em; display: block; } .errorBox { clear: both; border: 1px solid #FFCC35; color: #000; background-color: #FFFFCC; font-weight: bold; line-height: 1.4em; margin: 1em 0; padding: 1em 0; font-family: Arial,Helvetica,sans-serif; text-align: center; } /** * Page Kicker * * @section page kicker */ #pageKicker { margin-top: 8px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 0.4em 0; font-family: Arial,Helvetica,sans-serif; } /** * DRadio Links * * @section page kicker * @subsection today */ #pageKicker .today { font-weight: bold; padding-left: 8px; } /** * DRadio Links * * @section page kicker * @subsection dradio links */ #pageKicker .dradioLinks { list-style-image: none; list-style-position: outside; list-style-type: none; float: right; margin: 0; padding: 0; } #pageKicker .dradioLinks li { float: left; margin: 0; } #pageKicker .dradioLinks li a { background-image: url(img/iconArrow.gif); background-repeat: no-repeat; background-position: 0 0.4em; padding: 0 7px; display: block; font-weight: bold; font-size: 0.917em; /* ersetzt */ } #pageKicker .dradioLinks li.last a { padding-right: 0; } #pageKicker .dradioLinks li a.dradio { color: #626262; } #pageKicker .dradioLinks li a.dlf { color: #0063ae; } #pageKicker .dradioLinks li a.kultur { color: #e35804; } /** * Main Navigation * * @section page sub header * @subsection main navigation */ #pageSubHeader .mainNavigation { margin: 1.667em 8px; } #pageSubHeader .mainNavigation li { list-style-type: none; list-style-position: outside; list-style-image: none; margin: 0; padding: 0; font-size: 1.167em; /* ersetzt */ font-weight: bold; font-family: Arial,Helvetica,sans-serif; text-transform: uppercase; } #pageSubHeader .mainNavigation li.active li a, #pageSubHeader .mainNavigation li.active li span { color: #000; } #pageSubHeader .mainNavigation a { color: #000; margin-right: 2px; background-image: url(img/dotMainNavigation.png); background-repeat: no-repeat; background-position: right 0.25em; padding-right: 16px; } #pageSubHeader .mainNavigation li li a { background: none; margin-right: 10px; margin-left: 6px; padding-right: 0; } #pageSubHeader .mainNavigation li li a.separateAfter { margin-right: 2px; /* background-image: url(img/dotMainNavigation.png); background-repeat: no-repeat; background-position: right 0.25em; */ padding-right: 75px; } #pageSubHeader .mainNavigation li li a.noUnderline:hover { text-decoration: none; } #pageSubHeader .mainNavigation li li { display: inline; font-size: 1em; } #pageSubHeader .mainNavigation ul { display: inline; margin: 0; } #pageSubHeader .mainNavigation img { vertical-align: text-bottom; } /** * Main Navigation Fly Out Menu * * @section page sub header * @subsection main navigation * @subsection fly out menu */ #pageSubHeader .mainNavigation li.flyOut { position: relative; background-image: url(img/dotMainNavigation.png); background-repeat: no-repeat; background-position: left 0.25em; padding-left: 16px; } .jsEnabled #pageSubHeader .mainNavigation li.flyOut span { cursor: pointer; } .jsEnabled .flyOutWrapper { position: absolute; top: 1em; padding-top: 0.5em; z-index: 2; left: 16px; } .jsEnabled .flyOutWrapper ul, .jsEnabled #pageSubHeader .mainNavigation .flyOutWrapper ul { background-color: #fff; display: block; border: 1px solid #888; } .jsEnabled .flyOutWrapper ul li, .jsEnabled #pageSubHeader .mainNavigation .flyOutWrapper ul li { display: block; list-style-type: none; list-style-position: outside; list-style-image: none; margin: 0; padding: 0; font-weight: bold; font-family: Arial,Helvetica,sans-serif; text-transform: uppercase; position: relative; } .jsEnabled .flyOutWrapper ul li { font-size: 1.167em; /* ersetzt */ } .jsEnabled .flyOutWrapper ul li a, .jsEnabled #pageSubHeader .mainNavigation .flyOutWrapper ul li a { display: block; padding: 0.5714em 8px; margin: 0; border-bottom: 1px solid #999; color: #000; } .jsEnabled .flyOutWrapper ul li a:visited, .jsEnabled #pageSubHeader .mainNavigation .flyOutWrapper ul li a:visited { color: #000; } .jsEnabled .flyOutWrapper ul li.active a, .jsEnabled #pageSubHeader .mainNavigation .flyOutWrapper ul li.active a { color: #060; } .jsEnabled .flyOutWrapper ul li.last a, .jsEnabled #pageSubHeader .mainNavigation .flyOutWrapper ul li.last a { border-bottom: none; } /** * Page Content * * @section page content */ #pageContent { background: #fff; } #pageContent h1 { background-color: #b8bcb8; background-image: url(img/boxHeaderBg.png); background-repeat: repeat-x; border-bottom: 1px solid #777E77; color: #333; font-size: 1.167em; /* ersetzt */ height: 2.7857em; line-height: 2.9em; margin: 0; padding: 0 8px; text-transform: uppercase; } #pageContent h1 span.articleDate { text-transform: none; color: #666; } #pageContent .pageText { line-height: 1.4em; margin-right: 16px; } /** * Page Content Footer * * @section page content * @subsection footer */ #pageContentFooter { border-top: 0.1em solid #ccc; } #pageContentFooter .richtextBox p { font-size: 0.834em; } /** * Page Content Closure * * @section page content * @subsection page content closure */ #pageContentClosure { border-top: 0.1em solid #ccc; padding: 0.6667em 0; line-height: 1.4em; font-family: Arial,Helvetica,sans-serif; } #pageContentClosure a.backToTop { color: #000; margin-left: 8px; display: block; } #pageContentClosure ul { list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0; } #pageContentClosure ul li { float: left; margin: 0 0.5em 0 0; } #pageContentClosure ul li a { background-position: top left; background-repeat: no-repeat; padding: 0 0 1px 0; margin-right: 8px; color: #000; } #pageContentClosure ul li a.print, #pageContentClosure ul li a.recommend { padding-left: 22px; } #pageContentClosure ul li a.itunes, #pageContentClosure ul li a.podcast, #pageContentClosure ul li a.rss { padding-left: 18px; } #pageContentClosure ul li a.print { background-image: url(img/iconViewmodePrint.gif); } #pageContentClosure ul li a.recommend { background-image: url(img/iconRecommend.gif); } #pageContentClosure ul li a.itunes, #pageContentClosure ul li a.podcast, #pageContentClosure ul li a.rss { background-image: url(img/feed-icon-14x14.png); } /** * Global Box styles * * @section box */ .box { background: #fff; margin-bottom: 1.333em; } .box .header { background-color: #b8bcb8; background-image: url(img/boxHeaderBg.png); background-repeat: repeat-x; border-bottom: 1px solid #777E77; margin: 0; color: #333; font-size: 1.167em; /* ersetzt */ height: 2.7857em; line-height: 2.9em; padding: 0 8px; text-transform: uppercase; } .box .footer { background-color: #f0f0f0; background-image: url(img/boxFooterBg.png); background-repeat: repeat-x; background-position: bottom left; border-bottom: 1px solid #777E77; border-top: 1px solid #777E77; line-height: 2em; text-align: right; } .box .footer ul { font-family: Arial,Helvetica,sans-serif; font-weight: bold; color: #333; float: right; padding: 0 8px; margin: 0; list-style-image: none; list-style-position: outside; list-style-type: none; } .box .footer li { float: left; margin: 0 0 0 4px; padding: 0 0 0 10px; background-image: url(img/dot.png); background-repeat: no-repeat; background-position: 0 9px; } .box .footer li a { color: #333; } .box .footer li.first { background: none; padding-left: 0; margin-left: 0; } .box .richtextBox { padding: 0.001em 8px; font-size: 0.917em; /* ersetzt */ line-height: 1.4em; } /** * Empty List Message * * @section general * @subsection empty list */ p.emptyListMessage { text-align: center; margin: 3em 16px; font-weight: bold; color: #666; } /** * Do not show the datepicker on startup */ #ui-datepicker-div { display: none; } span.upperCase { text-transform:uppercase; } /** * Review * * @section Review */ ul.authorList li { margin-bottom:0.2em; } /** * Frequency list * * @section FrequencyPage */ table.frequency { margin-left:0px !important; } /* file: dialogs.css */ form { margin-top: 1.6em; } form p.confirmationText { padding: 0; margin: 0; } form .markerMandatory { color: #f00; padding-left: 4px; } form .field, form .buttons { padding: 1.2em 0; background-color: #f2f2f2; border-bottom: 1px solid #fff; font-size: 0.834em; } form .field label { font-family: Arial,Helvetica,sans-serif; font-weight: bold; text-transform: uppercase; line-height: 1.3333em; margin-left: 8px; display: block; } form .checkbox { position: relative; } form .checkbox input { position: absolute; vertical-align: middle; left: 0; top: -1px; padding: 0; margin: 0; } form .checkbox label { display: inline; font-weight: normal; font-family:Arial, Helvetica, sans-serif; text-transform: none; margin: 0; padding-left: 18px; } /** * Input Text Field * * @section dialog * @subsection text */ form .field input.text { width: 384px; font-size: 12px; font-family:Arial, Helvetica, sans-serif; height: 1.5em; line-height: 1.5em; } form .grid_1 input.text { width: 47px; } form .grid_2 input.text { width: 127px; } form .grid_3 input.text { width: 207px; } form .grid_4 input.text { width: 287px; } form .grid_5 input.text { width: 367px; } form .grid_6 input.text { width: 447px; } /** * Input Textarea * * @section dialog * @subsection textarea */ form .field textarea { font-family:Arial, Helvetica, sans-serif; font-size: 12px; height: 8.4em; width: 384px; line-height: 1.4em; } /** * Input Checkgroup * * @section dialog * @subsection checkgroup */ form .checkgroup { margin: 0.4em 0; } form .checkgroup input { line-height: 1.4em; float: left; margin: 0; } form .checkgroup label { line-height: 1.4em; float: left; margin: 0 0 0 0.4em; } /** * Additional dialog field class "stationRadioSelection" * * To correct positioning of station radio elements in audio archive. * * @section dialog */ form .stationRadioSelection .grid_4 { width: 456px; } form .stationRadioSelection .grid_4 .grid_2 { width: 228px; } /** * Input Date Field * * @section dialog * @subsection text * @subsubsection date */ form .date input.text { width: 180px; } form .date strong label { margin-left: 0; } /** * Date picker * * @section dialogs * @subsection date picker */ img.ui-datepicker-trigger { position: relative; left: 10px; top: 4px; cursor: pointer; } #ui-datepicker-div { font-family: Arial,Helvetica,sans-serif; } #ui-datepicker-div table { width: 251px; border: 1px solid #888; border-collapse: collapse; margin: 0 0 0 1px; font-size: 0.917em; /* ersetzt */ } #ui-datepicker-div .ui-datepicker-header { width: 250px; font-weight: bold; text-transform: uppercase; text-align: center; border: 1px solid #888; border-bottom: none; } #ui-datepicker-div .ui-datepicker-prev, #ui-datepicker-div .ui-datepicker-next { display: block; height: 2em; left: 0; position: absolute; top: 0; width: 2em; } #ui-datepicker-div .ui-datepicker-next { right: 0; left: auto; } #ui-datepicker-div .ui-datepicker-prev span, #ui-datepicker-div .ui-datepicker-next span{ background-image: url(img/boxHeaderArrows.gif); background-repeat: no-repeat; background-position: 0 -12px; height: 12px; left: 50%; margin: -6px 0 0 -6px; overflow: hidden; position: absolute; text-indent: -99999px; top: 50%; width: 12px; } #ui-datepicker-div .ui-datepicker-header a.ui-state-disabled span { background-image: none; } #ui-datepicker-div .ui-datepicker-next span { top: 50%; right: 10px; background-position: 0 0px; } #ui-datepicker-div .ui-datepicker-header { position: relative; display: block; background-image: url(img/boxHeaderBg.png); height: 2em; } #ui-datepicker-div .ui-datepicker-title { height: 2em; line-height: 2em; } #ui-datepicker-div th { text-transform: uppercase; color: #666; line-height: 2em; background-color: #fff; } #ui-datepicker-div td { border: 1px solid #999; text-align: center; background-color: #f6f6f6; line-height: 2em; } #ui-datepicker-div td.ui-state-disabled { color: #999; font-weight: bold; } #ui-datepicker-div td a { display: block; color: #000; } #ui-datepicker-div td a.ui-state-active { background-color: #bad2b8; } /** * Password link in login page dialog * * @section content login * @subsection password link */ .contentLogin .passwordLink, form .buttons .cancelLink { margin-left: 10px; } /* file: pageHeader.css */ /** * Page Header * * @section page header */ #pageHeader { background-image: url(img/headerGeneric.jpg); border-bottom: 1px solid #fff; font-family: Arial,Helvetica,sans-serif; } #pageHeader .spacer { height: 2.58em; border-bottom: 1px solid #fff; margin-right: 8px; } #pageHeader, #pageHeader a { color: #333; } /** * DRadio Logo * * @section page header * @subsection logo */ #pageHeader div h1.logo { display: block; } #pageHeader div h1.logo span { float: left; display: block; padding: 33px 0 0 10px; } #pageHeader div h1.logo a { float: left; } #pageHeader div.logo { font-size: 0.084em; /* ersetzt */ } /** * Meta Navigation * * @section page header * @subsection meta navigation */ #pageHeader .metaNavigation { border-bottom: 1px solid #fff; font-size: 0.917em; /* ersetzt */ padding: 0.91em 0; font-weight: bold; } #pageHeader .alpha .metaNavigation { padding-left: 8px; } /** * Login Box * * @section page header * @subsection login */ #pageHeader .login { top: 2.9em; left: 0; display: block; position: absolute; z-index: 1; } #pageHeader .login form, #pageHeader .login fieldset { margin: 0; } #pageHeader .login legend { display: none; } #pageHeader .login .formLine { position: relative; margin-top: 0.8em; } #pageHeader .login .formLine label { color: #fff; } #pageHeader .login .formLine input { border: 1px solid #fff; background: none; color: #fff; font-weight: bold; padding: 2px 4px; font-size: 0.909em; /* nichtersetzt */ width: 134px; } #pageHeader .login .error { font-weight: normal; color: #FF0000; margin: 0.8em 0; } #pageHeader .login .link { margin: 0.4em 0 0 5px; line-height: 1.3em; } #pageHeader .login .link a { color: #fff; font-weight: normal; } .jsEnabled #pageHeader .login .submit { text-decoration: underline; font-weight: bold; } .jsEnabled #pageHeader .login .error { position: absolute; left: -160px; width: 144px; } .jsEnabled #pageHeader .loginHidden { display: none; } .jsEnabled #pageHeader .login .formLine label { position: absolute; top: 4px; left: 5px; cursor: text; font-size: 0.909em; /* nichtersetzt */ } /** * Search * * @section page header * @subsection search */ #pageHeader .search { margin: 8px 0 0 0; } #pageHeader .search form { margin: 0; } #pageHeader .search .field { background-image: url(img/searchFieldBg.png); background-position: -1px -1px; border: 1px solid #999; font-size: 0.917em; /* ersetzt */ height: 1.55em; padding: 4px 2px 2px 24px; width: 233px; margin: 0; } #pageHeader .search button { width: 24px; height: 24px; padding: 0; margin: 0 0 0 7px; background: url(img/searchButton.png); border: none; vertical-align: top; } #pageHeader .search button .hidden { display: none; height: 0; } /** * Time * * @section page header * @subsection time */ #pageHeader .currentTime { color: #fff; font-size: 1.5em; /* ersetzt */ font-weight: bold; margin: 38px 0 8px 0; } #pageHeader .currentTime .zone { font-size: 0.6111em; /* nichtersetzt */ color:#BFBFBF; } /** * Page Zoom * * @section page header * @subsection page zoom */ #pageHeader .pageZoom ul { float: right; font-size: 1.084em; /* ersetzt */ font-weight: bold; list-style-image: none; list-style-position: outside; list-style-type: none; margin: 41px 0 8px 0; } #pageHeader .pageZoom li { display: inline; margin: 0 0px; } #pageHeader .pageZoom .min { font-size: 0.85em; /* nichtersetzt */ } #pageHeader .pageZoom .max { font-size: 1.15em; /* nichtersetzt */ } #pageHeader .pageZoom a { color: #e0e0e0; } #pageHeader .pageZoom .active a { text-decoration: underline; } /* file: pageFooter.css */ /** * Page Footer * * @section page footer */ #pageFooter { border-bottom: 0.1em solid #fff; margin-top: 4.8em; margin-bottom: 1.6em; } #pageFooter .footerBox { border-top: 0.1em solid #fff; padding: 0.8em 0 1.6em 0; } #pageFooter .partnerLogos { text-align: right; vertical-align: top; } #pageFooter .partnerLogos span { display: block; text-align: left; } #pageFooter .partnerLogos a { color: #333; margin-left: 8px; display: inline-block; } #pageFooter p, #pageFooter ul { color: #333; font-family: Arial,Helvetica,sans-serif; font-size: 0.917em; /* ersetzt */ font-weight: bold; margin: 0; padding: 0; } #pageFooter ul { list-style-image: none; list-style-position: outside; list-style-type: none; } #pageFooter li { margin: 0; padding: 0; } #pageFooter ul a { color: #333; line-height: 1.2em; } /* file: teaser.css */ /** * Teaser * * @section teaser */ .teaserItem { border-bottom: 1px solid #777E77; } .teaserItemLast { border-bottom: none !important; } /** * Short Teaser * * @section teaser * @section short teaser */ .shortTeaser { padding: 0 8px; border-bottom: 1px solid #ccc; } .shortTeaser h3 { color: #006600; font-weight: bold; font-size: 1.084em; /* ersetzt */ padding: 0.6153em 0 0 0; margin: 0; } .shortTeaser p { padding: 0 0 0.7272em; margin: 0; font-size: 0.917em; /* ersetzt */ line-height: 1.4em; color: #000; } /** * Picture / TextTeaser * * @section teaser * @subsection picture teaser */ .pictureTeaser { border-bottom: 1px solid #ccc; } .pictureTeaser .image { float: left; width: 144px; display: block; } .pictureTeaser img { width: 144px; } .pictureTeaser h3 { color: #006600; font-weight: bold; font-size: 1.084em; /* ersetzt */ margin: 0 4px 0 152px; padding: 0.6153em 0 0.6153em 0; line-height: 1.2em; } .pictureTeaser h3 small { font-size: 0.8em; /* ersetzt */ text-transform: uppercase; display: block; color: #666; } .pictureTeaser h3 a:hover small { text-decoration: underline; } .pictureTeaser p { margin: 0 4px 0 152px; padding: 0 0 0.7272em; font-size: 0.917em; /* ersetzt */ line-height: 1.2727em; color: #000; } .pictureTeaser p.compact { padding: 0; } /** * Text Teaser * * @section teaser * @subsection text teaser */ .textTeaser { border-bottom: 1px solid #ccc; } .textTeaser h3 { color: #006600; font-weight: bold; font-size: 1.084em; /* ersetzt */ margin: 0 4px 0 152px; padding: 0.6153em 0 0.6153em 0; line-height: 1.2em; } .textTeaser h3 small { font-size: 0.8em; /* ersetzt */ text-transform: uppercase; display: block; color: #666; } .textTeaser h3 a:hover small { text-decoration: underline; } .textTeaser p { margin: 0 4px 0 152px; padding: 0 0 0.7272em; font-size: 0.917em; /* ersetzt */ line-height: 1.2727em; color: #000; } .textTeaser p { padding:4px 0 0 0; margin:0 8px; color:#666666; } .textTeaser p span{ color:#000; } /** * Teaserbox Without Footer * * @section startpage * @subsection header */ .teaserBoxWithoutFooter p{ margin-left:8px; } .teaserBoxWithoutFooter .image{ display:inline; margin-right:8px; margin-bottom:4px; } .teaserBoxWithoutFooter .pictureTeaser{ border-color:#878787; padding-bottom:20px; } /** * Teaserbox With Empty Footer * * @section startpage * @section header */ .teaserBoxWithEmptyFooter p{ margin-left:8px; } .teaserBoxWithEmptyFooter .image{ display:inline; margin-right:8px; /* margin-bottom:4px; */ } .teaserBoxWithEmptyFooter .pictureTeaser{ border-bottom:0; } .teaserBoxWithEmptyFooter p.previewTeaserBroadcast { font-weight:bold; color:#006600; } .teaserBoxWithEmptyFooter p.previewTeaserBroadcast span { font-weight:normal; color:#666666; font-size:0.8em; /* nichtersetzt */ text-transform:uppercase; } /** * Paged Teaser Box * * @section teaser * @subsection paged teaser */ .pagedTeaserBox .footer li.prevPage, .pagedTeaserBox .footer li.nextPage { cursor: pointer; width: 14px; height: 14px; padding: 0; margin-top: 5px; background-image: url(img/boxButtons.png); background-position: 0 0; overflow: hidden; } .pagedTeaserBox .footer li.prevPageDisabled, .pagedTeaserBox .footer li.nextPageDisabled { cursor: default; } .pagedTeaserBox .footer li.nextPage { background-position: 0 -14px; } .pagedTeaserBox .footer li.prevPageDisabled { background-position: 0 -28px; } .pagedTeaserBox .footer li.nextPageDisabled { background-position: 0 -42px; } .pagedTeaserBox .body { position: relative; overflow: hidden; } .pagedTeaserBox .teaserList { position: absolute; left: 0; top: 0; } .pagedTeaserBox .page { float: left; } /** * Current Article Teaser Box * * @section teaser * @section current article teaser */ .currentArticleTeaser .body { position: relative; background-color: #b8bcb8; background-image: url(img/boxHeaderBg.png); background-repeat: repeat-x; height: 18.5em; /* 222 px */ } .currentArticleTeaser h1 { background-color: #b8bcb8; background-image: url(img/boxHeaderBg.png); background-repeat: repeat-x; color: #333; font-size: 1.167em; /* ersetzt */ height: 2.7857em; line-height: 2.9em; margin: 0; padding: 0 8px; text-transform: uppercase; cursor: pointer; float: left; position: relative; } .currentArticleTeaser h1 span { position: absolute; top: 0; left: 0; height: 2.785em; width: 8px; } .currentArticleTeaser h1.active { background-image: url(img/boxHeaderBgActive.png); background-position: top left; background-color: #0b3106; color: #fff; border-right: none; } .currentArticleTeaser h1 a{ color:#333; } .currentArticleTeaser h1.active a{ color:#fff; text-decoration:none; } .currentArticleTeaser h1.activeFollowing a{ color:#333; text-decoration:none; } .currentArticleTeaser h1 a:hover{ text-decoration:underline; } .currentArticleTeaser h2 { color: #006600; } .currentArticleTeaser h2 small { color: #666; display: block; font-size: 0.6112em; /* nichtersetzt */ padding-bottom: 0.3em; text-transform: uppercase; } .currentArticleTeaser .shadowFixture { float: left; height: 3.9em; width: 8px; position: relative; } .currentArticleTeaser .shadowFixture span { position: absolute; top: 0; left: 0; height: 3.9em; width: 8px; } .currentArticleTeaser .activeFollowing span { background-image: url(img/boxHeaderTabShadow.png); background-repeat: no-repeat; } .currentArticleTeaser .panel .grid_4 div { margin-right: 16px; font-size: 0.917em; /* ersetzt */ line-height: 1.4em; } .currentArticleTeaser .panel { border-top: 1px solid #777E77; background-color: #fff; overflow: hidden; height: 15.1667em; /* 182 px */ } .currentArticleTeaser .panel { position: absolute; top: 3.25em; left: 0; } .currentArticleTeaser .footer { height: 3.2em; } .currentArticleTeaser .footer li { background-image: url(img/boxFooterNavBar.gif); background-position: left top; font-size: 1.0833em; /* nichtersetzt */ height: 2.4615em; margin-left: 16px; line-height: 2.4615em; text-transform: uppercase; font-family: Arial,Helvetica,sans-serif; } /** * Livestream Player * * @section teaser * @subsection current article teaser * @subsubsection livestream player */ .currentArticleTeaser .livestream { position: absolute; right: 0; bottom: 0; width: 320px; height: 68px; background-image: url(img/currentArticlePlayer.png); font-family: Arial,Helvetica,sans-serif; } .currentArticleTeaser .livestream h3 { position: absolute; top: 3px; left: 100px; color: #fff; line-height: 35px; margin: 0; font-size: 18px; } .currentArticleTeaser .livestream ul { left: 100px; line-height: 23px; position: absolute; top: 42px; margin: 0; } .currentArticleTeaser .livestream ul li { display: inline; margin: 0 0.5em 0 0; font-size: 12px; } .currentArticleTeaser .livestream ul li a { color: #999; } .currentArticleTeaser .livestream ul li a.active { color: #fff; } .currentArticleTeaser .livestream .playButton { position: absolute; top: 15px; left: 14px; width: 38px; height: 39px; cursor: pointer; } /** * Current Broadcasts Teaser Box * * @section teaser * @section current broadcasts teaser */ .currentBroadcastsTeaser .body { position: relative; background-color: #b8bcb8; background-image: url(img/boxHeaderBg.png); background-repeat: repeat-x; height: 18.5em; /* 222 px */ } .currentBroadcastsTeaser h1 { background-color: #b8bcb8; background-image: url(img/boxHeaderBg.png); background-repeat: repeat-x; color: #333; font-size: 1.167em; /* ersetzt */ height: 2.7857em; line-height: 2.9em; margin: 0; padding: 0 8px; text-transform: uppercase; cursor: pointer; float: left; position: relative; } .currentBroadcastsTeaser h1 span { position: absolute; top: 0; left: 0; height: 2.785em; width: 8px; } .currentBroadcastsTeaser h1.active { background-image: url(img/boxHeaderBgActive.png); background-position: top left; background-color: #0b3106; color: #fff; border-right: none; } .currentBroadcastsTeaser h1 a{ color:#333; } .currentBroadcastsTeaser h1.active a{ color:#fff; text-decoration:none; } .currentBroadcastsTeaser h1.activeFollowing a{ color:#333; text-decoration:none; } .currentBroadcastsTeaser h1 a:hover{ text-decoration:underline; } .currentBroadcastsTeaser .shadowFixture { float: left; height: 3.9em; width: 8px; position: relative; } .currentBroadcastsTeaser .shadowFixture span { position: absolute; top: 0; left: 0; height: 3.9em; width: 8px; } .currentBroadcastsTeaser .activeFollowing span { background-image: url(img/boxHeaderTabShadow.png); background-repeat: no-repeat; } .currentBroadcastsTeaser .panel { border-top: 1px solid #777E77; background-color: #fff; overflow: hidden; height: 15.1667em; /* 182 px */ } .currentBroadcastsTeaser .panel { position: absolute; top: 3.25em; left: 0; } /** * News Teaser (unfolded with js tabbing styles) * * @section teaser * @section news teaser */ .jsEnabled .newsTeaser .tabbed { position: relative; /* background-color: #b8bcb8;*/ background-image: url(img/boxHeaderBg.png); background-repeat: repeat-x; min-height: 18.33em; } .newsTeaser h1 { background-color: #b8bcb8; background-image: url(img/boxHeaderBg.png); background-repeat: repeat-x; color: #333; font-size: 1.084em; /* ersetzt */ height: 2em; line-height: 1em; margin: 0; padding: 0.5em 8px; text-transform: uppercase; } .newsTeaser .tabbed h1 { width: 136px; float: left; overflow: hidden; position: relative; cursor: pointer; } .newsTeaser a:hover { text-decoration: underline; } .jsEnabled .newsTeaser .shadowFixture { display: none; } .newsTeaser h1 .headline { display: block; color: #999; font-size: 0.8461em; /* nichtersetzt */ } .newsTeaser h1 .headline span { display: none; } .jsEnabled .newsTeaser h1.active { background-image: url(img/boxHeaderBgContinents.png); background-position: center; background-color: #0b3106; border-right: none; color: #fff; padding-top: 1.5em; height: 1em; } .jsEnabled .newsTeaser h1.active .headline { display: none; } .jsEnabled .newsTeaser h1 .shadow { position: absolute; top: 0; left: 0; width: 8px; height: 3em; } .jsEnabled .newsTeaser h1.activeFollowing .shadow { background-image: url(img/boxHeaderTabShadow.png); background-repeat: no-repeat; } .newsTeaser .panel { border-top: 1px solid #777E77; background-color: #fff; overflow: hidden; } .jsEnabled .newsTeaser .tabbed .panel { position: absolute; top: 3.25em; left: 0; min-height: 15.17em; } .jsEnabled .newsTeaser .tabbed .panel .footer { position: absolute; bottom: 0; left: 0; width: 304px; } .newsTeaser ol { margin: 0; padding: 0; list-style-image: none; list-style-position: outside; list-style-type: disc; width: 304px; } .newsTeaser ol li { margin: 0; border-bottom: 1px solid #ced4ce; padding: 0.6em 1em; } .newsTeaser ol li.last { border-bottom: none; } .newsTeaser ol li a { font-size: 0.917em; /* ersetzt */ font-weight: normal; color: #000; line-height: 1.2727em; display: block; } .newsTeaser ol li a:visited { color: #666; } .newsTeaser .footer ul { float: left; } .newsTeaser .footer li { background-position: 0 12px; font-family: Arial,Helvetica,sans-serif; height: 2.6666em; line-height: 2.6666em; } /** * Additional news teaser box styles (folded output) */ .newsTeaserFolded .tabbed { position: relative; background-color: #b8bcb8; background-image: url(img/boxHeaderBg.png); background-repeat: repeat-x; min-height: 18.33em; } .newsTeaserFolded a, .newsTeaserFolded a:visited { color: #333333; text-decoration: none; } .newsTeaserFolded a:hover { text-decoration: underline; } .newsTeaserFolded .active a { color: #fff; } .newsTeaserFolded .shadowFixture { display: none; } .newsTeaserFolded h1.active { background-image: url(img/boxHeaderBgContinents.png); background-position: center; background-color: #0b3106; border-right: none; color: #fff; padding-top: 1.5em; height: 1em; } .newsTeaserFolded h1.active .headline { display: none; } .newsTeaserFolded h1 .shadow { position: absolute; top: 0; left: 0; width: 8px; height: 3em; } .newsTeaserFolded h1.activeFollowing .shadow { background-image: url(img/boxHeaderTabShadow.png); background-repeat: no-repeat; } .newsTeaserFolded .tabbed .panel { position: absolute; top: 3.25em; left: 0; min-height: 15.17em; } .newsTeaserFolded .tabbed .panel .footer { position: absolute; bottom: 0; left: 0; width: 304px; } .textTeaserListCompact h3 { margin: 0 0 0 8px; padding: 8px 0 0 0; } .textTeaserListCompact p { margin: 0 0 0 8px; } /* file: contentList.css */ .contentListHead { border-bottom: 0.1em solid #ccc; } .contentListFoot { border-top: 0.1em solid #ccc; border-bottom: none; } .contentListHead p { color: #666; font-family: Arial,Helvetica,sans-serif; font-weight: bold; margin: 5px 0 5px 8px; } .contentListHead p.prefix_2 { margin-left: 0; } .orderByLinks { text-align: right; margin-right: 8px; font-weight: bold; color: #666; font-family: Arial,Helvetica,sans-serif; } /** * List Paging * * @section list paging */ .paging { list-style-image: none; list-style-position: outside; list-style-type: none; float: right; font-family: Arial,Helvetica,sans-serif; margin: 5px 8px 5px 0; } .paging li { color: #666; float: left; font-weight: bold; margin: 0; } .paging li a, .paging li span { display: block; float: right; width: 14px; height: 14px; background: url(img/boxButtons.png); margin-left: 4px } .paging li.nextPage a { background-position: 0 -14px; } .paging li.prevPage span { background-position: 0 -28px; } .paging li.nextPage span { background-position: 0 -42px; } .paging li.overview a { background-position: 0 -112px; } .paging li a span, .paging li span span { display: none; } /** * Content List * * @section content list */ .contentList { margin: 0; padding: 0; list-style-image: none; list-style-position: outside; list-style-type: none; } /** * List Item * * @section content list * @subsection list item */ .contentList li { margin: 0; padding: 10px 8px 8px 0; } .contentList li.toBeContinued { padding-bottom: 0; } .contentList li .image { display: block; float: left; width: 144px; } .contentList li .image img { width: 144px; } .contentList li div.text { margin-left: 160px; padding-bottom: 0.8em; border-bottom: 0.1em solid #ccc; } .contentList li.toBeContinued .text { border-bottom: none; padding-bottom: 0; } .contentList li.last div.text { border-bottom: none; } .contentList li p { margin: 0.8em 0; line-height: 1.4em; } .contentList li p.subtitle strong { font-style: italic; font-weight: normal; color: #666; } /** * Title * * @section content list * @subsection list item * @subsubsection title */ .contentList li h2 { font-size: 1em; display: inline; margin: 0; } .contentList li h2 small { color: #666; font-size: 0.917em; /* ersetzt */ display: block; margin: 0 8px 3px 0; } .contentList li h2 small .text .overline, .contentList li h2 small .overline { color: #666; text-transform: uppercase; } .contentList li h2 small .text .overline { padding-left: 0.3em; margin-left: 0.3em; border-left: 0.175em solid #666; } .contentList li h2 .title { font-size: 1.5em; /* ersetzt */ margin: 0; } /** * Audio Link * * @section content list * @subsection list item * @subsubsection audio link */ .contentList h2 .audio a { background-image: url(img/iconAudio.gif); background-repeat: no-repeat; background-position: right 3px; padding-right: 23px; } .contentList h3 .audio a { background-image: url(img/iconAudioSmall.gif); background-repeat: no-repeat; background-position: right 1px; padding-right: 16px; } .contentList li a.audio { display: inline-block; background-image: url(img/iconAudio.gif); height: 18px; width: 15px; margin: 0.3em 0 -0.3em 5px; } .contentList li a.audio span { display: none; } /** * Article Links * * @section content list * @subsection list item * @subsubsection article links */ .contentList li ul.articleLinks, .contentList li ul.audioLinks { list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0.8em 8px 0.8em 0; } .contentList li ul.audioLinks { float: right; margin-top: 0.6em; } .contentList li ul.articleLinks li, .contentList li ul.audioLinks li { margin: 0; padding: 0 16px 0 0; display: inline; font-size: 0.917em; /* ersetzt */ font-weight: bold; white-space: nowrap; } .contentList li ul.audioLinks li { display: inline; padding-bottom: 0.4em; } .contentList li ul.articleLinks li .comments, .contentList li ul.articleLinks li .similarArticles, .contentList li ul.audioLinks li a { background-image: url(img/iconComment.gif); background-repeat: no-repeat; background-position: 0 0px; color: #333; font-family: Arial,Helvetica,sans-serif; padding: 1px 0 2px 22px; } .contentList li ul.articleLinks li .similarArticles { background-image: url(img/iconSimilarArticles.gif); } .contentList li ul.audioLinks li a { background-image: url(img/iconAudioSmall.gif); padding-top: 0px; padding-left: 15px; } .contentList li ul.articleLinks li .comments span { font-size: 0.75em; /* ersetzt */ } /** * Audio Details * * @section content list * @subsection audio details */ .contentList dl.audioDetails { margin: 0.6667em 0; line-height: 1.4em; } .contentList dl.audioDetails dt { float: left; clear: left; margin-right: 0.5em; } .contentList dl.audioDetails dd { font-weight: bold; } .contentList dl.audioDetails dd a { color: #333; } /* file: contentArticle.css */ /** * Content Article * * @section content article */ .contentArticle .text { padding: 0 24px 0 0; line-height: 1.4em; } /** * Image * * @section content article * @subsection image */ .contentArticle .image { margin-top: 1.6em; } .contentArticle .image a { display: block; } .contentArticle .image dd { margin-top: 0.8em; padding-left: 8px; } .contentArticle .largeImage dd { margin-top: 0.2em; } /** * Title * * @section content article * @subsection title */ .contentArticle h2 { font-size: 1.5em; /* ersetzt */ margin-top: 0.8889em; } .contentArticle h2 small { color: #666; display: block; font-size: 0.6112em; /* nichtersetzt */ /* 11px von 18px */ padding-bottom: 0.3em; text-transform: uppercase; } .contentArticle p.subtitle { margin: -1em 8px 1em 0; } .contentArticle p.subtitle em { font-style: italic; font-weight: normal; color: #666; } .contentArticle p.author { font-style: italic; font-weight: normal; color: #666; } .contentArticle p.kicker { line-height: 1.4em; } /** * Audio Link * * @section content list * @subsection list item * @subsubsection audio link */ .contentArticle h2 .audio a { background-image: url(img/iconAudio.gif); background-repeat: no-repeat; background-position: right 3px; padding-right: 23px; } /** * General Content Styles * * @section content article * @section general content styles */ .contentArticle p { line-height: 1.4em; } .contentArticle table { width: 100%; } .contentArticle table thead td, .contentArticle table th { font-weight: bold; text-align: center; padding-bottom: 0.4em; } .contentArticle table tbody { border-color: #cecece; border-style: solid; border-width: 0.1em 0; } .contentArticle table tr { margin: 0.8em 0; line-height: 1.4em; } .contentArticle table td { padding: 0.4em; } .contentArticle li { margin-left: 15px; line-height: 1.4em; } .contentArticle em { color: #666; font-style: italic; } /* file: contentNews.css */ /** * Content News * * @section content news */ .contentNews h2 { font-size: 1.0em; font-family: Verdana,Geneva,sans-serif !important; margin: 1.6em 0; } .contentNews h3 { font-size: 1.5em; /* ersetzt */ font-weight: bold; margin: 0.8em 0; display: inline; } .contentNews small.time { font-size: 0.917em; /* ersetzt */ color: #333; display: inline; font-weight: bold; font-family: Arial,Helvetica,sans-serif; margin-left: 1em; white-space: nowrap; } .contentNews small.time span { position: absolute; left: -9999px; } .contentNews p { margin: 0.6666em 0 1.3333em 0; line-height: 1.4em; } .contentNews .details { margin: 0 16px 0 0; } /** * News Listing * * @section content news * @subsection list */ .contentNews .furtherNewsTitle { margin-left: 8px; } .contentNews ul.list { list-style-image: none; list-style-position: outside; list-style-type: none; } .contentNews ul.list li { margin: 1.9em 16px 2.4em 0; } .contentNews ul.list h3 { font-size: 1.167em; /* ersetzt */ } .contentNews .additionalNews { border-top: 0.1em solid #ccc; } /* file: contentPlaylist.css */ /** * Content Playlist * * @section content playlist */ .contentPlaylist h2 { font-family:Arial, Helvetica, sans-serif; margin: 1.6em 24px 1.6em 0; padding-bottom: 1.4em; border-bottom-width: 0.1em; border-bottom-style: solid; border-bottom-color: #cccccc; } .contentPlaylist h3 { font-size: 1.5em; /* ersetzt */ font-weight: bold; margin: 0.8em 0; display: inline; } .contentPlaylist p { margin: 0.6666em 0 1.3333em 0; line-height: 1.4em; } .contentPlaylist .details { margin: 0 16px 0 0; } /** * Playlist Listing * * @section content playlist * @subsection list */ .contentPlaylist .furtherNewsTitle { margin-left: 8px; } .contentPlaylist ul.contentList { list-style-image: none; list-style-position: outside; list-style-type: none; } .contentPlaylist ul.contentList li { margin: 0 16px 0 0; padding-top: 10px; } .contentPlaylist ul.contentList h3 { font-size: 1.084em; /* ersetzt */ } .contentPlaylist table tr td { line-height: 1.4em; } .contentPlaylist table tr td.lable { width: 100px; } /* file: contentSchedule.css */ /** * Content Schedule * * @section content schedule */ .contentSchedule p { line-height: 1.4em; margin: 0.6667em 16px 2em 0; } .contentSchedule h3 { margin-top: 1.3333em; } .contentSchedule h3 strong { text-transform: uppercase; } .contentSchedule form { margin: 0.8em 0 0 0; } /** * List * * @section content schedule * @subsection list */ .contentSchedule table { width: 100%; margin: 0.8em 0 0 0; } .contentSchedule thead tr { position: absolute; left: -9999px; } .contentSchedule td { border-bottom: 1px solid #fff; } .contentSchedule tr.last td { border-bottom: none; } .contentSchedule td.time { background-color: #ddd; width: 144px; padding: 0.6667em 8px; } .contentSchedule td.description { background-color: #eee; padding: 0 8px; } .contentSchedule td.description p { margin-bottom: 8px; } .contentSchedule td.description p.subDescription .title { font-family: Arial, Helvetica, sans-serif; font-weight: bold; } .contentSchedule a.psradio { color: #000; float: right; padding-left: 11px; background-image: url("img/reddot.gif"); background-position: top left; background-repeat: no-repeat; } /* file: contentSitemap.css */ /** * Content Sitemap * * @section content sitemap */ .contentSiteMap ul { margin-top: 0.55em; margin-bottom: 0.55em; } .contentSiteMap ul ul { margin: 0; } .contentSiteMap ul li { list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0; padding: 0.8em 0; font-size: 0.834em; } .contentSiteMap ul li li { margin-left: 32px; padding-left: 31px; border-left: 1px solid #060; background-image: url(img/drwSitemapBorder.gif); background-position: -1px -68px; background-repeat: no-repeat; font-size: 1em; } .contentSiteMap ul li li.first { padding-top: 1.6em; background-position: -1px -62px; } .contentSiteMap ul li li.last { border-left: none; padding-bottom: 0; background-position: 0px -68px; } .contentSiteMap ul li a { display: block; border: 1px solid #060; padding: 1.6em 16px; width: 192px; } .contentSiteMap ul li a:hover { background-color: #060; color: #fff; } /* file: calendar.css */ /** * Calendar * * @section calendar */ .calendar { background-color: #fff; font-family: Arial,Helvetica,sans-serif; } .calendar table { width: 100%; } .calendar .header { background-image: url(img/boxHeaderBg.png); display: block; font-weight: bold; height: 2.7857em; position: relative; text-align: center; } .calendar .header a.prev, .calendar .header a.next { display: block; height: 2.9em; left: 0; position: absolute; top: 0; width: 2.8571em; } .calendar .header a.next { right: 0; left: auto; } .calendar .header a.prev span, .calendar .header a.next span { background-image: url(img/boxHeaderArrows.gif); background-repeat: no-repeat; background-position: 0 -12px; height: 12px; left: 50%; margin: -6px 0 0 -6px; overflow: hidden; position: absolute; text-indent: -99999px; top: 50%; width: 12px; } .calendar .calendar .header a.disabled span { background-image: none; } .calendar .header a.next span { top: 50%; right: 10px; background-position: 0 0px; } .calendar .header h2 { font-size: 1em; height: 2.7857em; line-height: 2.9em; text-transform: uppercase; margin: 0; color: #000; } .calendar table { margin: 0; } .calendar th { text-transform: uppercase; color: #666; line-height: 1.667em; } .calendar td { border: 1px solid #999; text-align: center; background-color: #f6f6f6; line-height: 2em; } .calendar td.disabled { font-weight: normal; } .calendar td a, .calendar td span { display: block; color: #000; } .calendar td a.active, .calendar td span.active { background-color: #bad2b8; } .calendar td.weekEnd { border-left-width: 0px; border-right-width: 0px; } .calendar td.otherMonth, .calendar td.otherMonth a { color: #999; } /* file: comments.css */ /** * Styles for comment box * * @section comments */ .comments h2 { margin: 1.6em 1.6em 1.6em 0; } .comments h3 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; fonz-size: 12px; margin: 8; color: #006600 } .comments h2 span { text-transform: uppercase; } /** * Order Links * * @section comments * @subsection order links */ .comments .orderLinks { list-style-image: none; list-style-position: outside; list-style-type: none; float: right; font-family: Arial,Helvetica,sans-serif; margin: 1.6em 1.6em 1.6em 0; } .comments .orderLinks li { color: #666; float: left; font-weight: bold; margin: 0 0 0 0; } .comments .orderLinks a, .comments .orderLinks span { display: block; float: right; width: 14px; height: 14px; background: url(img/boxButtons.png); background-position: 0 -56px; margin-left: 4px } .comments .orderLinks li.descending a { background-position: 0 -70px; } .comments .orderLinks li.ascending span { background-position: 0 -84px; } .comments .orderLinks li.descending span { background-position: 0 -98px; } .comments .orderLinks li a span, .comments .orderLinks li span span { position: absolute; left: -9999px; margin: 0 0 0 0; } /** * Comments list * * @section comments * @subsection list */ .comments ul.list { list-style-image: none; list-style-position: outside; list-style-type: none; margin: 1.6em 0; } .comments ul.list li { margin: 1.6em 0; padding: 0; } .comments ul.list .comment { margin-right: 16px; } .comments ul.list .comment h3 { margin: 0.2em 0; font-size: 12px; } .comments ul.list .comment h3 span { color: #000; } .comments ul.list .comment p { line-height: 1.4em; margin: 0.2em 0; overflow: hidden; margin-bottom: 0.6667em; } .comments ul.list p.author { margin-left: 8px; font-family: Arial,Helvetica,sans-serif; font-weight: bold; color: #888; line-height: 1.4em; } .comments ul.list p.author .date { display: block; } /** * Comment Form * * @section comments * @subsection form */ .commentForm h2 { font-size: 1.5em; /* ersetzt */ margin: 0.4444em; margin-left: 0; } .commentForm p { line-height: 1.4em; } .commentForm form p.name { font-size: 12px; font-family: Arial,Helvetica,sans-serif; margin: 0; } .comments .abuse { font-size: 0.917em; /* ersetzt */ line-height: 1.4em; color: #888; font-weight: bold; } /** * No Comments Message * * @section comments * @subsection empty list */ p.noCommentsMessage { margin: 1em 16px 0.5em 0px; font-size: 0.917em; /* ersetzt */ font-weight: bold; color: #666; } /* file: drw.css */ body { background-color: #D3D6D3; } a, a:hover, a:focus, #pageKicker .today, #pageSubHeader .mainNavigation li.active a, #pageSubHeader .mainNavigation li.active span, #pageSubHeader .mainNavigation li.active li.active a { color: #006600; } /** * Page Content * * @section page content */ #pageContent h2.pageTitle { color: #060; } /** * Content News * * @section content news */ .contentNews h3 { color: #060; } /** * Content List * * @section content list */ .contentList li h2 .title { color: #060; } /** * Content Article * * @section content article */ .contentArticle h2 .title { color: #060; } /** * Content Schedule * * @section content schedule */ .contentSchedule h2 { color: #060; } .contentSchedule h3 strong { color: #060; } .contentSchedule h4 { color: #060; } /** * Calendar * * @section comments */ .comments ul.list h3 { color: #060; } .comments ul.list .author .name { color: #060; } /** * Styles for comment box * * @section comments */ .comments h2 { color: #060; } .comments .contentListHead a:visited, .comments .abuse a:visited { color: #060; } /** * Comment Form * * @section comments * @subsection form */ .commentForm h2 { color: #060; } /** * Playlist * * @section Playlist */ .contentPlaylist ul.contentList h3 { color:#006600; } .dradioImageSubtitle, .papayaImageSubtitle, .contentArticle .image dd, .contentArticle .largeImage dd { font-size: 0.834em; line-height: 1em; margin-top: 0.4em; } /** * Overwrite font definitions */ .contentPlaylist h2, form .checkbox label, form .field textarea, body { font-family: Arial,Helvetica,sans-serif; } .newsTeaser .footer li .currentArticleTeaser .footer li, .currentArticleTeaser .livestream, #startpage a.settingsDialogOpener, #startpage .settingsDialog .column, #startpage .settingsDialog .reset, #startpage .settingsDialog .save, #startpage .settingsDialog .close, #pageHeader, #pageFooter p, #pageFooter ul, .box .footer ul, #pageContentClosure, .jsEnabled .flyOutWrapper ul li, .jsEnabled #pageSubHeader .mainNavigation .flyOutWrapper ul li, #pageSubHeader .mainNavigation li, #pageKicker, .errorBox, #ui-datepicker-div, form .field label, .contentSchedule td.description p.subDescription .title, .contentNews small.time, .orderByLinks, .paging, .contentList li ul.articleLinks li .comments, .contentList li ul.articleLinks li .similarArticles, .contentList li ul.audioLinks li a, .contentListHead p, .comments .orderLinks, .comments ul.list p.author, .commentForm form p.name, .calendar, h1, h2, h3, h4, h5, h6 { font-family: Arial,Helvetica,sans-serif; } /** * Audio Link * * @section content list * @subsection list item * @subsubsection audio link */ .contentList h2 .audio a, .contentArticle h2 .audio a { background-image: url(drw/img/iconAudio.gif); } .contentList h3 .audio a { background-image: url(drw/img/iconAudioSmall.gif); } .contentList li a.audio { background-image: url(drw/img/iconAudio.gif); }