.show-main
{
	width: 100%;
	height: 100%;
	border-radius: 10px;
	margin: auto;
	user-select: none;
	background-position: center center;
	background-repeat: no-repeat;
}

.show-out
{
	overflow: hidden;
	width: 900px;
	height: 693px;
	border-radius: 10px;
	margin: auto;
	user-select: none;
	margin-bottom: 10px;
	margin-top: 10px;
	background-image: url('images/pics/trainwesen/background-black.png');
	transition: 1s linear height;
}

.show-out-off
{
	height: 50px;
}

.show-scroll
{
	width: 790px;
	height: 15px;
	margin-left: 5px;
	margin-right: 5px;
	background-color: #999;
	border-radius: 6px;
	cursor: pointer;
}

.show-scroll-ding
{
	border-radius: 6px;
	height: 15px;
	width: 200px;
	background-color: #333;
	margin-left: 0px;
}

.show-index
{
	overflow: hidden;
	width: 800px;
	height: 92px;
	border-style: solid;
	border-width: 1px 0px 1px 0px;
	border-color: #333;
	background-image: url('images/pics/trainwesen/background-black.png');
	padding-bottom: -1px;
}

.show-index-container
{
	height: 72px;
}

.show-scroll-smoth
{
	transition: 0.5s linear margin;
}

.show-smoth
{
	transition: 0.5s ease width;
}

.show-point
{
	text-align:center;
	color: #333;
	float:left;
	cursor: pointer;
	transition: 0.1s border-color linear;
	border-radius: 10px;
	width: 80px;
	height: 60px;
	border: 1px #333 solid;
	margin: 5px;
	background-size: cover;
}

.show-point:hover, .show-point-active
{
	border-color: #DDD;
}

.show-pic-animation-R, .show-pic-animation-L
{
	height: 600px;
	width: 0px;
	background-repeat: no-repeat;
	float: left;
}

.show-pic-animation-L
{
	background-position: right;
}

.show-middle
{
	height: 600px;
	width: 800px;
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	border-color: #333;
}

.show-pic
{
	height: 600px;
	width: 800px;
	background-repeat: no-repeat;
	font-size: 30px;
	text-align: center;
	line-height: 43px;
	color: #FFF;
	float: left;
}

.show-pic-unactive
{
	background-image: none;
	cursor: pointer;
	transition: 0.3s linear color;
	color: #333;
	height: 50px;
}

.show-pic-unactive:hover
{
	color: #FFF;
}

.show-button-R, .show-button-L
{
	height:100%; 
	width: 48px; 
	color: #333; 
	float:left; 
	font-size: 110px; 
	line-height: 550px;
	transition: color 0.1s linear;
	cursor: pointer;
	background-image:url('images/pics/trainwesen/background-black.png');
	transition: 1s linear width;
}

.show-button-X
{
	height: 50px; 
	width: 48px; 
	color: #333; 
	float:left; 
	text-align: center;
	font-size: 50px; 
	line-height: 35px;
	transition: color 0.1s linear;
	cursor: pointer;
	background-image:url('images/pics/trainwesen/background-black.png');
	transition: 1s linear width;
}

.show.button-f
{
	height: 645px; 
	margin-top: 50px;
	width: 48px; 
	color: #333; 
	font-size: 110px; 
	line-height: 460px;
	transition: color 0.1s linear;
	cursor: pointer;
	background-image:url('images/pics/trainwesen/background-black.png');
	transition: 1s linear width;
}

.show-button-off
{
	width: 0px; 
}

.show-button-R:hover, .show-button-L:hover, .show.button-f:hover
{
	color: #FFF;
}

.show-button-X-active:hover
{
	color: #FFF;
}

.show-button-X-off
{ 
	color: transparent; 
}

.show-button-R
{
	border-radius: 0px 10px 10px 0px;
	border-style: solid;
	border-width: 1px;
	border-color: #333;
}

.show-button-L
{
	border-style: solid;
	border-width: 1px;
	border-color: #333;
	border-radius: 10px 0px 0px 10px;
}