html { overflow-y:scroll; } body { font: 14px/19px "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Lucida, Arial, sans-serif; margin: 0; padding: 0; border-top: 4px solid #222222; color: #222222; } /* wenn online: wechseln body { font: 14px/19px "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Lucida, Arial, sans-serif; margin: 0; padding: 0; border-top: 4px solid #222222; color: #222222; } */ img { border: none; } p, ul { margin: 0; padding: 0; } a { color: #222222; text-decoration: none; } a:link, a:visited {} a:hover, a:focus, a:active { outline: none; } a.doppelpfeil, a.doppelpfeilextern { background: url(../images/pfeil_blau.png) no-repeat right 60%; margin: 0; padding: 0 10px 0 0;} a.doppelpfeil:hover, a.doppelpfeilextern:hover { color: #4564FF; background: url(../images/pfeil_schwarz.png) no-repeat right 60%; } a.doppelpfeilgleich, a.doppelpfeilgleichextern { background: url(../images/pfeil_blau.png) no-repeat right 60%; margin: 0; padding: 0 10px 0 0;} a.doppelpfeilgleich:hover, a.doppelpfeilgleichextern:hover { color: #222222; background: url(../images/pfeil_schwarz.png) no-repeat right 60%; } #unterseite #content a.doppelpfeilgleich, #unterseite #content a.doppelpfeilgleichextern { color: #222222; background: url(../images/pfeil_blau.png) no-repeat right 60%; margin: 0; padding: 0 10px 0 0;} #unterseite #content a.doppelpfeilgleich:hover, #unterseite #content a.doppelpfeilgleichextern:hover { color: #222222; background: url(../images/pfeil_schwarz.png) no-repeat right 60%; text-decoration: none; } h1 { font-size: 17px; margin: 0 0 12px 0; padding: 0; } #contentLeft h1 { margin: 0 0 24px 0; } h2 { font-size: 15px; margin: 0 0 12px 0; padding: 0; } h4 { font-size: 14px; font-weight: bold; margin: 0 0 6px 0; padding: 0; } #homeseite h1 { margin-bottom: 11px; } #homeseite #contentLeft h1 { margin-bottom: 24px; } #homeseite h1 a:hover { color: #4564FF; } #container { width: 940px; margin: 8px auto 0; padding: 0 10px 0 10px; clear: both; } .clearer { clear: both; } #links { float: left; color: #FFFFFF; font-size: 17px; font-weight: bold; padding: 8px 0 8px 10px; } #rechts { float: right; } #unterseite #content #rechts a { float: right; padding: 10px; color: #FFFFFF; font-size: 13px; } #unterseite #content #rechts a:hover { color: #4564FF; text-decoration: none; } .spaltenprogramm { background: #222222; height: 35px; width: 940px; padding: 0; margin-bottom: 20px; float: left; clear: both; } .rahmenoben { border-top: 4px solid #222222; padding-top: 21px; } .rahmenobenohneabstand { border-top: 4px solid #222222; padding-top: 0; } .obenminus { margin-top: -20px; } .nurrahmen { border-top: 4px solid #222222; } .begrenzt { padding-right: 120px; } .floatleft { float: left; } /* ---------------------------------------------------------------------------------------------------- */ /* Startseite /* ---------------------------------------------------------------------------------------------------- */ #homeseite #inhalt_wrapper { float: left; margin-bottom: 40px; } #homeseite #sidebar { float: left; margin-bottom: 20px; } #homeseite #contentLeft, #homeseite #content, #homeseite #contentRight { border-top: 4px solid #222222; } #homeseite #contentLeft { padding-top: 10px; } /* #homeseite #contentLeft { width: 340px; float: left; margin-right: 20px; padding-top: 10px; } #homeseite #content { width: 280px; float: left; margin-right: 20px; } #homeseite #contentRight { width: 280px; float: left; } */ #homeseite #contentRight div.csc-textpic-imagewrap img, #homeseite #content div.csc-textpic-imagewrap img { margin-bottom: 12px;} /* ---------------------------------------------------------------------------------------------------- */ /* Unterseite /* ---------------------------------------------------------------------------------------------------- */ #unterseite #content { min-height: 50px; height: 50px; height: auto !important; margin-bottom: 40px; float: left; /*float: left;*/ } #unterseite #event_einzel #content { float: none; } #unterseite #content h1 { margin-bottom: 23px; } #unterseite #content h2 { margin-bottom: 4px; font-size: 14px; font-weight: bold; } #unterseite #content p { margin-bottom: 24px; } #unterseite #content .event_description p:last-child { margin-bottom: 0; } #unterseite #unternavi #content { border-top: 4px solid #222222; padding-top: 20px; width: 760px; } #unterseite #unternavi #keinenavi #content { border-top: none; padding-top: 20px; width: 940px; } #unterseite #unternavi #keinenavi #ticketshopseite #content { padding-top: 0; } #unterseite #unternavi #kartenonline #content { border-top: none; padding-top: 0; } #unterseite #unternavi #content p, #unterseite #unternavi #content h1, #unterseite #unternavi #content h2, #unterseite #unternavi #content h4 { padding-right: 120px; } #unterseite #unternavi #kartenonline #content p, #unterseite #unternavi #kartenonline #content h1, #unterseite #unternavi #kartenonline #content h2, #unterseite #unternavi #kartenonline #content h4 { padding-right: 0; } /* ---------------------------------------------------------------------------------------------------- */ /* header /* ---------------------------------------------------------------------------------------------------- */ #header { color: #222222; } #header a { color: #222222; text-decoration: none; font-size: 11px; line-height: 20px; } /*#logo_wrapper { float: left; margin: 28px 0 15px 0; }*/ #logo_wrapper { float: left; margin: 2px 0 11px 2px; cursor: pointer; } /*#logo a { width: 283px; height: 25px; background:url(../images/logo.png) no-repeat; float: left; }*/ #logo a { width: 152px; height: 80px; background:url(../images/logo_neu.png) no-repeat; float: left; } #logo h1, #logo h2 { margin: 0; padding: 0; } #rechts_oben { float: right; margin-top: -3px; } #navOben-language_wrapper { float: right; } #navOben, #language { float: left; } #search { float: right; margin-top: 10px; margin-bottom: 20px; clear: both; } #zkb_logo { float: right; margin-top: 19px; margin-bottom: 0; clear: both; margin-right: 8px; } #navOben ul li { float: left; display: inline; list-style: none; margin-right: 15px; } #navOben ul li a.act, #navOben ul li a:hover { color: #4564ff; } #language { /*margin-top: 0;*/ /*margin-top: 1px;*/ } #language a:hover { color: #4564ff; } #language span.lang-en { background: url(../images/englisch_flagge.png) center right no-repeat; padding-right: 24px; /*float: left;*/ } #language span.lang-de { background: url(../images/deutsch_flagge.png) center right no-repeat; padding-right: 24px; /*float: left;*/ } #language ul li { float: left; display: inline; list-style: none; } #search form.searchform { border-bottom: 1px solid #b2b2b2; padding-bottom: 0; } #search input#searchfield { border: 0 none; outline: none; font-size: 11px; width: 144px; background: transparent; } #search input#submit { height: 14px; width: 14px; background: url(../images/loupe.png) right top no-repeat; text-indent: -10000px; border: none; cursor: pointer; } #search input#submit:hover { background: url(../images/loupe.png) right -14px no-repeat; } /* ---------------------------------------------------------------------------------------------------- */ /* navMain /* ---------------------------------------------------------------------------------------------------- */ #navMain { height: 31px; clear: both; font-weight: bold; border-bottom: 4px solid #222222; margin-bottom: 20px; } #unterseite #navMain { margin-bottom: 7px; } #navMain ul { margin: 0; padding: 0; height: 31px; } #navMain li { list-style: none; margin: 0; float: left; text-align: center; height: 31px; padding: 0; border-right: 1px solid #ffffff; } #navMain li.activ { } #navMain li:hover, #navMain li.sfhover { } /*#navMain li a { padding: 0 10px 0 10px; }*/ #navMain li a { display: block; padding: 0 6px 0 6px; text-decoration: none; color: #222222; line-height: 31px; margin: 0; font-size: 13px; } #navMain li a:hover { display: block; color: #222222; } #navMain li a.act { color: #222222; } #navMain li.last { /*border-right: none;*/ } #navMain li.last { margin-right: 19px; } /* neu nach restaurant lounge */ /*#navMain li.eins { margin-right: 95px; }*/ #navMain li.eins { margin-right: 0; } /*#navMain li.eins a:hover, #navMain li.eins a.act { background: #222222; color: #eeeeee; }*/ #navMain li.eins a:hover, #navMain li.eins a.act { background: #222222; color: #ffffff; } #navMain li.einsplus { margin-right: 28px; } #navMain li.einsplus a:hover, #navMain li.einsplus a.act { background: #222222; color: #ffffff; } #navMain li.zwei a:hover, #navMain li.zwei a.act { background: #bddd0e; } #navMain li.drei a:hover, #navMain li.drei a.act { background: #98d5d3; /* cc96ff */ } #navMain li.vier a:hover, #navMain li.vier a.act { background: #f35b7d; } #navMain li.fuenf a:hover, #navMain li.fuenf a.act { background: #b3afe9; } #navMain li.sechs a:hover, #navMain li.sechs a.act { background: #ff9514; } #navMain li.sieben a:hover { background: #222222; color: #fff001; } #navMain li.sieben a.act { background: #ffc91a; color: #222222; } #navMain li.acht, #navMain li.neun { float: right; } #navMain li.acht { border-right: none; } /*#navMain li.acht a:hover, #navMain li.acht a.act { background: #222222; color: #eeeeee; }*/ /*#navMain li.neun a:hover, #navMain li.neun a.act { background: #222222; color: #eeeeee; }*/ #navMain li.acht a:hover, #navMain li.acht a.act { background: #222222; color: #ffffff/*#ffffff*/; } #navMain li.neun a:hover, #navMain li.neun a.act { background: #222222; color: #ffffff/*#ffffff*/; } #navMain li.acht a.act, #navMain li.neun a.act { background: #222222; color: #ffffff; } #navMain li.acht a, #navMain li.neun a { color: #FF18DF; } /* ACT LEVEL 1*/ #navMain ul.level1 li a.act { display: block; } #navMain>ul a { width: auto; display: block; } /* ---------------------------------------------------------------------------------------------------- */ /* breadcrumb /* ---------------------------------------------------------------------------------------------------- */ #breadcrumb { margin: 0 0 16px 10px; font-size: 12px; /* ss 25.5 */float: left; } #breadcrumb a { font-size: 12px; background:url(../images/breadcrumb.png) no-repeat right center; padding-right: 6px; margin-right: 3px; } #breadcrumb a:hover { color: #4564ff; } #inhalt_wrapper { /* ss 25.5 */clear: both; } /* ---------------------------------------------------------------------------------------------------- */ /* content /* ---------------------------------------------------------------------------------------------------- */ #unterseite #content a { color: #4564ff; } /*#unterseite #unternavi #content { width: 760px; float: left; }*/ #unterseite #content a:hover { text-decoration: underline; } #unterseite #content ul { margin: 0 0 24px 19px; } /* ---------------------------------------------------------------------------------------------------- */ /* Drei und Eins /* ---------------------------------------------------------------------------------------------------- */ #unterseite #drei_eins #contentLeft { border-top: 4px solid #222222; padding-top: 20px; } #unterseite #drei_eins #content { border-top: 4px solid #222222; padding-top: 20px; } #unterseite #drei_eins #contentRight { border-top: 4px solid #222222; padding-top: 20px; } #unterseite #drei_eins #sidebar { clear: both; border-top: 4px solid #222222; padding-top: 20px; float: left; margin-bottom: 40px; } #unterseite #drei_eins #contentLeft p, #unterseite #drei_eins #content p, #unterseite #drei_eins #contentRight p { margin-bottom: 24px; } #unterseite #drei_eins #contentLeft a, #unterseite #drei_eins #contentRight a { color: #4564ff; } #unterseite #drei_eins #contentLeft a:hover, #unterseite #drei_eins #contentRight a:hover { text-decoration: underline; } /* ---------------------------------------------------------------------------------------------------- */ /* Drei /* ---------------------------------------------------------------------------------------------------- */ #unterseite #drei #contentLeft, #unterseite #drei #content, #unterseite #drei #contentRight { border-top: 4px solid #222222; } #unterseite #drei #contentLeft ul { margin: 0 0 24px 19px; } #unterseite #drei #contentLeft p, #unterseite #drei #content p, #unterseite #drei #contentRight p { margin-bottom: 24px; } #unterseite #drei #contentLeft a, #unterseite #drei #contentRight a { color: #4564ff; } #unterseite #drei #contentLeft a:hover, #unterseite #drei #contentRight a:hover { text-decoration: underline; } #unterseite #drei #contentLeft h1, #unterseite #drei #content h1, #unterseite #drei #contentRight h1 { margin-bottom: 4px; } #unterseite #drei #sidebar { border-top: 4px solid #222222; padding-top: 10px; } #unterseite #drei #sidebar h1 { margin-bottom: 19px; } /* ---------------------------------------------------------------------------------------------------- */ /* Zwei und Zwei /* ---------------------------------------------------------------------------------------------------- */ #unterseite #zwei_zwei #sidebar { border-top: 4px solid #222222; padding-top: 20px; margin-bottom: 24px; } #unterseite #zwei_zwei #sidebar h1 { margin-bottom: 19px; } #unterseite #zwei_zwei #contentLeft ul, #unterseite #zwei_zwei #contentRight ul { margin: 0 0 24px 19px; } #unterseite #zwei_zwei #contentLeft p, #unterseite #zwei_zwei #contentRight p { margin-bottom: 24px; } #unterseite #zwei_zwei #content { border-top: 4px solid #222222; width: 760px; padding-top: 17px; } /* ---------------------------------------------------------------------------------------------------- */ /* navSub /* ---------------------------------------------------------------------------------------------------- */ /*#navSub { float: right; width: 160px; }*/ #navSub { margin-bottom: 40px; clear: both; float: right; } #navSub ul li { /*height: 35px;*/ list-style: none; margin: 0; padding: 0; /*margin-bottom: 4px;*/ clear: both; } #navSub ul li a { color: #ffffff; padding: 10px; /*padding: 0 0 0 10px;*/ /*line-height: 35px;*/ background: #222222; float: left; width: 140px; margin-bottom: 4px; font-size: 12px; line-height: 17px; } #navSub ul li a:hover, #navSub ul li.subactiv a { color: #4564ff; background: #eeeeee; } #navSub ul li ul li { float: right; } #navSub ul li ul li a { width: 130px; } #navSub ul li.subactiv ul li.subactiv a { color: #4564ff; background: #eeeeee; } #navSub ul li.subactiv ul li a { color: #ffffff; background: #222222; } #navSub ul li.subactiv ul li a:hover { color: #4564ff; background: #eeeeee; } #navSub ul li ul li ul li { float: right; } #navSub ul li ul li ul li a { width: 120px; } /* navSub Event Einzel Ansicht*/ /******************************/ #unterseite #event_einzel #navSub { clear: both; float: right; position: relative; margin-bottom: 20px; } #unterseite #event_einzel #navSub ul li a { text-align: center; margin-bottom: 0; } /* ---------------------------------------------------------------------------------------------------- */ /* footer /* ---------------------------------------------------------------------------------------------------- */ #footer_wrapper { clear: both; padding-bottom: 15px; /*margin-bottom: 15px;*/ } #footer_navigation_logos_wrapper_schwarz { background: #1b1b1b; margin-bottom: 10px; clear: both; } #footer_navigation_logos_wrapper { width: 960px; margin: 0 auto; background: #222222; padding-bottom: 14px; clear: both; } #footer_navigation_logos_wrapper_padding { padding-left: 10px; clear: both; } #footer_navigation { padding-top: 23px; float: left; font-size: 12px; line-height: 15px; clear: both; } #footer_navigation a { color: #cccccc; font-size: 12px; } #footer_navigation a:hover { color: #4564ff; } #footer_navigation .first_li a { color: #ffffff; /*line-height: 24px;*/ font-weight: bold; } #footer_navigation li.first_li { margin-bottom: 8px; } #footer_navigation li { list-style: none ;} .footer_navtitle { color: #ffffff; line-height: 15px; margin-bottom: 8px; font-weight: bold; } /* #footer_nav1, #footer_nav2, #footer_nav3, #footer_nav4, #footer_nav5, #footer_nav6 { float: left; width: 160px; } #footer_nav6 { width: 140px; } */ #footer_logos_fb_wrapper { clear: both; color: #ffffff; font-size: 12px; font-weight: bold; padding-top: 35px; } #ticketportal_wrapper #footer_logos_fb_wrapper { padding-top: 20px; } #footer_hauptsponsor-text, #footer_hauptsponsor-bild, #footer_veranstalter-text, #footer_veranstalter-bild, #footer_fb, #footer_rss { float: left; } #footer_hauptsponsor-text { margin-top: 15px; margin-right: 20px; } #footer_hauptsponsor-bild { margin-top: 9px; } #footer_veranstalter-text { margin-top: 15px; margin-right: 20px; } #footer_veranstalter-bild {} #footer_fb { margin-top: 15px; margin-right: 10px; } #footer_fb a { background:url(../images/facebook-color.gif) left top no-repeat; font-size: 17px; } #footer_fb a:hover { background:url(../images/facebook-color.gif) left -16px no-repeat; } #footer_rss { margin-top: 15px; } #footer_rss a { background:url(../images/rss.gif) left top no-repeat; font-size: 17px; } #footer_rss a:hover { background:url(../images/rss.gif) left -16px no-repeat; } /* #footer_logos { color: #ffffff; float: left; font-size: 12px; } #footer_logos a { font-size: 12px; } #footer_fb_rss { float: right; margin-right: 140px; } */ #footer_text_wrapper { width: 960px; margin: 0 auto; clear: both; } #footer_text { font-size: 10px; padding-left: 10px; color: #555555; clear: both; } #footer_text a { color: #555555; } /*** nach restaurant launch ***/ #footer_navtitle5 { margin-top: 18px; } #fb-rss { color: #ffffff; } #fb-rss a { color: #ffffff; cursor: pointer; } .fb_theater, .fb_restaurant, .rss_theater { display: block; clear: both; float: left; margin-bottom: 11px; } .fb_links { float: left; margin-right: 8px; } .fb_rechts { float: left; } .fb_theater a .fb_links img { background: url(../images/facebook-color.gif) no-repeat scroll left top transparent; } .fb_theater a:hover .fb_links img { background: url(../images/facebook-color.gif) no-repeat scroll left -16px transparent; } .fb_restaurant a .fb_links img { background: url(../images/facebook-color.gif) no-repeat scroll left top transparent; } .fb_restaurant a:hover .fb_links img { background: url(../images/facebook-color.gif) no-repeat scroll left -16px transparent; } .rss_theater a .fb_links img { background: url(../images/rss.gif) no-repeat scroll left top transparent; } .rss_theater a:hover .fb_links img { background: url(../images/rss.gif) no-repeat scroll left -16px transparent; } #footer_fb, #footer_rss { display: none; } /* ---------------------------------------------------------------------------------------------------- */ /* search /* ---------------------------------------------------------------------------------------------------- */ .tx-indexedsearch { clear: both; /*padding-top: 21px; border-top: 4px solid #222222;*/ } #unterseite #content .suchttitel h1 { margin-bottom: 10px; font-size: 14px; } .tx-indexedsearch-searchbox, .tx-indexedsearch-rules { display: none; } .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup { color: #222222; font-weight: normal; background: #fff712; } .tx-indexedsearch .tx-indexedsearch-res td.tx-indexedsearch-descr { font-style: normal; } .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background: #ffffff; } #unterseite #content .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title a { color: #222222; font-weight: bold; } #unterseite #content .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title a:hover { color: #4564ff; text-decoration: underline; } #unterseite #content .tx-indexedsearch .tx-indexedsearch-browsebox ul { margin: 0 0 0 0; } .tx-indexedsearch .tx-indexedsearch-whatis { margin-top: 0; margin-bottom: 10px; font-size: 14px; font-weight: bold } .tx-indexedsearch .tx-indexedsearch-whatis .tx-indexedsearch-sw { font-style: normal; font-weight: bold; } .tx-indexedsearch .tx-indexedsearch-noresults { font-weight: normal; text-align: left; } .tx-indexedsearch-browsebox { margin-bottom: 10px; } /* ---------------------------------------------------------------------------------------------------- */ /* tt_news Einzel Ansicht /* ---------------------------------------------------------------------------------------------------- */ #unterseite #unternavi #news #content { padding-top: 0;} #unterseite #unternavi #news #content .news-single-item .news-single-img p { margin-bottom: 0; } .news-header-list-container { margin: 0 0 24px 0; } .news-header-list-title a { color: #222222; text-decoration: none; background: url(../images/pfeil_blau.png) right 60% no-repeat; padding: 0 10px 0 0; } .news-header-list-title a:hover { color: #4564FF; text-decoration: none; background: url(../images/pfeil_schwarz.png) right 60% no-repeat; padding: 0 10px 0 0; } .news-header-list-date, .news-header-list-date a { font-size: 12px; } .news-single-item { padding: 0; margin-bottom: 0;} .news-single-img { float: none; margin: 0;} .next-prev_buttons { float: right; margin-top: 10px; position: absolute; right: -180px; top: 31px; /*top: 35px;*/ z-index: 100; width: 160px; } .prev_article { float: left; margin-right: 4px; } #unterseite #content .prev_article a { background: url(../images/news_pfeil_prev.png) left top no-repeat; float: left; } #unterseite #content .prev_article a:hover { background: url(../images/news_pfeil_prev.png) left -35px no-repeat; text-decoration: none; } .next_article { float: right; } #unterseite #content .next_article a { background: url(../images/news_pfeil_next.png) left top no-repeat; float: right; } #unterseite #content .next_article a:hover { background: url(../images/news_pfeil_next.png) left -35px no-repeat; text-decoration: none; } .news_container_inhalt { margin-top: 20px; width: 640px;} /* ---------------------------------------------------------------------------------------------------- */ /* tt_news Einzel fuer Startseite /* ---------------------------------------------------------------------------------------------------- */ #unterseite #unternavi #news #newsstartseite #navSub ul li a { text-align: center; } #unterseite #unternavi #news #newsstartseite #contentRight { clear: both; margin-top: 90px; padding: 0 10px 0 10px; } #unterseite #unternavi #news #newsstartseite #contentRight .news_amenu_container ul { list-style: none; margin: 0 0 24px 0; } #unterseite #unternavi #news #newsstartseite #contentRight a { color: #4564FF; font-size: 12px; } #unterseite #unternavi #news #newsstartseite #contentRight a:hover { text-decoration: underline; } #unterseite #unternavi #news #newsstartseite #contentRight h4 { margin: 0; padding: 0; font-size: 12px; font-weight: bold; } /* ---------------------------------------------------------------------------------------------------- */ /* tt_news Einzel fuer Presse /* ---------------------------------------------------------------------------------------------------- */ #unterseite #unternavi #news #newspresse .next-prev_buttons { top: 115px; } #unterseite #unternavi #news #newspresse #contentRight { clear: both; margin-top: 90px; } #unterseite #unternavi #news #newspresse #contentRight .news_amenu_container ul { list-style: none; margin: 0 0 24px 0; } #unterseite #unternavi #news #newspresse #contentRight a { color: #4564FF; font-size: 12px; } #unterseite #unternavi #news #newspresse #contentRight a:hover { text-decoration: underline; } #unterseite #unternavi #news #newspresse #contentRight h4 { margin: 0; padding: 0; font-size: 12px; font-weight: bold; } /* ---------------------------------------------------------------------------------------------------- */ /* tt_news Archiv /* ---------------------------------------------------------------------------------------------------- */ #unterseite #unternavi #news #archiv #content { padding-top: 20px; } .news_list_item { width: 640px; margin-bottom: 22px; } #unterseite #content .news_list_titel a { color: #222222; } #unterseite #content .news_list_titel a:hover { color: #4564FF; text-decoration: none; } #unterseite #content .news_list_untertitel a { color: #222222; background: url(../images/pfeil_blau.png) no-repeat right 60% transparent; padding: 0 10px 0 0; } #unterseite #content .news_list_untertitel a:hover { color: #222222; text-decoration: none; background: url(../images/pfeil_schwarz.png) no-repeat right 60% transparent; } #unterseite #content .news_list_untertitel p { display: inline; } #unterseite #unternavi #news #content p, #unterseite #unternavi #news #content h1, #unterseite #unternavi #news #content h2, #unterseite #unternavi #news #content h4 { padding-right: 0; } #unterseite #unternavi #news #archiv #contentRight { clear: both; border-top: 4px solid #222222; padding: 5px 10px 0 10px; } #unterseite #unternavi #news #archiv #contentRight .news_amenu_container ul { list-style: none; margin: 0 0 24px 0; } #unterseite #unternavi #news #archiv #contentRight a { color: #4564FF; font-size: 12px; } #unterseite #unternavi #news #archiv #contentRight a:hover { text-decoration: underline; } #unterseite #unternavi #news #archiv #contentRight h4 { margin: 0; padding: 0; font-size: 12px; font-weight: bold; } /* ---------------------------------------------------------------------------------------------------- */ /* tt_news Archiv Presse - nimmt auch von tt_news Archiv - /* ---------------------------------------------------------------------------------------------------- */ #unterseite #unternavi #news #archiv #navSub { float: left; } #unterseite #unternavi #news #archiv #archivpresse #contentRight { border-top: none; } /* ---------------------------------------------------------------------------------------------------- */ /* Kalender Karten online /* ---------------------------------------------------------------------------------------------------- */ .karten { width: 760px; clear: both; min-height: 50px; height: 50px; height: auto !important; float: left; margin-bottom: 20px; } #unterseite #content .karten a { color: #222222; } .karten .karten_links { float: left; border-top: 4px solid #222222; width: 160px; margin-right: 20px; padding-top: 10px; } .karten .karten_mitte { float: left; border-top: 4px solid #222222; width: 160px; margin-right: 20px; } .karten .karten_rechts { float: left; border-top: 4px solid #222222; width: 400px; padding-top: 10px; } #unterseite #content .karten_links p, #unterseite #content .karten_mitte p, #unterseite #content .karten_rechts p { margin-bottom: 0;} .karten .list_startdate, .karten .list_starttime, .karten .list_location { line-height: 17px; font-weight: bold; } .karten .list_location { margin-bottom: 5px; } /*.karten .list_mapbuy { display: inline; background: #222222; padding: 5px; padding-right: 5px !important; color: #ffffff; float: left; clear: both; font-size: 10px; font-weight: bold; line-height: 15px; } #unterseite #content .karten .list_mapbuy a { color: #ffffff; padding: 5px 0 5px 0; }*/ #unterseite #content .karten .list_mapbuy a { color: #ffffff; padding: 2px 5px 2px 5px; display: inline; background: #222222; float: left; clear: both; font-size: 10px; font-weight: bold; line-height: 15px; } #unterseite #content .karten .list_mapbuy a:hover { background: #eeeeee; color: #4564FF; text-decoration: none; } #unterseite #content .karten .list_mapbuy div { background: none !important; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif !important; font-size: 10px !important; padding: 0 !important; } #unterseite #content .karten .list_premiere { color: #ffffff; padding: 2px 5px 2px 5px; display: inline; background: #FF18DF; float: left; clear: both; font-size: 10px; font-weight: bold; line-height: 15px; } .karten_tipp { position: absolute; margin: 15px 0 0 130px; /*position: relative; top: -80px; left: 130px;*/ } #unterseite #content .karten_titel a:hover { color: #4564FF; text-decoration: none; } #unterseite #content .karten .karten_titel h1 { font-size: 25px; font-weight: bold; margin-bottom: 7px; line-height: 27px; } .karten_untertitel { font-size: 14px; } #unterseite #content .karten_untertitel a { background: url(../images/pfeil_blau.png) no-repeat right 60%; margin: 0; padding: 0 10px 0 0; line-height: 17px; } #unterseite #content .karten_untertitel a:hover { color: #4564FF; text-decoration: none; background: url(../images/pfeil_schwarz.png) no-repeat right 60%; } #unterseite #content .karten_rechts .karten_untertitel p { display: inline; } #unterseite #content .karten_rechts .karten_untertitel div.a_text_capturesa_text_capturesa_text_captures { display: inline; } /* ---------------------------------------------------------------------------------------------------- */ /* Kalender Sparten /* ---------------------------------------------------------------------------------------------------- */ .sparten { width: 940px; clear: both; min-height: 50px; height: 50px; height: auto !important; float: left; margin-bottom: 20px; } #unterseite #content .sparten a { color: #222222; } .sparten .sparten_links { border-top: 4px solid #222222; } .sparten .sparten_mitte { border-top: 4px solid #222222; padding-top: 8px; } .sparten .sparten_rechts { border-top: 4px solid #222222; padding-top: 10px; } /* .sparten .sparten_links { float: left; border-top: 4px solid #222222; width: 340px; margin-right: 20px; } .sparten .sparten_mitte { float: left; border-top: 4px solid #222222; width: 400px; margin-right: 20px; padding-top: 10px; } .sparten .sparten_rechts { float: left; border-top: 4px solid #222222; width: 160px; padding-top: 10px; } */ .sparten_titel { float: left; } #unterseite #content .sparten .sparten_titel h1 { font-size: 25px; line-height: 25px; clear: both; margin-bottom: 8px; margin-top: 20px; } .sparten_datum-zeit-ort { float: left; /*margin-bottom: 20px;*/ } .sparten .list_startdate, .sparten .list_starttime, .sparten .list_location { float: left; font-size: 14px; font-weight: bold; } .list_subcategory { background: #222222; color: #ffffff; display: inline; padding: 1px 3px 1px 3px; float: left; clear: both; margin-top: 4px; font-size: 12px; line-height: 17px; } .sparten_tipp { position: absolute; margin-top: 17px; margin-left: 308px; } #unterseite #content .sparten_titel a:hover { color: #4564FF; text-decoration: none; } .sparten_untertitel { font-weight: bold; margin-bottom: 8px; clear: both; } .sparten_untertitel p { margin-bottom: 0; } .sparten_spartentext { clear: both; } .sparten_mitte .sparten_spartentext .list_tooltip { display: none; } #unterseite #content .sparten_spartentext a { background: url(../images/pfeil_blau.png) no-repeat right 60%; margin: 0; padding: 0 10px 0 0;} #unterseite #content .sparten_spartentext a:hover { color: #222222; background: url(../images/pfeil_schwarz.png) no-repeat right 60%; text-decoration: none; } #unterseite #content .sparten_mitte .sparten_spartentext p { display: inline; } #unterseite #content .sparten_mitte .sparten_spartentext div.a_spartentexta_spartentext { display: inline; } .sparten .list_mapart, .sparten .list_mapbuy, .sparten .list_zusatzveranstaltung, .sparten .list_premiere, .sparten .list_eventcanceled { margin-bottom: 13px; clear: both; } .sparten .list_zusatzveranstaltung, .sparten .list_premiere, .sparten .list_eventcanceled { background: #ff18df; padding: 8px 10px; padding-right: 10px !important; color: #ffffff; margin-bottom: 4px; font-size: 10px; font-weight: bold; line-height: 12px; } #unterseite #content .sparten .list_zusatzveranstaltung a, #unterseite #content .sparten .list_premiere a, #unterseite #content .sparten .list_eventcanceled a { font-size: 12px; font-weight: bold; } .sparten .list_mapart { padding: 0 10px 0 10px; font-size: 12px; line-height: 17px; } /* .sparten .list_mapbuy { background: #222222; padding: 10px; padding-right: 10px !important; color: #ffffff; margin-bottom: 4px; font-size: 12px; line-height: 17px; } #unterseite #content .sparten .list_mapbuy a { color: #ffffff; padding: 5px 0 5px 0; font-size: 12px; } */ #unterseite #content .sparten .list_mapbuy a { background: #222222; color: #ffffff; padding: 9px 10px; padding-right: 10px !important; margin-bottom: 4px; font-size: 12px; line-height: 17px; width: 140px; float: left; } #unterseite #content .sparten .list_mapbuy a:hover { color: #4564FF; background: #eeeeee; text-decoration: none; } .sparten .sparten_video { font-size: 10px; padding: 10px; line-height: 17px; } #unterseite #content .sparten .sparten_video a { font-size: 10px; } #unterseite #content .sparten .sparten_video a:hover { color: #4564FF; text-decoration: none; } #unterseite #content .sparten_links p, #unterseite #content .sparten_mitte p, #unterseite #content .sparten_rechts p { margin-bottom: 0;} /* ---------------------------------------------------------------------------------------------------- */ /* Kalender Einzel/Detail Ansicht /* ---------------------------------------------------------------------------------------------------- */ .event_links, .event_karten_social { border-top: 4px solid #222222; } #slideshow { float: left; margin-bottom: 20px; } #slideshow div.csc-textpic div.csc-textpic-single-image img { margin-bottom: 0; } .einzelansicht div.csc-textpic-intext-right div.csc-textpic-imagewrap { float: left; width: 760px; } .event_videoinput { float: left; clear: both; width: 760px; height: 420px; margin: 0 auto; background: url(../images/video_bild.png) left top no-repeat; text-align: center; padding-top: 10px; } .event_startdate, .event_starttime, .event_location { float: left; } #unterseite #content .event_location a { color: #222222; } #unterseite #content .event_location a:hover { color: #4564FF; } .event_title { font-size: 25px; font-weight: bold; margin-bottom: 10px; line-height: 25px; margin-top: 30px; } .event_undertitle { font-size: 17px; font-weight: bold; margin-bottom: 19px; } #unterseite #content .event_undertitle p { margin-bottom: 0; } /*.event_rechts { min-height: 730px; }*/ .event_mapart { float: left; clear: both; margin-bottom: 10px; font-size: 12px; line-height: 17px; padding: 0 10px 0 10px; } /*.event_nextdate, .event_prevdate, .event_mapbuy, .event_hallplan, .event_fbsharing, #event_emailtipafriend, .event_ics { background: #222222; color: #FFFFFF; float: left; clear: both; margin-bottom: 4px; padding: 10px; width: 140px; }*/ .event_nextdate, .event_prevdate { /*background: #222222; color: #FFFFFF; float: left; clear: both; margin-bottom: 4px; padding: 10px; width: 140px;*/ } #unterseite #content .event_nextdate a, #unterseite #content .event_prevdate a { color: #FFFFFF; } #unterseite #content .event_next_prev .event_nextdate a { background: /*url(../images/pfeil_rechts.png) 140px center no-repeat*/ #222222; } #unterseite #content .event_next_prev .event_nextdate a:hover { background: /*url(../images/pfeil_rechts_hover.png) 140px center no-repeat*/ #EEEEEE; } #unterseite #content .event_next_prev .event_prevdate a { background: /*url(../images/pfeil_links.png) 5px center no-repeat*/ #222222; } #unterseite #content .event_next_prev .event_prevdate a:hover { background: /*url(../images/pfeil_links_hover.png) 5px center no-repeat*/ #EEEEEE; } #unterseite #content .event_next_prev .event_nextdate a span.pfeil_links_prevdate { display: none; } #unterseite #content .event_next_prev .event_prevdate a span.pfeil_rechts_nextdate { display: none; } #unterseite #content .event_next_prev .event_nextdate a span.pfeil_rechts_nextdate { background: url(../images/pfeile_nextevent.gif) 0 2px no-repeat; width: 16px; height: 13px; margin-left: 11px; } #unterseite #content .event_next_prev .event_nextdate a:hover span.pfeil_rechts_nextdate { background: url(../images/pfeile_nextevent.gif) 0 -16px no-repeat; } #unterseite #content .event_next_prev .event_prevdate a span.pfeil_links_prevdate { background: url(../images/pfeile_nextevent.gif) -24px 2px no-repeat; width: 16px; height: 13px; margin-right: 13px; } #unterseite #content .event_next_prev .event_prevdate a:hover span.pfeil_links_prevdate { background: url(../images/pfeile_nextevent.gif) -24px -16px no-repeat; } /*#unterseite #content .event_nextdate a, #unterseite #content .event_prevdate a, #unterseite #content .event_mapbuy a, #unterseite #content .event_hallplan a, #unterseite #content .event_fbsharing a, #unterseite #content #event_emailtipafriend a, #unterseite #content .event_ics a { color: #FFFFFF; }*/ #unterseite #content .event_nextdate a, #unterseite #content .event_prevdate a, #unterseite #content .event_mapbuy a, #unterseite #content .event_hallplan a, #unterseite #content .event_fbsharing a, #unterseite #content #event_emailtipafriend a, #unterseite #event_emailtipafriend a, #unterseite #content .event_ics a { background: #222222; color: #FFFFFF; float: left; clear: both; margin-bottom: 4px; /*padding: 10px;*/ padding: 8px 10px 8px 10px; width: 140px; } #unterseite #content .event_nextdate a:hover, #unterseite #content .event_prevdate a:hover, #unterseite #content .event_mapbuy a:hover, #unterseite #content .event_hallplan a:hover, #unterseite #content .event_fbsharing a:hover, #unterseite #content #event_emailtipafriend a:hover, #unterseite #event_emailtipafriend a:hover, #unterseite #content .event_ics a:hover { color: #4564FF; background: #EEEEEE; text-decoration: none; } #unterseite #content .a_premierea_premiere { background: #FF18DF; color: #FFFFFF; float: left; clear: both; margin-bottom: 4px; padding: 8px 10px 8px 10px; width: 140px; font-weight: bold; font-family: "Arial Black", Arial, Helvetica, sans-serif; } #unterseite #content .event_mapbuy div { background: none !important; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif !important; font-size: 12px !important; padding: 0 !important; } #unterseite #content .event_fbsharing a { background: url(../images/facebook_weisser-hg.png) 135px no-repeat #222222; } #unterseite #content .event_fbsharing a:hover { background: url(../images/facebook_weisser-hg_hover.png) 135px no-repeat #EEEEEE; } #unterseite #content .event_nextevent a, #unterseite #content .event_prevevent a { color: #222222; line-height: 17px; } #unterseite #content .event_nextevent a:hover, #unterseite #content .event_prevevent a:hover { color: #4564FF; text-decoration: none; } .event_karten_social { padding-top: 10px; font-size: 12px; /*position: absolute; top: 495px;*/ } .event_karten { float: left; margin-bottom: 16px; } .event_hallimage { /*background: #222222; color: #FFFFFF;*/ float: left; clear: both; margin-bottom: 4px; padding: 0; width: 160px; } .event_hallimage h2 { font-size: 12px; margin: 0; padding: 0; font-weight: normal; } #unterseite #content .event_hallimage a { color: #FFFFFF; } #unterseite #content .event_hallimage h2 { margin-bottom: 0; font-size: 12px; font-weight: normal; } #unterseite #content .event_hallimage h2 a { background: #222222; color: #FFFFFF; padding: 8px 10px 8px 10px; font-weight: normal; } #unterseite #content .event_hallimage h2 a:hover { background: #eeeeee; color: #4564FF; text-decoration: none; } #unterseite #content .event_fbsharing p, #unterseite #content .event_mapbuy p { margin-bottom: 0;} .einzelansicht div.csc-textpic-intext-right div.csc-textpic-imagewrap, .einzelansicht div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap { margin-left: 0 !important; } .event_date-time-location { clear: both; float: left; /*margin-bottom: 30px;*/ font-size: 17px; font-weight: bold; } .event_additional_information { font-size: 17px; font-weight: bold; float: left; clear: both; } .event_subcategory { background: #222222; color: #ffffff; display: inline; padding: 1px 3px 1px 3px; float: left; clear: both; margin-top: 4px; font-size: 12px; line-height: 17px; } #unterseite #content .event_rechts p { margin-bottom: 0; } .event_date-time-location, .event_title, .event_undertitle, .event_description { padding-right: 120px; } #unterseite .event_next_prev { height: 485px; } /* kein navSub */ #unterseite #event_einzel .event_next_prev { height: 425px; } /* height: 485px; wenn kein navSub */ /*.event_next { margin-bottom: 14px; }*/ .event_next .event_nextevent { margin-bottom: 14px; } .event_nextdate, .event_prevdate { text-align: center; font-size: 12px; } .event_nextimage { margin-bottom: 8px; } .event_nextevent { text-align: center; font-weight: bold; } #nav { float: right; margin-right: 20px; /*margin-top: -15px;*/ /*margin-top: -19px;*/ margin-top: -24px; } #unterseite #content #nav a { padding: 7px 15px 7px 15px; background: #ffffff; text-decoration: none; color: #222222; font-size: 12px; line-height: 17px; } #unterseite #content #nav a:hover { color: #4564FF; } #unterseite #content #nav a.activeSlide { background: #222222; color: #ffffff; } #accordion div { margin: 0; padding: 0; outline: none; } #accordion h2 {padding: 0; margin: 0; line-height: 19px; font-size: 14px; font-weight: normal; } /*#accordion p { padding: 20px 0 0 0 }*/ #accordion .event_additionaltext { border-top: 4px solid #222222; margin-top: 20px; } #accordion .event_additionaltext_title, #accordion .a_additional_text { padding-right: 120px; } #accordion .a_additional_text { margin-top: 20px; } .ui-accordion .ui-accordion-header a { display: block; /*border-bottom:1px solid #DCDCDC; background: url(../images/icon-plus.gif) 100% 50% no-repeat;*/ } .ui-accordion .ui-state-active a { /*border-bottom: 1px solid #fff; background: url(../images/icon-minus.gif) 100% 50% no-repeat;*/ } #hallimage h2 { outline: none; /*padding: 10px;*/ } .event_fbsharing a.FBConnectButton_Simple:hover .FBConnectButton_Text_Simple, .event_fbsharing a.FBConnectButton_RTL_Simple:hover .FBConnectButton_Text_Simple, .event_fbsharing .FBConnectButton_Simple:hover .FBConnectButton_Text_Simple, .event_fbsharing .FBConnectButton_RTL_Simple:hover .FBConnectButton_Text_Simple { text-decoration: none; } .event_fbsharing .FBConnectButton_Simple, .event_fbsharing .FBConnectButton_RTL_Simple { background: none; } .event_fbsharing .FBConnectButton_Simple .FBConnectButton_Text_Simple { margin-left: 0; } /*#event_emailtipafriend { position: relative; float: right; clear: both; margin-bottom: 20px; margin-top: -40px; font-size: 12px; }*/ .addthis_toolbox.addthis_default_style span { background: none !important; display: none; visibility: hidden; } #unterseite #content .addthis_email_empfehlen a { font-family: "Arial Black",Arial,Helvetica,sans-serif; background: none repeat scroll 0 0 #222222; clear: both; color: #FFFFFF; float: left; margin-bottom: 4px; padding: 8px 10px; width: 140px; font-size: 12px; line-height: 19px; } #unterseite #content .addthis_email_empfehlen a:hover { color: #4564FF; background: #EEEEEE; text-decoration: none; } .addthis_default_style .at300b, .addthis_default_style .at300m { padding: 8px 10px; } .addthis_default_style .addthis_separator, .addthis_default_style .at300b, .addthis_default_style .at300m, .addthis_default_style .at300bs { float: left; } /* ---------------------------------------------------------------------------------------------------- */ /* Kalender Programmkalender /* ---------------------------------------------------------------------------------------------------- */ #month-header { margin-bottom: 0; width: auto; } .tx-cal-controller .navback { background-image: none; } .calborder { background: none; border: none; } .V9 { font-size: 12px; float: left; line-height: 14px; margin-bottom: 15px; } .monthOff .datum_tag_zahl, .monthOff .V9 { display: none; } #month-header-prevnext { height: 31px; line-height: 31px; padding: 0; background: #222222; } #month-header-prevnext .pfeil_links { padding-right: 15px; } #month-header-prevnext .pfeil_rechts { padding-left: 15px; } /* .pfeil_span_links { float: left; padding: 10px 0 10px 14px; } #month-header #month-header-prevnext a .pfeil_span_links { background: url(../images/pfeil_links.png) center center no-repeat; line-height: 15px; padding: 10px 0 10px 30px; text-indent: -90000px; cursor: pointer; } #month-header #month-header-prevnext a:hover .pfeil_span_links { background: url(../images/pfeil_links_blau.png) center center no-repeat; } */ /*.pfeil_span_links { float: left; padding: 10px 0 10px 14px; }*/ .prev_monthlink { float: left; padding: 10px 0 10px 0; } #month-header #month-header-prevnext .prev_monthlink a { background: url(../images/pfeil_links.png) center center no-repeat; line-height: 15px; padding: 10px 0 10px 30px; cursor: pointer; width: 16px; } #month-header #month-header-prevnext .prev_monthlink a:hover { background: url(../images/pfeil_links_blau.png) center center no-repeat; } /*.pfeil_span_rechts { float: right; padding: 10px 14px 10px 0; }*/ .next_monthlink { float: left; padding: 10px 0 10px 0; } #month-header #month-header-prevnext .next_monthlink a{ background: url(../images/pfeil_rechts.png) center center no-repeat; line-height: 15px; padding: 10px 0 10px 30px; cursor: pointer; } #month-header #month-header-prevnext .next_monthlink a:hover { background: url(../images/pfeil_rechts_blau.png) center center no-repeat; } .monat_display_date { color: #ffffff; font-size: 17px; font-weight: bold; float: left; line-height: 35px; } .monat_einblenden { float: right; margin-top: 7px; font-size: 13px; } #unterseite #content .monat_einblenden a { font-size: 13px; } .month-large { border: none; } .month-large tr { border-top: 4px solid #222222; } .month-large tr.ohnerahmen { border-top: none;} .month-large th, .month-large td { border: none; } .month-large td.cal_day1, .month-large td.cal_day2, .month-large td.cal_day3, .month-large td.cal_day4, .month-large td.cal_day5, .month-large td.cal_day6 { padding-right: 1px;} .month-large .day { width: 133px; height: 60px; } .month-large .day div.datum_tag_zahl { text-align: center; font-size: 13px; font-weight: bold; margin: 5px 0 7px 0; text-transform: uppercase; } .month-large .day div { padding-right: 0; text-align: left; } .month-large div.csc-textpic-intext-right div.csc-textpic-imagewrap { float: left; } .month-large div.csc-textpic-intext-right div.csc-textpic-imagewrap, div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap { margin-left: 0 !important; } .monthSelected, .monthSelectedWeek { background: none; } .monthCurrentWeek { background: none; } .month-large .monthToday { background: none !important; border: none !important; } .monat_image { } .monat_image div.csc-textpic div.csc-textpic-single-image img { margin-bottom: 10px; } .monat_tip { position: absolute; margin: -10px 0 0 87px; } .monat_title { font-weight: bold; margin-bottom: 6px; } .eventCanceled .monat_title{text-decoration:line-through;} #unterseite #content .monat_title a, #unterseite #content .monat_location a { color: #222222; } #unterseite #content .monat_title a:hover { color: #4564FF; text-decoration: none; } .monat_starttime { } .eventCanceled .monat_starttime{text-decoration:line-through;} .monat_location { margin-bottom: 7px; } .eventCanceled .monat_location { text-decoration: line-through;} .month-large .day div .monat_title, .month-large .day div .monat_starttime, .month-large .day div .monat_location, .month-large .day div .monat_organizer { padding-right: 5px; padding-left: 5px;} .month-large .day div .monat_organizer { font-size: 12px; line-height: 14px; margin-bottom: 10px; } .monat_premiere { display: inline; background: #ff18df; padding: 5px 5px 4px 5px; padding-right: 5px !important; color: #ffffff; float: left; clear: both; margin-bottom: 4px; font-size: 10px; font-weight: bold; line-height: 12px; } .monat_supplementary { display: inline; background: #ff18df; padding: 5px 5px 4px 5px; padding-right: 5px !important; color: #ffffff; float: left; clear: both; margin-bottom: 4px; font-size: 10px; font-weight: bold; line-height: 12px; } .monat_eventcanceled { display: inline; background: #ff18df; padding: 5px 5px 4px 5px; padding-right: 5px !important; color: #ffffff; float: left; clear: both; margin-bottom: 4px; font-size: 10px; font-weight: bold; line-height: 12px; } /*.monat_mapbuy { display: inline; background: #222222; padding: 5px; padding-right: 5px !important; color: #ffffff; float: left; clear: both; margin-bottom: 4px; font-size: 10px; font-weight: bold; } #unterseite #content .monat_mapbuy a { color: #ffffff; padding: 5px 0 5px 0; font-size: 10px; font-weight: bold; }*/ #unterseite #content .monat_mapbuy p { padding-left: 5px; } #unterseite #content .monat_mapbuy a { display: inline; background: #222222; padding: 2px 5px 2px 5px; padding-right: 5px !important; color: #ffffff; float: left; clear: both; margin-bottom: 4px; font-size: 10px; font-weight: bold; line-height: 15px; margin-left: -5px; } #unterseite #content .monat_mapbuy a:hover { color: #4564FF; text-decoration: none; background: #EEEEEE; } #unterseite #content .monat_mapbuy div { background: none !important; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif !important; font-size: 10px !important; padding: 0 !important; } #unterseite #content .monat_premiere a, #unterseite #content .monat_supplementary a, #unterseite #content .monat_eventcanceled a { color: #FFFFFF; } #unterseite #content .monat_premiere a:hover, #unterseite #content .monat_supplementary a:hover, #unterseite #content .monat_eventcanceled a:hover { color: #4564FF; } .monat_tooltip { float: left; clear: both; } #unterseite #content .month-large p { margin-bottom: 0;} .tooltip{ position: absolute; top: 0; left: 0; /*margin: 160px 0 0 40px;*/ margin: 10px 0 0 20px; width: 218px; padding: 13px 17px 15px 14px; z-index: 3; display: none; background: #000; color: #fff; border: 4px solid #ffffff; } #unterseite #content .tooltip h2 { font-size: 17px; margin-bottom: 7px; line-height: 19px; } #unterseite #content .tooltip .monat_starttime { float: left; padding-left: 0; padding-right: 4px; font-size: 13px; font-weight: bold; } #unterseite #content .tooltip .monat_location { padding: 0 17px 0 0; font-size: 13px; font-weight: bold; } #unterseite #content .tooltip .monat_location a { color: #ffffff; font-size: 13px; font-weight: bold; } #unterseite #content .tooltip p { padding-right: 17px; } #unterseite #content .tooltip .tooltip_starttime_location { margin-bottom: 15px; } .eventCanceled .monat_title_span { text-decoration: line-through; } #calendar-nav { display: none; } /* ---------------------------------------------------------------------------------------------------- */ /* Powermail /* ---------------------------------------------------------------------------------------------------- */ .tx-powermail-pi1 fieldset { border: none; padding: 0; margin: 0; } .tx-powermail-pi1 legend { display: none; } .tx-powermail-pi1 div textarea { background: #222222; border: 1px solid #666666; color: #ffffff; padding: 5px; width: 330px; height: 250px; } /*allgemein*/ .tx-powermail-pi1 div { margin-bottom: 10px; } .tx-powermail-pi1 div label { display: block; margin-bottom: 3px; } .tx-powermail-pi1 div input { background: none repeat scroll 0 0 #222222; border: medium none #666666; color: #FFFFFF; padding: 5px; width: 330px; } .tx-powermail-pi1 div select { background: none repeat scroll 0 0 #222222; border: medium none #666666; color: #FFFFFF; height: 24px; padding: 4px; width: 340px; } .tx-powermail-pi1 div.tx_powermail_pi1_fieldwrap_html_submit input, .tx-powermail-pi1 div input.tx-powermail-pi1_confirmation_back, .tx-powermail-pi1 div input.tx-powermail-pi1_confirmation_submit { background: none repeat scroll 0 0 #5759FD; cursor: pointer; font-size: 11px; font-weight: bold; line-height: 17px; padding: 6px 7px 5px; width: auto; } .tx-powermail-pi1 div.tx_powermail_pi1_fieldwrap_html_submit input:hover, .tx-powermail-pi1 div input.tx-powermail-pi1_confirmation_back:hover, .tx-powermail-pi1 div input.tx-powermail-pi1_confirmation_submit:hover { background: #eeeeee; color: #5759fd; } .tx-powermail-pi1 div.tx_powermail_pi1_fieldwrap_html_submit { margin-top: 30px; } .tx-powermail-pi1 div input.tx-powermail-pi1_confirmation_back, .tx-powermail-pi1 div input.tx-powermail-pi1_confirmation_submit { margin-top: 10px; } /*allgemein ende*/ .tx-powermail-pi1 div div.powermail_mandatory_js { color: red; } .tx-powermail-pi1 #abonnement div, .tx-powermail-pi1 #mitteilungsenden div { margin-bottom: 10px; } .tx-powermail-pi1 #abonnement div.tx_powermail_pi1_fieldwrap_html_submit, .tx-powermail-pi1 #mitteilungsenden div.tx_powermail_pi1_fieldwrap_html_submit { margin-top: 30px; } .tx-powermail-pi1 div.tx_powermail_pi1_fieldwrap_html_submit { margin-left: -2px;} .tx-powermail-pi1 #abonnement div label, .tx-powermail-pi1 #mitteilungsenden div label { display: block; margin-bottom: 3px; } .tx-powermail-pi1 #abonnement div input, .tx-powermail-pi1 #mitteilungsenden div input { background: #222222; border: #666666; color: #ffffff; width: 330px; padding: 5px; } .tx-powermail-pi1 #abonnement div.tx_powermail_pi1_fieldwrap_html_submit input, .tx-powermail-pi1 #mitteilungsenden div.tx_powermail_pi1_fieldwrap_html_submit input { background: #5759fd; padding: 6px 7px 5px 7px; cursor: pointer; width: auto; font-size: 11px; font-weight: bold; line-height: 17px; } .tx-powermail-pi1 #abonnement div.tx_powermail_pi1_fieldwrap_html_submit input:hover, .tx-powermail-pi1 #mitteilungsenden div.tx_powermail_pi1_fieldwrap_html_submit input:hover { background: #eeeeee; color: #5759fd; } .tx-powermail-pi1 #abonnement div select, .tx-powermail-pi1 #mitteilungsenden div select { background: #222222; border: #666666; color: #ffffff; width: 340px; padding: 4px; height: 24px; } .tx-powermail-pi1 #mitteilungsenden div textarea { background: #222222; border: #666666; color: #ffffff; width: 330px; padding: 5px; } .powermail_mandatory { margin-left: 5px; } #powermaildiv_uid11, #powermaildiv_uid21, #powermaildiv_uid145, #powermaildiv_uid33, #powermaildiv_uid156, #powermaildiv_uid165 { float: left; width: 40px; margin-right: 20px; } #powermaildiv_uid12, #powermaildiv_uid22, #powermaildiv_uid146, #powermaildiv_uid34, #powermaildiv_uid157, #powermaildiv_uid166 { float: left; width: 280px; } #powermaildiv_uid13, #powermaildiv_uid23, #powermaildiv_uid148, #powermaildiv_uid35, #powermaildiv_uid158, #powermaildiv_uid167 { clear: both; } .tx-powermail-pi1 #abonnement div#powermaildiv_uid11 input, .tx-powermail-pi1 #mitteilungsenden div#powermaildiv_uid21 input, .tx-powermail-pi1 #mitteilungsenden div#powermaildiv_uid145 input, .tx-powermail-pi1 #abonnement div#powermaildiv_uid33 input, .tx-powermail-pi1 #abonnement div#powermaildiv_uid156 input, .tx-powermail-pi1 #abonnement div#powermaildiv_uid165 input { width: 30px; } .tx-powermail-pi1 #abonnement div#powermaildiv_uid12 input, .tx-powermail-pi1 #mitteilungsenden div#powermaildiv_uid22 input, .tx-powermail-pi1 #mitteilungsenden div#powermaildiv_uid146 input, .tx-powermail-pi1 #abonnement div#powermaildiv_uid34 input, .tx-powermail-pi1 #abonnement div#powermaildiv_uid157 input, .tx-powermail-pi1 #abonnement div#powermaildiv_uid166 input { width: 270px; } /* Kontaktformular */ /*******************/ .tx-powermail-pi1_formwrap_148 { clear: both; } /* das ganze */ #tx-powermail-pi1_fieldset_4, #tx-powermail-pi1_fieldset_37, #tx-powermail-pi1_fieldset_57 { float: left; margin-right: 20px; } /* linkes fieldset */ #tx-powermail-pi1_fieldset_12, #tx-powermail-pi1_fieldset_58 { float: left; } /* rechtes fieldset */ #powermaildiv_uid24, #powermaildiv_uid148, #powermaildiv_uid159, #powermaildiv_uid168 { width: 340px; } /* Newsletter ganzes Feld */ #powermaildiv_uid24 p, #powermaildiv_uid148 p, #powermaildiv_uid159 p, #powermaildiv_uid168 p { float: right; display: none; } /* Text Newsletter */ #powermaildiv_uid24 #check_uid24_0, #powermaildiv_uid148 #check_uid148_0, #powermaildiv_uid159 #check_uid159_0, #powermaildiv_uid168 #check_uid168_0 { width: 10px; background: #ffffff; float: left; margin: 0 5px 0 0; } /* Checkbox*/ #powermaildiv_uid24 label, #powermaildiv_uid148 label, #powermaildiv_uid159 label, #powermaildiv_uid168 label { float: left; margin-top: -3px; margin-bottom: 29px !important; } #uid68, #uid151 { height: 276px; /*height: 250px;*/ } /* text-area */ #powermaildiv_uid27 { clear: both; } /* Absenden Button */ /* Mitglied und Goenner Formular */ /*******************/ .tx-powermail-pi1 #gnnermitglied div { margin-bottom: 10px; } .tx-powermail-pi1 #gnnermitglied div label { display: block; margin-bottom: 3px; } .tx-powermail-pi1 #gnnermitglied div input { background: #222222; border: #666666; color: #ffffff; width: 330px; padding: 5px; } .tx-powermail-pi1 #gnnermitglied div select { background: #222222; border: #666666; color: #ffffff; width: 340px; padding: 4px; height: 24px; } .tx-powermail-pi1 #gnnermitglied div.powermail_radio_inner input { background: #ffffff; } .tx-powermail-pi1 #gnnermitglied #powermaildiv_uid99 { float: left; margin-right: 20px; width: 40px; } /* PLZ */ .tx-powermail-pi1 #gnnermitglied div#powermaildiv_uid99 input { width: 30px; } /* PLZ */ .tx-powermail-pi1 #gnnermitglied #powermaildiv_uid100 { float: left; width: 280px; } /* Ort */ .tx-powermail-pi1 #gnnermitglied div#powermaildiv_uid100 input { width: 270px; } /* Ort */ .tx-powermail-pi1 #gnnermitglied #powermaildiv_uid79 { clear: both; } #tx-powermail-pi1_fieldset_25, #tx-powermail-pi1_fieldset_33 { margin-bottom: 24px; } /* Goenner oder Mitglied werden ganz*/ #tx-powermail-pi1_fieldset_25 #powermaildiv_uid97 p, #tx-powermail-pi1_fieldset_33 #powermaildiv_uid127 p { margin-bottom: 0; float: left; margin-right: 17px; } /* Text Goenner oder Mitglied werden */ .tx-powermail-pi1 #gnnermitglied div .powermail_radio_inner_uid97_0 label, .tx-powermail-pi1 #gnnermitglied div .powermail_radio_inner_uid97_1 label, .tx-powermail-pi1 #gnnermitglied div .powermail_radio_inner_uid127_0 label, .tx-powermail-pi1 #gnnermitglied div .powermail_radio_inner_uid127_1 label { width: auto; display: inline; } .tx-powermail-pi1 #gnnermitglied div input#uid97_0, .tx-powermail-pi1 #gnnermitglied div input#uid97_1, .tx-powermail-pi1 #gnnermitglied div input#uid127_0, .tx-powermail-pi1 #gnnermitglied div input#uid127_1 { width: auto; } #tx-powermail-pi1_fieldset_25 .powermail_radio_inner_uid97_0, #tx-powermail-pi1_fieldset_33 .powermail_radio_inner_uid127_0 { float: left; margin-right: 17px; margin-bottom: 0; } /* Goenner Radio */ #tx-powermail-pi1_fieldset_25 .powermail_radio_inner_uid97_1, #tx-powermail-pi1_fieldset_33 .powermail_radio_inner_uid127_1 { float: left; margin-bottom: 0; } /* Mitglied Radio */ #tx-powermail-pi1_fieldset_16, #tx-powermail-pi1_fieldset_37 { clear: both; } .tx-powermail-pi1 #gnnermitglied div#powermaildiv_uid103, .tx-powermail-pi1 #gnnermitglied div#powermaildiv_uid128 { font-weight: bold; margin-bottom: 24px; } /* Text: Ihre persönlichen Angaben */ #unterseite #content #powermaildiv_uid78 p.tx_powermail_pi1_fieldwrap_html_radio_title, #unterseite #content #powermaildiv_uid136 p.tx_powermail_pi1_fieldwrap_html_radio_title { display: none; } /* Text Mitgliedschaft */ .tx-powermail-pi1 #gnnermitglied div#powermaildiv_uid78 label, .tx-powermail-pi1 #gnnermitglied div#powermaildiv_uid136 label { display: inline; } .tx-powermail-pi1 #gnnermitglied div#powermaildiv_uid78 input, .tx-powermail-pi1 #gnnermitglied div#powermaildiv_uid136 input { width: auto; } .tx-powermail-pi1 #gnnermitglied div#powermaildiv_uid78 .powermail_radio_inner_uid78_0 { margin-bottom: 5px; clear: both; } .tx-powermail-pi1 #gnnermitglied div#powermaildiv_uid78 .powermail_subuid78_0, .tx-powermail-pi1 #gnnermitglied div#powermaildiv_uid78 .powermail_subuid78_1 { float: left; margin: 3px 5px 0 0; } .tx-powermail-pi1 #gnnermitglied div#powermaildiv_uid101, .tx-powermail-pi1 #gnnermitglied div#powermaildiv_uid137 { font-weight: bold; margin-top: 10px; margin-bottom: 24px; } /* Text: Ihre persönlichen Angaben */ .tx-powermail-pi1 #gnnermitglied div.tx_powermail_pi1_fieldwrap_html_submit { margin-top: 30px; } /* Button*/ .tx-powermail-pi1 #gnnermitglied div.tx_powermail_pi1_fieldwrap_html_submit input { background: #5759fd; padding: 6px 7px 5px 7px; cursor: pointer; width: auto; font-size: 11px; font-weight: bold; line-height: 17px; } .tx-powermail-pi1 #gnnermitglied div.tx_powermail_pi1_fieldwrap_html_submit input:hover { background: #eeeeee; color: #5759fd; } /* ---------------------------------------------------------------------------------------------------- */ /* Formhandler /* ---------------------------------------------------------------------------------------------------- */ #mailform input, #mailform select { color: #ffffff; font-size: 11px; } .anrede { border: 1px solid red; background: url(../images/dropdown_bg.png) left top repeat-x; height: 18px; } /* ---------------------------------------------------------------------------------------------------- */ /* Newsletter Anmeldung /* ---------------------------------------------------------------------------------------------------- */ .newsletter_anmeldung_angaben { float: left; margin-right: 25px; margin-bottom: 20px; } #unterseite #content .newsletter_anmeldung_angaben p.error { color: red; margin-bottom: 0; } #unterseite #unternavi #content .newsletter_anmeldung_angaben p { margin-bottom: 13px; padding-right: 0; } #unterseite #content .newsletter_anmeldung_angaben label { display: block; } #unterseite #content .newsletter_anmeldung_angaben input { background: #222222; border: #666666; color: #ffffff; width: 290px; padding: 5px; } /*#unterseite #content .newsletter_anmeldung_angaben select { background: #222222; border: #666666; color: #ffffff; width: 150px; padding: 5px; }*/ #unterseite #content .newsletter_anmeldung_angaben select { background: #222222; border: #666666; color: #ffffff; width: 300px; padding: 4px; height: 24px; } .spartenauswahl_wrapper { float: left; display: none; } .spartenauswahl_wrapper .spartenauswahl input { /*float: left; clear: both;*/ } .spartenauswahl_wrapper .spartenauswahl .sparteneinzeln input { margin-right: 6px; } #unterseite #content .newsletter_abonnieren_button input { background: #5759FD; padding: 6px 7px 5px 7px; cursor: pointer; width: auto; border: none; color: #ffffff; font-size: 11px; font-weight: bold; } #unterseite #content .newsletter_abonnieren_button input:hover { background: #eeeeee; color: #5759fd; } .spartenauswahl_text { margin-bottom: 8px; } .sparteneinzeln { margin-bottom: 8px;} /* ---------------------------------------------------------------------------------------------------- */ /* Newsletter Abmeldung /* ---------------------------------------------------------------------------------------------------- */ #unterseite #content .newsletter_abmeldung_angaben label { display: block; } #unterseite #content .newsletter_abmeldung_angaben input { background: #222222; border: #666666; color: #ffffff; width: 290px; padding: 5px; } #unterseite #content .newsletter_abmelden_button input { background: #5759FD; padding: 6px 9px 5px 9px; cursor: pointer; width: auto; border: none; color: #ffffff; font-size: 11px; font-weight: bold; } #unterseite #content .newsletter_abmelden_button input:hover { background: #eeeeee; color: #5759fd; } /* ---------------------------------------------------------------------------------------------------- */ /* tip a friend /* ---------------------------------------------------------------------------------------------------- */ .link_tipafriend {} /*.formulartipafriend div#formular p label { float: left; margin: 0 0 5px 0; padding: 0 0 8px 0; width: 170px; }*/ #unterseite #unternavi #content .formulartipafriend div#formular p { margin-bottom: 10px; } .formulartipafriend div#formular p label { display: block; margin-bottom: 3px; } .formulartipafriend div#formular p input { background: #222222; border: medium none #666666; color: #FFFFFF; padding: 5px; width: 330px; } .formulartipafriend div#formular p textarea { background: #222222; border: medium none #666666; color: #FFFFFF; padding: 5px; width: 330px; } .formulartipafriend div#formular p input.mf-submit { background: #5759FD; cursor: pointer; font-size: 11px; font-weight: bold; line-height: 17px; padding: 6px 7px 5px; width: auto; } .formulartipafriend div#formular p input.mf-submit:hover { background: #EEEEEE; color: #5759FD; } p span.error { color: red; } /* ---------------------------------------------------------------------------------------------------- */ /* Kiwi Accordion /* ---------------------------------------------------------------------------------------------------- */ #unterseite #unternavi #content h1.ka-handler { padding-right: 20px; font-size: 14px; margin-bottom: 4px; } h1.ka-handler { cursor: pointer; display: inline; } .close h1.ka-handler { /*background: url(../images/accordeon.png) no-repeat scroll right 0 transparent;*/ color: #355EA1; } .hover h1.ka-handler { /*background: url(../images/accordeon.png) no-repeat scroll right -37px transparent;*/ color: #203e6d; } .open h1.ka-handler { /*background: url(../images/accordeon.png) no-repeat scroll right -71px transparent;*/ color: #203e6d; } /* ---------------------------------------------------------------------------------------------------- */ /* Image Carousel /* ---------------------------------------------------------------------------------------------------- */ .tx-imagecarousel-pi1 .jcarousel-skin-tango .jcarousel-container-vertical { padding: 0; } .tx-imagecarousel-pi1 .jcarousel-skin-tango .jcarousel-container { -moz-border-radius: 0; border: none; background: #ffffff; } .tx-imagecarousel-pi1 .jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: 0; } #unterseite #content .tx-imagecarousel-pi1 a:hover { text-decoration: none; } .tx-imagecarousel-pi1 .jcarousel-skin-tango .caption-top, .tx-imagecarousel-pi1 .jcarousel-skin-tango .caption-bottom { display: none !important; } /* ---------------------------------------------------------------------------------------------------- */ /* jpcarousel /* ---------------------------------------------------------------------------------------------------- */ .carouselContainer { padding: 0 !important; } #unterseite #content .tx-jpcarousel-pi1 ul { margin: 0 !important; } .jpcarousel li { padding: 0 !important; } /* ---------------------------------------------------------------------------------------------------- */ /* Schriften /* ---------------------------------------------------------------------------------------------------- */ h1, h2, h4 { font-family: "Arial Black", Arial, Helvetica, sans-serif; } #unterseite #content h1 { margin-bottom: 13px; } #navMain li a { font-family: "Arial Black", Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; } #navSub ul li a { font-family: "Arial Black", Arial, Helvetica, sans-serif; font-size: 13px; } .footer_navtitle { font-family: "Arial Black", Arial, Helvetica, sans-serif; } #footer_logos_fb_wrapper { font-family: "Arial Black", Arial, Helvetica, sans-serif; } #links { font-family: "Arial Black", Arial, Helvetica, sans-serif; } .sparten .list_startdate, .sparten .list_starttime, .sparten .list_location, .sparten .sparten_titel h1, .sparten_untertitel, .list_subcategory, .event_subcategory, #unterseite #content .sparten .list_mapbuy a { font-family: "Arial Black", Arial, Helvetica, sans-serif; } .monat_display_date, .month-large .day div.datum_tag_zahl, #unterseite #content .monat_title a, #unterseite #content .monat_location a { font-family: "Arial Black", Arial, Helvetica, sans-serif; } #unterseite #content .monat_title a, #unterseite #content .monat_location a { font-size: 13px; } #unterseite #content #nav a, .event_startdate, .event_starttime, .event_location, .event_title, .event_undertitle, #unterseite #content .event_nextdate a, #unterseite #content .event_prevdate a, #unterseite #content .event_mapbuy a, #unterseite #content .event_hallplan a, #unterseite #content .event_fbsharing a, #unterseite #content #event_emailtipafriend a, #unterseite #event_emailtipafriend a, #unterseite #content .event_ics a, #unterseite #content .event_nextevent a, #unterseite #content .event_prevevent a, .event_mapart strong, .event_additional_information { font-family: "Arial Black", Arial, Helvetica, sans-serif; } .karten .list_startdate, .karten .list_starttime, .karten .list_location { font-family: "Arial Black", Arial, Helvetica, sans-serif; } /* ---------------------------------------------------------------------------------------------------- */ /* Grid /* ---------------------------------------------------------------------------------------------------- */ /* 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, .grid_13, .grid_14, .grid_15, .grid_16{ display:inline; float: left; position: relative; margin-left: 10px; margin-right: 10px; } /* Grid >> Children (Alpha ~ First, Omega ~ Last) ----------------------------------------------------------------------------------------------------*/ .alpha { margin-left: 0; } .omega { margin-right: 0; } /* Grid >> 2 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .grid_1 { width:60px; } .container_12 .grid_2 { width:140px; } .container_12 .grid_3 { width:220px; } .container_12 .grid_4 { width:300px; } .container_12 .grid_5 { width:380px; } .container_12 .grid_6 { width:460px; } .container_12 .grid_7 { width:540px; } .container_12 .grid_8 { width:620px; } .container_12 .grid_9 { width:700px; } .container_12 .grid_10 { width:780px; } .container_12 .grid_11 { width:860px; } .container_12 .grid_12 { width:940px; } /* Prefix Extra Space >> 2 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 >> 2 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 >> 2 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 >> 2 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .pull_1 { right:80px; } .container_12 .pull_2 { right:160px; } .container_12 .pull_3 { right:240px; } .container_12 .pull_4 { right:320px; } .container_12 .pull_5 { right:400px; } .container_12 .pull_6 { right:480px; } .container_12 .pull_7 { right:560px; } .container_12 .pull_8 { right:640px; } .container_12 .pull_9 { right:720px; } .container_12 .pull_10 { right:800px; } .container_12 .pull_11 { right:880px; } /* Grid >> 2 Columns ----------------------------------------------------------------------------------------------------*/ .container_16 .grid_1 { width:40px; } .container_16 .grid_2 { width:100px; } .container_16 .grid_3 { width:160px; } .container_16 .grid_4 { width:220px; } .container_16 .grid_5 { width:280px; } .container_16 .grid_6 { width:340px; } .container_16 .grid_7 { width:400px; } .container_16 .grid_8 { width:460px; } .container_16 .grid_9 { width:520px; } .container_16 .grid_10 { width:580px; } .container_16 .grid_11 { width:640px; } .container_16 .grid_12 { width:700px; } .container_16 .grid_13 { width:760px; } .container_16 .grid_14 { width:820px; } .container_16 .grid_15 { width:880px; } .container_16 .grid_16 { width:940px; } /* Prefix Extra Space >> 2 Columns ----------------------------------------------------------------------------------------------------*/ .container_16 .prefix_1 { padding-left:60px; } .container_16 .prefix_2 { padding-left:120px; } .container_16 .prefix_3 { padding-left:180px; } .container_16 .prefix_4 { padding-left:240px; } .container_16 .prefix_5 { padding-left:300px; } .container_16 .prefix_6 { padding-left:360px; } .container_16 .prefix_7 { padding-left:420px; } .container_16 .prefix_8 { padding-left:480px; } .container_16 .prefix_9 { padding-left:540px; } .container_16 .prefix_10 { padding-left:600px; } .container_16 .prefix_11 { padding-left:660px; } .container_16 .prefix_12 { padding-left:720px; } .container_16 .prefix_13 { padding-left:780px; } .container_16 .prefix_14 { padding-left:840px; } .container_16 .prefix_15 { padding-left:900px; } /* Suffix Extra Space >> 2 Columns ----------------------------------------------------------------------------------------------------*/ .container_16 .suffix_1 { padding-right:60px; } .container_16 .suffix_2 { padding-right:120px; } .container_16 .suffix_3 { padding-right:180px; } .container_16 .suffix_4 { padding-right:240px; } .container_16 .suffix_5 { padding-right:300px; } .container_16 .suffix_6 { padding-right:360px; } .container_16 .suffix_7 { padding-right:420px; } .container_16 .suffix_8 { padding-right:480px; } .container_16 .suffix_9 { padding-right:540px; } .container_16 .suffix_10 { padding-right:600px; } .container_16 .suffix_11 { padding-right:660px; } .container_16 .suffix_12 { padding-right:720px; } .container_16 .suffix_13 { padding-right:780px; } .container_16 .suffix_14 { padding-right:840px; } .container_16 .suffix_15 { padding-right:900px; } /* Push Space >> 2 Columns ----------------------------------------------------------------------------------------------------*/ .container_16 .push_1 { left:60px; } .container_16 .push_2 { left:120px; } .container_16 .push_3 { left:180px; } .container_16 .push_4 { left:240px; } .container_16 .push_5 { left:300px; } .container_16 .push_6 { left:360px; } .container_16 .push_7 { left:420px; } .container_16 .push_8 { left:480px; } .container_16 .push_9 { left:540px; } .container_16 .push_10 { left:600px; } .container_16 .push_11 { left:660px; } .container_16 .push_12 { left:720px; } .container_16 .push_13 { left:780px; } .container_16 .push_14 { left:840px; } .container_16 .push_15 { left:900px; } /* Pull Space >> 2 Columns ----------------------------------------------------------------------------------------------------*/ .container_16 .pull_1 { right:60px; } .container_16 .pull_2 { right:120px; } .container_16 .pull_3 { right:180px; } .container_16 .pull_4 { right:240px; } .container_16 .pull_5 { right:300px; } .container_16 .pull_6 { right:360px; } .container_16 .pull_7 { right:420px; } .container_16 .pull_8 { right:480px; } .container_16 .pull_9 { right:540px; } .container_16 .pull_10 { right:600px; } .container_16 .pull_11 { right:660px; } .container_16 .pull_12 { right:720px; } .container_16 .pull_13 { right:780px; } .container_16 .pull_14 { right:840px; } .container_16 .pull_15 { right:900px; } /* Clear Floated Elements ----------------------------------------------------------------------------------------------------*/ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .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; } /* .list_mapbuy, .event_mapbuy, .monat_mapbuy { display: none; } #cal_event_171 .monat_mapbuy, #cal_event_170 .monat_mapbuy, #cal_event_172 .monat_mapbuy, #cal_event_169 .monat_mapbuy, #cal_event_168 .monat_mapbuy { display: inline; } #cal_event_171 .list_mapbuy, #cal_event_170 .list_mapbuy, #cal_event_172 .list_mapbuy, #cal_event_169 .list_mapbuy, #cal_event_168 .list_mapbuy { display: inline; } */