body {
  font-family: Times, serif;
  color: #8F7070;
  font-size: 12pt;
  line-height: 14pt;
  letter-spacing:0.1pt
}

* {
  margin:0;
  padding:0;
}
.decolor {
    color:#007c3e;
}
.text1 {
    padding: 10px 26px 10px 26px ;
    line-height: 1.25em;
    color: #507E31;
}
.text1b {
    padding: 20px 26px 6px 6px ;
    line-height: 1.25em;
    color: #507E31;
}
.text1b-g {
    padding: 10px 26px 6px 6px ;
    line-height: 1.25em;
    color: #507E31;
}
.text1des {
    padding: 40px 6px 6px 26px ;
    line-height: 1.25em;
    color: #507E31;
}
.text2 {
    padding: 0px 26px 10px 26px ;
    line-height: 1.25em;
}
.text2a {
    padding: 0 26px 0px 6px ;
    line-height: 1.25em;
    list-style: none;
}
.text2b {
    padding: 0 20px 10px 6px ;
    line-height: 1.25em;
}
.text2c {
    padding: 0 26px 16px 6px ;
    line-height: 1.25em;
    list-style: none;
}
.text2d {
    padding: 0 26px 16px 20px ;
    line-height: 1.0em;
    list-style: none;
}
.text2des {
    padding: 0 20px 10px 26px ;
    line-height: 1.25em;
}
.text2e {
    padding: 0 26px 16px 320px ;
    line-height: 1.0em;
    list-style: none;
}
.text2f {
    padding: 0 26px 16px 6px ;
    line-height: 1.35em;
    list-style: none;
}
.text3a {
    font-size: 10pt;
    margin: 0 26px 10px 10px ;
    line-height: 1.25em;
}
.text4 {
    font-size: 14pt;
    margin: 0 auto ;
    line-height: 1.4em;
    color: #507E31;
}
.text5 {
    font-size: 18pt;
    font-weight: bold;
    margin: 0 auto ;
    line-height: 1.4em;
    color: #507E31;
}
.text9 {
    padding-bottom: 20px;
    padding-top: 20px;
}
.preis {
    color: #507E31;
    font-size: 13pt;
    font-style: oblique;
    font-weight: bolder;
}
.texti1 {
    padding: 0 26px 16px 26px ;
    line-height: 1.35em;
    list-style: none;
}
a:link, a:visited   {
    color: #8F7070;
    /*color: #71B528;*/
    text-decoration: none;
}
a:hover, a:active {
    color: #507E31;
}
img, tr, td, table {
  border: 0;
}
a img {
  border: none;
}

#hintergrund {
  position: fixed;
  width:100%;
  height: auto;
  /*background-repeat: no-repeat;*/
  z-index:1;
}

.bgmin1 {
     min-width: 1200px;
     background-color:#CECECE;      
}
.bgmin2 {
     min-width: 1400px;
     background-color:#CECECE;
}
#seite-i {
  position:relative;
  top:0px;
  margin: 0 auto;
  width:800px;
  overflow: hidden;
  z-index:2;
  /*width: 680px;
  right:18%;
  left:15%;  
  z-index:2;*/
}
/*#seite-i2 {
    height: 100%;
    width: 100%;
    overflow: auto;
} */

#kopf {
  padding: 24px 10px 26px 4px;
  font-size: 11pt;
  background-color:white; 
  background-color: hsla( 0, 0%, 100%, 0.80); 
  /*background-color: hsla( 63, 90%, 85%, 0.7); */
}
#kopf ul {
    margin-right: 22px;
}
                            
#kopf li {
	letter-spacing: 0.7px;
	padding-left: 14px;
	float: right;
	list-style: none;
	/*display: inline; */
}

#kopf li a {
    color: #000000;
    text-decoration: none;
}
#kopf li a:active {
    color: #507E31;
    text-shadow: 0px 0px 10px #ffff99 ;
}

#kopf li a:hover {
    color: #507E31;
    text-shadow: 0px 0px 10px #ffff99 ;
}
.deeng {
    margin-left: -6px;
}
.spr {
    font-style: oblique;
}
#steuerung {
  margin-top: auto;
  padding: 18px 0px 28px 0px;
  background-color: white;
  background-color: hsla( 0, 0%, 100%, 0.80); 
  font-size: 14pt;
  line-height: 16pt;
  /*border-top: solid 2px white;
  box-shadow:0px 2px 1px #A5A5A5;
  -moz-box-shadow:0px 2px 1px silver;*/
}
#steuerung ul {
	margin-left:22px ;
}

#steuerung li {
	margin: 0px 0px 0px 16px;
	padding: 0px;
	float: left;
	list-style: none;
	/*display: inline; */
}

#steuerung li a {
    color: #000000;
    text-decoration: none;
}
#steuerung li a:active {
    color: #507E31;
    text-shadow: 0px 0px 10px #ffff99 ;
}
.active {
    color: #507E31;
    text-shadow: 0px 0px 10px #ffff99 ;
}
.abstli {
    margin-left: 20px;
}
#steuerung li a:hover {
    color: #507E31;
    text-shadow: 0px 0px 10px #ffff99 ;    
}
#logo-s1 {
    position: absolute;
    top:8px;
    left: 36px;

}
#inhaltind1 {
  margin-top: 22px;
  height:580px;
  padding: 30px 10px 0px 10px;
  background-color: white;
  background-color: hsla( 0, 0%, 100%, 0.75);
}
#inhaltkont {
  margin-top: 22px;
  height:520px;
  padding: 30px 10px 0px 70px;
  background-color: white;
  background-color: hsla( 0, 0%, 100%, 0.65);
}
.picz1 {
    margin:0px 0px 10px 10px;
    float: left;
    background-color: transparent;
    width: 100%;
    /*border:solid yellow;*/
}
.picz2 {
    margin:18px 0px 0px 10px;
    float: left;
    background-color: transparent;
    width: 100%;
    /*border:solid yellow;*/
}
#kont1 {
    margin:0px 0px 16px 10px;
    background-color: transparent;
    width: 100%;
    border:0;
}
#kont1 td {
      vertical-align: top;
      text-align : left;
      padding: 4px;

      }
#kont2 {
    margin:30px 0px 10px 10px;
    background-color: transparent;
    float: left;
    border:0;
}
#kont2 li {
	margin: 0px 0px 6px 0px;
	padding: 0px;
	list-style: none;
	/*display: inline; */
}
#kont3 {
    margin:62px 0px 10px 340px;
    background-color: transparent;
    border:0;
}
#kont3 li {
	margin: 0px 0px 6px 0px;
	padding: 0px;
	list-style: none;
	/*display: inline; */
}
#rue1 {
    background-color:#eeeeff;
    width:400px;
    height:650px;
    padding: 20px;
    margin-top: 26px;
    margin-left: 26px;
    box-shadow:6px 6px 3px #A5A5A5;
    -moz-box-shadow:6px 6px 3px #A5A5A5;
}
#inhaltzwre {
  float: right;
  margin-top: 22px;
  height:580px;
  width:380px;
  padding: 30px 10px 10px 30px;
  background-color: white;
  background-color: hsla( 0, 0%, 100%, 0.9);
}
#inhaltzwli {
  margin-top: 22px;
  margin-right: 420px;
  height:580px;
  padding: 0px 0px 40px 10px;
  background-color: white;
  background-color: hsla( 0, 0%, 100%, 0.45);
}
#inhaltzwli2 {
  margin-top: 22px;
  margin-right: 420px;
  height:580px;
  padding: 0px 0px 40px 0px;
  background-color: white;
  background-color: hsla( 0, 0%, 100%, 0.45);
}
.posflagi {
  position:absolute;
      left:5px;
      top: 88px;  
}
.poscooli {
  position:absolute;
      left:0px;
      top: 136px;
}
.posgolfi {
  position:absolute;
      left:-10px;
      top: 106px;
}
.posputti {
  position:absolute;
      left:5px;
      top: 136px;
}
#inhaltzwun {
  margin-top: 10px;
  height:80px;
  padding: 30px 10px 0px 10px;
  background-color: white;
  background-color: hsla( 0, 0%, 100%, 0.9);  
}
#inhaltdere {
  float: right;
  margin-top: 22px;
  height:580px;
  width:405px;
  padding: 30px 5px 10px 10px;
  background-color: white;
  background-color: hsla( 0, 0%, 100%, 0.7);
  /*    border:solid green;  */
}
#inhaltdeli {
  margin-top: 22px;
  margin-right: 420px;
  height:580px;
  padding: 10px 0px 30px 10px;
  background-color: white;
  background-color: hsla( 0, 0%, 100%, 0.9);
}
#picde1 {
    padding: 5px 0px 0px 0px;
    float: left;
    background-color: transparent;
    width: 100%;
}
.picde {
    margin: 10px 5px 0px 5px;
}
#inhaltimp1 {
  margin-top: 22px;
  height:660px;
  padding: 26px 26px 5px 26px;
  background-color: white;
  background-color: hsla( 0, 0%, 100%, 0.78);
}
#imp {
    padding: 10px 30px 0px 30px;
    height: 600px;
    overflow: auto;
}
#imp li {
    padding-bottom: 2px;
    list-style: none;
}
#imp ul {
    padding-bottom: 25px;
}

#fuss {
  clear: both;
  color: #FFFFFF;
  float: right;
  padding: 8px 20px 5px 50px;
  /*background-color: hsla(0, 0%, 50%, 0.5);*/
}
/*
#cf { 
      position:absolute;
      left:290px;
      top: 580px;
        
      margin-left:0;
}

#cf img {
      position:absolute;
      -webkit-transition: opacity 0.5s ease-in-out;
      -moz-transition: opacity 0.5s ease-in-out;
      -o-transition: opacity 0.5s ease-in-out;
      transition: opacity 0.5s ease-in-out;
    }
#cf img.top:hover, #cf img.hover_effect {
      opacity:0;
      -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
}   */

.cfpos1 {
      position:absolute;
      left:20px;
      top: 470px;
}
.cfpos2 {
      position:absolute;
      left:310px;
      top: 600px;
}
.cfpos3 {
      position:absolute;
      left:670px;
      top: 580px;
}
.cfpos4 {
      position:absolute;
      left:20px;
      top: 166px;
}

/*cf3 */
@keyframes cf3FadeInOut {
  0% {
  opacity:1;
}
60% {
opacity:1;
}
80% {
opacity:0;
}
100% {
opacity:0;
}
}
 @-webkit-keyframes cf3FadeInOut {
   0% {
     opacity:1;
   }
   60% {
    opacity:1;
  }
  80% {
    opacity:0;
  }
  100% {
   opacity:0;
 }
}

@-moz-keyframes cf3FadeInOut {
 0% {
   opacity:1;
 }
 60% {
  opacity:1;
}
80% {
  opacity:0;
}
100% {
 opacity:0;
}
}

@-o-keyframes cf3FadeInOut {
 0% {
   opacity:1;
 }
 60% {
  opacity:1;
}
80% {
  opacity:0;
}
100% {
 opacity:0;
}
}

/* cf3a */
@keyframes cf3aFadeInOut {
  0% {
  opacity:1;
}
40% {
opacity:1;
}
60% {
opacity:0;
}
100% {
opacity:0;
}
}
 @-webkit-keyframes cf3aFadeInOut {
   0% {
     opacity:1;
   }
   40% {
    opacity:1;
  }
  60% {
    opacity:0;
  }
  100% {
   opacity:0;
 }
}

@-moz-keyframes cf3aFadeInOut {
 0% {
   opacity:1;
 }
 40% {
  opacity:1;
}
60% {
  opacity:0;
}
100% {
 opacity:0;
}
}

@-o-keyframes cf3aFadeInOut {
 0% {
   opacity:1;
 }
 40% {
  opacity:1;
}
60% {
  opacity:0;
}
100% {
 opacity:0;
}
}



#cf3, #cf3a  {
  /*position:relative;
  height:281px;
  width:450px; */
  margin:0 auto;
}
#cf3 img, #cf3a img  {
  position:absolute;
  left:0;
}

#cf3 img.top {
  -webkit-animation-name: cf3FadeInOut;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 3s;
  -webkit-animation-direction: alternate;

  -moz-animation-name: cf3FadeInOut;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: infinite;
  -moz-animation-duration: 3s;
  -moz-animation-direction: alternate;

  -o-animation-name: cf3FadeInOut;
  -o-animation-timing-function: ease-in-out;
  -o-animation-iteration-count: infinite;
  -o-animation-duration: 3s;
  -o-animation-direction: alternate;

  animation-name: cf3FadeInOut;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 3s;
  animation-direction: alternate;
}

#cf3a img.top {
  -webkit-animation-name: cf3aFadeInOut;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 3s;
  -webkit-animation-direction: alternate;

  -moz-animation-name: cf3aFadeInOut;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: infinite;
  -moz-animation-duration: 3s;
  -moz-animation-direction: alternate;

  -o-animation-name: cf3aFadeInOut;
  -o-animation-timing-function: ease-in-out;
  -o-animation-iteration-count: infinite;
  -o-animation-duration: 3s;
  -o-animation-direction: alternate;

  animation-name: cf3aFadeInOut;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 3s;
  animation-direction: alternate;
}


/*
#cf4a {
  /*entspricht #hintergrund nur für index.html*/
  /*background-repeat: no-repeat;*/
/*  z-index:1;
}
#cf4a img {
  position:absolute;
  width:100%;
  height: auto;
}
#cf6a, #cf8a, #cf9a {
  /*entspricht #hintergrund nur für index.html*/
  /*background-repeat: no-repeat;*/
/*  z-index:1;
}
#cf6a img, #cf8a img, #cf9a img{
  position:absolute;
  width:100%;
  height: auto;
}
  Dies ist die Kopie aus dem ImageSwitch Script (siehe fading.css):
  #cf4a {
  position:relative;
  height:281px;
  width:450px;
  margin:0 auto;
}
#cf4a img {
  position:absolute;
  left:0;
}  */
/*
#leiste-o {
  margin-top: 22px;
  height: 18px;
  background-color: white;
  background-color: hsla( 0, 0%, 100%, 0.0);
}
#spalte-l {
    position: absolute;
    left: 0;
    top: 140px;
    width: 18px;
    height: 297px;
    background-color: white;
  background-color: hsla( 0, 0%, 100%, 0.0);
}
#spalte-r {
    position: absolute;
    right: 0px;
    top: 140px;
    width: 18px;
    height: 297px;
    background-color: white;
  background-color: hsla( 0, 0%, 100%, 0.0);
}
#fenster-e {
    position: absolute;
    left: 25px;
    top: 337px;
    width: auto;
    font-size: 56px;
    font-style: italic; 
    line-height: 62px;
    text-shadow: 2px 2px #AE0018;
    color: white;
}
#fensterd {
    position: absolute;
    left: 25px;
    top: 324px;
    width: auto;
    font-size: 62px;
    font-style: italic; 
    line-height: 90px;
    text-shadow: 2px 2px #AE0018; 
    color: white;
}
#leiste-u {
    margin-top: 296px;
    padding:9px;  
    background-color: white;
  background-color: hsla( 0, 0%, 100%, 0.78); 
}

#inhalt1 {
    margin-top: 306px;
    /*margin-top: 0px; 
    background-color: white;
  background-color: hsla( 0, 0%, 100%, 0.78); */
    /*box-shadow:0px -2px 1px #A5A5A5;
    -moz-box-shadow:0px -2px 1px #A5A5A5;*/  
} 
/*#inhalt1e {
    margin-top: 0px;
    background-color: white;
  background-color: hsla( 0, 0%, 100%, 0.78); 
    /*box-shadow:0px -2px 1px #A5A5A5;
    -moz-box-shadow:0px -2px 1px #A5A5A5;*/
/*}
#inhaltgk1 {
  margin-top: 22px;
  height:290px;
  margin-right:307px;
  padding: 30px 0px 0px 26px;
  background-color: white;
  background-color: hsla( 0, 0%, 100%, 0.78); 
}

#textfeldgk1 {
  float: right;
  margin-top: 22px;
  width:276px;
  height:290px;
  padding:30px 26px 0px 5px;
  background-color: white;
  background-color: hsla( 0, 0%, 100%, 0.78); 
  color: #8F7070;
}
#textfeldgk2 {
  margin-top: 0px;  
  height:780px;
  margin-right:290px;
  padding: 20px 0px 0px 26px;
  background-color: white;
  background-color: hsla( 0, 0%, 100%, 0.78); 
}
#picsgk1 {
  float: right;
  margin-top: 0px;
  height:780px;
  width:240px;
  padding: 5px 24px 15px 26px;
  background-color: white;
  background-color: hsla( 0, 0%, 100%, 0.78); 
  color: #8F7070;
}
#reaktionen {
  width:510px;
  height:400px;
  margin:0;
  padding:0;
  overflow: auto;
  /*background-color:white;
  background-color: hsla( 0, 0%, 100%, 0.84); */   
/*}

.videobox1 {
    margin:20px 20px 24px 36px;
    padding: 0;
    width: 348px;
    height: 220px;
    /*background-color: #AE0018;*/
/*    float:right;
}
.videobox2 {
    width: 480px;
    height: 290px;
    /*background-color: #AE0018;*/
/*}
.videobox3 {
    margin:10px 10px 0px 10px;
    padding: 0;
    width: 420px;
    height: 315px;
    /*background-color: #AE0018;*/
/*    float:right;
}
.videobox4 {
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom: 20px;
    text-align: center;
    color: #AE0018;
}
.ue3 {
    line-height: 2em;
    font-size: 14pt;
    color: #AE0018;
}
.vid1 {
    background-color: #AE0018;
    /*border: 2px solid #AE0018; */
/*}
.textfeld {
  padding:20px 16px 16px 24px;
  color: #8F7070;
}
#inhaltf1 {
  margin-top: 22px;
  margin-right: 460px;
  height:480px;
  padding: 24px 0px 10px 26px;
  background-color: white;
  background-color: hsla( 0, 0%, 100%, 0.78);
}
#picsf1 {
  float: right;
  margin-top: 22px;
  height:474px;
  width:440px;
  padding: 30px 10px 10px 10px;
  background-color: white;
  background-color: hsla( 0, 0%, 100%, 0.78);
}
#inhaltf2 {
  height:510px;
  padding: 5px 26px 5px 26px;
  background-color: white;
    background-color: hsla( 0, 0%, 100%, 0.78);
}
#inhaltf2b {
  height:540px;
  padding: 0px 26px 5px 26px;
  background-color: white;
    background-color: hsla( 0, 0%, 100%, 0.78);
}
.bildunten {
    clear: left;
    padding: 5px 0px 10px 4px;
    font-size: small;
}
.bildunten2 {
    clear: left;
    margin-top: -2px;
    padding: 0px 0px 10px 4px;
    font-size: small;
}
.bildunten3 {
    clear: left;
    padding: 10px 0px 0px 14px;
    font-size: small;
}
.pic1 {
    width: 217px;
    height: 217px;
    margin:20px 0px 10px 20px;
    /*border: 2px solid #AE0018; */
/*}
.pic2 {
    margin:20px 10px 0px 10px;
    padding-bottom: 10px;
    float: left;
    /*border:solid yellow;*/
/*}

.pic2b {
    margin:20px 10px -10px 0px;

    float: left;
    /*border:solid yellow;*/
/*}
.pic2c {
    margin:20px 10px 0px 0px;
    padding-bottom: 10px;
    float: none;
    /*border:solid yellow;*/
/*}
.pic3 {
    margin-left:9px;
    margin-bottom: 10px;
}
.pic3a {
    margin-bottom: 10px;
}
#inhaltr1 {
  margin-top: 22px;
  height:980px;
  padding: 26px 26px 5px 26px;
  background-color: white;
  background-color: hsla( 0, 0%, 100%, 0.78);
}
#tabf1 {
  height:960px;
  margin:10px 20px 10px 20px;
  padding: 0;
  overflow: auto;
  background-color:white;
  background-color: hsla( 0, 0%, 100%, 0.4);
}
#tabformr1 {
    table-layout: fixed;
    padding: 0;
    border-collapse: separate;
    border-spacing: 5px 5px;

    width: 726px;
}
#inhaltvid1 {
  margin-top: 22px;
  /* height:780px;*/
/*  padding: 26px 26px 5px 6px;
  background-color: white;
  background-color: hsla( 0, 0%, 100%, 0.78);
}
#text-video {
    padding: 10px 40px 0px 40px;
    text-align: left;
}

.textzelle {
    padding: 10px 0 10px 10px;
    text-align: left;
    vertical-align: top;
}
.tabrow {
    margin: 0 auto;
    border: dotted #00FF00;
}
.imgcell {
    margin: 0 auto;
    padding: 0 10px 20px 10px;
    /*border: solid #AE0018;*/
/*}
#inhaltk1 {
  margin-top: 22px;
  height:460px;
  padding: 26px 26px 5px 26px;
  background-color: white;
  background-color: hsla( 0, 0%, 100%, 0.78);
}
#inhaltimp1 {
  margin-top: 22px;
  height:660px;
  padding: 26px 26px 5px 26px;
  background-color: white;
  background-color: hsla( 0, 0%, 100%, 0.78);
}
#kontform {
    float: right;
    height:370px;
    width:420px;
    padding: 50px 0px 0px 0px;
}
#kontadr {
    height:400px;
    margin-right:420px;
    padding: 25px 16px 0px 36px;
    font-size: 14pt;
}
#kontadr-e {
    height:400px;
    margin-right:420px;
    padding: 80px 16px 0px 36px;
    font-size: 14pt;
}
#imp {
    padding: 10px 30px 0px 30px;
    height: 600px;
    overflow: auto;
}
#imp li {
    padding-bottom: 2px;
    list-style: none;
}
#imp ul {
    padding-bottom: 25px;
}
#inhaltanf1 {
  margin-top: 22px;
  padding: 40px 60px 5px 60px;
  background-color: white;
  background-color: hsla( 0, 0%, 100%, 0.78);
}
#inhaltanf2 {
  /*height:800px; */
/*  padding: 0px 26px 10px 26px;
  background-color: white;
  background-color: hsla( 0, 0%, 100%, 0.78);
}
#anfform {
    margin: 0 auto;    
    width:640px;
}
#inhaltfotobeispiele {
  height:560px;
  margin-top: 22px;
  padding: 30px 26px 5px 26px;
  background-color: white;
  background-color: hsla( 0, 0%, 100%, 0.78);
}
#fussbereich {
  clear: both;
  color: #507E31;     
  float: right;
  padding: 8px 20px 5px 50px;   */
  /*background-color: hsla(0, 0%, 50%, 0.5);*/
}

/*
ImageSwitch
For "n" images You must define:
  a=presentation time for one image
  b=duration for cross fading

  Total animation-duration is of course t=(a+b)*n
  animation-delay = t/n or = a+b
  Percentage for keyframes:
    0%
    a/t*100%
    (a+b)/t*100% = 1/n*100%
    100%-(b/t*100%)
    100%


@-webkit-keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 21% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 96% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@-moz-keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 21% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 96% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@-o-keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 21% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 96% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 21% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 96% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

/*#cf4a {
  position:relative;
  height:281px;
  width:450px;
  margin:0 auto;
}     
#cf4a img {
  position:absolute;
  left:0; 
}  */ 
/*
#cf4a img {
  -webkit-animation-name: cf4FadeInOut;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 27s;

  -moz-animation-name: cf4FadeInOut;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: infinite;
  -moz-animation-duration: 27s;

  -o-animation-name: cf4FadeInOut;
  -o-animation-timing-function: ease-in-out;
  -o-animation-iteration-count: infinite;
  -o-animation-duration: 27s;

  animation-name: cf4FadeInOut;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 27s;
}
#cf4a img:nth-of-type(1) {
  -webkit-animation-delay: 21s;
  -moz-animation-delay: 21s;
  -o-animation-delay: 21s;
  animation-delay: 21s;
}
#cf4a img:nth-of-type(2) {
  -webkit-animation-delay: 14s;
  -moz-animation-delay: 14s;
  -o-animation-delay: 14s;
  animation-delay: 14s;
}
#cf4a img:nth-of-type(3) {
  -webkit-animation-delay: 7s;
  -moz-animation-delay: 7s;
  -o-animation-delay: 7s;
  animation-delay: 7s;
}
#cf4a img:nth-of-type(4) {
  -webkit-animation-delay: 0;
  -moz-animation-delay: 0;
  -o-animation-delay: 0;
  animation-delay: 0;
}
*/