/* Spielpan CSS */

#SpContent {
	position: relative;
	width: 792px;
	left: 0px;
	top: 22px;
	/* background-color:#eeeeee; */
}
#SpHead {
	position: relative;
	width: 554px;
	left: 223px;

}


.SpItem {
	width: 586px;
	left: 206px;
	position: relative;
	color: #FFFFFF;
	line-height: 14px;
}

.ontop {
	z-index: 200;
}

/* div.SpDivider { 
max-height: 1px;  
 line-height: 1px;
}
*/

  
#SpContent>div.SpDivider { /* nix für IE6 */
  	height: 1px; 
  }

* html body div.SpDivider { /*nur für IE6 */
 line-height: 1px;
}

.NewDate {
 background-color: #FFFFFF;
}
.searchdefault {
 background-color: #DDDDDD;

}


/* G der Spileorte */
.GrHaus {
	background-color: #595959;
}
.HoKeller {
	background-color: #8C8C8C;
}
.Komoe {
	background-color: #737373;
}
.weitere {
	background-color: #BFBFBF; /* Default - weitere Spielstätten */
	color: #4C4C4C;
		}


.SpWrapper {
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 8px;

	}
.blanko {
	height: 48px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DDDDDD;
	border-right-color: #DDDDDD;
	border-bottom-color: #DDDDDD;
	border-left-color: #DDDDDD;
}
.blankofirst {
	height: 48px;
	border-top-width: 0px;
	color: #666666;
	padding-left: 19px;

}

.blankofirst span {
	padding-top: 26px;
	display:block;
}

.SpDatumOrtZeit {
	width: 140px;
	float: left;
	padding-right: 0px;
}

.SpDatumOrtZeit a {
		color: #FFFFFF;
		text-decoration:none;
}

.SpDatumOrtZeit a:hover {
		color: #DDDDDD;
		text-decoration:none;
}

div.weitere div.SpDatumOrtZeit a {
		color: #4C4C4C;
		text-decoration:none;
}

div.weitere div.SpDatumOrtZeit a:hover {
		color: #222222;
		text-decoration:none;
}


.SpDatum {
	position: absolute;
	left: -116px;
	top: 5px;
	text-transform:uppercase;
	font-size: 18px;
	font-weight:bold;
	color: #FFFFFF;
}
.spielorttxt {
	width: 112px;
}
.SpDatum span {
	font-size: 10px;
	display: block;
	line-height: 15px;
	text-transform: uppercase;
	margin-left: 29px;
}




.SpWerk {
	width: 335px;
	float: left;
}
.SpWerk img, .SpWerk Div {
	position:absolute;
	left: 124px;
}
span.SpWerktitel {
font-size: 13px;
font-weight: bold;
text-transform: uppercase;

}
span.tfalle img, span.tfalle Div  {
position:absolute;
right:0px;
top:0px;
}

.SpAutor {
	font-size: 11px;
	}

.SpKarten {
	float: right;
	width: 96px;
}

div.SpKarten a:link, div.SpKarten a:active, div.SpKarten a:visited {
	text-transform: uppercase;
	color: #FFFFFF;
	display: block;
	text-decoration: none;
	padding-left: 10px;
	width: 100%;
} 

div.SpKarten a:hover {
	color: #EEEEEE;  /* BG mit PNG? */
}



div.SpKarten a em {
	 display: none; 
}

div.SpKarten a:hover em {
	color:#FFFFFF;
	font-weight: normal;
	text-decoration:none;
	display:block;
	left:-240px;
	position:relative;
	top: -36px;
	z-index:300;
}


div.SpKarten a:hover em dfn {
	border:3px solid #FFFFFF;
	display:block;
	padding:0px;
	position:absolute;
}
div.SpKarten a:hover em dfn span {
	background-color:#FFFFFF;
	border:1px solid #FFB502;
	display:block;
	font-style:normal;
	text-decoration:none;
	text-transform:none;
	
	height:100%;
	padding:4px 8px;
	position:relative;
	width: 200px;
}
div.SpKarten a:hover em dfn span h3 {
text-transform: uppercase;
}

div.SpBallett div.SpKarten a:hover em dfn span {
border-color: #00884a;
}
div.SpSchauspiel div.SpKarten a:hover em dfn span {
border-color: #FF7E00;
}
div.SpMusiktheater div.SpKarten a:hover em dfn span {
border-color: #233086;
}
div.SpKonzert div.SpKarten a:hover em dfn span {
border-color: #cd2c86;
}
div.SpSparteWeitere div.SpKarten a:hover em dfn span {
border-color: #737373;
}


div.SpBallett div.SpKarten h3 {
color: #00884a;
}
div.SpSchauspiel div.SpKarten h3 {
color: #FF7E00;
}
div.SpMusiktheater div.SpKarten h3 {
color: #233086;
}
div.SpKonzert div.SpKarten h3 {
color: #cd2c86;
}
div.SpSparteWeitere div.SpKarten h3 {
color: #737373;
}





.SpClearer {
	clear: both;
	line-height:2px;
}

.SpBallett {
	background-image: url(../images/spbg/spbg_ballett.gif);
	background-repeat: repeat-y;
	background-position: right;
}

.SpSchauspiel {
	background-image: url(../images/spbg/spbg_schauspiel.gif);
	background-repeat: repeat-y;
	background-position: right;
}
.SpMusiktheater {
	background-image: url(../images/spbg/spbg_musiktheater.gif);
	background-repeat: repeat-y;
	background-position: right;
}

.SpKonzert {
	background-image: url(../images/spbg/spbg_konzert.gif);
	background-repeat: repeat-y;
	background-position: right;
}

.SpSparteWeitere {
	background-image: url(../images/spbg/spbg_weitere.gif);
	background-repeat: repeat-y;
	background-position: right;
}



/* Spielplan Filter */
#SpNav {
	position: absolute;
	width: 196px;
	left: 797px;
	top: 0px;
	background-color: #BBBBBB;
	color: #4C4C4C;
	padding-top: 6px;
	padding-bottom: 16px;
}
	
#SpNavHead {
		padding: 6px;
}
#SpFilter {
	background-color: #737373;
	padding-top: 8px;
	padding-bottom: 8px;

	}
	
#SpFilter ul {
	line-height: 24px;
	padding: 0px;
	}
 * html body #SpFilter li {		/* IE FIX */
		height: 0px;
}
	
#SpFilter li.einzeiler {
line-height: 16px;
}
#SpFilter li.first {
margin-top: 4px;
}
#SpFilter li.last {
margin-bottom: 4px;
}
	
#SpFilter li a {
	color:#FFFFFF;
	font-weight: bold;
	text-decoration: none;
	padding-left: 20px;
	display: block;
}

#SpFilter li a:hover {
background-color: #4c4c4c;
	}
#SpLegende {
padding-left: 6px;
padding-top: 16px;
}

#SpLegende ul {
padding-left: 34px;
}
#SpLegende li {
	line-height: 24px;
	}
#SpLegende li img {
	position: absolute;
	left: 16px;
	}

/* Spielplan Köpfe*/

#monatsfilter a:link, #monatsfilter a:active, 
#monatsfilter a:visited {
	color:#999999;
	font-weight:bold;
	text-decoration: none;
}


#monatsfilter a:hover, #monatsfilter a.SpMoSelected {
	color: #4c4c4c;
}

#stueckwahl {
	width: 493px;
	color: #FFFFFF;
	background-color: #4c4c4c;
	border-top: 2px solid #666666;
	border-right: 2px solid #999999;
	border-bottom: 2px solid #999999;
	border-left: 2px solid #666666;
	}
	
/* Dropdown Menue Werke*/

#stueckwahl .SpSchauspiel {
	background-image: url(../images/spacer.gif);
	background-color: #FF7E00;
}
#stueckwahl .SpMusiktheater {
	background-image: url(../images/spacer.gif);
	background-color: #233086;
}
#stueckwahl .SpBallett {
	background-image: url(../images/spacer.gif);
	background-color: #00884a;
}
#stueckwahl .SpKonzert {
	background-image: url(../images/spacer.gif);
	background-color: #cd2c86;
} 	
#stueckwahl .SpSparteWeitere {
	background-image: url(../images/spacer.gif);
	background-color: #4c4c4c;
} 	

/* Terminwahl */
#SpTerminWahl li {
	float: left;
	display: inline;
	margin-right: 4px;
}
#SpTerminWahl select {
	color: #FFFFFF;
	background-color: #4c4c4c;
	border-top: 2px solid #666666;
	border-right: 2px solid #999999;
	border-bottom: 2px solid #999999;
	border-left: 2px solid #666666;
	}
	
#SpTerminWahl input {
	font-weight:bold;
	color: #999999;
	background-color: #FFFFFF;
	border: 2px solid #FFFFFF;
	width: 100px;
	}
	
#SpTerminWahl input:hover {
	color: #4C4C4C;
	}	

#SpTerminWahl li#bis {
	padding-top: 3px;
	padding-left:3px;
	padding-right:3px;
	}		

form div {
padding-bottom: 8px;
}

.dropdowntrenner {
	text-transform:uppercase;
	color: #4c4c4c;
		background-color: #FFFFFF;

}