/*****************************************************************************************************/

/* stage layout */
.stageTitle
{
	color: #0D486F;
	font-size: 2em;
	font-weight: bold;
	letter-spacing: 5px;
}

/* stage construction layout */
.stageContainer
{
	height: auto !important;
	background: none !important;
}

.stageContainer div
{
	position: static !important;
}


/* tribunekind selection layout */
.tkContainerBox
{
	margin-left: auto; margin-right: auto;	/* center */
	margin-top: 10px;
	border-collapse: collapse;
	width: 100%;
}

.tkContainerBox td
{
	text-align: center;
	vertical-align: middle;
}

.tkStageImage
{
	margin-left: 40px;
	border: 1px solid #2F6A92;
}

.tkContainer
{
	border-collapse: collapse;
	width: 100%;
	background-color: #F4F4F4;
}

.tkContainer td
{
	height: 28px;
	border-bottom: 1px solid #E8E8E8;
}


.tkHeader td
{
	background-color: #FFFFFF;
}

.tkHeader .tkLabel
{
	font-size: larger;
}

.tkLabel
{
	text-align: right !important;
	font-weight: bold;
	padding-right: 50px;
	width: 100px;
	
}

.tkSelection
{
	text-align: center;
	height: 22px !important;
	padding: 0px 5px;
}

.tkSelectionF
{
	width: 8ex;
}

.tkMarkRow td
{
	background-color: #FFFFFF;
	font-variant: normal !important;
}

.tkContainer .s
{
	width: auto !important;
}






/*-----RESPONSIVE-----SMARTPHONES-----PORTRAIT AND LANDSCAPE-----*/
@media only screen and (max-width : 480px) {
	.bodyBox_responsive .mainBox_stagex_tribunekinds .captionBox .captionTitle 														{height: auto;}
	.bodyBox_responsive .mainBox_stagex_tribunekinds .captionBox .captionTitle .captionTitleBox										{margin: 0 -3vw; padding: 0 3vw; padding-top: 5vw;}
	.bodyBox_responsive .mainBox_stagex_tribunekinds .captionBox .captionTitle .captionTitleName									{font-size: 4vw;}
	.bodyBox_responsive .mainBox_stagex_tribunekinds .captionBox .captionTitle .captionTitleDescription								{font-size: 4vw;}
	.bodyBox_responsive .mainBox_stagex_tribunekinds .captionBox .captionTitle .captionTitleDate									{font-size: 4vw; margin-top: 0;}
	
	.bodyBox_responsive .mainBox_stagex_tribunekinds .captionBox .captionTitleSpecialText											{margin: 0 -3vw; border: 0; border-top: 4vw solid #E8E8E8; padding: 3vw 3vw; padding-left: 3vw; text-align: left;}
	
	.bodyBox_responsive .mainBox_stagex_tribunekinds .stageContainer																{margin-left: 0px; width: 248vw; margin-top: 6vw; transform: scale(0.38); transform-origin: left top; margin-bottom: -200px; }
	
	.bodyBox_responsive .mainBox_stagex_tribunekinds .handlingContainer																{margin: 4vw -3vw; padding: 4vw 3vw;}
	.bodyBox_responsive .mainBox_stagex_tribunekinds .stageTextContainer															{margin: 4vw -3vw; padding: 4vw 3vw;}
	
	.bodyBox_responsive .mainBox_stagex_tribunekinds table.event .eventDataL														{display: block;}
	.bodyBox_responsive .mainBox_stagex_tribunekinds table.event .eventDataL .category												{margin: 0 -3vw; padding: 0 3vw; width: 100vw;}
	.bodyBox_responsive .mainBox_stagex_tribunekinds table.event .eventDataL .category td											{font-size: 3vw;}
	.bodyBox_responsive .mainBox_stagex_tribunekinds table.event .eventDataL .category .categoryTitle								{padding-left: 3vw; font-size: 4vw;}
	.bodyBox_responsive .mainBox_stagex_tribunekinds table.event .eventDataL .category .reductionName 								{padding-left: 3vw;}
					
	.bodyBox_responsive .mainBox_stagex_tribunekinds table.event .eventDataR														{display: block; width: auto; padding-top: 4vw;}
	.bodyBox_responsive .mainBox_stagex_tribunekinds table.event .eventDataR .links													{width: 100%;}
}