/* CSS Document */

body {
	background-color: #FFFFFF;
	font-family: Tahoma, Verdana, Arial,Helvetica, Geneva, Swiss;
	margin: 0;
	padding: 0;
	font-size: 11px;
    }
	
img {border: 0}

ul {
	list-style-type:none;
	}


p {
    margin:3px;
    padding:0px;
    font-size: 11px;
}

dd {
    margin:5px;
    padding:0px;
    font-size: 9px;
}

h1 {
    font-size: 14px;
    color: #ffffff;
    margin-top:10px;
    padding: 10px;
    background-color: #666666;
}

h2  { background-color: #CCCCCC; color: #ffffff; font-size: 11px; margin: 0; padding: 0 }
h3  { background-color: #CCCCCC; color: #ffffff; font-size: 12px; margin: 0; padding: 0 }

a   { color: #000; font-size: 11px; text-decoration: none }
a:link
{
	color: #000;
	text-decoration: none;
}

a:visited
{
	color: #000;
	text-decoration: none;
}

a:hover, a:active
{
	color: #000;
	text-decoration: none;
	border-bottom: none
}


#Formatelemente für Formulare
.csc-mailform {
   border: 1px solid;
}

.csc-mailform-field label{
  font-size: 9px;
  font-family: Verdana, Arial, Helvetica, Geneva, Swiss;
  width: 10em;
  float: left;
  text-align: right;
  margin-right: 0.5em;
  display: block;
  clear: right;
}

.csc-mailform-submit {
  margin-left: 5.5em;
} 

DIV.csc-mailform-field {
  height: 2.3em;
}

csc-textpic-caption {
    color: black
    margin:5px;
    padding:0px;
    font-size: 9px;
}
 p,ul,td,th { font-size: 11px; line-height: 17px; margin: 0 0 8px 0px }
 .top  { font-size: 9px; line-height: 17px; margin: 0 0 8px 0px } 
 li  {font-size: 11px; margin: 0 0 0px 15px }
 .p1, .p2, .p3, .p4, .p5 { text-align: left; margin: 0; padding: 0 0 8px 15px; width: 320px; float: left }
wrapper {
		margin:0px auto;
		width:61.25em;
		border:0.0625em solid #333;
		text-align:left;
		background: url(left_hinter.jpg) repeat-y left top;
	}

	.oben   { position: relative; top: 0; left: 0 }
	.logo   { top: 0; left: 0;}
	.ani    { position: absolute; top: 0px;left: 380px }
        .navioben  { position: absolute; top: 125px;left: 498px;border-right: 1px solid #666;}
	
	
	
	.main {
	width:38.75em;
	position:relative;
	top:0em;
	left:0em;
	margin-right: 11.25em;
	margin-left: 11.25em;
	margin-bottom: 0em;
	background: #FFF;
	border-left: 1px solid #666;
	border-right: 1px solid #666;

	}
	
	.left {
		width:9.95em;
		position:absolute;
		top:0em;
		left:-11.25em;
		color:#FFF;
		padding:0.625em;
		#clear: left;
		margin-left: 0.25em;
		margin-bottom: 2em;
	}
	.middle    { 
		color: #333;
		top:0em; 
	  	width: 37.35em; 
	 	margin-left: 0.25em;
	  	padding: 0.62em; 
	}
	.right {
		width:9.95em;
		float:right;
		position:absolute;
		top:0em;
		left:620px;
		margin-right:-11.25em;
		float:left;
		color:#333;
		padding:0.625em;
	}
	
	.clear {
		clear:both;
		font-size:1px;
		line-height:1px;
		margin-top:-1px;
	}
	
	.middle a, .right a {
		color:#333;
		font-size:0.75em;
		font-weight:bold;
	}
	
	.middle a:hover, .right a:hover {
		color:#990000;
	}
	
	.left a {
		color:#FFFFFF;
		font-size:0.75em;
		font-weight:bold;
		border-bottom: 1px;
		
	}
	
	.left a:hover {
		color:#FFFFFF;
		font-size: 0.75em;
		border-bottom: 1px;
	}
	
	.left p, .middle p, .right p {
		font-size:0.75em;
		
	}
	
	.back {
		padding-top:0.625em;
		text-align:left;
		margin:0em auto;
		width:61.25em;
	}
	
	.back a {
		font-size:0.75em;
		font-weight:bold;
		color:#333;	
	}
	*-----------------------------------  clearer  -----------------------------------*/
/* prevent floated images from overlapping the div-containers they are wrapped in  */

.news-list-container HR.clearer, .news-single-item HR.clearer, .news-latest-container HR.clearer{
	clear:right;
	height:1px;
	border:1px solid #F9FFE5;

}
.news-latest-container HR.clearer {
	clear:left;
}

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

.news-list-container HR.clearer, .news-single-item HR.clearer, .news-latest-container HR.clearer{
	clear:right;
	height:1px;
	border:1px solid #F9FFE5;
	font-size: 10px;
}
.news-latest-container HR.clearer {
	clear:left;
	
}

/*-----------------------------------  tt_news LATEST view  -----------------------------------*/

.news-latest-container  { font-size: 10px; padding-right: 12px}

.news-latest-container H2,.news-latest-gotoarchive  { color: #fff; font-size: 9px; background-color: #999; margin: 0px; padding: 3px; width: 180px; border: solid 1px #666 }

.news-latest-gotoarchive {
	font-weight:bold;
	margin-top:5px;
}
.news-latest-gotoarchive A:LINK, .news-latest-gotoarchive A:VISITED, .news-latest-gotoarchive A:HOVER {
	color:#fff;
}
.news-latest-gotoarchive A {
	color:#fff;
}
.news-latest-item  { line-height: 1.3; width: 180px;background-color: #ccc; margin: 0px; padding: 3px; height: 1%; border: solid 1px #666 }

.news-latest-item IMG  { margin-right: 5px; margin-bottom: 5px; float: left; border: solid 1px #666 }
.news-latest-category IMG {
	float: none;
	border:none;
	margin:0px;
}
.news-latest-date,.news-latest-morelink,.news-latest-category {
	font-size:9px;
}

.news-latest-morelink {
	height:12px;
}

.news-latest-morelink A {
	float:right;
}


/*--------------------------------- tt_news LIST view  -----------------------------------*/
.news-list-container  { font-size: 10px; }


.news-list-item  { font-size: 10px; margin: 3px; padding: 3px }
.news-search-form  { margin-bottom: 5px; padding: 3px }
.news-search-emptyMsg{

margin:0px;
}
.news-search-form FORM {
	margin:0px;
}

.news-list-container H3  { color: #874c09; font-size: 11px; font-weight: bold; margin-bottom: 5px; padding: 2px }
.news-list-container H3 A:LINK,.news-list-container H3 A:VISITED,.news-list-container H3 A:HOVER   { font-weight: bold; padding-left: 2px; border-bottom: 1px solid #874c09 }
.news-list-container H3 A  { }
.news-list-container P {
	padding-left:3px;
}
.news-list-date    { font-size: 9px; font-weight: normal; margin-right: 120pt }
.news-list-linkitem    { font-size: 9px; font-weight: normal; margin-right: 120pt }

.news-list-imgcaption   { font-size: 9px; padding-top: 3px; padding-right: 3px; float: left }

.news-list-container IMG   { margin-right: 3px; margin-bottom: 5px; margin-left: 5px; float: left }
.news-list-category IMG { float: none;border:none;margin:0px;}

.news-list-morelink,.news-list-category {
	font-size:9px;
margin-left:3px;
}
.news-list-morelink   { margin-bottom: 3px; float: right }
.news-list-browse {
	text-align: center;
}
/*--------------------------------- tt_news Archivemenu (AMENU) --------------------------------- */
.news-amenu-container  { margin-top: 10px;padding-right: 12px }
.news-amenu-container LI {
	padding-bottom:1px;
}
.news-amenu-container UL  { list-style-type: none; margin-top: 5px; margin-bottom: 0; margin-left: 0; padding: 3px }
.news-amenu-container H2  { padding: 3px }
.news-amenu-item-year  { font-weight: bold; padding: 2px }

	/*--------------------------------- tt_news SINGLE view  ---------------------------------*/
.news-single-item  { font-size: 10px; margin-bottom: 5px; padding: 5px }
.news-single-item H2  { color: #FFFFFF;background-color: #666666;padding: 10px; font-size: 16px; font-weight: bold; margin-bottom: 0; margin-top:10px;}
.news-single-item H3  { font-size: 10px; margin-bottom: 15px }

h1 {
    font-size: 14px;
    color: #ffffff;
    margin-top:10px;
    padding: 10px;
    background-color: #666666;
}

.news-single-img {
	float: right;
        margin-left:5px;

}



.news-single-imgcaption {
	padding:3px;
	clear:both;
}

.news-single-category {

	float: right;
}
.news-single-backlink, .news-single-backlink a {
	font-weight: bold;
	font-size: 10px;
	margin-bottom: 15px;
	margin-top: 10px;
}
.news-single-timedata  { }
.news-single-timedata, .news-single-author,.news-single-imgcaption {
	font-size: 9px;
}
.news-single-author {
	padding-bottom: 3px;
}
.news-single-additional-info  { margin-top: 15px; padding: 3px 3px 0; clear: both }
.news-single-related,.news-single-files,.news-single-links   { margin: 0 0 3px; padding: 3px }

.news-single-related DD, .news-single-links DD, .news-single-files DD {
margin-left:20px;

}

.news-single-related DT, .news-single-links DT, .news-single-files DT  { font-size: 11px; margin-left: 5px; width: 90% }


  /* example styles */
    .tx-guestbook-list-header {font-size: 9px; background-color: #999999; color: #FFFFFF; font-weight:bold; }
    .tx-guestbook-list-row { font-size: 9px;background-color: #FFFFFF; }
    .tx-guestbook-list-rowleft {background-color: #EEEEEE; }
    .tx-guestbook-list-entrycomment-title {font-weight: bold; }
    .tx-guestbook-list-entrycomment { font-style: italic; }
    .tx-guestbook-list-small { font-size: 9px; color: #666666; }
    .tx-veguestbook-pi1-browsebox TD { font-size: 9px; color: #999999; }
    .tx-veguestbook-pi1-browsebox-strong, .tx-ttnews-browsebox-SCell { font-weight: bold; }
    .tx-veguestbook-pi1-browsebox-SCell { background-color: #EEEEEE; }
    .tx-guestbook-latest-header { font-size: 9px;background-color: #9999999; color: #FFFFFF; font-weight:bold; }
    .tx-guestbook-latest-row { font-size: 9px;background-color: #FFFFFF; }
    .tx-guestbook-latest-small { font-size: 9px; color: #999999; }
    .tx-guestbook-form-inputfield-med { border-style: solid; border-width: 1pt; border-color:#666666; font-size:11; color:#333333; width:100; height:20; }
    .tx-guestbook-form-inputfield-big { border-style: solid; border-width: 1pt; border-color:#666666; font-size:11; color:#333333; width:150; height:20; }
    .tx-guestbook-form-textarea { border-style: solid; border-width: 1pt; border-color:#666666; font-size:11; color:#333333; width:250; }
    .tx-guestbook-form-obligationfield { color: #CC0000; }
    .tx-guestbook-form-error { color: #CC0000; }

/*--------------------------------- MJS Calender view  -----------------------------------*/

/* Teaser View, Custom code for this template */
    .teaserRow                 { margin-bottom: 8px; padding: 8px; border-bottom: 1px solid #874c09 }
    #listViewLink         { margin-top: 8px; padding: 8px }
/* Teaser View coded by TYPO3 */
    .tx-mjseventpro-pi1-teaserView-events            { font-size: 10px}
    .tx-mjseventpro-pi1-teaserView-header   { color: #222; font-size: 11px; font-weight: 700; text-transform: uppercase; margin-left: 15px; padding: 10px}
    .tx-mjseventpro-pi1-teaserViewField-image     { padding-bottom: 0px; padding-left: 10px;padding-right: 10px; float: left; clear:left }
    .tx-mjseventpro-pi1-teaserViewField-title   { color: #333; font-weight: 700; text-transform: uppercase; margin-top: 5px;}
    .tx-mjseventpro-pi1-teaserViewField-highlight       { color: #607422; font-weight: 700; text-transform: uppercase; left: 160px; border-left: 20px none }
    .tx-mjseventpro-pi1-teaserViewField-bdate,
    .tx-mjseventpro-pi1-teaserViewField-btime,
    .tx-mjseventpro-pi1-teaserViewField-bdatetime { color: #777; font-weight: 700; float: left; margin-top: 5px; padding-right: 10px}
    .mjseventpro-teaserView-title:link { color: #333333; text-decoration: none }
    .mjseventpro-teaserView-title:visited { color: #333333; text-decoration: none }
    .mjseventpro-teaserView-title:hover     { color: #333333; text-decoration: underline }
    .mjseventpro-teaserView-teaser:link  { color: #555; font-size: 9px; font-weight: 400; text-decoration: none }
    .mjseventpro-teaserView-teaser:visited { color: #555; font-size: 9px; font-weight: 400; text-decoration: none }
    .mjseventpro-teaserView-teaser:hover     { color: #555; font-size: 9px; font-weight: 400; text-decoration: underline }

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

    .optionBox                { color: #222; font-size: 9px; margin-bottom: 3px; padding: 3px; border-bottom: 1px solid #607422 }
    .select    { padding-right: 10px; padding-bottom: 10px }
    .search {}
    .listRow                  { color: #222; font-size: 10px; margin-bottom: 3px; padding: 3px; border-bottom: 1px solid #874c09 }

/* List View coded by TYPO3 */
	select, input { font-size: 9px }
    .tx-mjseventpro-pi1-listView-events            { }
    .tx-mjseventpro-pi1-listViewField-image     { padding-bottom: 10px; padding-left: 10px; float: right }
    .tx-mjseventpro-pi1-listViewField-title   { color: #874c09; text-transform: uppercase; }
    .tx-mjseventpro-pi1-listViewField-highlight       { color: #607422; font-weight: 700; text-transform: uppercase }
    .tx-mjseventpro-pi1-listViewField-bdate,
    .tx-mjseventpro-pi1-listViewField-btime,
    .tx-mjseventpro-pi1-listViewField-time { color: #777; font-size: 9px }
    .mjseventpro-listView-title:link { color: #333333; text-decoration: none }
    .mjseventpro-listView-title:visited { color: #333333; text-decoration: none }
    .mjseventpro-listView-title:hover      { color: #874c09; text-decoration: underline }
    .mjseventpro-listView-teaser:link  { color: #555; font-size: 9px; font-weight: 400; text-decoration: none }
    .mjseventpro-listView-teaser:visited { color: #555; font-size: 9px; font-weight: 400; text-decoration: none }
    .mjseventpro-listView-teaser:hover      { color: #874c09; font-size: 9px; font-weight: 400; text-decoration: underline }

/* Single View coded by TYPO3 */
#posterBox             { margin: 0 10px 10px 0; position: relative; top: -9px; right: -11px; float: left; clear: both }
#titleBox, #descrBox, #adDataBox        { margin-bottom: 10px; margin-left: 0; padding: 8px 10px; clear: right }
#bdate, #entrytime, #edate   { padding-right: 20px }
#btime, #etime, #edatetime   { padding-right: 20px }

.tx-mjseventpro-pi1-singleViewField-title  { color: #874c09; font-size: 12px; font-weight: bold; text-transform: uppercase; margin-bottom: 10px }
.tx-mjseventpro-pi1-singleViewField-teaser  { color: #607422; font-size: 10px; font-weight: normal; margin-bottom: 10px }

.tx-mjseventpro-pi1-singleViewField-image           { font-size: 9px; background-color: #ffffff; margin: 0; padding: 10px; clear: both }
.tx-mjseventpro-pi1-singleViewField-imgcap         { color: #888; font-size: 9px; background-color: #ffffff; 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 { color: #222; font-size: 11px; 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: 9px; border-top: 1px dashed #eee }
/* ARCHIVE_VIEW coded by TYPO3 */
	select, input { font-size: 9px }
    .tx-mjseventpro-pi1-archiveView-events     { background-color: #f7f7f7 }
    .tx-mjseventpro-pi1-archiveViewField-title { font-weight: 700; font-size: 9px; text-transform: uppercase }
    .tx-mjseventpro-pi1-archiveViewField-bdate  { color: #777; font-size: 9px; 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 }
	
	.tx-mjseventpro-pi1-highlightView-events           { background-color: #f7f7f7 }
    .tx-mjseventpro-pi1-highlightView-header { color: #222; font-size: 12px; font-weight: 700; background-color: #fff; text-transform: uppercase; margin-bottom: 10px; padding: 10px; border: solid 1px #eee }
    .tx-mjseventpro-pi1-highlightViewField-image   { padding-right: 10px; padding-bottom: 10px; float: left; clear: both }
    .tx-mjseventpro-pi1-highlightViewField-title  { font-weight: 700; text-transform: uppercase }
    .tx-mjseventpro-pi1-highlightViewField-bdate,
    .tx-mjseventpro-pi1-highlightViewField-btime,
    .tx-mjseventpro-pi1-highlightViewField-bdatetime { color: #777; font-size: 9px }
    .mjseventpro-highlightView-title:link { color: #333333; text-decoration: none }
    .mjseventpro-highlightView-title:visited { color: #333333; text-decoration: none }
    .mjseventpro-highlightView-title:hover     { color: #333333; text-decoration: underline }
    .mjseventpro-highlightView-teaser:link  { color: #555; font-size: 9px; font-weight: 400; text-decoration: none }
    .mjseventpro-highlightView-teaser:visited { color: #555; font-size: 9px; font-weight: 400; text-decoration: none }
    .mjseventpro-highlightView-teaser:hover     { color: #555; font-size: 9px; font-weight: 400; text-decoration: underline }