/* CSS Document */


/*
*********************************************
*   EVENT CALENDAR EXTENSION - STYLESHEET   *
*********************************************

Colorscheme is:

Color 1: #393633;	(Schwarz-Grau)
Color 2: #DA251D;	(Rot)
Color 3: #E5E5E5;	(Weiß)

Text, main:	#E5E5E5
Text Color 1: #DA251D;	(red)
Text Color 2: #10007B;	(green)
Text Color 3: #AAAAAA;	(grey)

Links		#AAAAAA
Link hover: #FFFFFF;

Borders/Lines	#333333

***********************************************
*/



/*-----------------------------------  clearer  -----------------------------------*/
/* prevent floated images from overlapping the div-containers they are wrapped in  */

.tx-eventcalendar-item-abstractbox HR.clearer {
	clear: right;
	height: 1px;
	border: 1px solid #393633;
	}

.tx-eventcalendar-detail-abstractbox HR.clearer {
	clear: right;
	height: 1px;
	border: 1px solid #393633;
	font-size:0px;
	line-height:0px;
	}
	
.tx-eventcalendar-item-abstractbox DIV.clearer {
	clear: right;
	height: 1px;
	border: 1px solid #DA251D;
	}

.tx-eventcalendar-detail-container HR.invisible {
  height: 1px;
  border: 1px solid #393633;
}

.clearparagraph { line-height: 1px; font-size:1px; }

/********************/
/*   DETAIL VIEW    */
/********************/

/*-------------------------  HEADER - MODE SELECTOR  ------------------------------*/

.tx-eventcalendar-modeSelector-container { margin-top: 18px; margin-bottom: 18px; }

.tx-eventcalendar-modeSelector-preimage {}
.tx-eventcalendar-modeSelector-description, .tx-eventcalendar-modeSelector {margin-top: 3px;}
.tx-eventcalendar-modeSelector-description, .tx-eventcalendar-modeSelector DIV, .tx-eventcalendar-pi1-modeSelector-SCell DIV {  height: 15px; font-size: 8pt; line-height: 10pt; }
.tx-eventcalendar-modeSelector-description { margin-right: 4px;}
.tx-eventcalendar-modeSelector DIV {  margin: 0px 5px 0px 5px; }

.tx-eventcalendar-modeSelector A { text-decoration: underline; color: #AAAAAA;  }
.tx-eventcalendar-modeSelector A:hover { color: #FFFFFF; }
.tx-eventcalendar-pi1-modeSelector-SCell DIV {height: 15px; background: url("../../fileadmin/template/images/bg_eventcalendar_selector_s.gif");  }
.tx-eventcalendar-pi1-modeSelector-SCell A, .tx-eventcalendar-pi1-modeSelector-SCell A:hover { color: #393633; text-decoration: none;}




/*-------------------------  HEADER - MonthHeader  ------------------------------*/


/*------------------------- CONTENT ---------------------------------------------*/


.tx-eventcalendar-detail-container { margin-top: 18px; width:507px;}





.tx-eventcalendar-detail-abstractbox {  }
.tx-eventcalendar-detail-abstractbox IMG {  margin-left: 9px; }
.tx-eventcalendar-detail-eventimage {  background-color: #393633; float: right;}


.tx-eventcalendar-detail-eventtimebox { width: 250px; height:16px; background: url("../../fileadmin/template/images/bg_eventdate_b.gif");}
.tx-eventcalendar-detail-date {width: 166px; float:left; line-height: 11pt; font-weight: normal; }
.tx-eventcalendar-detail-begin {line-height: 11pt; text-align:left;}

.tx-eventcalendar-detail-date, .tx-eventcalendar-detail-artist, .tx-eventcalendar-detail-subtitle, .tx-eventcalendar-detail-addinfo {margin-left: 4px;}


.tx-eventcalendar-detail-artist { margin-top: 4px; margin-bottom:4px; font-size: 10.5pt; line-height: 12pt; font-weight: normal; } 
.tx-eventcalendar-detail-artist A { text-decoration: none; }
.tx-eventcalendar-detail-subtitle { font-size: 9pt; font-weight: normal;}

.tx-eventcalendar-detail-subtitle SPAN.reddash IMG {margin-left: 4px; margin-right: 4px;}
/*.tx-eventcalendar-detail-subtitle SPAN.reddash { color: #DA251D; background: url("../../fileadmin/template/images/textdot10pt.gif"); 	background-position : center;
	background-repeat : no-repeat;}
*/
.tx-eventcalendar-detail-addinfo {font-size: 8pt; margin-top:3px; }
.tx-eventcalendar-detail-addinfo SPAN.spacer {padding-left: 20px;}










/***************/
/* SINGLE VIEW */
/***************/

/*----------------------------------  ITEM --------------------------------------*/	

.tx-eventcalendar-item-container {margin-top: 32px; width:525px; }

.tx-eventcalendar-item-eventtimebox {width: 360px; height: 20px; background: url("../../fileadmin/template/images/bg_eventdate_single.gif");}
.tx-eventcalendar-item-date, .tx-eventcalendar-item-begin, .tx-eventcalendar-item-artist { font-size: 13pt; line-height: 14pt; font-weight: normal; text-align: left;} 
.tx-eventcalendar-item-date {width: 240px; float:left;  }
.tx-eventcalendar-item-begin {}

.tx-eventcalendar-item-date, .tx-eventcalendar-item-abstractbox {margin-left: 4px;}
.tx-eventcalendar-item-abstractbox {margin-top: 12px;}


.tx-eventcalendar-item-abstractbox IMG { float: right; margin-left: 5px; margin-bottom: 5px; margin-top: 0px; }

.tx-eventcalendar-item-artist { text-align: left; }
.tx-eventcalendar-item-artist A { text-decoration: none; }

.tx-eventcalendar-item-abstractbox H4 {margin-top: 8px;  }


.tx-eventcalendar-item-websitelink {}
.tx-eventcalendar-item-note1 { }
.tx-eventcalendar-item-note2 { }
.tx-eventcalendar-item-begin { }
.tx-eventcalendar-item-price { }

.tx-eventcalendar-Single-Backlink { margin-top: 12px; text-align: right }