/* All kind of Views coded by TYPO3 */
    div.tx-mjseventpro-pi1   { background-color: #FFF7E7; padding: 10px; border: solid 0 #e00 }
    div.tx-mjseventpro-pi1 .help   { background-color: #ffc; padding: 1px 2px; border: solid 1px #d2d29f }

    .optionBox{ color: #222; background-color: #FFF7E7; margin-bottom: 10px; padding: 10px; border: solid 1px #eee }
    .select{ padding-right: 10px; padding-bottom: 10px; float: left; clear: both }
    .search {}

/* Single View, Custom code for this template */
/* two seperate boxes:
#posterBox     { background-color: #FFF7E7; margin: 0 10px 10px 0; padding: 8px 10px; width: 100px; float: left; clear: both; border: solid 1px #eee }
#titleBox, #descrBox, #adDataBox       { background-color: #FFF7E7; margin-bottom: 10px; margin-left: 130px; padding: 8px 10px; clear: right; border: solid 1px #eee }
*/
/* box in box: */
#posterBox          { background-color: #FFF7E7; margin: 0 10px 10px 0; position: relative; top: -8px; left: -0.9em; float: left; clear: both; border: solid 1px #ddd }
#titleBox, #descrBox, #adDataBox       { background-color: #FFF7E7; margin-bottom: 10px; margin-left: 0px; padding: 8px 10px; clear: right; border: solid 1px #eee }
#bdate, #entrytime, #edate  { padding-right: 20px; float: left, clear: left; }
#btime, #etime, #edatetime  {  }
#teaser { font-weight: 700; color: #222; font-size: 0.9em; margin-bottom: 10px }
.label     { color: #888; font-size: 0.9em; border-top: 1px dashed #eee }
.data   { color: #222; font-size: 0.9em; margin-bottom: 10px }





/* List View, Custom code for this template */
/* Custom styles won't be read by the TYPO3-engine. I use them to design the template and then copy them to the setup code. */		
    div.tx-mjseventpro-pi1 td.list       { padding-top: 2px; padding-right: 4px; padding-bottom: 2px; border-top: 0; border-right: 0; border-bottom: 1px dashed #bbb; border-left: 0 }



/*****************************************************************************
	List View
*****************************************************************************/

    .listRow { background-color: #FFF7E7; margin-bottom: 10px; padding: 5px 10px; border: solid 1px #eee }

    .tx-mjseventpro-pi1-listView-events { background-color: #FFF7E7 }
    .tx-mjseventpro-pi1-listViewField-image { padding-right: 10px; padding-bottom: 10px; float: left; clear: both }
    .tx-mjseventpro-pi1-listViewField-title { clear: none;  }
	.tx-mjseventpro-pi1-listViewField-teaser,
    .tx-mjseventpro-pi1-listViewField-bdate,
    .tx-mjseventpro-pi1-listViewField-btime,
	.tx-mjseventpro-pi1-listViewField-bdatetime,
    .tx-mjseventpro-pi1-listViewField-time { color: #777; font-size: 0.9em }
	
	
    .mjseventpro-listView-title:link,
    .mjseventpro-listView-title:visited { text-decoration: none }
    .mjseventpro-listView-title:hover { text-decoration: underline }
	.tx-mjseventpro-pi1-listViewField-bdatetime a,
	.tx-mjseventpro-pi1-listViewField-bdate a,
    .mjseventpro-listView-teaser:link { color: #000; text-decoration: none }
    .mjseventpro-listView-teaser:visited {  color: #000; text-decoration: none }
    .mjseventpro-listView-teaser:hover { text-decoration: underline }





/*****************************************************************************
	Teaser View
*****************************************************************************/

	/* Teaser View, Custom code for this template */
	#header { color: #999222; font-size: 1em; font-weight: 700; background-color: #FFF7E7; ; margin-bottom: 10px; padding: 10px; border: solid 1px #eee }
	#listViewLink { background-color: #FFF7E7; margin-top: 10px; padding: 10px; border: solid 1px #eee }

	.teaserRow { color: #222; background-color: #FFF7E7; margin-bottom: 10px; padding: 10px; border: solid 1px #eee }

    .tx-mjseventpro-pi1-teaserView-events { background-color: #FFF7E7 }
    .tx-mjseventpro-pi1-teaserView-header { color: #222; font-size: 1em; font-weight: 700; background-color: #FFF7E7; ; margin-bottom: 10px; padding: 10px; border: solid 1px #eee }	
    .tx-mjseventpro-pi1-teaserViewField-image { padding-right: 10px; padding-bottom: 10px; float: left; clear: both }
    .tx-mjseventpro-pi1-teaserViewField-title { clear: none;  }
    .tx-mjseventpro-pi1-teaserViewField-bdate,
    .tx-mjseventpro-pi1-teaserViewField-btime,
    .tx-mjseventpro-pi1-teaserViewField-bdatetime { color: #777; font-size: 0.9em }

    .mjseventpro-teaserView-title:link,
    .mjseventpro-teaserView-title:visited { text-decoration: none }
    .mjseventpro-teaserView-title:hover { text-decoration: underline }
	.tx-mjseventpro-pi1-teaserViewField-bdate a,
    .mjseventpro-teaserView-teaser:link { color: #000; text-decoration: none }
    .mjseventpro-teaserView-teaser:visited {  color: #000; text-decoration: none }
    .mjseventpro-teaserView-teaser:hover { text-decoration: underline }
	





/* ------------ */

.tx-mjseventpro-pi1 H2 { margin-top: 0px; margin-bottom: 0px; }


/* ------- */
.table-single     { }
.td-single     { }
.tx-mjseventpro-pi1-singleView-Infobox   {  background-color: #f5f5f5; border: dashed 1px #999 }
.tx-mjseventpro-pi1-singleView-DescrBox  { padding: 2px 20px }

.tx-mjseventpro-pi1-browsebox  { color: #333; font-size: 0.9em;  background-color: #ffc }

.tx-mjseventpro-pi1-listrowField-title  { color: #333; font-size: 1em;  font-weight: normal;  }
.tx-mjseventpro-pi1-listrowField-teaser { color: #333; font-size: 0.9em;  }
.tx-mjseventpro-pi1-listrowField-bdate { color: #333; font-size: 0.9em;  }
.tx-mjseventpro-pi1-listrowField-entrytime { color: #333; font-size: 0.9em;  }
.tx-mjseventpro-pi1-listrowField-time { color: #333; font-size: 0.9em;  }
.tx-mjseventpro-pi1-listrowField-location { color: #333; font-size: 0.9em;  }
.tx-mjseventpro-pi1-listrowField-ticketlink  { color: #333; font-size: 0.9em;  }









/* ARCHIVE_VIEW, Custom code for this template */



/* ARCHIVE_VIEW coded by TYPO3 */
	select, input { font-size: 0.9em }
    .tx-mjseventpro-pi1-archiveView-events     { background-color: #FFF7E7 }
    .tx-mjseventpro-pi1-archiveViewField-title { font-weight: 700; font-size: 0.9em;  }
    .tx-mjseventpro-pi1-archiveViewField-bdate  { color: #777; font-size: 0.9em; width: 160px; float: left; clear: both }
    .mjseventpro-archiveView-title:link     { color: #333333; text-decoration: none }
    .mjseventpro-archiveView-title:visited  { color: #333333; text-decoration: none }
    .mjseventpro-archiveView-title:hover    { color: #333333; text-decoration: underline }



	
/* List View, Custom code for this template */







/*****************************************************************************
	Single View
*****************************************************************************/


.tx-mjseventpro-pi1-singleViewField-title { clear: none; }
.tx-mjseventpro-pi1-singleViewField-teaser { font-weight: 700; color: #222; font-size: 0.9em; margin-bottom: 10px }

.tx-mjseventpro-pi1-singleViewField-image { font-size: 0.9em; background-color: #FFF7E7; margin: 0; padding: 10px; clear: both }
.tx-mjseventpro-pi1-singleViewField-imgcap { color: #888; font-size: 0.9em; background-color: #FFF7E7; margin: 0; padding: 0 10px 10px }

.tx-mjseventpro-pi1-singleViewField-bdate,
.tx-mjseventpro-pi1-singleViewField-entrytime,
.tx-mjseventpro-pi1-singleViewField-btime,
.tx-mjseventpro-pi1-singleViewField-edate,
.tx-mjseventpro-pi1-singleViewField-etime,
.tx-mjseventpro-pi1-singleViewField-cat,
.tx-mjseventpro-pi1-singleViewField-type,
.tx-mjseventpro-pi1-singleViewField-descr,
.tx-mjseventpro-pi1-singleViewField-internalrefs,
.tx-mjseventpro-pi1-singleViewField-location,
.tx-mjseventpro-pi1-singleViewField-files,
.tx-mjseventpro-pi1-singleViewField-links,
.tx-mjseventpro-pi1-singleViewField-promoter,
.tx-mjseventpro-pi1-singleViewField-location,
.tx-mjseventpro-pi1-singleViewField-area,
.tx-mjseventpro-pi1-singleViewField-status,
.tx-mjseventpro-pi1-singleViewField-priority,
.tx-mjseventpro-pi1-singleViewField-fees,
.tx-mjseventpro-pi1-singleViewField-ticketlink,
.tx-mjseventpro-pi1-singleViewField-age,
.tx-mjseventpro-pi1-singleViewField-edatetime { margin-bottom: 10px }

.tx-mjseventpro-pi1-singleViewHeader-bdate,
.tx-mjseventpro-pi1-singleViewHeader-entrytime,
.tx-mjseventpro-pi1-singleViewHeader-btime,
.tx-mjseventpro-pi1-singleViewHeader-edate,
.tx-mjseventpro-pi1-singleViewHeader-etime,
.tx-mjseventpro-pi1-singleViewHeader-title,
.tx-mjseventpro-pi1-singleViewHeader-teaser,
.tx-mjseventpro-pi1-singleViewHeader-cat,
.tx-mjseventpro-pi1-singleViewHeader-type,
.tx-mjseventpro-pi1-singleViewHeader-descr,
.tx-mjseventpro-pi1-singleViewHeader-internalrefs,
.tx-mjseventpro-pi1-singleViewHeader-location,
.tx-mjseventpro-pi1-singleViewHeader-image,
.tx-mjseventpro-pi1-singleViewHeader-imgcap,
.tx-mjseventpro-pi1-singleViewHeader-files,
.tx-mjseventpro-pi1-singleViewHeader-links,
.tx-mjseventpro-pi1-singleViewHeader-promoter,
.tx-mjseventpro-pi1-singleViewHeader-location,
.tx-mjseventpro-pi1-singleViewHeader-area,
.tx-mjseventpro-pi1-singleViewHeader-status,
.tx-mjseventpro-pi1-singleViewHeader-priority,
.tx-mjseventpro-pi1-singleViewHeader-fees,
.tx-mjseventpro-pi1-singleViewHeader-ticketlink,
.tx-mjseventpro-pi1-singleViewHeader-age,
.tx-mjseventpro-pi1-singleViewHeader-edatetime { color: #888; font-size: 0.9em; border-top: 1px dashed #eee }


/* ARCHIVE_VIEW, Custom code for this template */



/* ARCHIVE_VIEW coded by TYPO3 */
	select, input { font-size: 0.9em }
    .tx-mjseventpro-pi1-archiveView-events     { background-color: #FFF7E7 }
    .tx-mjseventpro-pi1-archiveViewField-title { font-weight: 700; font-size: 0.9em;  }
    .tx-mjseventpro-pi1-archiveViewField-bdate  { color: #777; font-size: 0.9em; width: 160px; float: left; clear: both }
    .mjseventpro-archiveView-title:link     { color: #333333; text-decoration: none }
    .mjseventpro-archiveView-title:visited  { color: #333333; text-decoration: none }
    .mjseventpro-archiveView-title:hover    { color: #333333; text-decoration: underline }
	
	
/*****************************************************************************
   	Melde Formular
*****************************************************************************/	
	
	div.tx-mjseventpro-pi1 td { font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; padding-top: 4px }
	div.tx-mjseventpro-pi1 td.datetime { padding-top: 0px }
	div.mjseventfeform_message { color: red; font-size: 9px }
	div.tx-mjseventpro-pi1 input, div.tx-mjseventpro-pi1  textarea { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #FFF7E7; padding: 1px 2px 2px 3px; border-style: solid; border-width: 1px; border-color: #555 #ddd #ddd #555 }
	div.tx-mjseventpro-pi1 input.button, select  { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif }
	div.tx-mjseventpro-pi1 .fieldHeaderForm  { color: #888; font-size: 9px; text-align: right; margin-right: 4px; margin-left: 2px !important }
	div.tx-mjseventpro-pi1 .fieldHeaderForm2  { color: #888; font-size: 9px; text-align: left; margin-right: 4px; margin-left: 0px !important }
	div.tx-mjseventpro-pi1 div.clear  { border-top: 1px dashed #bbb }
	
	
/*****************************************************************************
   	Linke Spalte Teaser2
*****************************************************************************/		
	
#leftCol .tx-mjseventpro-pi1
	{
		background-color: transparent;
		padding: 10px 0;
		border: none;
 		font-size: 0.9em;		
		line-height: normal;
		border-bottom: solid 2px #7B7B7B;
		margin-bottom: 20px;
	}
#leftCol .teaserRow
	{
		color: inherit;
		background-color: transpatent;
		margin-bottom: 10px;
		padding: 0 0 10px 0;
		border: none;
	}
#leftCol .teaserRow h3
	{
 		font-size: 1.1em;
		margin: 0;
	}
#leftCol .tx-mjseventpro-pi1-teaserView2-header
	{
 		font-size: 1.2em;
		margin: 0 0 1em 0;
		color: #000;
	}
#leftCol .teaserRow .tx-mjseventpro-pi1-teaserView2Field-bdatetime
	{
		font-size: 0.9em;		
	}
	
#leftCol .teaserRow .tx-mjseventpro-pi1-teaserView2Field-bdatetime a
	{
		text-decoration: none;
		font-size: 1em;
		color: inherit;
	}
#leftCol #listViewLink
	{
		background-color: transpatent;
		font-size: 11px;
		margin-top: 10px;
		padding: 0;
		border: none;
	}