.captionContainer
{
	width: 100%;
	margin-top: 10px;
}

.captionContainer .linksTitle
{
	text-align: right;
	padding-right: 105px;
}

.captionContainer .linkTitleLarge:nth-child(1)
{
	display: none;
}

.captionContainer a.linkTitleLarge 
{
	background-color: #3AAADC;
	color: #FFFFFF;
	text-transform: uppercase;
	display: inline-block;
	height: 24px;
	line-height: 24px;
	padding: 0px 10px;
}

.captionContainer a.linkTitleLarge:hover
{
	color: #333333;
}

.tribuneKindList
{
	text-align: center;
	background-color: #BECF31;
	border-bottom: 1px solid #FFFFFF;
}

.tribuneKindList a
{
	font-weight: bold;
	text-transform: uppercase;
	margin: 15px;
	font-size: 1.4em;
}

/* handling layout */
.handlingContainer
{
	background-color: #FFFFFF;
	text-align: left;
	margin-top: 10px;
	background-color: #F4F4F4;
	padding: 20px 20px;
}

.handlingCaption
{
	font-weight: bold;
	text-align: left;
	padding: 5px 2px;
	background-color: #BECF31;
}


/* stage text layout */
.stageTextContainer
{
	text-align: left;
	background-color: #F4F4F4;
	margin-top: 10px;
	padding: 20px;
	padding-left: 5px;
}



/* event layout */
.event
{
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	border-collapse: collapse;
}

.eventData
{
	vertical-align: top;
}

.eventDataL
{
}

.eventDataR
{
	padding-top: 41px;
	width: 30%;
}


/* filling level data layout */
.fillingLevelBox
{
	height: 22px;
	text-align: left;
	position: relative;
	margin-top: 16px;
	margin-bottom: 26px;
	background: #E8E8E8;
}

.fillingLevelText
{
	position: absolute;
	top: 22px;
	width: 100%;
	text-align: left;
	padding-left: 5px;
	font-weight: bold;
	font-size: smaller;
	color: #000000;
	z-index: 500;
}

.fillingLevelBooked
{
	display: inline-block;
	height: 100%;
}

.fillingLevelLocked
{
	display: inline-block;
	height: 100%;
}

.fillingLevelRelocated
{
	display: inline-block;
	height: 100%;
	border-left: 1px solid #000000;
	box-sizing: border-box;
}

.fillingLevelReserved
{
	display: inline-block;
	height: 100%;
	opacity: 0.7;
	border-left: 5px solid #000000;
	box-sizing: border-box;
}

.fillingLevelSpace
{
	margin-left: 20px;
}


/* category layout */
.category
{
	background-color: #F4F4F4;
	width: 100%;
	border-collapse: collapse;
}

.category td
{
	height: 28px;
	vertical-align: middle;
	border-bottom: 1px solid #E8E8E8;
}

.categoryTitle
{
	background-color: #E8E8E8;
	text-transform: uppercase;
	font-weight: bold;
	text-align: left;
	padding-left: 5px;
	height: 40px !important;
}

.category .categoryName
{
	text-align: center;
	vertical-align: top;
	white-space: nowrap;
	padding: 5px 5px;
}

.categoryDelimiter
{
	border-right: 1px solid #E8E8E8;
}

.reductionName
{
	text-align: left;
	padding-left: 5px;
}

.reductionRightlevel
{
	color: #FFFFFF;
	background-color: #088F00;
	border-radius: 10px;
	padding: 2px 5px;
	font-size: smaller;
}

.reductionTerminatedIcon
{
	margin-left: 5px;
	vertical-align: middle;
}

.reductionCode
{
	font-size: 0.8em;
	width: 40px;
	border: 1px solid #A2A2A2;
}

.categoryCosts
{
	width: 50px;
	text-align: right;
	white-space: nowrap;
	padding-right: 5px;
}

.categoryCosts .curContainer
{
	color: #0D486F;
	font-size: 0.9em;
}

.currenciesInfo
{
	background-color: #5394BF;
	color: white;
	text-align: left;
	padding: 3px;
	padding-left: 5px;
}

.mainBox_events_info .currenciesInfo
{
	background-color: #2F6A92;
	
}


/* legend layout */
.legend
{
	background-color: #F4F4F4;
	width: 100%;
	border-collapse: collapse;
	margin-top: 20px;
}

.legend td
{
	height: 28px;
	vertical-align: middle;
	border-bottom: 1px solid #E8E8E8;
}

.legend tr:nth-child(even)
{
	background: #FFFFFF;
}

.legendTitle
{
	background-color: #E8E8E8;
	text-transform: uppercase;
	font-weight: bold;
	text-align: left;
	padding-left: 5px;
	height: 40px !important;
}

.legendIcon
{
	text-align: left;
	vertical-align: top;
	padding-left: 5px;
}

.legendIcon .s
{
	position: static;
}

.legendIcon .s.sRR
{
	position: relative;
}

.legendDescription
{
	text-align: left;
	padding-left: 10px;
	width: 100%;
}


/* links layout */
.links
{
	margin-left: auto;			/* text-align: right */
	border-collapse: collapse;
	text-align: left;
}

.links td
{
	vertical-align: middle;
	background-color: #3AAADC;
	height: 40px;
	border-bottom: 10px solid #E8E8E8;
	padding: 2px 10px;
}

.links .linkIconLarge
{
	background-color: #3AAADC;
	margin: 0px;
}

.links .linkTitleLarge
{
	text-transform: uppercase;
	color: #FFFFFF;
}

.links .linkTitleLarge:hover
{
	color: #333333;
}

.stageContainerBox .tkNavigation:hover
{
	color: #333333;
}


/* overwrite classes from several .css */
.mainBox_stage .captionTitle,
.mainBox_stagex_tribunekinds .captionTitle,
.mainBox_stagex_seatnumbers .captionTitle
{
	height: auto;
	line-height: normal;
}

.mainBox_stage .captionTitle .captionTitleText,
.mainBox_stagex_tribunekinds .captionTitle .captionTitleText,
.mainBox_stagex_seatnumbers .captionTitle .captionTitleText
{
	height: 41px;
	line-height: 41px;
}

.mainBox_stage .captionTitle .captionTitleBox,
.mainBox_stagex_tribunekinds .captionTitle .captionTitleBox,
.mainBox_stagex_seatnumbers .captionTitle .captionTitleBox
{
	display: block;
	font-size: 1em;
	line-height: 1.5em;
	text-transform: none;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 25px;
	margin-left: -20px;
	background: #E8E8E8;
}

.mainBox_stage .captionTitle .captionTitleBox .captionTitleName,
.mainBox_stagex_tribunekinds .captionTitle .captionTitleBox .captionTitleName,
.mainBox_stagex_seatnumbers .captionTitle .captionTitleBox .captionTitleName
{
	display: block;
	font-size: 1.3em;
	font-weight: bold;
	text-transform: uppercase;
}

.mainBox_stage .captionTitle .captionTitleBox .captionTitleDescription,
.mainBox_stagex_tribunekinds .captionTitle .captionTitleBox .captionTitleDescription,
.mainBox_stagex_seatnumbers .captionTitle .captionTitleBox .captionTitleDescription
{
	display: block;
	font-size: 1.3em;
	text-transform: uppercase;
}

.mainBox_stage .captionTitle .captionTitleBox .captionTitleLocation,
.mainBox_stagex_tribunekinds .captionTitle .captionTitleBox .captionTitleLocation,
.mainBox_stagex_seatnumbers .captionTitle .captionTitleBox .captionTitleLocation
{
	display: block;
	margin-top: 10px;
}

.mainBox_stage .captionTitle .captionTitleBox .captionTitleDate,
.mainBox_stagex_tribunekinds .captionTitle .captionTitleBox .captionTitleDate,
.mainBox_stagex_seatnumbers .captionTitle .captionTitleBox .captionTitleDate
{
	display: block;
	font-size: 1.3em;
	font-weight: bold;
	margin-top: 10px;
}

.mainBox_stage .stageContainer
{
	width: 900px;
	margin-left: 180px;
	margin-top: 20px;
}

.mainBox_stage.mainBox_stage_notseatbox.mainBox_stage_real .stageContainer
{
	width: auto;
}

.mainBox_stage .sK,
.mainBox_stagex_tribunekinds .sK,
.mainBox_stagex_seatnumbers .sK,
.mainBox_ministats .sK
{
	font-size: 1.0em !important;
}

/* old legend-box at overview-stages shold not be visible - 03.08.2023 inactivated in seatbox too core/templates/tp_zoom_buildstage_footer.php */
.mainBox_stage .stageInfoContainer
{
	display: none;
}






/*-----RESPONSIVE-----SMARTPHONES-----PORTRAIT AND LANDSCAPE-----*/
@media only screen and (max-width : 480px) {
	.bodyBox_responsive .mainBox_stage .captionBox .captionTitle 									{height: auto;}
	.bodyBox_responsive .mainBox_stage .captionBox .captionTitle .captionTitleBox					{margin: 0 -3vw; padding: 0 3vw; padding-top: 5vw;}
	.bodyBox_responsive .mainBox_stage .captionBox .captionTitle .captionTitleName					{font-size: 4vw;}
	.bodyBox_responsive .mainBox_stage .captionBox .captionTitle .captionTitleDescription			{font-size: 4vw;}
	.bodyBox_responsive .mainBox_stage .captionBox .captionTitle .captionTitleDate					{font-size: 4vw; margin-top: 0;}
	
	.bodyBox_responsive .mainBox_stage .captionBox .captionTitleSpecialText							{margin: 0 -3vw; border: 0; border-top: 4vw solid #E8E8E8; padding: 3vw 3vw; padding-left: 3vw; text-align: left;}
	
	.bodyBox_responsive .mainBox_stage.mainBox_stage_notreal .stageContainer						{margin: 0; width: auto;}
	
	.bodyBox_responsive .mainBox_stage .stageContainer .tsCatKindLabel								{padding-right: 2vw;}
	.bodyBox_responsive .mainBox_stage .stageContainer .tsCatSelection								{padding-left: 2vw;}
	.bodyBox_responsive .mainBox_stage .stageContainer .tsCatSelection select						{height: 10vw; height: normal;}
	.bodyBox_responsive .mainBox_stage .stageContainer .tsSeatsCatNotAvailable						{font-size: 3.5vw;}
	.bodyBox_responsive .mainBox_stage.mainBox_eventcategory_17 .stageContainer .tsCatKindLabel		{display: none;}
	
	.bodyBox_responsive .mainBox_stage .handlingContainer											{margin: 4vw -3vw; padding: 4vw 3vw;}
	
	.bodyBox_responsive .mainBox_stage table.event .eventDataL										{display: block;}
	.bodyBox_responsive .mainBox_stage table.event .eventDataL .category							{margin: 0 -3vw; padding: 0 3vw; width: 100vw;}
	.bodyBox_responsive .mainBox_stage table.event .eventDataL .category td							{font-size: 3vw;}
	.bodyBox_responsive .mainBox_stage table.event .eventDataL .category .categoryTitle				{padding-left: 3vw; font-size: 4vw;}
	.bodyBox_responsive .mainBox_stage table.event .eventDataL .category .reductionName 			{padding-left: 3vw;}
	
	.bodyBox_responsive .mainBox_stage table.event .eventDataR										{display: block; width: auto; padding-top: 4vw;}
	.bodyBox_responsive .mainBox_stage table.event .eventDataR .links								{width: 100%;}
	
	.bodyBox_responsive .mainBox_stage.mainBox_stage_real .contentBox								{width: 100vw;}
	.bodyBox_responsive .mainBox_stage.mainBox_stage_real .outerBox									{width: 100vw;}
	.bodyBox_responsive .mainBox_stage.mainBox_stage_real .outerBoxData								{width: auto;}
	.bodyBox_responsive .mainBox_stage.mainBox_stage_real .stageContainer							{margin-left: 0px; width: 900px; overflow: auto; transform: scale(0.38); transform-origin: left top; margin-bottom: -515px; height: 860px !important;}
}