.da-slider {
  border: 2px solid #FFF;
  box-shadow: 0 0 3px #CCCCCC;
  height: 350px;
  margin: 10px 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  background: transparent url(../images/bg.jpg) no-repeat 0 0;
  width: 100%;
  box-sizing: border-box;
  -webkit-transition: background-position 0.4s ease-in-out 0.1s;
  -moz-transition: background-position 0.4s ease-in-out 0.1s;
  -o-transition: background-position 0.4s ease-in-out 0.1s;
  -ms-transition: background-position 0.4s ease-in-out 0.1s;
  transition: background-position 0.4s ease-in-out 0.1s;
}
.da-slide{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  text-align: left;
}
.da-slide-current{
  z-index: 1000;
}
/*************************************** Own Work **************/
/* IE Fix - Transitioned */
.da-slider-fb .da-slide{
  left: 100%;
}
.da-slider-fb  .da-slide.da-slide-current{
  left: 0px;
}
.da-slider-fb .da-slide .da-slide-info{
  left: 577px;
  opacity: 1;
}
.da-slider-fb .da-slide .da-img{
  left: 100px;
  opacity: 1;
}
.da-slider-fb .da-slide .da-slide-info .da-link{
  opacity: 1;
}
/* Generelle Positionierung */
.da-slide .da-slide-info,
.da-slide .da-img{
  position: absolute;
  opacity: 0;
  left: 110%;
}
.da-slider .da-slide-info {
  display: block;
  height: 260px;
  overflow: hidden;
  top: 55px;
  width: 335px;
}
.da-slide-current .da-slide-info{
  left: 577px;
  opacity: 1;
}
.da-slide .da-slide-info .da-link{
  opacity: 0;
}
.da-slide-current .da-slide-info .da-link{
  opacity: 1;
}
.da-slide .da-img{
  height: 300px;
  left: -110%;
  text-align: center;
  top: 10px;
  width: 400px;
}
.da-slide-current .da-img{
  left: 100px;
  opacity: 1;
}
/* Infobox */
.da-slide .da-slide-info h3 {
  color: #585858;
  font-size: 30px;
  letter-spacing: 1px;
  line-height: 1em;
  margin: 5px;
  white-space: nowrap;
}
.da-slide .da-slide-info h4 {
  font-size: 18px;
  line-height: 1em;
  margin: 11px 5px;
  white-space: nowrap;
}
.da-slide .da-slide-info ul {
  margin: 0;
}
.da-slide .da-slide-info ul li {
  font-size: 16px;
  margin: 0 5px 0 35px;
  line-height: 1.4em;
}
.da-slide .da-slide-info a.da-link {
  background: url(../images/readmore.gif) no-repeat scroll 0 4px transparent;
  bottom: 30px;
  color: #006A7D;
  display: block;
  height: 20px;
  left: 5px;
  line-height: 20px;
  margin: 0 5px;
  padding-left: 20px;
  position: absolute;
  -webkit-transition: opacity 0.6s ease-in-out 0.6s;
  -moz-transition: opacity 0.6s ease-in-out 0.6s;
  -o-transition: opacity 0.6s ease-in-out 0.6s;
  -ms-transition: opacity 0.6s ease-in-out 0.6s;
  transition: opacity 0.6s ease-in-out 0.6s;
}
.da-slide .da-slide-info a.da-link:hover {
  color: #E2001A;
}
/*************************************** END Own Work **************/
/*************************************** Slidernavi *************/
img.da-dots-shadow {
  display: block;
  width: 960px;
  height: 30px;
  position: absolute;
  z-index: 999;
  bottom: 40px;
}
.da-dots{
  background: url(../images/navibg.jpg) repeat-y scroll 0 0 transparent;
  width: 920px;
  height: 40px;
  padding: 0 30px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2000;
  -moz-user-select: none;
  -webkit-user-select: none;
}

.da-dots span:first-child{
  width: 130px;
  border-left: 1px solid #cecece;
}
.da-dots span{
  background: none repeat scroll 0 0 transparent;
  border-right: 1px solid #CECECE;
  color: #006A7D;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  height: 35px;
  line-height: 16px;
  padding: 4px 9px 1px;
  position: relative;
  width: 131px;
  overflow: hidden;
  white-space: nowrap;
}
.da-dots span b{
  color: #585858;
  font-size: 16px;
  display: block;
  margin-bottom: 1px;
}
.da-dots span:hover b,
.da-dots span.da-dots-current b {
  color: #FFF;
}
.da-dots span:hover,
.da-dots span.da-dots-current {
  background: url(../images/navi-dot-bg.jpg) repeat-y scroll center 0 transparent;
  color: #FFF;
}
/*************************************** Navi-Pfeile **************/
.da-arrows{
  -moz-user-select: none;
  -webkit-user-select: none;
}
.da-arrows span{
  position: absolute;
  top: 151px;
  background-image: url(../images/arrows2.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-color: transparent;
  width: 27px;
  height: 27px;
  cursor: pointer;
  z-index: 2000;
  opacity: 0;
  -webkit-transition: opacity 0.4s ease-in-out 0.2s;
  -moz-transition: opacity 0.4s ease-in-out 0.2s;
  -o-transition: opacity 0.4s ease-in-out 0.2s;
  -ms-transition: opacity 0.4s ease-in-out 0.2s;
  transition: opacity 0.4s ease-in-out 0.2s;
}
.da-slider:hover .da-arrows span{
  opacity: 1;
}
.da-arrows span.da-arrows-prev{
  left: -1px;
}
.da-arrows span.da-arrows-next{
  right: -1px;
  background-position: -27px 0;
}
/* Animation classes and animations */

/* Slide in from the right*/
.da-slide-fromright .da-slide-info{
  -webkit-animation: fromRightAnim1 0.4s ease 0.4s both;
  -moz-animation: fromRightAnim1 0.4s ease 0.4s both;
  -o-animation: fromRightAnim1 0.4s ease 0.4s both;
  -ms-animation: fromRightAnim1 0.4s ease 0.4s both;
  animation: fromRightAnim1 0.4s ease 0.$s both;
}
.da-slide-fromright .da-img{
  -webkit-animation: fromRightAnim2 0.4s ease 1s both;
  -moz-animation: fromRightAnim2 0.4s ease 1s both;
  -o-animation: fromRightAnim2 0.4s ease 1s both;
  -ms-animation: fromRightAnim2 0.4s ease 1s both;
  animation: fromRightAnim2 0.4s ease 1s both;
}
@-webkit-keyframes fromRightAnim1{
  0%{ left: 110%; opacity: 0; }
  100%{ left: 577px; opacity: 1; }
}
@-webkit-keyframes fromRightAnim2{
  0%{ left: -110%; opacity: 0; }
  100%{ left: 100px; opacity: 1; }
}

@-moz-keyframes fromRightAnim1{
  0%{ left: 110%; opacity: 0; }
  100%{ left: 577px; opacity: 1; }
}
@-moz-keyframes fromRightAnim2{
  0%{ left: -110%; opacity: 0; }
  100%{ left: 100px; opacity: 1; }
}

@-o-keyframes fromRightAnim1{
  0%{ left: 110%; opacity: 0; }
  100%{ left: 577px; opacity: 1; }
}
@-o-keyframes fromRightAnim2{
  0%{ left: -110%; opacity: 0; }
  100%{ left: 100px; opacity: 1; }
}

@-ms-keyframes fromRightAnim1{
  0%{ left: 110%; opacity: 0; }
  100%{ left: 577px; opacity: 1; }
}
@-ms-keyframes fromRightAnim2{
  0%{ left: -110%; opacity: 0; }
  100%{ left: 100px; opacity: 1; }
}

@keyframes fromRightAnim1{
  0%{ left: 110%; opacity: 0; }
  100%{ left: 577px; opacity: 1; }
}
@keyframes fromRightAnim2{
  0%{ left: -110%; opacity: 0; }
  100%{ left: 100px; opacity: 1; }
}
/* Slide in from the left*/
.da-slide-fromleft .da-slide-info{
  -webkit-animation: fromLeftAnim1 0.6s ease 0.4s both;
  -moz-animation: fromLeftAnim1 0.6s ease 0.4s both;
  -o-animation: fromLeftAnim1 0.6s ease 0.4s both;
  -ms-animation: fromLeftAnim1 0.6s ease 0.4s both;
  animation: fromLeftAnim1 0.6s ease 0.4s both;
}
.da-slide-fromleft .da-img{
  -webkit-animation: fromLeftAnim2 0.6s ease 0.6s both;
  -moz-animation: fromLeftAnim2 0.6s ease 0.6s both;
  -o-animation: fromLeftAnim2 0.6s ease 0.6s both;
  -ms-animation: fromLeftAnim2 0.6s ease 0.6s both;
  animation: fromLeftAnim2 0.6s ease 0.6s both;
}
@-webkit-keyframes fromLeftAnim1{
  0%{ left: 110%; opacity: 0; }
  100%{ left: 577px; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim2{
  0%{ left: -110%; opacity: 0; }
  100%{ left: 100px; opacity: 1; }
}

@-moz-keyframes fromLeftAnim1{
  0%{ left: 110%; opacity: 0; }
  100%{ left: 577px; opacity: 1; }
}
@-moz-keyframes fromLeftAnim2{
  0%{ left: -110%; opacity: 0; }
  100%{ left: 100px; opacity: 1; }
}

@-o-keyframes fromLeftAnim1{
  0%{ left: 110%; opacity: 0; }
  100%{ left: 577px; opacity: 1; }
}
@-o-keyframes fromLeftAnim2{
  0%{ left: -110%; opacity: 0; }
  100%{ left: 100px; opacity: 1; }
}

@-ms-keyframes fromLeftAnim1{
  0%{ left: 110%; opacity: 0; }
  100%{ left: 577px; opacity: 1; }
}
@-ms-keyframes fromLeftAnim2{
  0%{ left: -110%; opacity: 0; }
  100%{ left: 100px; opacity: 1; }
}

@keyframes fromLeftAnim1{
  0%{ left: 110%; opacity: 0; }
  100%{ left: 577px; opacity: 1; }
}
@keyframes fromLeftAnim2{
  0%{ left: -110%; opacity: 0; }
  100%{ left: 100px; opacity: 1; }
}
/* Slide out to the right */
.da-slide-toright .da-slide-info{
  -webkit-animation: toRightAnim1 0.6s ease 0s both;
  -moz-animation: toRightAnim1 0.6s ease 0s both;
  -o-animation: toRightAnim1 0.6s ease 0s both;
  -ms-animation: toRightAnim1 0.6s ease 0s both;
  animation: toRightAnim1 0.6s ease 0s both;
}
.da-slide-toright .da-img{
  -webkit-animation: toRightAnim2 0.6s ease both;
  -moz-animation: toRightAnim2 0.6s ease both;
  -o-animation: toRightAnim2 0.6s ease both;
  -ms-animation: toRightAnim2 0.6s ease both;
  animation: toRightAnim2 0.6s ease both;
}
@-webkit-keyframes toRightAnim1{
  0%{ left: 577px;  opacity: 1; }
  100%{ left: 110%; opacity: 0; }
}
@-webkit-keyframes toRightAnim2{
  0%{ left: 100px;  opacity: 1; }
  100%{ left: -110%; opacity: 0; }
}

@-moz-keyframes toRightAnim1{
  0%{ left: 577px;  opacity: 1; }
  100%{ left: 110%; opacity: 0; }
}
@-moz-keyframes toRightAnim2{
  0%{ left: 100px;  opacity: 1; }
  100%{ left: -110%; opacity: 0; }
}

@-o-keyframes toRightAnim1{
  0%{ left: 577px;  opacity: 1; }
  100%{ left: 110%; opacity: 0; }
}
@-o-keyframes toRightAnim2{
  0%{ left: 100px;  opacity: 1; }
  100%{ left: -110%; opacity: 0; }
}

@-ms-keyframes toRightAnim1{
  0%{ left: 577px;  opacity: 1; }
  100%{ left: 110%; opacity: 0; }
}
@-ms-keyframes toRightAnim2{
  0%{ left: 100px;  opacity: 1; }
  100%{ left: -110%; opacity: 0; }
}

@keyframes toRightAnim1{
  0%{ left: 577px;  opacity: 1; }
  100%{ left: 110%; opacity: 0; }
}
@keyframes toRightAnim2{
  0%{ left: 100px;  opacity: 1; }
  100%{ left: -110%; opacity: 0; }
}
/* Slide out to the left*/
.da-slide-toleft .da-slide-info{
  -webkit-animation: toLeftAnim1 0.6s ease 0s both;
  -moz-animation: toLeftAnim1 0.6s ease 0s both;
  -o-animation: toLeftAnim1 0.6s ease 0s both;
  -ms-animation: toLeftAnim1 0.6s ease 0s both;
  animation: toLeftAnim1 0.6s ease 0s both;
}
.da-slide-toleft .da-img{
  -webkit-animation: toLeftAnim2 0.6s ease both;
  -moz-animation: toLeftAnim2 0.6s ease both;
  -o-animation: toLeftAnim2 0.6s ease both;
  -ms-animation: toLeftAnim2 0.6s ease both;
  animation: toLeftAnim2 0.6s ease both;
}
@-webkit-keyframes toLeftAnim1{
  0%{ left: 577px;  opacity: 1; }
  100%{ left: 110%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim2{
  0%{ left: 100px;  opacity: 1; }
  100%{ left: -110%; opacity: 0; }
}

@-moz-keyframes toLeftAnim1{
  0%{ left: 577px;  opacity: 1; }
  100%{ left: 110%; opacity: 0; }
}
@-moz-keyframes toLeftAnim2{
  0%{ left: 100px;  opacity: 1; }
  100%{ left: -110%; opacity: 0; }
}

@-o-keyframes toLeftAnim1{
  0%{ left: 577px;  opacity: 1; }
  100%{ left: 110%; opacity: 0; }
}
@-o-keyframes toLeftAnim2{
  0%{ left: 100px;  opacity: 1; }
  100%{ left: -110%; opacity: 0; }
}

@-ms-keyframes toLeftAnim1{
  0%{ left: 577px;  opacity: 1; }
  100%{ left: 110%; opacity: 0; }
}
@-ms-keyframes toLeftAnim2{
  0%{ left: 100px;  opacity: 1; }
  100%{ left: -110%; opacity: 0; }
}

@keyframes toLeftAnim1{
  0%{ left: 577px;  opacity: 1; }
  100%{ left: 110%; opacity: 0; }
}
@keyframes toLeftAnim2{
  0%{ left: 100px;  opacity: 1; }
  100%{ left: -110%; opacity: 0; }
}