﻿.ulAnim {
	display: block;
	color: #474C42;
	font-size: 1.2em;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	list-style: none;
}
p.ulAnimp {
	margin: 0;
}
#ausgabemonat {
		color:#FFFFFF; /* #FFFFFF für weiße Schrift der Ausgabenbezeichnung, #474C42 für dunkle Schrift der Ausgabenbezeichnung - Titelbild in screengrau.css / classe .titleContent */;
}
#ausgabemonat:visited {
		color:#FFFFFF; /* muss gleiche Farbe haben wie #ausgabemonat */;
}

#ausgabemonat:active {
		color:#FFFFFF; /* muss gleiche Farbe haben wie #ausgabemonat */;
}

#ausgabe {
	font-size: 1.3em;
	color:#474C42; /* #FFFFFF für weiße Schrift der Ausgabe, #474C42 für dunkle Schrift der Ausgabe - Titelbild in screengrau.css / classe .titleContent */;
	font-weight: bold;
	z-index: 1;
	text-align: right;
	min-width: 170px;
	height: 80px;
	float: right;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	overflow: hidden;
}
a.mnuButton {
	color: #000000;
	text-align: center;
	background-image: url('../images/schalt.jpg');
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	display: block;
	width: 120px;
	height: 40px;
	border: 0.8px double #000000;
	margin-top: 2px;
	padding: 10px;
	background-color: transparent;
	text-decoration: none;
}
a.mnuButton:hover {
	color: #800000;
	background-image: url('../images/schalthell.jpg');
	text-decoration: none;
}
a.mnuButton:visited {
	color: #800000;
	background-color: transparent;
	text-decoration: none;
}
a.mnuButton:focus {
	color: #800000;
	background-color: transparent;
	text-decoration: none;
}
a.mnuButton:active {
	color: #800000;
	text-decoration: none;
	background-color: transparent;
}
.slogan {
	display: block;
	text-align: center;
	color: #474C42;
	font-size: 1.2em;
	margin-left: auto;
	margin-right: auto; /* width: 600px;*/;
	height: 40px;
}
.slogan span {
	display: block;
	text-align: center; /*width: 600px;*/;
	height: 40px;
	position: absolute;
	overflow: hidden;
	animation: rotateWords 90s linear infinite 0s;
	margin-left: auto;
	margin-right: auto;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-khtml-opacity: 0;
	-moz-opacity: 0;
}
span.ie8 {
	opacity: 0;
	display: block;
	text-align: center;
	float: none;
	color: #474C42;
	font-size: 1.2em;
	width: 1024px;
	position: absolute;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}
.slogan span:nth-child(2) { 
    animation-delay: 15s; 
}
.slogan span:nth-child(3) { 
    animation-delay: 30s; 
}
.slogan span:nth-child(4) { 
    animation-delay: 45s; 
}
.slogan span:nth-child(5) { 
    animation-delay: 60s; 
}
.slogan span:nth-child(6) {  
    animation-delay: 75s; 
}
@keyframes rotateWords {
	 0% { opacity: 0; animation-timing-function: ease-in; height: 0px; }
    4% { opacity: 1; height: 40px; }
    20% { opacity: 0; height: 40px; }
    40% { opacity: 0; height: 40px; }
    100% { opacity: 0; }
 }
@-webkit-keyframes rotateWords {
	 0% { opacity: 0; animation-timing-function: ease-in; height: 0px; }
    4% { opacity: 1; height: 40px; }
    20% { opacity: 0; height: 40px; }
    40% { opacity: 0; height: 40px; }
    100% { opacity: 0; }
 }
@-moz-keyframes rotateWords {
	 0% { opacity: 0; animation-timing-function: ease-in; height: 0px; }
    4% { opacity: 1; height: 40px; }
    20% { opacity: 0; height: 40px; }
    40% { opacity: 0; height: 40px; }
    100% { opacity: 0; }
 }
/* divContTab.com */
.divContTab {
	display: table;
	width: 100%;
	margin-left: 5px;
	margin-right: 0px;
	padding: 10px;
	overflow: hidden;
}
.divContTabRow {
	display: table-row;
}
.divContTabHeading {
	display: table-header-group;
}
.divContTabCellBg {
	display: table-cell;
	border: solid 2px rgba(0, 0, 0, .25);
	padding: 3px 10px;
	background-color: #F5F4E9;
	opacity: 0.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	-khtml-opacity: 0.75;
	-moz-opacity: 0.75;
	vertical-align: middle;
}
.divContTabCell, .divContTabHead {
	display: table-cell;
	padding: 3px 5px;
	max-width: 150px;
}
.divContTabHeading {
	display: table-header-group;
	font-weight: bold;
}
.divContTabFoot {
	display: table-footer-group;
	font-weight: bold;
}
.divContTabBody {
	display: table-row-group;
}
.divContTab a:link {
	color: #800000;
	font-weight: bold;
	text-decoration: none;
}
.divContTab a:visited {
	color: #800000;
	font-weight: bold;
	text-decoration: none;
}
.divContTab a:hover {
	color: #CC0000;
	text-decoration: underline;
}
.divContTab a:focus {
	color: #CC0000;
}
.divContTab a:active {
	color: #CC0000;
}
/* card */
.card {
	display: table-cell;
	padding: 0 0 10px 0;
	margin: 0;
	overflow: hidden;
	max-width: 100%;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	text-decoration: none;
	border: solid 2px rgba(0, 0, 0, .25);
/*	background-color: #F5F4E9;*/
	background-color: rgba(25, 54, 25, .3); /* grünlich: rgba(25, 54, 25, .5);   bläulich: rgba(92, 145, 195, .5); dunkler bläulich: rgba(41, 120, 217, .5);*/;
	color: #FFFFFF;
}
.card ul {
	width: 1000%; /*	height: auto;*/;
	position: relative;
	left: 0;
	padding: 0;
	-moz-animation: card-animation 50s infinite;
	-webkit-animation: card-animation 50s infinite;
}
.card ul:hover {
	-moz-animation-play-state: paused;
	-webkit-animation-play-state: paused;
}
.card li {
	list-style: none;
	width: 10%; /* magische 10% */;
	float: left;
	padding: 0;
	margin: 0;
}
.cardentry {
	display: table-cell;
	position: relative;
	overflow: hidden;
}
.cardimg img {
	max-height: 120px;
	max-width: 100%;
	padding: 0;
	margin: 0;
}
.cardimg {
	float: left;
	overflow: hidden;
	padding: 0 20px 0 20px;
	margin: 0;
}
.cardtext {
	width: auto;
	padding: 0;
	overflow: hidden;
	color: #000000;
	font-weight: normal;
	float: none; /* ansonsten kann der Text auf kleinen Displays verrutschen */;
	height: 120px;
}
.cardtext p {
	height: 120px;
	display: table-cell;
	line-height: normal;
	vertical-align: middle;
}
.cardtext a:link {
	color: #FFFFFF;
	border-style: none;
}
.cardtext a:hover {
	color: #FFFFFF;
	border-style: none;
	text-decoration: underline;
}
.cardtext a:focus {
	color: #FFFFFF;
}
.cardtext a:active {
	color: #FFFFFF;
}
.cardtext a:visited {
	color: #FFFFFF;
}

@-webkit-keyframes card-animation {
	0% {left: 0%; opacity: 1;}
	13% {left: 0%; opacity: 1;}
	15% {opacity: 0.5;}
	17% {left: -100%; opacity: 1;}
	29% {left: -100%; opacity: 1;}
	31% {opacity: 0.5;}
	33% {left: -200%; opacity: 1;}
	46% {left: -200%; opacity: 1;}
	48% {opacity: 0.5;}
	50% {left: -300%; opacity: 1;}
	63% {left: -300%; opacity: 1;}
	65% {opacity: 0.5;}
	67% {left: -400%; opacity: 1;}
	79% {left: -400%; opacity: 1;}
	81% {opacity: 0.5;}
	83% {left: -500%; opacity: 1;}
	94% {left: -500%; opacity: 1;}
	96% {opacity: 0.5;}
	100% {left: -600%; opacity: 1;}
}
@-moz-keyframes card-animation {
	0% {left: 0%; opacity: 1;}
	13% {left: 0%; opacity: 1;}
	15% {opacity: 0.5;}
	17% {left: -100%; opacity: 1;}
	29% {left: -100%; opacity: 1;}
	31% {opacity: 0.5;}
	33% {left: -200%; opacity: 1;}
	46% {left: -200%; opacity: 1;}
	48% {opacity: 0.5;}
	50% {left: -300%; opacity: 1;}
	63% {left: -300%; opacity: 1;}
	65% {opacity: 0.5;}
	67% {left: -400%; opacity: 1;}
	79% {left: -400%; opacity: 1;}
	81% {opacity: 0.5;}
	83% {left: -500%; opacity: 1;}
	94% {left: -500%; opacity: 1;}
	96% {opacity: 0.5;}
	100% {left: -600%; opacity: 1;}
}
.divContMnu {
	margin-top: 0px;
	max-width: 150px;
	float: left;
	padding: 10px;
}
.divContMnu a {

	font-size: 0.75em;
}
.divContMnu p {
	margin: 10px;
}
.teaser {
	margin: 445px -15px 0 220px;
	padding: 0;
}
.clearer {
	clear: both;
}

