/* @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("../img/box_main.gif") no-repeat right bottom;}
#main .topEvents .gradient {width:731px;padding: 15px 0 0 0;background:#E5E9ED url("../img/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("../img/teaser_pager.gif") no-repeat 0 0;display: block;}
#main #homeTeaser #teaserPager li a:hover {background: url("/../img/teaser_pager.gif") no-repeat 0 -56px;}
#main #homeTeaser #teaserPager li a.current {color: #002C52;background: url("../img/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; top:243px; 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:relative;
}

.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;}
.mehrLink {width:150px; background:transparent url(../img/mehr.gif) left top no-repeat;}
.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 {
}
#content #sidebar { margin-top:15px !important; }