/* Minimize HTTP requests by having the screen and print rules in one file */ @media screen { body { margin:0; padding:0; background-color:#677278; color:#677278; font-family:Arial, Helvetica, sans-serif; font-size:0.90em; } table { margin:0; padding:0; border-collapse:collapse; } table tr td { margin:0; padding:0; vertical-align:top; text-align:left; } table tr th { text-align:left; } h1 { margin:0; padding:0; font-size:1.4em; } h2 { margin:0; padding:0; font-size:1.2em; } h3 { margin:0; padding:0; font-size:1.1em; } img { margin:0; padding:0; border-style:none; } a, a:link, a:visited, a:active { color:#f47520; text-decoration:none; } a:hover { text-decoration:none; } /* Page container */ #layout_page { width:822px; margin:0 auto 10px auto; background-color:#ffffff; } /* HEADER AND MAIN MENU */ /* - #logo is positioned relative so we can use it as a reference point for the top left part round logo * - #logo can have an image as content (for UA's that don't support Javascript or Flash) * or EMBED tag (for UA's that support Javascript and Flash) */ #header { position:fixed; padding-bottom:14px; background-color:white; border-top:53px solid #677278; } #header #ivents_logo_top { margin:0; padding:8px 13px 0px 12px; } #header #logo { position:relative; } #header #logo embed, #header #logo object, #header #logo a { position:absolute; top:-33px; left:-74px; } #header #main_menu { margin:0; padding:16px 0 0 135px; color:#677278; font-size:0.9em; } #header #main_menu a { color:#677278; font-weight:bold; text-decoration:none; } #header #main_menu a.selected { color:#f47520; } /* Homepage */ /* - homepage is different because the image is right at the top of the content area, it doesn't have a top margin */ #content_homepage { padding-top:0px; height:400px; } #homepage_header_title { margin:28px 0px 10px 0px; font-size:2.2em; font-weight:bold; color:#f47520; } #homepage_header_date { margin:-0.2em 0px 0px 0px; font-size:2.2em; font-weight:bold; color:#677278; } /* CONTENT */ #layout_content_holder { padding-top:193px; } #layout_content { width:650px; margin:0 0px 0px 12px; padding-right:12px; color:#677278; font-size:0.8em; } #layout_content td { background-color:#ECECEC; } /* Submenu */ /* - submenu doesn't exist in all pages (in which case the content goes to the left) * - all A elements inside the submenu are blocks (so we don't need br's after each A) */ #submenu { width:110px; height:400px; padding:27px 0 0 16px; } #submenu a { display:block; color:#677278; font-weight:bold; } #submenu a:hover { text-decoration:none; color:#f47520;} #submenu a.selected { color:#f47520; } /* Content */ #content { padding-top:27px; padding-right:10px; } .latest_news .image { line-height:0px; padding-bottom:20px; } .latest_news .info { padding-top:15px; padding-left:10px; } .items_per_rows { } .items_per_rows .image { line-height:0px; padding-bottom:10px; } .items_per_rows .info { padding:0px 0px 10px 20px; } .items_per_column { } .items_per_column td { text-align:center; padding:3px;} #artist_image { float:left; padding-right:15px; } /* CALENDAR */ #calendar { width:100%; } #calendar th { background-color:#f47520; text-align:center; color:#ffffff; font-size:1.2em; font-weight:bold; } #calendar .prevMonth { height:20px; width:20px; line-height:0px; padding-right:1px; } #calendar .nextMonth { height:20px; width:20px; line-height:0px; padding-left:1px; } #days .day { font-weight:bold; font-size:1.3em; height:23px; width:23px; text-align:center; padding:5px 4px 4px 4px; color:#677278; vertical-align:middle; background:transparent url('img/ivents_day_inactive.gif') no-repeat center center; } #days .day.event { background:transparent url('img/ivents_day_event.gif') no-repeat center center; } #days .day.noevent { background:transparent url('img/ivents_day_noevent.gif') no-repeat center center; } #days .day.event a { display:block; color:#ffffff; } #days .day.today a, #days .day.today { color:#8b0305; }/* Today needs to be distinctive */ #days { width:100%; margin-top:1px; } #days th { background-color:#677278; text-align:center; color:#ffffff; font-size:1.2em; font-weight:bold;} #days td { text-align:center; } /* List of events on the next days */ #calendar_list { margin-top:28px; width:100%; } #calendar_list td { padding:3px; } #calendar_list .border_right { border-right:solid #b7c2c8 1px;} #calendar_list th { width:25%; padding:2px 8px; color:#FFFFFF; background-color:#677278; text-align:left; font-size:12px; font-weight:bold; white-space:nowrap; } #calendar_list th.selected { background-color:#f47520; white-space:nowrap; } /* COMING EVENTS (right part) */ #coming_events { float:right; background-color:#ffffff; margin:0 12px 0 0; width:137px; } .coming_event { padding:10px; background-color:#ececec; margin:0 0 7px 0; } .coming_event .event_title { color:#f47520; font-size:1.2em; font-weight:bold; } .coming_event .event_date { color:#677278; font-size:1.2em; font-weight:bold; } /* FOOTER */ /* - font-style:normal is needed becasue address is default italic */ address { padding:14px 0 10px 20px; background-color:#ffffff; font-weight:bold; text-align:left; font-size:10px; font-style:normal; } address .telNumber { color:#F47520; } /* Werbung */ #hold_werbung { background:white; padding-top:8px; width:100%; text-align:center; } #hold_werbung #werbung { background:#ECECEC; padding:8px; margin-left:auto; margin-right:auto; padding-bottom:0px;} #hold_werbung table { width:100%; } #hold_werbung table td { padding:0px; padding-bottom:3px; text-align:center; } #hold_werbung a{ display:block; } #hold_werbung table td.bannerCell0 a {text-align:right;} } @media print { }