/* @group Notes */
/*
	In dieser Datei duerfen nur CSS-Inhalte notiert werden, die auf der
	Startseite genutzt werden.
*/
/* @end */

/* @group Top Events */
#main .topEvents .tabnav {overflow:hidden; height:24px; background:transparent none; position:absolute; top:5px; right:10px; white-space:nowrap;}
#main .topEvents .tabnav li {float:left;}
#main .topEvents .tabnav li a {font-size:11px;font-weight:bold;cursor:pointer;color:#fff;text-decoration:none;text-transform:uppercase;float:left;margin-left:4px;}
#main .topEvents .tabnav li a span {height:24px;float:left;padding:3px 8px 3px 7px;}
	html>body #main .topEvents .tabnav li a span {height:18px;}
#main .topEvents .tabnav li a.active {background:#E5E9ED none;}
#main .topEvents .tabnav li a.active span {color:#002C52; background:#E5E9ED none;}
#main .topEvents .tabnav li a:hover {background: #668097 none;height:23px; overflow:hidden;}
#main .topEvents .tabnav li a:hover span {color:#fff; background: #668097 none;}

#main .topEvents .tabnav li a.active:hover {background: #E5E9ED none;height:24px; overflow:hidden;}
#main .topEvents .tabnav li a.active:hover span {color:#002C52; background: #E5E9ED none;}

#main .topEvents {overflow:hidden;width:735px;padding:0 0 4px 0;margin: 0 0 26px 0;background:#E5E9ED url("/obj/eventim/default/layout/img/backgrounds/box_main.gif") no-repeat right bottom;}
#main .topEvents .gradient {width:731px;padding: 15px 0 0 0;background:#E5E9ED url("/obj/eventim/default/layout/img/backgrounds/box_gradiend.jpg") no-repeat right bottom;overflow:hidden;margin:0 4px 0 0;}
	html>body #main .topEvents .gradient {padding:15px 0 10px 0}
#main .topEvents .eventTeaser {width:731px;padding:0 0 15px 10px;margin:0 0 11px 0;overflow:hidden;border-bottom: 1px solid #B2BFCB;}
	html>body #main .topEvents .eventTeaser {width:721px;}
#main .topEvents .eventTeaser li {padding:10px;cursor: pointer;float: left;}
#main .topEvents .eventTeaser li.active {background:#7f95a8;color:#fff;}
#main .topEvents .eventTeaser li.active h2 a {color:#fff;}

#main .topEvents .eventTeaser li .teaserImage {width:156px;height:198px;position:relative;}
#main .topEvents .eventTeaser li .textbox {margin:4px 0 0 0;width:156px;overflow:hidden;height:63px;}
#main .topEvents .eventTeaser li h2 {font-size: 13px;font-weight: bold;text-decoration: underline;margin-bottom: 1px;}
#main .topEvents .eventTeaser li h4 {text-transform: uppercase;font-size:11px;}
#main .topEvents .eventTeaser p {font-weight: bold;}
#main .topEvents a.showAll {font-weight:bold; font-size:11px; color:#002C52;text-decoration: none;padding-right: 20px;padding-left: 12px;background: transparent url(/obj/eventim/default/layout/img/elements/teaser_link_arrow.gif) no-repeat scroll 0 3px;float: right;}
#main .topEvents a.showAll:hover {text-decoration:underline;}
/* @end */

/* @group Home Teaser */
/* home teaser big (weitere Style dazu "Dynamic Buttons for eveSlideshow") */

#main #homeTeaser {overflow: hidden; width: 735px; padding: 0px 0 14px 0; }
#main #homeTeaser h2 {display: none;}
/* @end */

/* @group Main Teaser */
#main #homeTeaser #teaserPager {overflow:hidden;padding: 5px 0 3px 5px;background-color: #fff;position: absolute;top:294px;left:10px;}
#main #homeTeaser #teaserPager li {padding-right: 5px;float: left;}

#main #homeTeaser #teaserPager li a {width: 18px;height: 16px;color: #fff;text-align: center;text-decoration: none;padding-top: 2px;background: url("/obj/eventim/default/layout/img/backgrounds/teaser_pager.gif") no-repeat 0 0;display: block;}
#main #homeTeaser #teaserPager li a:hover {background: url("/obj/eventim/default/layout/img/backgrounds/teaser_pager.gif") no-repeat 0 -56px;}
#main #homeTeaser #teaserPager li a.current {color: #002C52;background: url("/obj/eventim/default/layout/img/backgrounds/teaser_pager.gif") no-repeat 0 -28px;}

#main #homeTeaser .homeTeaserSmall {width:260px; height:275px; float:right; margin:0px 4px 0px 0px; position:relative; cursor:pointer;}
#main #homeTeaser .homeTeaserSmallImage {width:100%; height:100%; display:block;}
#main #homeTeaser .homeTeaserSmallImage span {display:none;}
#main #homeTeaser .homeTeaserSmallContent {position:absolute; bottom:4px; right:10px;}
#main #homeTeaser .homeTeaserSmallContent .teaserLinks li {margin-right: 4px;float: right;}
#main #homeTeaser .homeTeaserSmallContent .teaserLinks li.tickets {margin-left:3px;}

/*
#main #homeTeaser .homeTeaserBanner {width:260px; height:56px; float:right; margin:0px 4px 0px 0px; position:relative;}
#main #homeTeaser .homeTeaserBannerContent {position:absolute; top:243px; right:10px;}
*/

#main #homeTeaser .homeTeaserSmall .teaserLinks li.music a,
#main #homeTeaser .homeTeaserSmall .teaserLinks li.video a,
#main #homeTeaser .homeTeaserSmall .teaserLinks li.images a { width:28px; height:28px; background:transparent url("/obj/eventim/default/layout/img/icons/mediaicons_sprite.gif") 0px 0px no-repeat; display:block; }

#main #homeTeaser .homeTeaserSmall .teaserLinks li.music a  { background-position: -33px 0px; }
#main #homeTeaser .homeTeaserSmall .teaserLinks li.music a:hover { background-position: -33px -33px; }

#main #homeTeaser .homeTeaserSmall .teaserLinks li.video a  { background-position: -66px 0px; }
#main #homeTeaser .homeTeaserSmall .teaserLinks li.video a:hover { background-position: -66px -33px; }

#main #homeTeaser .homeTeaserSmall .teaserLinks li.images a  { background-position: 0px 0px; }
#main #homeTeaser .homeTeaserSmall .teaserLinks li.images a:hover { background-position: 0px -33px; }

#main #homeTeaser .homeTeaserSmall .teaserLinks li span {display: none;}
/* @end */

/* @group Dynamic Buttons */
/* For eveSlideshow */
#bigTeaser { position:absolute; }

.teaserBtns { top:243px; right:-8px; position:absolute; white-space:nowrap; display:block;}
	html>body .teaserBtns { right:0px; }

.mediaBtns {float:right; width: 105px; height:30px; position:relative; margin-right:5px;}
.mediaBtns span {display:none;}
.mediaBtns a { float:right; width:29px; height:28px; background-image:url("/obj/eventim/default/layout/img/icons/mediaicons_sprite.gif"); background-repeat:no-repeat; display:none; }

.iconMusic { background-position: -33px 0px; }
.iconMusic:hover { background-position:-33px -33px; }

.iconVideo { background-position: -66px 0px; }
.iconVideo:hover { background-position:-66px -33px; }

.iconImages { background-position: 0px 0px; }
.iconImages:hover { background-position:0px -33px; }

.ticketBtn {float:right; position:relative; margin-right:13px;}
.ticketBtn span {display:none;}


/*------------ image siehe folgende css: obj/eventim/default/home/de/css/home.css------------  */
.iconTicket {display:none; height: 30px; width: 97px;}
.iconTicket:hover {background-position: 0px -34px;}

.eveSlideShowOverImages a.visible {display:block;}
#bigTeaser .eveSlideshowPager { bottom:-10px !important; }
/* @end */

/* Smallteaser SlidingDoor Buttons*/
#main #homeTeaser .homeTeaserSmall .teaserLinks li .mods span {display:block;} 

/* @end*/
#content { margin-top:8px !important; }
#content #sidebar { margin-top:15px !important; }

.wideHomeTeaserBox { width:353px; }
.wideHomeTeaserBox li { float:left; }
.wideHomeTeaserBox li span.chartNumber { margin-right:8px; }
#topRatedEventsHomeList .wideHomeTeaserBox li{ width:323px; }
* html #topRatedEventsHomeList .wideHomeTeaserBox li { width:353px; }

.wideTeaserBox li.leftLi { float:left;}
.wideTeaserBox li.rightLi {float:left;}

/* for overlay-banner on start-page */
.boxMain {display:none; position:absolute; left:50%; top:30%; z-index:20000;}
.boxHead {background-color:#fff; height:30px; text-align:right;}
.boxHead span  {color: #002c52; float:left; font-weight: bold; height: 28px; line-height: 28px; margin-left:10px; text-align: left; text-decoration: none;}
.boxHead a  {color: #002c52; display: inline-block; font-weight: bold; height: 28px; line-height: 28px; margin-right: 10px; text-decoration: none;}
.boxHead a img {margin: 9px 5px 0;}
.boxContent {background-color: #fff;}
.boxContent p {padding: 10px; color: #002c52; text-align: left;}
.boxShadow {display:none; position:absolute; width:100%; height:370%; left:0px; top:0px; background-color:#002c52; z-index:10000; opacity:0.70; filter:alpha(opacity=70); -khtml-opacity: 0.70; -moz-opacity: 0.70;}