/*==============Zeiträume Startseite===========*/
#boxtitle   { 
		visibility: visible; 
		position: absolute; 
		z-index: 5; top: 7%; 
		left: 5%; 
		width: 20%; 
		height: 20% 
		}
#TXTfeld1    {  /*Textrahmen für Zeiträume*/
		/*border: 1px solid red;*/
		visibility: visible; 
		position: absolute; 
		z-index: 10; 
		top: 13%; 
		right: 12%; 
		width: 50%; 
		max-height:40%; 
		overflow: auto
		}
.TextInfo     { 
		font-size: 10pt; 
		font-family: "Courier New", Courier, Monaco, monospace; 
		font-weight: 400; 
		background-color: transparent; 
		text-align: right; 
		margin: 0; 
		/*max-height: 25%;*/ 
		clear: none 
		}
.TXTfett1   { 
	font-size: 13px; 
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
	text-align: right; 
	font-style: oblique; 
	font-weight: 600; 
	font-stretch: extra-expanded; 
	margin-top: 8px; 
	margin-bottom: 3px 
	}
	#alle_P {
/*	border: 1px solid #333;*/
		display: table;
		position: absolute; 
		right: 5%;
		bottom: 26%;
		height: 7%;
		width: 87%;
		z-index: 100; 
	}
.Zelle {
	display: table-cell;
	cursor:pointer;
/*border: 1px solid #333;*/
	width: 10%;
	vertical-align: bottom;
	padding : 10px;
  margin-left : 12px;
	}
.Zelle p {
	font-size: 10pt; 
	font-family: "Courier New", Courier, Monaco, monospace; 
	font-weight: 400; 
	background-color: transparent; 
	text-align: center; 
	margin: 0; 
	}
/*=====die einzelnen Performance-Links können über die id eins bis acht==*/

/*==============für die Startseite der einzelen Performances===========*/
/*==============Es werden Objekte sichtbar der Klassen .lightbox, .bg_image. .performanceT performanceB und mit close-Button===========*/
.lightbox {
	position: absolute; 
/*	border:1px solid green;*/
	display : none;
	z-index: 1000; 
	top: 10%; 
	right: 10%; 
	width: 80%; 
	height:80%; 
		border-radius:25px;
	background-color:#efefef ;
/*	display: table;*/
 }
.bg_img {
	width: 95%; 
	height:95%; 
	z-index: 23;
/*	border:3px solid red;*/
		border-radius:25px;
	background-color:#efefef ;
	opacity:0.95;
	filter:alpha(opacity=95); /* For IE8 and earlier */
}
.close {
	cursor:pointer;
	position: absolute;
	right: 7px;
	bottom: 7px;
	width: 4%;
}
.performanceT {
display: table-cell;
/*	border: 1px solid red;*/
	position: absolute; 
	vertical-align: bottom;
	bottom: 12%; 
	left: 4%; 
	width: 46%; 
	max-height:70%; 
	background-color: transparent ;
	overflow: auto;	
	}
.performanceT p {
	background-color: transparent;
	text-align: right;
	font: 600 10pt "Courier New", Courier, Monaco, monospace;
	padding: 0% 2% 0% 2%;
	margin-bottom: 0;
	max-height: 50%;
}
.performanceT h3 {
	background-color: transparent;	
	text-align: right; 
	font: bold 16pt "Courier New", Courier, Monaco, monospace;
	padding: 2% 2% 0% 2%;
}
.performanceT h4 {
	background-color: transparent;	
	text-align: right; 
	font: bold 13pt "Courier New", Courier, Monaco, monospace;
	padding: 2% 2% 0% 2%;
}

.performanceB {
	position: absolute; 
/*	border: 3px solid #333;*/
	background-color: transparent;
	vertical-align:text-top;
	bottom: 12%;
	right: 9%; 
	width: 40%; 
	max-height:66%;
	display: table-cell;
	}
.performanceB img {
	max-height: 95%;
	max-width: 95%;
}
/*==============Ende  Startseite der einzelen Performances===========*/

/*==============für die Videoseiten für Kissing und Ribbon==========*/

#Video1 {
	max-width: 90%;
}
#ribbon_video{
	display : none;
/*	display:table;*/
	position:absolute;
	z-index: 120;
	top: 5%; 
	right: 5%; 
	width: 90%; 
	height:90%; 
	background-color: #efefef ;
}
#ribbon_player {
	display:table-cell;
	
	z-index: 150;
	vertical-align:middle;
	text-align: center;
	width: 100%;
	height: 100%;
}
.table {
    display:table;
    position: absolute; 
/*	visibility: visible; */
	background-color: transparent;
	vertical-align: middle;
	bottom: 10%; 
	right: 3%; 
	width: 35%; 
	max-height:80%;
}
.table div {
    display:table-row;
    height: 40%;
}
.table div div {
    display:table-cell;
}
#ribbontext{
	position: relative;
	display: block;
	margin-left: 20%;
	margin-right: 20%;
	text-align: left;
}
#ribbontext p{
	background-color: transparent;
/*	text-align: left;*/
	font: 600 10pt "Courier New", Courier, Monaco, monospace;
	padding: 0% 2% 0% 2%;
	margin-bottom: 2%;
}

/*nur Ribbon*/
#RibbonT{
	display: none;
	width: 56%
}
#RibbonB{
	display: none;
}
.z1 {
	max-width: 80%;
	margin: 3%;0;3%;0;
}
/*nur Kiss*/
#KissB #KissT {
/*	display: table-cell;*/
	display: none;
	visibility: visible; 
}

/*==============Ende Videoseiten für Kissing und Ribbon==========*/
/*============== Videoseite für Cookies==========*/
/*============== auch verwendet: #ribbon_player,Video1 ==========*/
#video_AB{
	display : none;
/*		border: 1px solid red;*/
/*	display:table;*/
	position:absolute;
	z-index: 120;
	top: 5%; 
	right: 5%; 
	width: 90%; 
	height:90%; 
	background-color: #efefef ;
}
#CookieB {
/*	display: table-cell;*/
/*	border: 15x solid red;*/
	display: none;
	visibility: visible; 
}
/*nur für Melodie*/
#MelodieB{
/* display:table-row;*/
/*    	border: 4px solid red;*/
    position: absolute; 	
	background-color: transparent;
	vertical-align: bottom;
	bottom: 11%; 
	right: 3%; 
	width: 45%; 
	height: 75%;
	max-height:80%
}
#MelodieBunten {
visibility: visible;
/* position: absolute; 	*/
/* display: table-cell;*/
/*height: 50%;
	bottom: 0px;
	vertical-align: middle;*/
}
#MelodieBoben {
/* position: absolute; 	*/
 visibility: visible;
/* position: absolute; 	*/
/* display: table-cell;*/
/*	bottom: 0;*/
/*	height: 50%;*/
/*	vertical-align: middle;*/
}
/*#mel_video_oben{
		display: none;
}
#mel_video_unten{
		display: none;
}
#Video_unten #Video_oben {
/*	max-width: 150px;
	max-height: 200px;*!/
}
#GR_01 {
	visibility: visible;
}
#GR_01 {
	visibility: visible;
}
#Video_unten{
	visibility: hidden;
}
#Video_oben{
	visibility: hidden;
}*/