/* CSS definition file containing sitestyle stylesheets */
BODY { font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif; font-size: xx-small; background-color: rgb(255,255,255);
text-align:center;
}
 A:active { color: rgb(0,0,0);}
 A:link { color: rgb(0,0,0);}
 A:visited { color: rgb(204,102,0);}
 A:hover { color: rgb(204,102,0);}

.center-div { margin-left: auto; margin-right: auto; }
 
H1 {
    text-shadow: 2px 2px 4px #000000;color: rgb(0,51,102);
}
H2 {
    text-shadow: 2px 2px 4px #000000;color: rgb(0,51,102);
}
H3 {
	text-shadow:2px 2px 4px #000000;font-size: 18px; color: rgb(0,51,102);
}
H4 {
	font-size: x-small; color: rgb(0,51,102);
	
}

#mainframe {
	margin-left: auto;
	margin-right: auto;
}
div#tikker{
margin-left: 5px;
vertical-align: baseline;

font-size: small; color: rgb(0,51,102);
animation: tikker 6s ease-out;

}
div#hoch{



}

div#zentriert{
width: 1100px;
margin: 0px auto;
text-align:left;

}
	


#Bild1 {
	box-shadow: 2px 2px 4px #000000;
}
#Bild2 {
	box-shadow: 2px 2px 4px #000000;
}
#Bild3 {
	box-shadow: 2px 2px 4px #000000;
}
#Bild4 {
	box-shadow: 2px 2px 4px #000000;
}
#Bild5 {
	box-shadow: 2px 2px 4px #000000;
}
#Picture10 {
	box-shadow: 2px 2px 4px #000000;
}
#NavigationBar6 {}
align: left;
}

$duration: 30s;

@-webkit-keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.ticker-wrap {
  
  position: fixed;
  bottom: 0;
  width: 100%;
  overflow: hidden;
  height: 4rem;
  background-color: rgba(#000, 0.9); 
  padding-left: 100%;  // offset items to begin 
  
}

.ticker {
    
  display: inline-block;
  height: 4rem;
  line-height: 4rem;  
  white-space: nowrap; // display items in a line
  padding-right: 100%; // ensure items go before animations repeat (taken from parent due to inline-block)
  
  -webkit-animation-iteration-count: infinite; 
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
 -webkit-animation-name: ticker;
         animation-name: ticker;
  -webkit-animation-duration: $duration;
          animation-duration: $duration;
  
  &__item {
    
    display: inline-block;
    
    padding: 0 2rem;
    font-size: 2rem;
    color: white;   
    
  }
  
}