@media screen and (max-width: 1399px){
  .timeline_container{
      width: 100%;
  }
  .timeline_inner{
    width: 100%;
  }
  #timeline_slider{
    margin-left:0;
  }
}
@media screen and (max-width: 1024px){
  #ee_timeline{
      width: 100%;
  }
  #timeline_inner{
    width: 100%;
  }
  #timeline_slider{
    margin-left:0;
  }
}
.timeline_wrapper {    
  padding-top: 58px;
}
.timeline_container{
  width: 1400px;
  max-width: 100%;
  height: 245px;
  display: block;
  z-index: 0;
  background-image:url(../images/eueco/icons/timeline1.png);
  background-repeat:repeat-x;
  background-position:-80px 190px;
  overflow:visible;
}
.timeline_inner{
  position: absolute;
  overflow: hidden;
  width: 1400px;
  max-width: 100%;
  padding-bottom:10px;
   border-bottom:1px solid #ddd;
}
#timeline_slider{
  position: relative;
  margin-left: -1840px;
  width: 5000px;
  display: table;
  margin-top: 0px;
  height: 190px;
  z-index: 0;
  max-width: 5000px !important;
}
.timeline-item-wrapper{
  float: left;
  width: 280px;
  margin-right: 20px;
  margin-left: 20px;
  margin-top:15px;
}
.timeline_item_content{
  display: block;
  height: 150px;
  width: 280px;
  background-color: #fff;
  font-size:15px;
   text-align:center;
}
.timeline_item_content h2{
  font-size:16px;
  font-weight: 700;
  margin:0px;
}
.diamond{
  display:block;
  width:20px;
  height:20px;
  margin-top:-10px;
  margin-left:130px;
  background-color:#ffffff;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index:-1;
}
.meldung_default{

  padding:20px;
  padding-top:10px;
}
.meldung_hover{
  display: none;
  padding:20px;
  padding-top:10px;
}
.meldung_datum{
  display:block;
  clear:both;
  width: 280px;
  margin-top:35px;
  text-align: center;
  border:1px solid #ffffff;
  font-size:16px;
  color:#0ba1e2;
}
/***************************************/
#ee_timeline .pfeil{
  position: absolute;
  width: 40px;
  height: 40px;
  z-index: 5;
  display:block;
  top: 65px;
  cursor:pointer;
  background:rgba(241, 243, 212, 1);
}
#ee_timeline #zurueck.pfeil{
  background-image: url(../images/eueco/icons/spritesheet.png);
  background-repeat: no-repeat;
  background-position:10px -239px;
}
#ee_timeline #vor.pfeil{
  background-image: url(../images/eueco/icons/spritesheet.png);
  background-repeat: no-repeat;
  background-position:10px -280px;
  right: 0px;
}