body {
	font-family: Arial, Helvetica, sans-serif;
	//margin-top: 0px;
	//margin-left: 0px;
	//margin-right: 0px;
	//margin-bottom: 0px;
	font-size: 16pt;
  color: #ffffff;
	//text-align: center;
	background-color: #000000;
}

/* p, td, tr, li, ol {
  font-family: Arial, Helvetica, sans-serif;
} */

div.gesamt {
//width: 800px;
width: 900px;
margin-left: auto;
margin-right: auto;	
}

header, nav, section, footer {
      display: block;
//    margin-left: auto;
//	  margin-right: auto;
//	  text-align: left;
}

header {
	background-color: #000000;
	margin-top: 20px;
  height: 200px;
	//width: 600px;
}

table.header {
	height:100%;
	width: 100%;
  border-style: none; 
  border-collapse: collapse;
  border-spacing: 0px;
  margin: 0px;
  padding: 0px;
}   

td.header {
	width: 100%;
	vertical-align:middle;
	text-align: center;
}

nav { 
	background-color: #000000;
	margin-top: 20px;
  height: 2em;
	//width: 600px;
}

section {
	background-color: #000000;
	//padding-top: 20px;
	//padding-left: 20px;
	//padding-right: 20px;
	//width: 600px;
}

/*div.section {
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
}*/

footer {
  font-size: 12pt;
	background-color: #000000;
	margin-top: 40px;
	margin-bottom: 80px;	
  height: 2em;	
	padding-left: 20:px;
	padding-right: 20:px;
	//width: 600px;
}

table.footer {
	height:100%;
	width: 100%;
  border-style: none; 
  border-collapse: collapse;
  border-spacing: 0px;
  margin: 0px;
  padding: 0px;
}   

td.footer {
	width: 100%;
	vertical-align:middle;
	text-align: center
}

footer a {
  color: #ffffff;
  text-decoration: none;
  transition: color 0.5s;
  -webkit-transition: color 0.5s;
  -khtml-transition: color 0.5s;
  -o-transition: color 0.5s;  
  -moz-transition: color 0.5s;
}

footer a:hover {
 	color: #00aa00;
}
	
/******************************
 *    Links in Nav-Leiste
 ******************************/
 
div.navlink {
  font-size: 16pt;
	color:#ffffff;
  transition: color 0.5s, background-color 0.5s, box-shadow 0.5s;
  -webkit-transition: color 0.5s, background-color 0.5s, box-shadow 0.5s;
  -khtml-transition: color 0.5s, background-color 0.5s, box-shadow 0.5s;
  -moz-transition: color 0.5s, background-color 0.5s, box-shadow 0.5s;
  padding: 0.5em 0.5em 0.5em 0.5em;
	margin-right: 0em;
	margin-left: 0em;
 	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	//display:inline
}	

div.navlink:hover {
 	color: #00aa00;
}

a.navlink:link {
  color: #000000;
  text-decoration: none;
}


/******************************
 *    Farben Überschriften
 ******************************/
 
span.h1grau {
	font-size: 18pt;
	font-weight: bold;
	color: #999999;
}

span.h2grau {
	font-size: 16pt;
	font-weight: bold;
	color: #999999;
}		 

/******************************
 *    Animation 1. Seite
 ******************************/
 
@-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:533px;
  width:800px;
  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: 24s;

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

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

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


/******************************
 *    Leiste Altuelle Seite
 ******************************/

.AktPage {
  font-size: 12pt;	
  background-color: #000000;
	}

.AktPage a {
  color: #ffffff;
  text-decoration: none;
  transition: color 0.5s;
  -webkit-transition: color 0.5s;
  -khtml-transition: color 0.5s;
  -o-transition: color 0.5s;
  -moz-transition: color 0.5s;
}

.AktPage a:hover {
 	color: #00aa00;
}

.shadow {
	-webkit-box-shadow:3px 3px 3px #666;
	-khtml-box-shadow:3px 3px 3px #666;
	-moz-box-shadow:3px 3px 3px #666;
	box-shadow:3px 3px 3px #666;
}

/******************************
 *    Bilder
 ******************************/

img.rahmen1 {
	border-style: solid;
	border-width: 11px;
	border-color: #ffffff;
  transition: border-color 0.5s;
  -webkit-transition: border-color 0.5s;
  -khtml-transition: border-color o.5s;
  -o-transition: color 0.5s;
  -moz-transition: border-color 0.5s;
}

img.rahmen1:hover {
 	border-color: #00aa00;
}

/******************************
 *    Link grün
 ******************************/

a.gruen {
  color: #99ee99;
  text-decoration: none;
  transition: color 0.5s;
  -webkit-transition: color 0.5s;
  -khtml-transition: color 0.5s;
  -o-transition: color 0.5s;
  -moz-transition: color 0.5s;
}

a.gruen:hover {
 	color: #00aa00;
}