.reiterteaser {
	overflow: hidden;
	position: relative;
}
.reiterteaser .tabs {
	overflow: hidden; 
	list-style: none;
	margin: 0;
}
.reiterteaser  ul {
  width:510px;
  height:50px;
  padding-left:0px;
}
.reiterteaser .tabs li {
	float: left;
	width:170px;
  height:50px;
  padding-top:13px;
	background: #303030;
	cursor: pointer;
  color:#fff;
  border-right:solid 1px #c0c0c0;
  font-size:18px;
}
@media (max-width: 480px) {
   .reiterteaser .tabs li {
  	float: left;
  	width:90px;
    height:50px;
    padding-top:13px;
  	background: #303030;
  	cursor: pointer;
    color:#fff;
    border-right:solid 1px #c0c0c0;
    font-size:14px;
  }
    .reiterteaser  ul {
    width:270px;
    height:40px;
    padding-left:0px;
  }
}
.reiterteaser .tabs .active,
.reiterteaser .tabs li:hover {
	background: #5085a9;
  color:#fff;
}
.reiterteaser .content {
	padding: 20px;
	border: 1px solid #fff;
	background: #fff;
	text-align: center;
	font-size: 40px; 
  
}
.reiterteaser .next,
.reiterteaser .prev {
	position: absolute;
	top: 60px;
	left: 0;
	padding: 0px;
	cursor: pointer;
  font-size:35px;
  width:30px; 
  opacity:0.7;
  color:#d7d7d7;
}
.reiterteaser .prev {
	margin-left:20px;
}
.reiterteaser .next {
	left: auto;
	right: 0;
}
.reiter_zentrieren{
 margin:auto;
 text-align:center;
 background:red;
 width:590px;
}