/*
 * Ext Core Library Examples 3.0
 * http://extjs.com/
 * Copyright(c) 2006-2009, Ext JS, LLC.
 * 
 * MIT Licensed - http://extjs.com/license/mit.txt  
 */
 
#media_topLevelMedia {
	margin-left: 1px;
}
#bar {
	float: left; 
	width: 442px; 
	height: 43px;
	background-image: url(../images/passive/veranstaltungen4.png);
	background-position: -1px 0;
	background-color: white;
	margin-left: 1px;
	z-index: 0;
}

#eventLink {
	display: block;
	height: 42px;
	left: 2px;
	position: absolute;
	top: 295px;
	width: 235px;
	z-index: 2;
}

.item {
	float: left;
	padding-left: 250px;
}

.subitem {
	width: 57px;
	float: left;
	cursor: pointer;
	margin-top: 2px;
	margin-right: 2px;
	display: block;
}

.subitem.stretch img {
	height: 38px;
	width: 57px;
}

.subitem.white {
	background-color: white;
}

.subitem.black {
	background-color: black;
}

.subitem.white img, .subitem.black img {
	max-height: 38px;
	max-width: 57px;
}

.ux-carousel-container {
    overflow: hidden;
    position: relative;
    height: 43px;
    width: 442px;
}

.media_TopArea .ux-carousel-container {
	height: 294px !important;

}

.ux-carousel-slides-wrap {
	width: 442px;
    position: absolute;
    top: 42px;
    left: 0;
}

.ux-carousel-slide {
    float: left;
    overflow: hidden;
    text-align: center;
    width: 442px;
  	height: 294px;
}
#bar .ux-carousel-slide {
	height: 40px;
}

.ux-carousel-nav {
    height: 0px;
    width: 100%;
    background-color: transparent;
    background-image: none; /*url(../images/player/sleekplayer_textfeld0006.png);*/
    position: absolute;
    top: 0;
    left: 0;
}

.media_TopArea .ux-carousel-nav {
	top: 295px;
}

.ux-carousel-caption {
	height: 0px !important;
	padding-top: 0px !important;
}

.ux-carousel-nav-prev,
.ux-carousel-nav-next {
    height: 33px;
    width: 12px;
    display: block;
    float: right;
    margin-top: 4px;
    background-image: url('../images/passive/slide_left_right.png');
}

.ux-carousel-nav .ux-carousel-nav-prev {    
    margin-right: 176px;
}

.ux-carousel-nav .ux-carousel-nav-next {
    background-position: -12px 0px;
    margin-right: 5px;
}

.imageWrapper {
	height: 295px;
	width: 441px;
}

.imageWrapper.white {
	background-color: white;
}

.imageWrapper.black {
	background-color: black;
}

.imageWrapper.stretch img {
	height: 295px;
	width: 441px;
}

div.event_data, div.event_data.top {
	position: relative;
	right: 1px;
	top: -295px;
}
div.event_data.bottom {
	position: relative;
	right: auto;
	top: auto;
}
div.event_data.none {
	display: none;
}

.ausverkauft, .verschoben, .faelltAus {
	display: block;
	/*width: 160px;*/
	height: 43px;
	position: relative;
	margin-top: -58px;
	left: 0px;
}
.ausverkauft {
	background: url(../images/va/ausverkauft.png) no-repeat;
}	
.verschoben {
	background: url(../images/va/verschoben.png) no-repeat;
}
.faelltAus {
	background: url(../images/va/faelltaus.png) no-repeat;
}

a * {
	cursor: hand !important;
}
a .title {
	color: #000;
}

a .date, a .more  {
	color: #fff;
}


.title, .date, .more {
	font-weight: bold;
	float: right;
	opacity: 0.8;
	filter: alpha(opacity=80);
	text-align: right;
	padding: 5px;
}
	
.title {
	background-color: #fff;
	color: #000;
	font-size: 150%;	
}
.date {
	height: 25px;
}

.bottom .title, .bottom .date {
	position: absolute;
	bottom: 0px;
	right: 0px;
}
.bottom .title {
	bottom: 35px;
}

.date, .more {
	background-color: #000;
	font-size: 140%;
	clear: both;
	color: white;
}

.more {
	font-size: 100%;
}