/* @group Notes */ /* In dieser Datei duerfen nur Styles notiert werden, die global, also auf jeder Seite des Webauftritts, genutzt werden. Bitte immer dokumentieren, wo ein Stylesheet bzw. wofuer der Stylesheet genutzt wird! */ /* @end */ /* @group Basic Reset */ /* Basis CSS Reset, alle Elemente werden auf Default-Werte gesetzt, um sie spaeter an verschiedenen Stellen entsprechend per Stylesheet anpassen zu koennen und ohne dort die Elemente staendig resetten zu muessen. */ body {text-align:center; background:#fff none; margin:0px; color:#002C52; font:normal normal normal 12px/15px Arial, Helvetica, sans-serif;} div, p, ul, ol, li, dl, dd, dt, img, h1, h2, h3, h4, h5, h6, form, fieldset, table, tr, td, th {padding:0;margin:0;} h1, h2, h3, h4, h5, h6 {font-size:100%; line-height:normal; font-weight:normal;} table, tr, td, th, input {font:normal normal normal 12px/15px Arial, Helvetica, sans-serif;} input, textarea, select {color:#002C52;} img, fieldset {border:none;} li {list-style:none;} a {color:#002C52;} /* @end */ /* @group Global Headlines */ h1.areaHeadline { font-size:24px !important; font-weight:normal !important; font-family:Arial, Helvetica, sans-serif !important; color:#335675 !important; margin:0 0 12px 8px; } h2.areaHeadline { font-size:16px !important; line-height:22px !important; font-weight:normal !important; font-family:Arial, Helvetica, sans-serif !important; color:#668097 !important; margin:8px 0 12px 8px; } h3.areaHeadline { font-size:12px !important; font-weight:bold !important; font-family:Arial, Helvetica, sans-serif !important; color:#002C52 !important; margin:8px 0 4px 8px; } .areaSubHeadline { margin-top:-8px !important; } .areaContent { margin:0 0 15px 8px !important; line-height:18px !important; clear:both !important; padding:0px !important; position:relative !important; } .areaTopSpacer { padding-top:20px !important; } .areaLegacy { display:block !important; width:678px !important; } /* @end */ /* @group Tag Cloud */ .size, .size1 {font-size:10px;margin-top:8px;} .size2 {font-size:13px;margin-top:7px;} .size3 {font-size:15px;margin-top:6px;} .size4 {font-size:17px;margin-top:5px;} .size5 {font-size:19px;margin-top:4px;} .size6 {font-size:20px;margin-top:3px;} .size7 {font-size:22px;margin-top:2px;} .size8 {font-size:27px;} /* @end */ /* @group PNG Hack */ /* Alpha PNG Hack fuer Internet Explorer 6.0 */ .alphaPng {behavior: url(/obj/eventim/default/layout/js/iepngfix.htc);} /* @end */ /* @group Basic Container */ #wrapper {margin:0px auto; padding-left:10px; padding-bottom:20px; width:998px; text-align:left; position:relative; background-color:#ffffff} html>body #wrapper {width:988px;} #wrapper #header {overflow:hidden; width:988px;} #wrapper #content {overflow:hidden; width:988px; margin-top:23px; } #wrapper #content #main {float:left; width:735px; margin:0px 26px 0px 0px; display:inline;} #wrapper #content #mainTop {width:988px; margin:0px; display:block;} #wrapper #content #main_old {float:left; width:735px; margin:37px 26px 0px 0px; display:inline;} #wrapper #content #sidebar {float:right; width:227px; margin:0 0 0 -10px; } html>body #wrapper #content #sidebar { float:left; margin:0px; } #wrapper #content #full {overflow:hidden; width:988px;} #wrapper #content.overview #sidebar {margin:45px 0px 0px 0px;} /* @end */ .hr { background:#123b5f; margin:0px; border:none; height:2px; padding:0px; font-size:1px; line-height:1px; margin-bottom:17px; } .nmb { margin-bottom:0px; } .bgW { background-color:#FFF; } /* @group Mainnav */ /* Mainnav Global */ #mainNav {margin:19px 9px 0 0;float: left;} #mainNav li {float: left; margin-right: 7px;} #mainNav li a {height: 34px;text-decoration:none;display: block;} #mainNav li a span {display:none;/*font-size: 14px;color: #fef1cc; font-weight: bold;padding: 6px 0 0 12px;display: block;*/} #mainNav li.categories a {width: 293px; background-repeat: no-repeat;} #mainNav li.categories a.active, #mainNav li.categories a:hover {background-position: 0 -38px; background-repeat: no-repeat;} #mainNav li.places a {width: 122px; background-position: -303px 0; background-repeat: no-repeat;} #mainNav li.places a.active, #mainNav li.places a:hover {background-position: -303px -38px; background-repeat: no-repeat;} /* navigation layer */ .flyoutnavi {border:1px solid #fff; border-top:none; } .flyoutnavi li {float: left; border-left: 1px solid #fff;} .flyoutnavi li ul {margin: 0 0 5px 0;} .flyoutnavi li ul li {float: none; width: auto; padding: 0 !important; margin: 0 0 2px 0;height: auto !important; border:none; display:inline;} .flyoutnavi li ul li a {padding: 3px 0 2px 7px; text-decoration: none; display: block; text-transform: none; margin: 0 13px 0 13px;} .flyoutnavi li ul li a:hover {padding: 3px 0 2px 18px; background: #668097 url("/obj/eventim/default/layout/img/backgrounds/arrow_hover_sidebar.gif") no-repeat 7px 4px; color: #fff;} /* categories */ #mainNavCategories { border-left:none !important; border-right:none !important; overflow:hidden; width:984px; background:#CCD5DC url("/obj/eventim/default/layout/img/backgrounds/box_gradiend_2.gif") no-repeat scroll right bottom;} /* html>body #mainNavCategories { margin-left:1px; } */ #mainNavCategories.open {display:block !important;} #mainNavCategories ul {} #mainNavCategories li {width:196px; height:300px;} #mainNavCategories li.first {width:196px;border:none;} #mainNavCategories li h3 {margin:0 0 4px 0;border-top:1px solid #fff;font-weight:bold;text-transform:uppercase;} #mainNavCategories li h3 a {text-decoration:none;padding:12px 0 6px 21px;display:block;} #mainNavCategories li h3 span {font-weight:normal;color:#59758D;} #mainNavCategories li h3 a:hover {background:#335675 url("/obj/eventim/default/layout/img/backgrounds/arrow_hover_head.gif") no-repeat 20px 14px;padding:12px 0 6px 32px;color:#fff;} #mainNavCategories li h3 a:hover span {color:#CCD5DC;} #mainNavCategories, #mainNavPlaces { -moz-opacity:0.97; opacity:0.97; filter:alpha(opacity=97); khtml-opacity:0.97; } /* places */ #mainNavPlaces {overflow:hidden;width:511px;border-top:1px solid #fff;background:#CCD5DC url("/obj/eventim/default/layout/img/backgrounds/box_gradiend_2.gif") no-repeat scroll right bottom;} html>body #mainNavPlaces {width:509px;} #mainNavPlaces.open {display:block !important;} #mainNavPlaces ul {} #mainNavPlaces li {width:169px;padding:10px 0;} #mainNavPlaces li.first {width:169px;border:none;} #mainNavPlaces .formulars {float:left;width:509px;padding:18px 0 56px 18px;border-top:1px solid #fff;} html>body #mainNavPlaces .formulars {width:491px;} #mainNavPlaces .formulars form {overflow:hidden;margin:0 0 9px 0;width:390px;} #mainNavPlaces .formulars form label {font-size:11px;margin:0 0 1px 0;font-weight:bold;text-transform:uppercase;float:left;width:491px;} #mainNavPlaces .formulars form .input {width:280px;padding:5px 5px 0 15px;height:28px;float:left;margin:0 10px 0 0;font-size:16px;} html>body #mainNavPlaces .formulars form .input {width:260px;height:auto;padding:3px 5px 2px 15px;} #mainNavPlaces .formulars form .small {width:197px;} html>body #mainNavPlaces .formulars form .small {width:177px;} #mainNavPlaces .formulars form .imageInput {float:right;margin:1px 0 0 0;} #mainNavPlaces .formulars form select {float:left;margin:3px 10px 0 0;background:#476783;color:#002C52;font-size:13px;} /* metanav login */ #metaNavLogin {z-index: 300; position: absolute; top: 36px; left: 493px; overflow: hidden; width: 325px; padding-bottom: 15px; -moz-opacity: 0.97; opacity: 0.97; filter: alpha(opacity=97); khtml-opacity: 0.97; border: 1px solid #fff; background: #CCD5DC url("/obj/eventim/default/layout/img/backgrounds/box_gradiend_2.gif") no-repeat scroll right bottom;} html>body #metaNavLogin {top: 36px; left: 500px;} #metaNavLogin.open {display: block !important;} #metaNavLogin .formulars {float:left; width:325px; padding: 18px 0 5px 18px; border-bottom: 1px solid #fff;} html>body #metaNavLogin .formulars {width: 308px;} #metaNavLogin .formulars form {overflow: hidden; margin: 0 0 9px 0 ;width: 292px;} #metaNavLogin .formulars form label {font-size: 11px; margin: 0 0 1px 0; font-weight: bold; text-transform: uppercase; float:left; width: 220px;} #metaNavLogin .formulars form .input {width: 190px; padding: 5px 5px 0 15px; height: 28px; float: left; margin: 0 10px 8px 0; font-size: 16px;} html>body #metaNavLogin .formulars form .input {width: 170px ;height: auto; padding: 3px 5px 2px 15px; margin-bottom: 8px;} #metaNavLogin .formulars form .imageInput {float: right; margin: 1px 0 0 0;} #metaNavLogin ul {height: 52px;margin-left: 20px;} #metaNavLogin li {width: 220px; padding-top: 10px; border: none;} #metaNavLogin li a {padding-left: 10px; font-size:11px; text-decoration:none; font-weight:bold; background:transparent url("/obj/eventim/default/layout/img/elements/teaser_link_arrow.gif") no-repeat 0 3px; display: block;} #metaNavLogin li a:hover {text-decoration: underline;} /* @end */ /* @group Main Graphic Headlines */ /* only global images and all positioning */ .headline {background:transparent url("/obj/eventim/default/layout/img/backgrounds/headlines_right.gif") no-repeat right top;overflow: hidden;} .headline .headlineIn {height:29px;background:transparent url("/obj/eventim/default/layout/img/backgrounds/headlines_left.gif") no-repeat left top;overflow: hidden;} .mediaLayer .headline {margin-right: 7px;background:transparent url("/obj/eventim/default/layout/img/backgrounds/headlines_right.png") no-repeat right top;overflow: hidden;} .mediaLayer .headline .headlineIn {height: 29px;background:transparent url("/obj/eventim/default/layout/img/backgrounds/headlines_left.png") no-repeat left top;overflow: hidden;} .mediaLayer .headline .head {margin-right: 10px;background: transparent url("/obj/eventim/default/layout/img/backgrounds/headlines_center.png") no-repeat 5px 0;} .headline.big {background: transparent url("/obj/eventim/default/layout/img/backgrounds/headlines_big_right.gif") no-repeat right top;overflow: hidden;} .headline.big .headlineIn {height: 36px;background:transparent url("/obj/eventim/default/layout/img/backgrounds/headlines_big_left.gif") no-repeat left top;overflow: hidden;} .headline .headlineIn h2 {width:320px;margin:0 0 0 20px;height:29px;float: left;display:inline;} .headline .headlineIn h3 {width:180px;margin:0 0 0 20px;height:29px;float: left;display:inline;} .headline .headlineIn h2 span, .headline .headlineIn h3 span {font-size: 14px;color: #fef1cc; font-weight: bold;padding-top: 6px;display: block;} /* @end */ /* @group Star Rating */ .rate {background:transparent url("/obj/eventim/default/layout/img/elements/stars.gif") no-repeat left top; width:71px; height:13px;} html>body .rate {background:transparent url("/obj/eventim/default/layout/img/elements/stars.png") no-repeat left top;} .rate0 {background-position:0 -200px !important;} .rate05 {background-position:0 -180px !important;} .rate1 {background-position:0 -160px !important;} .rate15 {background-position:0 -140px !important;} .rate2 {background-position:0 -120px !important;} .rate25 {background-position:0 -100px !important;} .rate3 {background-position:0 -80px !important;} .rate35 {background-position:0 -60px !important;} .rate4 {background-position:0 -40px !important;} .rate45 {background-position:0 -20px !important;} .rate5 {background-position:0 0 !important;} /* @end */ /* @group Global Media Icons */ .icon {width:20px;height:20px;display:block;background:transparent url("/obj/eventim/default/layout/img/icons/music_small.gif") no-repeat left top;} .icon:hover {background-position:left bottom;} .icon span {display:none;} .icMedia {background-image:url("/obj/eventim/default/layout/img/icons/music_small.gif");} .icMusic {background-image:url("/obj/eventim/default/layout/img/icons/music_small.gif");} .icVideo {background-image:url("/obj/eventim/default/layout/img/icons/video_small.gif");} .icImage {background-image:url("/obj/eventim/default/layout/img/icons/image_small.gif");} /* @end */ /* @group Header */ #header {} #header #logo { float: left; height:97px; width:200px;} #header .rightHead {float: right; margin: 0 70px 0 0;} html>body #header .rightHead {margin: 0 150px 0 0;} #header h1.ticketsHeadline { float:left; margin:9px 8px 0 0; width:215px; padding-top:7px; font-size:14px; color:#335675;} /* mit "Tickets und Konzertkarten" in groß #header #info {width: 600px;margin-top: 0px;color:#668097;font-size: 14px;float: left;} #header #info h1.infoHeadline {font-weight:bold; font-size:16px; margin-bottom:15px} */ #header #info {width: 600px;margin-top: 30px;color:#668097;font-size: 14px;float: left;} #header #info span {color: #FABB00;font-weight:bold;} #header #info .eventcount {float: left;} #header .top {overflow:hidden; width:988px;} #header .btm {overflow:hidden; width:988px;} #header form.old {width: 543px; float:left;} html>body #header form.old {width: 550px;} #header form.old a {float:right;color:#668097;margin:0 91px 0 0;font-size:11px;background:transparent url("/obj/eventim/default/layout/img/elements/form_link_arrow.gif") no-repeat 100% 3px;padding:0 10px 1px 0;text-decoration:none;} #header form.old a:hover {text-decoration:underline;} #header form.old fieldset {clear:both;overflow:hidden;} #header form.old input {float:left;} #header form.old .input {width:455px; padding:5px 5px 0px 15px;height:35px; line-height:22px; } html>body #header form.old .input {width:435px;padding:6px 5px 6px 15px;height:auto; line-height:normal; } #header form.old .imageInput {margin:3px 0 0 5px;} /* @end */ /* @group Meta Navigation */ #metaNav {float: left; margin: 7px 6px 0 0;} #metaNav li {float: left;} #metaNav a {line-height: 16px; height: 28px; color: #335675; font-size: 11px; font-weight: bold; text-decoration: none; padding: 2px 0 0 28px; float: left; margin: 0 8px 0 0;} html>body #metaNav a {height: 22px;} #metaNav li a {padding-top: 7px;} #metaNav li.cart a {background: url("/obj/eventim/default/layout/img/icons/metanav_cart.gif") no-repeat 0 6px;} #metaNav li.cart a:hover {text-decoration: underline; background-position: 0 -24px;} #metaNav li.leaflet a {background: url("/obj/eventim/default/layout/img/icons/metanav_leaflet.gif") no-repeat 0 6px;} #metaNav li.leaflet a:hover {text-decoration: underline; background-position: 0 -24px;} /* OLD */ #metaNav li.my_eventim a {padding: 7px 0 0 30px;background: url("/obj/eventim/default/layout/img/icons/metanav_my_eventim.gif") no-repeat 0 2px;} #metaNav li.my_eventim a:hover, #metaNav li.my_eventim a.active {color:#fef1cc !important; text-decoration:none;background-position: 0 -38px;} #metaNav li.my_eventim a.active span { color:#fef1cc !important; } #metaNav li.my_eventimLoggedin a {background: url("/obj/eventim/default/layout/img/icons/metanav_my_eventim_logged_in.gif") no-repeat 0 6px;} #metaNav li.my_eventimLoggedin a:hover {text-decoration: underline; background-position: 0 -24px;} #metaNav a span {font-size: 14px; line-height: 16px;} #metaNav li.log a {color:#668097; font-weight: normal; padding: 7px 19px 0 8px; margin: 0 0 0 4px; background: url("/obj/eventim/default/layout/img/elements/metanav_line.gif") no-repeat 0 10px;} #metaNav li.my_eventim a span.login {color:#668097; font-size: 11px; font-weight:normal; padding: 2px 19px 0 15px;} #metaNav li.my_eventim a:hover span.login {color:#fef1cc;} /** NEW, currently in use */ #header #metaNav li.myEventimLogin, #header #metaNav li.myEventimLogin * { font-size:11px; cursor:pointer; } #header #metaNav li.myEventimLogin a { white-space:nowrap; margin-top:2px; padding:0px !important; height:auto !important; display:block; float:left; } #header #metaNav li.myEventimLogin a span.left { display:block; float:left; padding-left:2px; padding-right:10px; height:28px; } html>body #header #metaNav li.myEventimLogin a span.left { height:28px; } #header #metaNav li.myEventimLogin a span.left * { float:left; display:block; } #header #metaNav li.myEventimLogin span.txt3 { padding-top:6px; color:#668097; font-weight:normal; } #header #metaNav li.myEventimLogin span.txt2 { margin:9px 6px 0px 6px; height:10px !important; overflow:hidden; background:#CCD5DC none; width:1px; } #header #metaNav li.myEventimLogin span.txt1 { margin-top:4px; padding-top:2px; height:20px; background: transparent url(/obj/eventim/default/layout/img/modular/icons/20x20/login_20x20.gif) 2px 0px no-repeat; padding-left:27px; } html>body #header #metaNav li.myEventimLogin span.txt1 { height:18px; } #header #metaNav li.myEventimLogin a:hover, #header #metaNav li.myEventimLogin a:hover *, #header #metaNav li.myEventimLogin a.active, #header #metaNav li.myEventimLogin a.active * { color:#fef1cc !important; } #header #metaNav li.myEventimLogin a:hover, #header #metaNav li.myEventimLogin a.active { background:transparent url(/obj/eventim/default/layout/img/modular/boxheads/blue/back_right.png) repeat-x scroll right top; } #header #metaNav li.myEventimLogin a:hover span.left, #header #metaNav li.myEventimLogin a.active span.left { background:transparent url(/obj/eventim/default/layout/img/modular/boxheads/blue/left.png) no-repeat scroll left top; } #header #metaNav li.myEventimLogin a:hover span.txt1, #header #metaNav li.myEventimLogin a.active span.txt1 { background-position:2px -20px; } #header #metaNav li.my_eventimLoggedin a { margin-right:2px; } /* @end */ /* @group Language Select */ #language {font-size:11px; float:left; position:absolute; top:10px; right:0; z-index:299;} #language a.current, #languageSelector a.current {width: 153px;height: 23px;padding: 3px 0 0 10px;color: #002C52;font-weight: bold;text-decoration: none;display: block;background: transparent url("/obj/eventim/default/layout/img/backgrounds/language_selection.gif") no-repeat left top;} html>body #language a.current, html>body #languageSelector a.current {width: 143px;height: 20px;} #languageSelector { background: #CCD5DC;-moz-opacity: 0.97;opacity: 0.97;filter: alpha(opacity=97);khtml-opacity: 0.97; width:128px; border:1px solid #CCD5DC; text-align:left; } #languageSelector li a { height: 20px;color: #002C52;text-decoration: none;font-weight: normal;padding: 3px 0 0 10px;display: block;border-bottom: 1px solid #e5e9ed;} html>body #languageSelector li a { height: 17px;} #languageSelector li a:hover {color: #fff;background: #6A8399;} #languageSelector li ul li a {padding: 3px 0 0 20px; display:block;} html>body #languageSelector li ul li a { display:block; } #languageSelector li strong {display:block; height: 19px;font-weight: bold;padding: 3px 0 0 10px;display: block;border-bottom: 1px solid #e5e9ed;} html>body #languageSelector li strong {display:block; height: 16px;} #languageSelector li.active strong {background: #002C52;} #languageSelector li.active strong {color: #fff;} /* @end */ /* @group Buttons */ /* History Back Buttons */ .backBtn {clear:both;padding:0 0 0 9px;background:transparent url("/obj/eventim/default/layout/img/elements/arrow_inverted.gif") no-repeat 0 3px;font-weight:bold;font-size:11px;text-decoration:none;float: left;} .backBtn:hover {text-decoration:underline;} /* Social Bookmarks */ #bookmarks {display:block;margin:55px 0 0 0;} .addThis {margin-top:10px; float:left; width:140px;} /*SEO Infotext*/ .txtInfoEventText { font-size:11px !important; padding-bottom:10px !important; padding-right:10px !important; color:#ADADAD; font-weight:bold; text-align:justify !important; } .txtInfo, .txtInfoEventText b, .txtInfoEventText a span, .txtInfoEventText a, .txtInfoEventText .normal { font-size:11px !important; color:#ADADAD; font-weight:normal; } .txtInfo{ margin-top:10px; float:left; font-size:11px !important; } /* Buttons (old) */ .btn {position:absolute; right:10px; bottom:10px; display:block; height:20px;} .btn span {display:none;} a.btnTickets {width:64px;background:transparent url("/obj/eventim/default/layout/img/elements/btn_tickets.gif") no-repeat left top;} a.btnTickets:hover {background: url("/obj/eventim/default/layout/img/elements/btn_tickets.gif") no-repeat left bottom;} a.btnTicketsWide {width:128px;height: 24px;background:transparent url("/obj/eventim/default/layout/img/elements/btn_tickets_wide.gif") no-repeat left top;} a.btnTicketsWide.disabled {width:128px;height: 24px;background:transparent url("/obj/eventim/default/layout/img/elements/btn_tickets_wide.gif") no-repeat 0 -39px;} a.btnTicketsWide:hover {background: url("/obj/eventim/default/layout/img/elements/btn_tickets_wide.gif") no-repeat left bottom;} a.btnTicketsWide.disabled:hover {width:128px;height: 24px;background:transparent url("/obj/eventim/default/layout/img/elements/btn_tickets_wide.gif") no-repeat 0 -39px;} a.btnTicketsSmall{width:83px;height: 24px;background:transparent url("/obj/eventim/default/layout/img/elements/btn_tickets_small.gif") no-repeat left top;} a.btnTicketsSmall.disabled {width:83px;height: 24px;background:transparent url("/obj/eventim/default/layout/img/elements/btn_tickets_small.gif") no-repeat 0 -39px;} a.btnTicketsSmall:hover {background: url("/obj/eventim/default/layout/img/elements/btn_tickets_small.gif") no-repeat left bottom;} a.btnTicketsSmall.disabled:hover {width:83px;height: 24px;background:transparent url("/obj/eventim/default/layout/img/elements/btn_tickets_small.gif") no-repeat 0 -39px;} a.btnTicketsSmallcanceled { width:83px !important; height:24px !important; background:transparent url("/obj/eventim/default/layout/img/elements/btn_teaser_abgesagt_small.gif") no-repeat left top !important;} a.btnTicketalarm {width:90px;background:transparent url("/obj/eventim/default/layout/img/elements/btn_ticketalarm.gif") no-repeat left top;} a.btnTicketalarm:hover {background: url("/obj/eventim/default/layout/img/elements/btn_ticketalarm.gif") no-repeat left bottom;} /* @end */ /* @group Teaser Icons */ /* teaser + ticket icons (NOTIZ: Einmal standardisieren (Postlaunch).) */ #main #homeTeaser .homeTeaserBig .teaserLinks li.iconMusic a {width: 30px; height: 30px;background: url("/obj/eventim/default/layout/img/icons/teaser_music_big.gif") no-repeat 0 0;display: block;} #main #homeTeaser .homeTeaserBig .teaserLinks li.iconMusic a:hover {background: url("/obj/eventim/default/layout/img/icons/teaser_music_big.gif") 0 -40px} #main #homeTeaser .homeTeaserBig .teaserLinks li.iconVideo a {width: 30px; height: 30px;background: url("/obj/eventim/default/layout/img/icons/teaser_video_big.gif") no-repeat 0 0;display: block;} #main #homeTeaser .homeTeaserBig .teaserLinks li.iconVideo a:hover {background: url("/obj/eventim/default/layout/img/icons/teaser_video_big.gif") 0 -40px} #main #homeTeaser .homeTeaserBig .teaserLinks li.iconImages a {width: 30px; height: 30px;background: url("/obj/eventim/default/layout/img/icons/teaser_images_big.gif") no-repeat 0 0;display: block;} #main #homeTeaser .homeTeaserBig .teaserLinks li.iconImages a:hover {background: url("/obj/eventim/default/layout/img/icons/teaser_images_big.gif") 0 -40px} /* @end */ /* @group Headline Pager */ /* Pager fuer Headlines (z. B. Startseite Top Events oder Kategorie-Seite TeaserAssortments, usw). Hinweis: Die Footer-Pager fuer Kategorie/Orte liegen in der entsprechenden CSS... */ .headlinePager { margin:4px 5px 0 0; float:right; } html>body .headlinePager { padding-right:5px; } .headlinePager .counter {color: #e1e6ea;padding-top: 2px;margin-right: 10px;} ul.headlinePager li { float:left; } .headlinePager li a { float:left; height:20px; color:#c6ced4; font-weight:bold; text-align:center; text-decoration:none; margin-right:2px; padding:2px 6px 0 6px; display: block; border: 1px solid #668097;} html>body .headlinePager li a { height:16px; margin-right:4px; } .headlinePager li a:hover, .headlinePager li a.current, .headlinePager li.current a {color: #fff; background-color: #c6ced4;} .headlinePager li.prev a, .headlinePager li.next a {width: 5px; height:14px; margin:2px 5px 0 0; background:transparent url("/obj/eventim/default/layout/img/backgrounds/arrow_prev_footer_pager.gif") no-repeat center 3px !important; border:none !important; display:block; } .headlinePager li.next a { background-image:url("/obj/eventim/default/layout/img/backgrounds/arrow_next_footer_pager.gif") !important; } .headlinePager li.prev a:hover, .headlinePager li.next a:hover, .headlinePager li.prevDisabled, .headlinePager li.nextdisabled { background-position:center -16px !important; } .headlinePager span {display: none;} .headlinePager li.ellipsis {color: #043151; margin-right: 5px;} /* @end */ /* @group Headline Tabnav */ /* headline tabnav (Startseite, Detail A, B, Artistpage) */ #full .headline .tabnav {margin:2px 4px 0 0; padding-left:0px;float: left;} #full .headline.big .tabnav {margin:7px 4px 0 6px;padding-left:0px;float: left;} #full .headline .tabnav li {float:left;} #full .headline .tabnav.sml li {margin-top:2px;} #full .headline .tabnav li a { cursor:pointer; font-weight:bold; color:#fff; text-decoration:none; text-transform:uppercase; float:left; margin-left:4px; height:29px; overflow:hidden;} #full .headline .tabnav li a span {height:26px;float:left;padding:5px 10px 0 9px;} html>body #full .headline .tabnav li a span {height:19px;} #full .headline.big .tabnav li a span {display:block;height:28px !important;padding:6px 10px 0 9px;} #full .headline.big .tabnav li a span {height:22px;} #full .headline .tabnav li a.active { background:#E5E9ED none; } /* background: url("/obj/eventim/default/layout/img/backgrounds/tabnav_headline_a_current.gif") no-repeat top right} */ #full .headline .tabnav li a.active span {color:#002C52; background:#E5E9ED none; } /* background: url("/obj/eventim/default/layout/img/backgrounds/tabnav_headline_current.gif") no-repeat 0 0;} */ #full .headline .tabnav li a:hover { background:#668097 none; height:28px; overflow:hidden; } /* background: url("/obj/eventim/default/layout/img/backgrounds/tabnav_headline_a.gif") no-repeat top right;} */ #full .headline .tabnav li a:hover span {color:#fff; background:#668097 none; } /*background: url("/obj/eventim/default/layout/img/backgrounds/tabnav_headline.gif") no-repeat 0 0;}*/ #full .headline .tabnav li a.active:hover { background:#E5E9ED none; height:29px; overflow:hidden; } /* background: url("/obj/eventim/default/layout/img/backgrounds/tabnav_headline_a_current.gif") no-repeat top right} */ #full .headline .tabnav li a.active:hover span { color:#002C52; background:#E5E9ED none; } /* color:#002C52;background: url("/obj/eventim/default/layout/img/backgrounds/tabnav_headline_current.gif") no-repeat 0 0;} */ /* @end */ /* @group Dual Box */ #main .dualBox {margin:0 0 26px 0;width:735px;overflow:hidden;} #main .dualBox .dualBoxIn {width:800px;float:left;} #main .dualBox .box {width:361px;float:left;margin:0 13px 0 0;background:#E5E9ED url("/obj/eventim/default/layout/img/backgrounds/box_main_half.gif") no-repeat left bottom;} #main .dualBox .box .row {width:357px;float:left;} #main .dualBox .box .newList, #main .dualBox .box .ticketalarm {padding-top: 0px;} /* @end */ /* @group Rows */ #main .row, #full .row {cursor:pointer;position:relative;overflow:hidden;border-bottom:1px solid #668097;margin:0 4px 0 0;} #main .row2 {float:left;width:357px;height:26px;} #main .row .left {float:left;overflow:hidden;height:104px;margin:15px 0 0 20px;display:inline;padding:0 0 10px 0;} html>body #main .row .left {height:102px;width:70px;} #main .row .right {float:left;height:104px;overflow:hidden;margin:13px 0 0 0;width:260px;padding:0 0 12px 0;} html>body #main .row .right {height:92px;} #main .row .only {overflow:hidden;height:83px;padding:15px 0 10px 20px;} html>body #main .row .only {height:58px;} #main .row .leftNumbers {float:left;margin:15px 7px 10px 0;background:#7F95A8;width:39px;height:22px;} #main .row .rightNumbers {float:left;height:83px;padding:17px 0 8px 0;width:310px;display:inline;} html>body #main .row .rightNumbers {height:58px;} #main .row .leftNumbers p {color:#fff;font-weight:bold;font-size:13px;float:right;margin:2px 10px 0 0;} #main .row img {margin:0 12px 10px 0;} .iconbox {overflow:hidden;} .iconbox .icon {float:left;margin:0 2px 0 0;} #main .row h3 {font-weight:bold;font-size:13px;} #main .row h4 {color:#4C6B86;} #main .row p {margin:5px 0 0 0;} #main .row p a {font-size:11px;text-decoration:none;} #main .row p a:hover {text-decoration:underline;} #main .row p.pricing {margin:10px 0 0 0;font-size:11px;font-weight:bold;} #main .row .rating {padding:5px 0 0 0;overflow:hidden;} #main .row .rating div, #main .row .rating p {float:left;margin:0 5px 0 0;} #main .row.active, #full .row.active {background:#7F95A8;} #main .row.active *, #full .row.active *, #main .row.active h4, #main .row.active h2, #main .row.active h3, #main .row.active p, #main .row.active a {color:#fff; !important} #full .row.active dl.availability dd {color:#fff;} #full .row.active td.current dl.availability dd {color:#7F95A8;} #full .row.active td.current h2, #full .row.active td.current dl {color:#002C52;} #main .row.active .leftNumbers {background:#fff !important;} #main .row.active .leftNumbers p {color:#7F95A8 !important;} /* @end */ /* @group Main Misc */ /* special width */ #wrapper h2.headMostSoldEvents {width:200px;} #wrapper h2.headNew {width:150px;} #wrapper h2.headConcerts {width:150px;} #wrapper h2.headUpcoming {width:150px;} /* Eingabefelder mit gelben Rahmen */ .input {border:2px solid #FABB00;color:#ADADAD;font-size:16px;} #main .theLink {float:right;margin:11px 13px 0 0;font-size:11px;text-decoration:none;font-weight:bold;overflow:hidden;} #main .theLink span {display:block;padding:0 0 0 10px;background:transparent url("/obj/eventim/default/layout/img/elements/teaser_link_arrow.gif") no-repeat 0 3px;} #main .theLink:hover {text-decoration:underline;} #main .box {padding:0 0 15px 0;background: #E5E9ED url("/obj/eventim/default/layout/img/backgrounds/box_main_tile.gif") repeat-y;overflow:hidden;} #main .resultList { background-color:#fff; } #main .boxbottom {width: 735px;height: 5px;margin:0 0 26px 0;background: url("/obj/eventim/default/layout/img/backgrounds/box_main_bottom.gif") no-repeat;} #full .box {padding:0 0 15px 0;background:#E5E9ED url("/obj/eventim/default/layout/img/backgrounds/box_full_tile.gif") repeat-y;overflow:hidden;} #full .boxSmall {padding:0 0 15px 0;background:#E5E9ED url("/obj/eventim/default/layout/img/backgrounds/box_full_tile_small.gif") repeat-y;overflow:hidden;} #full .boxbottom {width: 988px;height: 5px;margin:0 0 26px 0;background:#E5E9ED url("/obj/eventim/default/layout/img/backgrounds/box_full_bottom.gif") no-repeat;} #full .boxbottom {font-size: 1px;} #full .dualBox .box {padding:0;} #main .topCategories {width:735px;} #main .topCategories .tagcloud {overflow:hidden;padding:15px 15px 0 15px;} #main .topCategories .tagcloud li {height: 40px;display: block;float: left;} #main .topCategories .tagcloud h2 a {line-height:normal;background:#335675;margin-right:5px;margin-bottom:5px;margin-left:5px;float:left;font-weight:bold;color:#fff;text-decoration:none;padding:2px 4px;} /*#main .topCategories .tagcloud h2 a.size8 {background-color: #FABB00;}*/ #main .topCategories .tagcloud h2 a:hover {background-color: #FABB00;} #mainTop .warning h2, #main .warning h2 {font-size: 16px;font-weight: bold;line-height: 125%;margin-bottom: 10px;padding-left: 20px;} #mainTop .warning p, #main .warning p {margin-bottom: 10px;} #mainTop .warning p.message, #main .warning p.message {font-size: 18px;padding: 10px 10px 10px 20px;margin-top: 20px;margin-right: 100px;margin-bottom: 30px;background-color: #ced6dc;color: #1e4061;} #mainTop .warning ul, #main .warning ul {margin-right: 100px;margin-bottom: 10px;padding-top: 5px;border-top: 1px solid #ccd5dc;} #mainTop .warning ul li, #main .warning ul li {padding: 0 0 5px 20px;} #mainTop .warning ul li a, #main .warning ul li a {background:transparent url("/obj/eventim/default/layout/img/elements/arrow.gif") no-repeat scroll 0pt 3px;display:block;font-size:11px;font-weight:bold;padding:0pt 0pt 0pt 9px;text-decoration:none;} #mainTop .warning ul li a:hover, #main .warning ul li a:hover {text-decoration: underline;} /* @end */ /* @group Main Search Form */ #mainTop form, #main form {margin:0 0 26px 0;padding-bottom: 26px; overflow:hidden;} html>body #mainTop form, html>body #main form {padding-bottom: 0px;} #mainTop form a, #main form a {float:right;color:#668097;margin:0 91px 0 0;font-size:11px;background:transparent url("/obj/eventim/default/layout/img/elements/form_link_arrow.gif") no-repeat 100% 3px;padding:0 10px 1px 0;text-decoration:none;} #mainTop form a:hover, #main form a:hover {text-decoration:underline;} #mainTop form fieldset, #main form fieldset {clear:both;overflow:hidden;} #mainTop form input, #main form input {float:left;} #mainTop form .input, #main form .input {width:639px;padding:8px 5px 0 15px;height:35px;} html>body #mainTop form .input, html>body #main form .input {width:619px;padding:6px 5px 6px 15px;height:auto;} #mainTop form .imageInput, #main form .imageInput {margin:4px 0 0 5px;} #mainTop form.homebottom, #main form.homebottom {margin-top: 35px;} /* @end */ /* @group Sidebar */ #sidebar .box {float:left;width:227px;padding:0 0 15px 0;margin:0 0 16px 0;background:#E5E9ED url("/obj/eventim/default/layout/img/backgrounds/box_sidebar.gif") no-repeat right bottom;} #sidebar .box .headline {margin:0 0 10px 0;} #sidebar .box .topimage {margin:0;} #sidebar .box ul li a {text-decoration:none;} #sidebar .box ul li a:hover {text-decoration:underline;} #sidebar .box ul li {margin:0 0 4px 0;width:200px;} #sidebar .box ul.justList li a span {font-weight:bold;} #sidebar .box ul.valueList {text-transform:uppercase;margin:0 0 10px 20px;overflow:hidden;} #sidebar .box ul.valueList li a {padding:3px 0 2px 0;display:block;margin:0 30px 0 0;} #sidebar .box ul.valueList li a span {font-size:11px;color:#859AAC;padding-left:4px;} #sidebar .box ul.valueList li a:hover{text-decoration:none;background:#668097 url("/obj/eventim/default/layout/img/backgrounds/arrow_hover_sidebar.gif") no-repeat 7px 4px;color:#fff;padding:3px 0 2px 18px;} #sidebar .box ul.valueList li a:hover span {color:#fff;} /* new boxes charts - top search */ #sidebar .box ul.numberedList {margin:0 0 10px 20px;overflow:hidden;} #sidebar .box ul.numberedList a {margin-left: 5px;font-weight: bold;text-decoration: underline;} #sidebar .box .topSearch li { position:relative; } #sidebar .box .topSearch li span { display:block; position:absolute; top:0px; left:0px; font-weight:normal; text-decoration:none !important; } #sidebar .box .topSearch li a { display:block; margin-left:24px !important; } #sidebar .box .topTen li { position:relative; } #sidebar .box .topTen li span { display:block; position:absolute; top:0px; left:0px; font-weight:normal; text-decoration:none !important; } #sidebar .box .topTen li a { display:block; margin-left:44px !important; margin-right:10px !important; } #sidebar .box .topTen .topOrNot { display:block; height:16px; width:20px; position:absolute; top:0px; left:24px; } #sidebar .box .topTen .topOrNot span { display:none; } #sidebar .box .topTen .better {background: transparent url("/obj/eventim/default/layout/img/backgrounds/list_better.gif") no-repeat 0 3px;} #sidebar .box .topTen .equal {background: transparent url("/obj/eventim/default/layout/img/backgrounds/list_equal.gif") no-repeat 0 3px;} #sidebar .box .topTen .worse {background: transparent url("/obj/eventim/default/layout/img/backgrounds/list_worse.gif") no-repeat 0 4px;} /* Relaunch Feedback Box */ #sidebar .siteFeedback { width:223px; padding-bottom:4px !important; font-size:11px; background:transparent none; } #sidebar .siteFeedback .siteFeedbackInner { background:#F3F4F6 none; border:2px solid #CCD5DC; padding:10px; } #sidebar .siteFeedback a { display:block; text-decoration:none; } #sidebar .siteFeedback a span { display:inline; background:transparent url(/obj/eventim/default/layout/img/elements/teaser_link_arrow.gif) right center no-repeat; padding-right:8px; } /* rewrite background-position for IE 6+7 */ * html #sidebar .box ul.numberedList a.better {background-position: 0 5px;} *+html #sidebar .box ul.numberedList a.better {background-position: 0 5px;} * html #sidebar .box ul.numberedList a.equal {background-position: 0 5px;} *+html #sidebar .box ul.numberedList a.equal {background-position: 0 5px;} * html #sidebar .box ul.numberedList a.worse {background-position: 0 5px;} *+html #sidebar .box ul.numberedList a.worse {background-position: 0 5px;} #sidebar .box hr { display:block; border:none; height:1px; overflow:hidden; border-top: 1px solid #B2BFCB; background:transparent none; margin:5px 5px 5px 0px; } html>body #sidebar .box hr { margin:14px 5px 14px 0px; } #sidebar .box h4.strong { font-size:14px;margin-bottom:4px; } #sidebar .specialTeaser {width:223px;margin:0 4px 30px 0;position:relative;} #sidebar .specialTeaser img {display:block;} #sidebar .specialTeaser ul {overflow:hidden; width:223px;border: 2px solid #7F95A8; padding: 13px 0 0 0; border-top:none;} html>body #sidebar .specialTeaser ul {width:219px;} #sidebar .specialTeaser ul.withSignature {padding-bottom: 50px;} #sidebar .specialTeaser ul li {cursor:pointer;overflow:hidden;margin:0 0 18px 0;} #sidebar .specialTeaser ul li img {float:left;margin:2px 1px 0 13px;display:inline;} #sidebar .specialTeaser ul li div {float:left;width:145px;} #sidebar .specialTeaser ul li div h4 {margin:0 5px 0 14px;font-size:13px;font-weight:bold;} #sidebar .specialTeaser ul li div h5 {font-weight:bold;margin:0 5px 0 14px;} #sidebar .specialTeaser ul li div p {margin:0 5px 0 14px;} #sidebar .specialTeaser ul li div p span {font-size: 11px; color: #7990A4;} #sidebar .specialTeaser ul li div a {font-size:11px;font-weight:bold;text-decoration:none;} #sidebar .specialTeaser ul li div a:hover {text-decoration:underline;} #sidebar .specialTeaser .signature {position:absolute;right:-1px;bottom:-1px;} html>body #sidebar .specialTeaser .signature {right:0;bottom:0;} #sidebar .box fieldset {overflow:hidden;} #sidebar .box form {margin:0 0 10px 10px;overflow:hidden;} html>body #sidebar .box form {margin:0 0 10px 20px;} #sidebar .box form input {float:left;} #sidebar .box form .input {width:160px;padding:6px 5px 0 5px;height:29px;} html>body #sidebar .box form .input {width:150px;padding:3px 5px 3px 5px;height:auto;} #sidebar .box form .imageInput {margin:2px 0 0 5px;} #sidebar .box p {margin:0 10px 10px 20px;} #sidebar .box h4 {margin:0 10px 3px 20px;font-weight:bold;} #sidebar .box p {margin:0 10px 10px 20px;} #sidebar .box img {margin:0 0 10px 0;} #sidebar .box .teaserLink {cursor:pointer;display:block;font-size:11px;text-decoration:none;font-weight:bold;overflow:hidden;padding:10px 16px 0 0;margin:0 4px 0 0;border-top:1px solid #B2BFCB;} #sidebar .box .teaserLink:hover {text-decoration:underline;} #sidebar .box .teaserLink span {float:right;padding:0 0 0 10px;background:transparent url("/obj/eventim/default/layout/img/elements/teaser_link_arrow.gif") no-repeat 0 3px;} #sidebar .infoTeaser {background:none; padding-bottom:6px !important; } #sidebar .infoTeaser .headline {margin:0;} #sidebar .infoTeaser .infoBox {overflow:hidden;width:223px;border:2px solid #FABB00;margin:0 4px 0 0;background:#FEF8E5;padding:15px 0 0 0;} html>body #sidebar .infoTeaser .infoBox {width:219px;} #sidebar .infoTeaser p a {color:#FABB00;font-size:11px;text-decoration:none;} #sidebar .infoTeaser p a:hover {text-decoration:underline;} #sidebar .infoTeaser .teaserLink {border-top:1px solid #FDEAB2;margin:0 0 10px 0;} /* @end */ /* @group Footer */ #footer {line-height:18px; background:#002C52 none;} /* Background als Bild wurde entfernt, da ueberfluessig */ #footer #footerIn {padding:10px 0 7px 0;margin:0 auto;width:988px;text-align:left;overflow:hidden;} #footer #footerIn div {float:left;width:145px;padding:8px 0 0 0;} #footer #footerIn div h5 {color:#7F95A8;letter-spacing:1px;margin:0 0 2px 0;font-weight:bold;} #footer #footerIn div ul {margin:0 0 20px 0;} #footer #footerIn div ul li a {color:#E5E9ED;text-decoration:none;} #footer #footerIn div ul li a:hover {text-decoration:underline;} #footer #footerIn div ul li a:visited {font-size: 12px;} #footer #footerIn div.hotline {background:#CCD5DC;margin:0 40px 0 0;width:192px;padding:9px 7px 17px 18px;} html>body #footer #footerIn div.hotline {width:167px;} #footer #footerIn div.hotline h5 {color:#002C52;} #footer #footerIn div.hotline p {color:#002C52;margin:0 0 5px 0;font-size:13px;font-weight:bold;} #footer #footerIn div.hotline p.small {font-size:10px;line-height:13px;font-weight:normal;} #footer #footerIn div.hotline dl {overflow:hidden;width:140px;color:#002C52;font-size:10px;line-height:13px;} #footer #footerIn div.hotline dl dt {clear:both;float:left;width:80px;text-transform:uppercase;} #footer #footerIn div.hotline dl dd {float:left;text-align:right;width:60px;} #footer .importantTipp { padding:0px 0 7px 0;margin:0 auto;width:988px;text-align:left;overflow:hidden; } #footer .importantTipp p, #footer .importantTipp p a { color:#CCD5DC; font-size:11px} .footr {height: 25px;margin-top: 10px;float: right;} .footr p {color: #7F95A8;margin-right: 15px;padding-top: 3px;float: left;} .footr p b {color: #002C52;} /*.footr a { cursor:pointer; margin-right: 15px;padding-left: 3px;text-align: center;text-decoration: none;background:transparent url("/obj/eventim/default/layout/img/elements/btn_foot_small_left.gif") no-repeat top left;float:left;} .footr a span {padding: 2px 8px 1px 5px;background:transparent url("/obj/eventim/default/layout/img/elements/btn_foot_small_right.gif") no-repeat top right;float:left;} .footr a:hover {background-position:bottom left;} .footr a:hover span {background-position:bottom right;} */ /* @end */ /* @group Standardized Buttons */ /* standardisierte Buttons fuer Teaser, Slideshow und Co. (siehe screen_doku.txt fuer Dokumentation) */ /* Default-Button Style */ .dBtn {display:block; overflow:hidden; background-color:transparent; background-position:left top; background-repeat:no-repeat;} .dBtn span {display:none;} /* S > Hoehe 20 Pixel, M > Hoehe 24 Pixel, L > Hoehe 30 Pixel */ .dBtn_S {height:20px;} .dBtn_M {height:24px;} .dBtn_L {height:30px;} /* Hover: Background-Sprites werden so verschoben (sollten Standards sein), dass ein Hover-Effekt entsteht! */ .dBtn:hover {background-position:0px -80px;} /* Disabled ... */ .dBtn_disabled, .dBtn_disabled:hover {background-position:0px -40px;} /* Tickets-Button */ .dBtn_tickets_S {width:64px; background-image:url("/obj/eventim/default/layout/de/img/buttons/btn_tickets_small.gif");} .dBtn_tickets_M {width:81px; background-image:url("/obj/eventim/default/layout/de/img/buttons/btn_tickets_medium.gif");} .dBtn_tickets_M_W {width:128px; background-image:url("/obj/eventim/default/layout/de/img/buttons/btn_tickets_medium_wide.gif");} .dBtn_tickets_L {width:97px; background-image:url("/obj/eventim/default/layout/img/de/buttons/btn_tickets_large.gif");} /* Ticketalarm-Button */ .dBtn_ticketalarm_S {width:90px; background-image:url("/obj/eventim/default/layout/de/img/buttons/btn_ticketalarm_small.gif");} .dBtn_ticketalarm_M {width:112px; background-image:url("/obj/eventim/default/layout/de/img/buttons/btn_ticketalarm_medium.gif");} .dBtn_ticketalarm_M_W {width:128px; background-image:url("/obj/eventim/default/layout/de/img/buttons/btn_ticketalarm_medium_wide.gif");} .dBtn_ticketalarm_L {width:131px; background-image:url("/obj/eventim/default/layout/de/img/buttons/btn_ticketalarm_large.gif");} /* Musicstore-Button */ .dBtn_musicstore_S {width:80px; background-image:url("/obj/eventim/default/layout/de/img/buttons/btn_download_small.gif");} .dBtn_musicstore_M {width:101px; background-image:url("/obj/eventim/default/layout/de/img/buttons/btn_download_medium.gif");} .dBtn_musicstore_M_W {width:128px; background-image:url("/obj/eventim/default/layout/de/img/buttons/btn_download_medium_wide.gif");} .dBtn_musicstore_L {width:117px; background-image:url("/obj/eventim/default/layout/de/img/buttons/btn_download_large.gif");} /* Abgesagt-Button */ .dBtn_canceled_S {width:77px; background-image:url("/obj/eventim/default/layout/de/img/buttons/btn_canceled_small.gif");} .dBtn_canceled_M {width:98px; background-image:url("/obj/eventim/default/layout/de/img/buttons/btn_canceled_medium.gif");} .dBtn_canceled_M_W {width:128px; background-image:url("/obj/eventim/default/de/layout/img/buttons/btn_canceled_medium_wide.gif");} .dBtn_canceled_L {width:113px; background-image:url("/obj/eventim/default/layout/de/img/buttons/btn_canceled_large.gif");} /* @end */ /* @group BORDERED Standardized Buttons */ .dBtn_bordered {display:block; overflow:hidden; background-color:transparent; background-position:left top; background-repeat:no-repeat;} .dBtn_bordered span {display:none;} .dBtn_bordered_S {height:24px;} .dBtn_bordered_M {height:28px;} .dBtn_bordered_L {height:34px;} .dBtn_bordered:hover {background-position:0px -80px;} .dBtn_bordered_disabled, .dBtn_bordered_disabled:hover {background-position:0px -40px;} .dBtn_bordered_tickets_M {width:85px; background-image:url("/obj/eventim/default/layout/de/img/buttons/btn_tickets_medium_border.gif");} .dBtn_bordered_ticketalarm_M {width:116px; background-image:url("/obj/eventim/default/layout/de/img/buttons/btn_ticketalarm_medium_border.gif");} .dBtn_bordered_ticketboerse_M {width:116px; background-image:url("/obj/eventim/default/layout/de/img/buttons/btn_ticketboerse_medium_border.gif");} .dBtn_bordered_musicstore_M {width:105px; background-image:url("/obj/eventim/default/layout/de/img/buttons/btn_download_medium_border.gif");} .dBtn_bordered_canceled_M {width:99px; background-image:url("/obj/eventim/default/layout/de/img/buttons/btn_canceled_medium_border.gif");} /* @end */ /* @group Standardized Submit-Buttons */ .globalSubmitButton_S, .globalSubmitButton_S input { display:block; float:left; border:none; background-color:transparent; background-image:url("/obj/eventim/default/layout/img/buttons/submit_btn_sprite_small.gif"); background-repeat:no-repeat; overflow:visible; } .globalSubmitButton_S { margin:0px 4px; padding:0 0 0 1px; background-position:left top; } .globalSubmitButton_S input { padding:1px 24px 0 11px !important; height:26px !important; font-size:12px !important;font-weight:bold !important; color:#FEF1CC !important; text-align:center !important; vertical-align:middle !important; background-position:right -32px; !important; } html>body .globalSubmitButton_S input { padding-bottom:2px !important; } /** SUBMIT BUTTONS */ /** Default Submit-Button */ .defSubmit, a.defSubmit { background:transparent url(/obj/eventim/default/layout/img/buttons/submit_B_btn_sprite_small.gif) left 1px no-repeat; float:left; display:block; height:28px; padding:0px 0px 0px 1px !important; overflow:hidden; } .defSubmit input, a.defSubmit span { float:left; cursor:pointer; overflow:visible; width:auto; height:28px !important; background: transparent url(/obj/eventim/default/layout/img/buttons/submit_B_btn_sprite_small.gif) right -31px no-repeat; vertical-align:middle; text-align:center; padding:0px 22px 0px 10px; margin-top:0px !important; border:none; color:#FEF1CC; font-weight:bold; } /** IE6 */ html>body .defSubmit input, html>body a.defSubmit span { background-position:right -31px; padding-top:0px; padding-bottom:3px; } /** FF */ *+html .defSubmit input, *+html a.defSubmit span { background-position:right -31px !important; padding-top:1px !important; padding-bottom:2px !important; } /** IE7 */ @media screen and (-webkit-min-device-pixel-ratio:0) { .defSubmit input { padding-top:3px !important; padding-bottom:2px !important; } } /** SAFARI + GOOGLE CHROME */ /** Damit sich die Groesse des Buttons an den des Contents anpasst */ .defSubmitInherit, .defSubmitInherit input { width:100%; } html>body .defSubmitInherit, html>body .defSubmitInherit input { width:inherit !important; } /** Submit-Btn als Link */ a.defSubmit { text-decoration:none; } a.defSubmit span { padding-top:5px; } html>body a.defSubmit span { padding-top:5px; height:21px !important; } *+html a.defSubmit span { padding-top:5px !important; height:28px !important; } @media screen and (-webkit-min-device-pixel-ratio:0) { a.defSubmit span { padding-top:6px !important; padding-bottom:0px !important; } } /** SAFARI + GOOGLE CHROME */ /** Kleiner Submit-Button nur mit Pfeil */ .smallSubmit input, a.smallSubmit span { background-image:url(/obj/eventim/default/layout/img/buttons/submit_btn_sprite_small.gif); padding: 0px !important; font-size:0px; letter-spacing:-1000px; width:27px !important; height:28px; } html>body a.smallSubmit span { height:28px !important; } .defSubmit input.image { padding-top:6px; } /* Clear Float Elements */ .clearFloat {display:block; overflow:hidden; padding:0px; margin:0px; height:1px; clear:both;} /* Print Buttons on Show Order Page in My Eventim */ .printButtons {padding-right:9px; float:right} /** DYNAMISCHE - SlidingDoor-Button */ /* übergangsweise hier eingebaut weil auf detaila die mods in der detailAssortmentTab nicht verfügbar ist */ /** Small */ .sdb_S, .sdb_S span, .sdb_bordered_S, .sdb_bordered_S span { font-size:8.5pt; } .sdb_S { background-image:url(/obj/eventim/default/layout/img/modular/buttons/yellowBtn_rightBack_small.gif); padding-right:1px; } .sdb_S span { background-image:url(/obj/eventim/default/layout/img/modular/buttons/yellowBtn_leftBack_small.gif); height:20px; padding:3px 11px 4px 12px; } .sdb_bordered_S { background:url(/obj/eventim/default/layout/img/modular/buttons/yellowBtn_rightBack_bordered_small.gif) no-repeat right top; padding-right:2px; } .sdb_bordered_S span { background:url(/obj/eventim/default/layout/img/modular/buttons/yellowBtn_leftBack_bordered_small.gif) no-repeat left top; height:20px; padding:3px 11px 4px 12px; } html>body .sdb_S span, html>body .sdb_bordered_S span { height:13px !important; } /** Medium */ .sdb_M, .sdb_M span { font-size:10.5pt; } .sdb_M { background-image:url(/obj/eventim/default/layout/img/modular/buttons/yellowBtn_rightBack_medium.gif); padding-right:1px; } .sdb_M span { background-image:url(/obj/eventim/default/layout/img/modular/buttons/yellowBtn_leftBack_medium.gif); height:24px; padding:4px 15px 3px 16px; } html>body .sdb_M span { height:17px !important; } .sdb_bordered_M, .sdb_bordered_M span { font-size:11pt; } .sdb_bordered_M { background:url(/obj/eventim/default/layout/img/modular/buttons/yellowBtn_rightBack_doublebordered_medium.gif) no-repeat right top; padding-right:3px; } .sdb_bordered_M span { background:url(/obj/eventim/default/layout/img/modular/buttons/yellowBtn_leftBack_doublebordered_medium.gif) no-repeat left top; height:28px;padding:5px 13px 2px 16px; } html>body .sdb_bordered_M span { height:21px !important; } /** Large */ .sdb_L, .sdb_L span, .sdb_bordered_L, .sdb_bordered_L span { font-size:13pt; } .sdb_L { background-image:url(/obj/eventim/default/layout/img/modular/buttons/yellowBtn_rightBack_large.gif); padding-right:1px; } .sdb_L span { background-image:url(/obj/eventim/default/layout/img/modular/buttons/yellowBtn_leftBack_large.gif); height:30px; padding:6px 19px 5px 20px; } .sdb_bordered_L { background:url(/obj/eventim/default/layout/img/modular/buttons/yellowBtn_rightBack_bordered_large.gif) no-repeat right top; padding-right:2px; } .sdb_bordered_L span { background:url(/obj/eventim/default/layout/img/modular/buttons/yellowBtn_leftBack_bordered_large.gif) no-repeat left top; height:30px; padding:6px 19px 5px 20px; } html>body .sdb_L span, html>body .sdb_bordered_L span { height:19px !important; } /* Disabled ... */ .sdb_disabled, .sdb_disabled:hover { background-position:right -40px; color:#fff !important; } .sdb_disabled span, .sdb_disabled:hover span { background-position:left -40px; color:#fff !important; } /* BORDERED Standardized Buttons */ .sdb_bordered, .sdb_bordered span {cursor:pointer; background-color:transparent; float:left; display:block !important; text-decoration:none; line-height:normal !important; font-weight:bold !important;} .sdb_bordered_S {height:20px;} .sdb_bordered_M {height:28px;} .sdb_bordered_L {height:30px;} .sdb_bordered:hover {background-position:right -80px;} .sdb_bordered:hover span {background-position:left -80px;} .sdb_bordered_disabled, .sdb_bordered_disabled:hover { background-position:right -40px; color:#fff !important; } .sdb_bordered_disabled span, .sdb_bordered_disabled:hover span { background-position:left -40px; color:#fff !important; } /** Haben immer einen Hoehe von 110px, 0px = normal, 40px = deaktiviert, 80px = hover */ a.sdb, a.sdb span { cursor:pointer; background-color:transparent; float:left; display:block !important; text-decoration:none; line-height:normal !important; font-weight:bold !important; } a.sdb { background-position:top right; } a.sdb span { background-position:top left; } a.sdb:hover { background-position:right -80px; } a.sdb:hover span { background-position:left -80px; } /** Deaktiviert */ a.sdbDisabled, a.sdbDisabled:hover { background-position:right -40px; color:#fff !important; } a.sdbDisabled span, a.sdbDisabled:hover span { background-position:left -40px; color:#fff !important; } /** Small */ a.sdbS, a.sdbS span { font-size:8.5pt; } a.sdbS { background-image:url(/obj/eventim/default/layout/img/modular/buttons/yellowBtn_rightBack_small.gif); padding-right:1px; } a.sdbS span { background-image:url(/obj/eventim/default/layout/img/modular/buttons/yellowBtn_leftBack_small.gif); height:20px; padding:3px 11px 4px 12px; } html>body a.sdbS span { height:13px !important; } /** Medium */ a.sdbM, a.sdbM span { font-size:10.5pt; } a.sdbM { background-image:url(/obj/eventim/default/layout/img/modular/buttons/yellowBtn_rightBack_medium.gif); padding-right:1px; } a.sdbM span { background-image:url(/obj/eventim/default/layout/img/modular/buttons/yellowBtn_leftBack_medium.gif); height:24px; padding:4px 15px 3px 16px; } html>body a.sdbM span { height:17px !important; } /** Large */ a.sdbL, a.sdbL span { font-size:13pt; } a.sdbL { background-image:url(/obj/eventim/default/layout/img/modular/buttons/yellowBtn_rightBack_large.gif); padding-right:1px; } a.sdbL span { background-image:url(/obj/eventim/default/layout/img/modular/buttons/yellowBtn_leftBack_large.gif); height:30px; padding:6px 19px 5px 20px; } html>body a.sdbL span { height:19px !important; } /** Hover bei "mouseover"-im Teaser damit die Farbe erhalten bleibt, sowie der Button auch so aussieht, als wuerde er getriggert. */ .mouseover a.sdb, .mouseover a.sdb *, .mouseover a.sdb:hover, .mouseover a.sdb:hover * { color:#002C52 !important; } .mouseover a.sdb { background-position:right -80px; } .mouseover a.sdb span { background-position:left -80px; }