.slideshow {
	width: 200px;
	height: 200px;
	margin: 1em 1em;
	float: right;
}

.slideshow_breit {
	width: 469px;
	/*height: 300px;*/
	margin: auto;
}

.slideshow div {
	width: 200px;
	height: 200px;
	display: none;
}

.slideshow_breit div {
	width: 469px;
	/*height: 300px;*/
	display: none;
}

.slideshow div img, .slideshow_breit div img {
	margin: auto;
	display: block;
}

.slideshow div:first-child, .slideshow_breit div:first-child {
	display: block;
}

.slideshow_wrapper {
	width: 100%;
	height: 100%;
	min-height: 330px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 0;
	border: 0px solid #ccc;
	background-color: #eee;
	margin: auto;
	margin-bottom: 15px;
}

.slideshdaow_wrapper .abo-typ-image {
    float: right;
}{

}

.aboTypeLabel {
	/*text-align: center;*/
	font-weight: normal;
	font-size: 1.5em;
	margin-bottom: 1em;
	text-transform: uppercase;
	font-family: 'Fjalla One', sans-serif;
	letter-spacing: 3px;
	padding: 1em;
	background-color: #ddd;
	border-radius: 5px 5px 0 0;
}

.abo-selection {
	padding: 1em;
}

.abo-typ-image {
	padding: 1em;
}

input[name=abo_typ] {
    margin-right: 0.5em;
}

.kleingedrucktes-abo {
	display: none;
}

.bonus_description:not(.bonus_selected){
	display: none;
}

.bonus_table_row:not(:last-child) {
    border-bottom: 1px solid #0000001f;
}

.bonus_table_row label {
	cursor: pointer;
}

.bonus_table p.bodytext {
	margin-top: 0;
}

.bonus_table {
	background: #00000008;
}

.formfield {
	border: 1px solid #ccc;
	height: 25px;
	font-weight: bold;
	font-family: monospace;
	background-color: #eee;
	padding-left: 4px;
}

#bonusCounter div {
	position: fixed;
	background-color: green;
	width: 110px;
	height: 110px;
	color: #FFF;
	font-size: 110%;
	line-height: 1em;
	text-align: center;
	padding: 10px;
	border-radius: 50%;
	border: 4px solid rgba(255, 255, 255, 1);
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
	box-shadow: 2px 2px 7px rgba(0,0,0,0.5);
	font-weight: bold;
}

#bonusCounter {
	float: right;
	width: 140px;
	height: 140px;
}

#bonusCounter div span{
	font-weight: bold;
	font-size: 270%;
	line-height: 1em;
}

.tx-titanicabo-pi1 tr {
	height: 40px;
}

.classic-arrow:before {
	color: #d50000;
	border-right: 20px solid;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	display: inline-block;
	content: '';
	position: absolute;
	left: -20px;
	top: 0;
}

.classic-arrow {
	background-color: #d50000;
	/*width: 150px; */
	height: 40px;
	line-height: 40px;
	display: inline-block;
	position: relative;
	left: 30px;
	border-left: 1px solid #d50000;
	animation: slide 2s cubic-bezier(0.45, 0, 0.55, 1) 0s infinite alternate both;
}

.classic-arrow span {
	color: white;
	font-weight: bold;
	padding-right: 10px;
	font-family: Arial;
	font-size: 11;
}

@keyframes slide {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(50px);
	}
}