body {
    font-family: Arial, Helvetica;
    font-size: 12px;
    color: #000000;
    background-color: #555555;
}

/* Menue */
td.Kopfmenue {
    height: 40px;
    vertical-align: middle;
    background-color: #DF0101;
    text-align: center;
    border: thin solid #FFFFFF;
    border-width: 1px;
}

td.Kopfmenue:hover {
    height: 40px;
    vertical-align: middle;
    background-color: #FE2E2E;
    text-align: center;
    border: thin solid #FFFFFF;
    border-width: 1px;
    font-weight: bold;
}

a.Kopfmenue:link, a.Kopfmenue:visited {
    color: #F2F2F2;
    text-decoration: none;
}

a.Kopfmenue:hover, a.Kopfmenue:active {
    color: #F2F2F2;
    text-decoration: none;
    font-weight: bold;
}

td.Submenue, td.Submenue:visited {
    color: #FFFFFF!important;
    height: 40px;
    vertical-align: middle;
    background-color: #58ACFA;
    text-align: center;
    border: thin solid #FFFFFF;
    border-width: 1px;
}

td.Submenue:hover {
    color: #FFFFFF!important;
    height: 40px;
    vertical-align: middle;
    background-color: #81BEF7;
    text-align: center;
    border: thin solid #FFFFFF;
    border-width: 1px;
    font-weight: bold;
}

a.Submenue:link, a.Submenue:visited {
    color: #FFFFFF!important;
    text-decoration: none;
}

a.Submenue:hover, a.Submenue:active {
    color: #FFFFFF!important;
    text-decoration: none;
    font-weight: bold;
}

td.Submenue1, td.Submenue1:visited {
    color: #848484!important;
    height: 40px;
    vertical-align: middle;
    background-color: #A9F5A9;
    text-align: right;
    border: thin solid #FFFFFF;
    border-width: 1px;
    padding-right:10px;
}

td.Submenue1:hover {
    color: #848484!important;
    height: 40px;
    vertical-align: middle;
    background-color: #D0F5A9;
    text-align: right;
    border: thin solid #FFFFFF;
    border-width: 1px;
    padding-right:10px;
    font-weight: bold;
}

a.Submenue1:link, a.Submenue1:visited {
    color: #848484!important;
    text-decoration: none;
}

a.Submenue1:hover, a.Submenue1:active {
    color: #848484!important;
    text-decoration: none;
    font-weight: bold;
}

td.Fussbalken {
    height: 10px;
    background-color: #DF0101;
}

/* Angebot */
table.Angebot {
    border: 1px solid #DCDCDC;
    border-width: 1px;
    padding: 1px;
    width: 930px;
    background-color: #F8F8FF;
}

td.Angebot {
    border: 1px solid #DCDCDC;
    overflow-wrap: inherit;
    text-align: left;
    padding: 5px;
    background-color: #F8F8FF;
}

th.Angebot {
    border: 1px solid #DCDCDC;
    overflow-wrap: inherit;
    text-align: center;
    padding: 5px;
    background-color: #F8F8FF;
    font-weight: bold;
}

table.AngebotTop {
    border: 1px solid #DCDCDC;
    border-width: 1px;
    padding: 1px;
    width: 930px;
    background-color: #F8F8FF;
    vertical-align: top;
}

td.AngebotTop {
    border: 1px solid #DCDCDC;
    overflow-wrap: inherit;
    text-align: left;
    padding: 5px;
    background-color: #F8F8FF;
    vertical-align: top;
}

td.AngebotCenter {
    border: 1px solid #DCDCDC;
    overflow-wrap: inherit;
    text-align: center;
    padding: 5px;
    background-color: #F8F8FF;
}

td.AngebotRight {
	border: 1px solid #DCDCDC;
	overflow-wrap: inherit;
	text-align: right;
	padding: 5px;
	background-color: #F8F8FF;
}

td.AngebotStrong14 {
    border: 1px solid #DCDCDC;
    overflow-wrap: inherit;
    text-align: left;
    padding: 5px;
    font-size: 14px;
    font-weight: bold;
}

span.AngebotStrong14 {
    font-size: 14px;
    font-weight: bold;
}

td.AngebotStrong18 {
    border: 1px solid #DCDCDC;
    overflow-wrap: inherit;
    text-align: left;
    padding: 5px;
    font-size: 18px;
    font-weight: bold;
}

td.BorderAlignCenter {
    border: 1px solid #DCDCDC;
    overflow-wrap: inherit;
    text-align: center;
    padding: 5px;
}

td.BorderAlignLeft {
    border: 1px solid #DCDCDC;
    overflow-wrap: inherit;
    text-align: left;
    padding: 5px;
}

table.BerichteBilder {
    border: 1px solid #DCDCDC;
    border-width: 1px;
    padding: 1px;
    margin: auto;
    font-size: 11px;
}

/* Berichte */
td.BerichteBilder {
    border: 1px solid #DCDCDC;
    overflow-wrap: inherit;
    text-align: center;
    padding: 5px;
}

table.Berichte {
    border: 1px solid #DCDCDC;
    border-width: 1px;
    padding: 1px;
    width: 930px;
    background-color: #F8F8FF;
}

td.Berichte {
    border: 1px solid #DCDCDC;
    overflow-wrap: inherit;
    text-align: left;
    padding: 5px;
    background-color: #F8F8FF;
}

td.BerichteStrong18 {
    border: 1px solid #DCDCDC;
    overflow-wrap: inherit;
    text-align: left;
    padding: 5px;
    font-size: 18px;
    font-weight: bold;
}

td.BerichteStrong14 {
    border: 1px solid #DCDCDC;
    overflow-wrap: inherit;
    text-align: left;
    padding: 5px;
    font-size: 14px;
    font-weight: bold;
}

table.BerichteTop {
    border: 1px solid #DCDCDC;
    border-width: 1px;
    padding: 1px;
    width: 930px;
    background-color: #F8F8FF;
    vertical-align: top;
}

td.BerichteTop {
    border: 1px solid #DCDCDC;
    overflow-wrap: inherit;
    text-align: left;
    padding: 5px;
    background-color: #F8F8FF;
    vertical-align: top;
}

/* Vorstand */
table.Vorstand {
    border: 1px solid #DCDCDC;
    border-width: 1px;
    padding: 1px;
    margin: 1px;
    width: 60%;
}

td.Vorstand {
    border: 1px solid #DCDCDC;
    overflow-wrap: inherit;
    text-align: center;
    padding: 5px;
}

/* Wir ueber uns */
table.WirUeberUns {
    border: 1px solid #DCDCDC;
    border-width: 1px;
    padding: 1px;
    margin: 1px;
    background-color: #F8F8FF;
}

td.WirUeberUns {
    border: 1px solid #DCDCDC;
    overflow-wrap: inherit;
    text-align: center;
    padding: 5px;
	vertical-align: middle;
}

span.WirUeberUnsNameFunktion {
    font-size: 16px;
    font-weight: bold;
}

table.TabelleMitInhalt {
    border: none;
    background-color: #FFFFFF;
    width: 1440px;
    padding: 0px;
    border-collapse: collapse;
}

td.TabelleMitInhalt {
    text-align: left;
    vertical-align: top;
    margin-left: 40px;
    margin-right: 40px;
    margin-top: 40px;
    margin-bottom:40px;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 25px;
}

td.TabelleMitInhaltStartseite {
    text-align: center;
    vertical-align: top;
    margin-left: 20px;
    margin-right: 10px;
    margin-top: 20px;
    margin-bottom:20px;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 25px;
}

td.TabelleMitSubmenue {
    padding: 0px;
    background-color: #555555;
    text-align: right;
    vertical-align: top;
}

/* Trainer */
table.Trainer {
    border: 1px solid #555555;
    border-width: 1px;
    padding: 1px;
    background-color: #F8F8FF;
}

th.Trainer {
    border: 1px solid #555555;
    overflow-wrap: inherit;
    text-align: center;
    padding: 5px;
    background-color: #F8F8FF;
    font-weight: bold;
}

td.Trainer {
    border: 1px solid #555555;
    overflow-wrap: inherit;
    text-align: left;
    padding: 5px;
    background-color: #F8F8FF;
}

/* Trainingsplantabelle */
table.Trainingsplan {
    border-width: 1px;
    border-style: solid;
    border-color: #555555;
    margin: 1px;
    width: 100%;
}

caption.Trainingsplan {
    font-weight: bold;
}

td.Trainingsplan {
    text-wrap: none;
    text-align: left;
    vertical-align: top;
    border-width: 0px;
    border-style: none;
    border-color: #F8F8F8;
}

/* Trainingsplangrafik */
body.Grafik {
    background-color: #FFFFFF;
}

table.Grafik {
    background-color: #CCCCCC;
    width: 100%;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    border: 1px;
    padding: 0;
    border-spacing: 0;
}

td.WhiteOnDarkgray {
    text-align: center;
    background-color: #999999;
    color: #FFFFFF;
    font-size: smaller;
}

td.WhiteOnDarkgrayBold {
    text-align: center;
    font-weight: bold;
    background-color: #999999;
    color: #FFFFFF;
    font-size: smaller;
}

td.BlackOnLightgray {
    text-align: center;
    background-color: #CCCCCC;
    color: #000000;
    font-size: smaller;
}

td.BlackOnLightgrayBold {
    text-align: center;
    font-weight: bold;
    background-color: #CCCCCC;
    color: #000000;
    font-size: smaller;
}

a:link.Grafik {
    color: #FFFFFF;
}

a:visited.Grafik {
    color: #FFFFFF;
}

 /*Wechselbild, Slideshow*/ 
.slides {
	display: none;
	width: 60%;
}

.animate-left {
	position: relative;
	animation: animateleft 0.8s;
}

@keyframes animateleft { 
	from { left :-500px; opacity:0 } 
	to { left:0; opacity:1 }
}