/* compressed reset-min.css */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
/* compressed fonts-min.css */
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

html,body {
  height: 101%;
  min-height: 100%;
}
body {
/*  background-color: #996633;*/
/*  background-color: #990033;*/
  position: relative;
}
.nowrap {
  white-space: nowrap;
}

.shadow {
  -moz-box-shadow: 3px 3px 6px #000;
  -webkit-box-shadow: 3px 3px 10px #555;
  box-shadow: 3px 3px 6px gray;
}
a:link { color: white}
a:visited { color: white}
a:focus { color: white}
a:hover { color: white}
a:active { color: white}

strong {
 font-weight: bold;
}

h1 {
 font-size: 30px;
 font-weight: 300;
}

h2 {
 font-size: 20px;
 font-weight:300;
}

h3 {
 font-size: 18px;
 font-weight: 300;
}

h4 {
 font-size: 18px;
 font-weight: 300;
	line-height: normal;
	color: white;
}


div#header {
  position: absolute;
  left: 50%;
  top: 15px;
  width: 900px;
  height: 117px;
  margin-left: -450px;
}


div#zeile-1 {
  z-index: 10;
  position: absolute;
  left: 50%;
  width: 900px;
  margin-top: 135px;
  margin-left: -450px;
}


div#center {
  position: absolute;
  left: 50%;
  width: 900px;
  margin-top: 168px;
  margin-left: -500px;
}

div#container {
  overflow: hidden;
  padding: 30px 0 10px 0;
  width: 100%;
	border-style: solid;
	border-width: 120px 60px 60px 60px;
  border-color: #16634c;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
	
}


div#text {
  margin: 20px 110px 20px 110px;
  text-align: center;
  font-size: 100%;
	color: white;
}

div#audio {
	margin: 20px 40px 0px 40px;
	text-align: center;
	font-size: 14px;
	display: flex;
	justify-content:space-between;
	color: white;

}

div#buttons {
  margin-top: 0px;
}


#left a {
  float: right;
}
#right a {
  float: left;
}

div#left {
  float: left;
	line-height: 30px;
	margin-left: 80px;
}
div#right {
  float: right;
	line-height: 30px;
	margin-right: 80px;
}
div#audio-center {
  float: center;
	line-height: 30px;
	margin-left: 30px;
}

div#footer-in {
  padding: 5px;
  margin: 30px 10px 10px 10px;
  clear: both;
  text-align: center;
	color: white;
}

div#footer-out {
	margin-top: 20px;
  padding: 5px;
  clear: both;
  text-align: center;
}

.slideshow {
  position: relative;
  width: 100%;
  max-width: 600px; /* anpassen */
  height: 426px;    /* anpassen */
  margin: 0 auto;
  overflow: hidden;
}

.slide {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  animation-duration: 18s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

.slide1 {
  animation-name: fade1;
}
.slide2 {
  animation-name: fade2;
}
.slide3 {
  animation-name: fade3;
}
.slide4 {
  animation-name: fade4;
}
.slide5 {
  animation-name: fade5;
}
.slide6 {
  animation-name: fade6;
}

@keyframes fade1 {
  0%   { opacity: 0; }
  5%   { opacity: 1; }
  25%  { opacity: 1; }
  30%  { opacity: 0; }
  100% { opacity: 0; }
}
@keyframes fade2 {
  15%  { opacity: 0; }
  20%  { opacity: 1; }
  40%  { opacity: 1; }
  45%  { opacity: 0; }
  100% { opacity: 0; }
}
@keyframes fade3 {
  30%  { opacity: 0; }
  35%  { opacity: 1; }
  55%  { opacity: 1; }
  60%  { opacity: 0; }
  100% { opacity: 0; }
}
@keyframes fade4 {
  45%  { opacity: 0; }
  50%  { opacity: 1; }
  70%  { opacity: 1; }
  75%  { opacity: 0; }
  100% { opacity: 0; }
}
@keyframes fade5 {
  60%  { opacity: 0; }
  65%  { opacity: 1; }
  85%  { opacity: 1; }
  90%  { opacity: 0; }
  100% { opacity: 0; }
}
@keyframes fade6 {
  75%  { opacity: 0; }
  80%  { opacity: 1; }
  100% { opacity: 1; }
}

.content-layout-row 
{
   display: table-row;
	color: white;
}