body {font-family: Calibri, "Calibri Light", Helvetica;margin: 0;}
#container {
    border-left: 1px solid grey;
    border-right: 1px solid grey;
    background: #fff;
    padding: 0px 0px 0px 0px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    width: 1200px;
    height:248px;
}

#box {
    border-left: 0px solid grey;
    border-right: 0px solid grey;
    background: #fff;
    padding: 0px 0px 0px 0px;
    margin-top: 0px;
    width: 1200px;
    position: fixed;
    z-index: 1;
}

#box1           {background: #eeece1;padding:0px 0px 0px 0px;position:absolute;left:10px;bottom:10px;height:100px;width:395px;}
#box2           {background: #eeece1;padding:0px 0px 0px 0px;position:absolute;right:10px;bottom:10px;height:100px;width:225px;}

#container1     {margin-left: auto; margin-right: auto; position: relative;overflow: hidden;}
#container2     {border-left: 1px solid grey; border-right: 1px solid grey;text-align: center; margin-top: 0px;margin-left: auto; margin-right:auto;width:1200px;padding:0px 0px 0px 0px;background-color: #fff;}
#container3     {border: 0px solid #fff; background: #eeece1; width:310px;height:1200px;padding: 0px 0px 0px 0px;float: left;}
#container4     {border: 0px solid #fff; background: #eeece1; width:882px;height:1200px;padding: 0px 0px 0px 0px;float: right;position:relative;}
#container5     {border: 0px solid #fff; background: #eeece1; width:310px;height:3500px;padding: 0px 0px 0px 0px;float: left;}
#container6     {border: 0px solid #fff; background: #eeece1; width:882px;height:3500px;padding: 0px 0px 0px 0px;float: right;position:relative;}

#hilfscontainer {border-left: 1px solid grey; border-right: 1px solid grey;text-align: center; margin-top: 0px;margin-left: auto; margin-right:auto;width:1200px;padding:0px 0px 0px 0px;background-color: #fff;} 
#textcontainer1 {width: 1200px; border: 0px solid #2A7AB9;margin-top: 0px;margin-left: auto; margin-right:auto;text-align: center;}
#textcontainer2 {width: 1200px; border: 0px solid #2A7AB9;margin-top: 0px;margin-left: auto; margin-right:auto;text-align: center;}
#footer         {border-left: 1px solid grey; border-right: 1px solid grey;text-align: center; margin-top: 0px;margin-left: auto; margin-right:auto;width:1200px;padding:0px 0px 0px 0px;background-color: #d9d9d9;}

.text1 {font-family: Arial, bold;
        font-size: 24px;
        color: #000000;
        padding: 8px 8px 8px;
        text-align: center
}

.text2 {font-family: Arial, bold;
        font-size: 16px;
        color: #0D2233;
        padding: 8px 8px 8px;
        text-align: left
}

.text3 {font-family: Arial, bold;
        font-size: 16px;
        color: #000000;
        padding: 8px 8px 8px;
        text-align: center
}

.text4 {font-family: Brush Script MT, bold;
        font-size: 40px;
        color: #CD0000;
        padding: 8px 8px 8px;
        text-align: center
}
.text5 {font-family: Arial, normal;
        font-size: 16px;
        color: #000000;
        padding: 8px 8px 8px;
        text-align: center
}

* {
margin: 0;
padding: 0;
}

/*--formatiert die Menüleiste--*/
#menu {
width: 140px;
padding: 0 20px;
background: #003366;
font-family: Verdana;
font-size: 1em;
line-height: 1.5;
float: left;
}

/*--formatiert die Themenblöcke--*/
#menu ul {
width: 140px;
list-style-type: none;
}

/*--definiert die Blocküberschriften--*/
#menu h3 {
font-size: 1em;
text-align: center;
color: #000;
border: 1px solid #003366;
background: #ff8000;
}

/*--definiert die "Drop-Down-Links" im Normalzustand--*/
#menu a {
text-decoration: none;
display: block;
border: 1px solid #ccc;
text-align: center;
background: #ff9224;
color: #003366;
}

/*--definiert die "Drop-Down-Links" im Hoverzustand--*/
#menu a:hover {
color: #ff9224;
background: #003366;
}

/*verhindert im Zusammenhang mit position absolute bei ul ul
*eine Höhenvergrößerung von #menu beim Hovern--
*/

#menu li {
position: relative;
}

/*--versteckt die "Drop-Down-Links", solange nicht gehovert wird--*/
#menu ul ul {
position: absolute;
z-index: 2;
display: none;
}

/*--lässt die Dropdown-Links beim Hovern erscheinen--*/
#menu ul li:hover ul {
display: block;
}

/*--nur für IE-Versionen <=6 erkennbar--*/
* html #menu ul li{
float: left;
width: 100%;
}

/*--nur für IE 7 erkennbar--*/
*+ html #menu ul li {
float: left;
width: 100%;
}

/*--bewirkt Hover-Effekt für IE <7 auch für ul- und li-Elemente--*/
*html body {
behavior: url(csshover3-source.htc);
font-size: 100%;
}

*html #menu ul li a {
height: 1%;
}

/*--definiert einen Einzellink im Normalzustand, wenn kein Drop-Down erforderlich--*/

#menu a.direkt:link {
font-size: 1em;
font-weight: bold;
text-align: center;
color: #000;
border: 1px solid #003366;
background: #ff8000;
}

/*--definiert einen Einzellink im Hoverzustand, wenn kein Drop-Down erforderlich--*/

#menu a.direkt:hover {
color: #ff9224;
background: #003366;
border: 1px solid #ccc;
}


.schalter {
    width: 300px;
    margin: 10px;
    float: left;
    overflow: hidden;
    position: relative;
    cursor: default;
}

.schalter h2 {
    font-family: Arial, ;
    color: #fff;
    font-weight: 400;
    text-align: left;
    position: relative;
    font-size: 16px;
    padding: 2px;
    background: #eeece1;
    margin: 0px 0 0 0
}

.schalter a.info {
    font-family: 'Calibri Light', 'Arial Narrow', Arial, sans-serif;
    text-decoration: none;
    background: #eeece1;
    color: #000000;
    text-transform: uppercase;
}

.schalter a.info1 {
    font-family: 'Calibri Light', 'Arial Narrow', Arial, sans-serif;
    text-decoration: none;
    background: #eeece1;
    color: #000000;
    text-transform: uppercase;
}

.schalter a.info2 {
    font-family: 'Calibri Light', 'Arial Narrow', Arial, sans-serif;
    text-decoration: none;
    background: #eeece1;
    color: #000000;
    text-transform: uppercase;
}
.schalter a.info3 {
    font-family: 'Calibri Light', 'Arial Narrow', Arial, sans-serif;
    text-decoration: none;
    background: #eeece1;
    color: #000000;
    text-transform: uppercase;
}
.schalter a.info4 {
    font-family: 'Calibri Light', 'Arial Narrow', Arial, sans-serif;
    text-decoration: none;
    background: #eeece1;
    color: #000000;
    text-transform: uppercase;
}
.schalter a.info5 {
    font-family: 'Calibri Light', 'Arial Narrow', Arial, sans-serif;
    text-decoration: none;
    background: #eeece1;
    color: #000000;
    text-transform: uppercase;
}

.schalter a.info6 {
    font-family: 'Calibri Light', 'Arial Narrow', Arial, sans-serif;
    text-decoration: none;
    background: #eeece1;
    color: #000000;
    text-transform: uppercase;
}
.schalter a.info7 {
    font-family: 'Calibri Light', 'Arial Narrow', Arial, sans-serif;
    text-decoration: none;
    background: #eeece1;
    color: #000000;
    text-transform: uppercase;
}
.schalter a.info8 {
    font-family: 'Calibri Light', 'Arial Narrow', Arial, sans-serif;
    text-decoration: none;
    background: #eeece1;
    color: #000000;
    text-transform: uppercase;
}
.schalter a.info9 {
    font-family: 'Calibri Light', 'Arial Narrow', Arial, sans-serif;
    text-decoration: none;
    background: #eeece1;
    color: #000000;
    text-transform: uppercase;
}
.schalter a.info10 {
    font-family: 'Calibri Light', 'Arial Narrow', Arial, sans-serif;
    text-decoration: none;
    background: #eeece1;
    color: #000000;
    text-transform: uppercase;
}
.schalter a.info11 {
    font-family: 'Calibri Light', 'Arial Narrow', Arial, sans-serif;
    text-decoration: none;
    background: #eeece1;
    color: #fff;
    text-transform: uppercase;
}
.schalter a.info12 {
    font-family: 'Calibri Light', 'Arial Narrow', Arial, sans-serif;
    text-decoration: none;
    background: #9c232c;
    color: #fff;
    text-transform: uppercase;
}
.schalter a.info13 {
    font-family: 'Calibri Light', 'Arial Narrow', Arial, sans-serif;
    text-decoration: none;
    background: #9c232c;
    color: #fff;
    text-transform: uppercase;
}
.schalter a.info14 {
    font-family: 'Calibri Light', 'Arial Narrow', Arial, sans-serif;
    text-decoration: none;
    background: #9c232c;
    color: #fff;
    text-transform: uppercase;
}

.schalter a.info:hover {
    font-family: Arial, bold;
    color: black;
    font-weight: 400;
    text-align: left;
    position: relative;
    font-size: 16px ;
    background: #d9d9d9;
}

.schalter a.info1:hover {
        font-family: Arial, bold;
    color:  black;
    font-weight: 400;
    text-align: left;
    position: relative;
    font-size: 16px ;
    background: #d9d9d9;
}
.schalter a.info2:hover {
    font-family: Arial, bold;
    color:  black;
    font-weight: 400;
    text-align: left;
    position: relative;
    font-size: 16px ;
    background: #d9d9d9;
}
.schalter a.info3:hover {
    font-family: Arial, bold;
    color:  black;
    font-weight: 400;
    text-align: left;
    position: relative;
    font-size: 16px ;
    background: #d9d9d9;
}
.schalter a.info4:hover {
    font-family: Arial, bold;
    color:  black;
    font-weight: 400;
    text-align: left;
    position: relative;
    font-size: 16px ;
    background: #d9d9d9;
}
.schalter a.info5:hover {
    font-family: Arial, bold;
    color:  black;
    font-weight: 400;
    text-align: left;
    position: relative;
    font-size: 16px ;
    background: #d9d9d9;
}
.schalter a.info6:hover {
    font-family: Arial, bold;
    color:  black;
    font-weight: 400;
    text-align: left;
    position: relative;
    font-size: 16px ;
    background: #d9d9d9;
}
.schalter a.info7:hover {
    font-family: Arial, bold;
    color:  black;
    font-weight: 400;
    text-align: left;
    position: relative;
    font-size: 16px ;
    background: #d9d9d9;
}
.schalter a.info8:hover {
    font-family: Arial, bold;
    color:  black;
    font-weight: 400;
    text-align: left;
    position: relative;
    font-size: 16px ;
    background: #d9d9d9;
}
.schalter a.info9:hover {
    font-family: Arial, bold;
    color:  black;
    font-weight: 400;
    text-align: left;
    position: relative;
    font-size: 16px ;
    background: #d9d9d9;
}
.schalter a.info10:hover {
    font-family: Arial, bold;
    color:  black;
    font-weight: 400;
    text-align: left;
    position: relative;
    font-size: 16px ;
    background: #d9d9d9;
}
.schalter a.info11:hover {
    font-family: Arial, bold;
    color: grey;
    font-weight: 400;
    text-align: left;
    position: relative;
    font-size: 16px ;
    background: #9c232c;
}
.schalter a.info12:hover {
    font-family: Arial, bold;
    color: grey;
    font-weight: 400;
    text-align: left;
    position: relative;
    font-size: 16px ;
    background: #9c232c;
}
.schalter a.info13:hover {
    font-family: Arial, bold;
    color: grey;
    font-weight: 400;
    text-align: left;
    position: relative;
    font-size: 16px ;
    background: #9c232c;
}
.schalter a.info14:hover {
    font-family: Arial, bold;
    color: grey;
    font-weight: 400;
    text-align: left;
    position: relative;
    font-size: 16px ;
    background: #9c232c;
}

#show {margin-left: auto; margin-right: auto; margin-top: 0px;width: 100%;height: 675px;position: relative;}
#show .slide {margin-left: auto; margin-right: auto;width: 100%;border: 0px solid #ffffff; position: absolute;height: 675px;top: 0;left:0;overflow: hidden;}
              
.img1 {animation: img1 40s infinite;-o-animation: img1 40s infinite;-webkit-animation: img1 40s infinite;}
.img2 {animation: img2 40s infinite;-o-animation: img2 40s infinite;-webkit-animation: img2 40s infinite;}
.img3 {animation: img3 40s infinite;-o-animation: img3 40s infinite;-webkit-animation: img3 40s infinite;}
.img4 {animation: img4 40s infinite;-o-animation: img4 40s infinite;-webkit-animation: img4 40s infinite;}
.img5 {animation: img5 40s infinite;-o-animation: img5 40s infinite;-webkit-animation: img5 40s infinite;}


@-webkit-keyframes img1 {
0% {opacity: 0;}10% {opacity: 1;}20% {opacity: 1;}30% {opacity: 0;}40% {opacity: 0;}50% {opacity: 0;}60% {opacity: 0;}70% {opacity: 0;}
80% {opacity: 0;}90% {opacity: 0;}92% {opacity: 0;}94% {opacity: 0;}100% {opacity: 0;}}

@keyframes img1 {0% {opacity: 0;}10% {opacity: 1;}20% {opacity: 1;}30% {opacity: 0;}40% {opacity: 0;}50% {opacity: 0;}60% {opacity: 0;}
70% {opacity: 0;}80% {opacity: 0;}90% {opacity: 0;}92% {opacity: 0;}94% {opacity: 0;}100% {opacity: 0;}}

@-webkit-keyframes img2 {0% {opacity: 0;}10% {opacity: 0;}20% {opacity: 0;}30% {opacity: 1;}40% {opacity: 1;}50% {opacity: 0;}60% {opacity: 0;}
70% {opacity: 0;}80% {opacity: 0;}90% {opacity: 0;}92% {opacity: 0;}94% {opacity: 0;}100% {opacity: 0;}}

@keyframes img2 {0% {opacity: 0;}10% {opacity: 0;}20% {opacity: 0;}30% {opacity: 1;}40% {opacity: 1;}50% {opacity: 0;}60% {opacity: 0;}
70% {opacity: 0;}80% {opacity: 0;}90% {opacity: 0;}92% {opacity: 0;}94% {opacity: 0;}100% {opacity: 0;}}

@-webkit-keyframes img3 {0% {opacity: 0;}10% {opacity: 0;}20% {opacity: 0;}30% {opacity: 0;}40% {opacity: 0;}50% {opacity: 1;}60% {opacity: 1;}
70% {opacity: 0;}80% {opacity: 0;}90% {opacity: 0;}92% {opacity: 0;}94% {opacity: 0;}100% {opacity: 0;}}

@keyframes img3 {0% {opacity: 0;}10% {opacity: 0;}20% {opacity: 0;}30% {opacity: 0;}40% {opacity: 0;}50% {opacity: 1;}60% {opacity: 1;}
70% {opacity: 0;}80% {opacity: 0;}90% {opacity: 0;}92% {opacity: 0;}94% {opacity: 0;}100% {opacity: 0;}}

@-webkit-keyframes img4 {0% {opacity: 0;}10% {opacity: 0;}20% {opacity: 0;}30% {opacity: 0;}40% {opacity: 0;}50% {opacity: 0;}60% {opacity: 0;}
70% {opacity: 1;}80% {opacity: 1;}90% {opacity: 0;}92% {opacity: 0;}94% {opacity: 0;}100% {opacity: 0;}}

@keyframes img4 {0% {opacity: 0;}10% {opacity: 0;}20% {opacity: 0;}30% {opacity: 0;}40% {opacity: 0;}50% {opacity: 0;}60% {opacity: 0;}
70% {opacity: 1;}80% {opacity: 1;}90% {opacity: 0;}92% {opacity: 0;}94% {opacity: 0;}100% {opacity: 0;}}

@-webkit-keyframes img5 {0% {opacity: 0;}10% {opacity: 0;}20% {opacity: 0;}30% {opacity: 0;}40% {opacity: 0;}50% {opacity: 0;}60% {opacity: 0;}
70% {opacity: 0;}80% {opacity: 0;}90% {opacity: 1;}92% {opacity: 1;}94% {opacity: 0;}100% {opacity: 0;}}

@keyframes img5 {0% {opacity: 0;}10% {opacity: 0;}20% {opacity: 0;}30% {opacity: 0;}40% {opacity: 0;}50% {opacity: 0;}60% {opacity: 0;}
70% {opacity: 0;}80% {opacity: 0;}90% {opacity: 1;}92% {opacity: 1;}94% {opacity: 0;}100% {opacity: 0;}}

@-webkit-keyframes img6 {0% {opacity: 1;}10% {opacity: 0;}20% {opacity: 0;}30% {opacity: 0;}40% {opacity: 0;}50% {opacity: 0;}60% {opacity: 0;}
70% {opacity: 0;}80% {opacity: 0;}90% {opacity: 0;}92% {opacity: 0;}94% {opacity: 1;}100% {opacity: 1;}}

@keyframes img6 {0% {opacity: 1;}10% {opacity: 0;}20% {opacity: 0;}30% {opacity: 0;}40% {opacity: 0;}50% {opacity: 0;}60% {opacity: 0;}
70% {opacity: 0;}80% {opacity: 0;}90% {opacity: 0;}92% {opacity: 0;}94% {opacity: 1;}100% {opacity: 1;}}
 
@-webkit-keyframes img7 {0% {opacity: 1;}10% {opacity: 0;}20% {opacity: 0;}30% {opacity: 0;}40% {opacity: 0;}50% {opacity: 0;}60% {opacity: 0;}
70% {opacity: 0;}80% {opacity: 0;}90% {opacity: 0;}92% {opacity: 0;}94% {opacity: 1;}100% {opacity: 1;}}

@keyframes img7 {0% {opacity: 1;}10% {opacity: 0;}20% {opacity: 0;}30% {opacity: 0;}40% {opacity: 0;}50% {opacity: 0;}60% {opacity: 0;}
70% {opacity: 0;}80% {opacity: 0;}90% {opacity: 0;}92% {opacity: 0;}94% {opacity: 1;}100% {opacity: 1;}} 

@-webkit-keyframes img8 {0% {opacity: 1;}10% {opacity: 0;}20% {opacity: 0;}30% {opacity: 0;}40% {opacity: 0;}50% {opacity: 0;}60% {opacity: 0;}
70% {opacity: 0;}80% {opacity: 0;}90% {opacity: 0;}92% {opacity: 0;}94% {opacity: 1;}100% {opacity: 1;}}

@keyframes img8 {0% {opacity: 1;}10% {opacity: 0;}20% {opacity: 0;}30% {opacity: 0;}40% {opacity: 0;}50% {opacity: 0;}60% {opacity: 0;}
70% {opacity: 0;}80% {opacity: 0;}90% {opacity: 0;}92% {opacity: 0;}94% {opacity: 1;}100% {opacity: 1;}} 

@-webkit-keyframes img9 {0% {opacity: 1;}10% {opacity: 0;}20% {opacity: 0;}30% {opacity: 0;}40% {opacity: 0;}50% {opacity: 0;}60% {opacity: 0;}
70% {opacity: 0;}80% {opacity: 0;}90% {opacity: 0;}92% {opacity: 0;}94% {opacity: 1;}100% {opacity: 1;}}

@keyframes img9 {0% {opacity: 1;}10% {opacity: 0;}20% {opacity: 0;}30% {opacity: 0;}40% {opacity: 0;}50% {opacity: 0;}60% {opacity: 0;}
70% {opacity: 0;}80% {opacity: 0;}90% {opacity: 0;}92% {opacity: 0;}94% {opacity: 1;}100% {opacity: 1;}}                
}