.topimage{
	width: 1200px;
	height: 200px;
	background-position: center bottom;
	background-image : url(img/solringen_topbn_on.png) ;
	background-repeat : no-repeat;
}

.item{
  float: center;
  margin-right: 0px;
  padding: 0px;
  text-align: center;
  opacity: 0;
  -webkit-transform: translateY(-5%);
    -ms-transform: translateY(-5%);
    transform: translateY(-5%);
}
.item:nth-child(1) {
  -webkit-animation: moveitem 0.5s ease 0.5s 1 forwards;
  animation: moveitem 1.5s ease 0.2s 1 forwards;
}
@-webkit-keyframes moveitem {
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes moveitem {
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.item2{
  float: center;
  margin-right: 0px;
  padding: 0px;
  text-align: center;
  opacity: 0;
}
.item2:nth-child(1) {
  -webkit-animation: moveitem 0.5s ease 0.5s 1 forwards;
  animation: moveitem2 3.0s ease 0.0s 1 forwards;
}
@-webkit-keyframes moveitem2 {
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes moveitem2 {
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}


.item3{
  float: center;
  margin-right: 0px;
  padding: 0px;
  text-align: center;
  opacity: 0;
}
.item3:nth-child(1) {
  -webkit-animation: moveitem 0.5s ease 0.5s 1 forwards;
  animation: moveitem2 2.0s ease 0.0s 1 forwards;
}

.item4{
  float: center;
  margin-right: 0px;
  padding: 0px;
  text-align: center;
  opacity: 0;
  -webkit-transform: translateY(-5%);
    -ms-transform: translateY(-5%);
    transform: translateY(-5%);
}
.item4:nth-child(1) {
  -webkit-animation: moveitem 0.5s ease 0.5s 1 forwards;
  animation: moveitem 1.5s ease 0.2s 1 forwards;
}


#bg01 {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: -1;
    width: 100vw;
    height: 100vh;
    background-image: url("img/solringen_webbg.jpg");
    background-position: 0px 0px;
    background-size: cover;
}

header {
  position: fixed;
  width: 1500;
  top: 0;
  z-index: 10000;
  left: 30%;
  margin-right: -30%;
  transform: translate(-30%, 0%)
}