body,td,th {
	font-family: Verdana, Geneva, sans-serif;
	color: #FFF;
}
body {
	background-color: #000;
}
img {
	border-style: none;
}
div.main {
	width:1020px;
	margin-left:auto;
	margin-right:auto;
}
div.fotorahmen {
	position: relative;
	height:360px;
	width:360px;
	background-image:url(images/foto_rahmen.png);
	-webkit-transform-style: preserve-3d;
}
div.fotorahmen#vcs {
	margin-left:70px;
	margin-right:auto;
	-moz-transform:rotate(-15deg); /* Firefox 3.6 Firefox 4 */
	-webkit-transform:rotate(-15deg); /* Safari */
	-o-transform:rotate(-15deg); /* Opera */
	-ms-transform:rotate(-15deg); /* IE9 */
	transform:rotate(-15deg); /* W3C */
}
div.fotorahmen#verleih {
	margin-top:-350px;
	margin-left:auto;
	margin-right:70px;
	-moz-transform:rotate(15deg); /* Firefox 3.6 Firefox 4 */
	-webkit-transform:rotate(15deg); /* Safari */
	-o-transform:rotate(15deg); /* Opera */
	-ms-transform:rotate(15deg); /* IE9 */
	transform:rotate(15deg); /* W3C */
}
div.fotorahmen#diamond {
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
	-moz-transform:rotate(-5deg); /* Firefox 3.6 Firefox 4 */
	-webkit-transform:rotate(-5deg); /* Safari */
	-o-transform:rotate(-5deg); /* Opera */
	-ms-transform:rotate(-5deg); /* IE9 */
	transform:rotate(-5deg); /* W3C */
}
div.fotohintergrund {
	position:relative;
	height:285px;
	width:285px;
	background:black;
	top:37.5px;
	left:37.5px;
	-webkit-transform-style: preserve-3d;
}

@-webkit-keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@-moz-keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@-o-keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

#cf4a {
  position:relative;
  height:285px;
  width:285px;
  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: 16s;

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

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

  animation-name: cf4FadeInOut;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 16s;
}
#cf4a img:nth-of-type(1) {
  -webkit-animation-delay: 16s;
  -moz-animation-delay: 16s;
  -o-animation-delay: 16s;
  animation-delay: 16s;
}
#cf4a img:nth-of-type(2) {
  -webkit-animation-delay: 12;
  -moz-animation-delay: 12s;
  -o-animation-delay: 12s;
  animation-delay: 12s;
}
#cf4a img:nth-of-type(3) {
  -webkit-animation-delay: 8s;
  -moz-animation-delay: 8s;
  -o-animation-delay: 8s;
  animation-delay: 8s;
}
#cf4a img:nth-of-type(4) {
  -webkit-animation-delay: 4s;
  -moz-animation-delay: 4s;
  -o-animation-delay: 4s;
  animation-delay: 4s;
}