/* Angaben fÌr alle standardkonformen Browser */
iframe        { position: fixed;
                  top:0;
              left: 5px;}
.sidebar  { margin-bottom:20px;}

body {
        margin:0;
        padding:0 20px;
        position:relative;
        top:80px;
        background:#bdb76b;
        text-align:center;
}
                div.innerDiv{
                        width:120px;
                        height:22px;
                        white-space:nowrap;
                }
                div.innerDiv0{
                        width:90px;
                        height:22px;
                        white-space:nowrap;
                }

                div.innerDiv1{
                        width:50px;
                        white-space:nowrap;
                }

                div.innerDiv2{
                        width:60px;
                        white-space:nowrap;
                }

                div.innerDiv3{
                        width:30px;
                        white-space:nowrap;
                }

                div.innerDiv4{
                        width:220px;
                        white-space:nowrap;
                }

                div.innerDiv5{
                        width:40px;
                        white-space:nowrap;
                }
                div.innerDiv6{
                        width:100px;
                        height:22px;
                        white-space:nowrap;
                }
                div.innerDiv7{
                        width:200px;
                        height:22px;
                        white-space:nowrap;
						position:relative;
                }
                div.container001{
                        width:200px;
                        height:22px;
                        white-space:nowrap;
                        z-index:1;
                }
                div.innerDiv8{
                        width:260px;
                        height:22px;
						white-space:nowrap;
                        z-index:1;
                }
                div.columns{
                        overflow:hidden;
                        width:957px;

                }

                div.rows{
                        overflow:hidden;
                        height:672px;
                }

                div.data{
                        overflow:scroll;
                        width:974px;
                        height:690px;
                        background:#ffff00;
                }

                table {
                        border-width:5px;
                        border-style:solid;
                        table-layout:fixed;
                }

                table td {
                        border-width:1px;
                        border-style:solid;
                        vertical-align:top;
                }

                table.inner {
                        border-width:0px;
                        border-style:hidden;
                        border-collapse:collapse;
                }

                table.inner td {
                        border-width:1px;
                        border-style:solid;
                }
#header {
        position:fixed;
        top:0px; left:0px; right:0px;
        font-size:9px;
        text-align:center;
        background-repeat: repeat-x;
        color:#000;
        width: 100%;
}
.hervorheben {color:#f00;}
.bigger { font-size:20px; font-weight:bold;
                }
.bigger2 { font-size:18px; font-weight:bold;}
.bigger3 { font-size:20px; font-weight:bold; text-align:center;}
.bigger4 { font-size:20px; font-weight:bold; text-align:center;}
.nullzeichen{ font-size:20px;font-weight:bold; color:#f8f8ff;}
#content {
    position:static;
        top:0px; left:20px; right:0px;
        font-size:10px;
        width:100%;
}

#footen { position:inherit;
        bottom:0px; left:0px; right:0px;
        text-align:center;
        color:#000;
        width:100%;
}
#footer {
        position:fixed;
        bottom:0px; left:0px; right:0px;
        text-align:center;
        color:#000;
        width:100%;
}

/* Angaben nur fÌr den Internet Explorer mit Star HTML Hack */

* html, * html body {
        height:100%;
        overflow:hidden;
    font-size:10px;

}

* html #header {
        height:10%;
}


* html #footer  {
        height:8%; width:100%;
}

/* Kleines Extra fÌr den IE */


/* Formatierung des Seiteninhaltes */


/* Der IE soll das Element breiter darstellen, da margin und
   padding hier von der Breite abgezogen werden! */


#content {
        border:3px #5E1600; background:#ffff73;
        top:0px; left:0px; right:0px;
        padding:0em ;
        width:100%;
        font-size:10px;
}

* html div#content {
        height:1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
        padding-top:1em;
}
#nav, #nav ul {list-style-type:none; height:25px;}
#nav li { float:left; position:relative; white-space:nowrap;background-color: #e3e09f; font-weight:bold; font-size: 1.0em; }
#nav li li { float:none;}
#nav li:hover{ background-color: #b2cc05;}
#nav li a {color: #423e33; text-decoration:none; padding: 3px 10px; display:block;}
#nav li:hover a{ color:#e3e09f;}
#nav li li { background-color:#d6f0c1; color: #6d9982; font-weight:normal;}
#nav li li:hover {background-color:#6d9982;}
#nav li li a, #nav li:hover li a {color:#6d9982; padding: 2px 10px}
#nav li li:hover a { color: #d6f0c1;}
#nav li li li {background-color:#f6ffb0;}
#nav li li li a, #nav li li:hover li a, #nav li:hover li li a {color:#6d9982; padding: 2px 10px;}
#nav li li li:hover a{color:#f6ffb0;}
#nav li ul, #nav li:hover ul ul { position:absolute; left: -999em;}
#nav li:hover ul {left:0;}
#nav li li:hover ul{ left:100%; top:0;}
#nav li li { width:100px;}
#nav li li li { left:-40%; top:0;}

div .coimg {
        position:absolute;
    width: 400px;
    height: 400px;
    margin: 20px auto;
    text-align: center;
    font-family: arial;
    font-size: large;
    color: black;
}

/*#data tr td div div { position:absolute; height:400px; width:400px; background-position:-400px; color:magenta; font-size:18px; font-weight:bolder; text-align:center; margin:0px 202px; top:140px;}*/

/*#data tr td div div div { width:200px; height:22px;margin:0px 202px; position:absolute;}*/
#data tr td div div div { height:22px; width:200px;margin:0px 202px; top:140px;}

/*.container001 {
 width:200px; height:22px;margin:0px 2px;
}*/
.container001 img {
position:absolute;  margin:0px 0px; top:0px; right: 0px; opacity:0;
}
/*#data tr td div div div container001 { position:absolute; top:0; left:0; opacity:0; width:200px; height:22px; margin:0px 2px;
	}*/
.container001:hover img {
 width:5500px; /* Gesamtbreite = 5 x 600px (siehe #gal width) */
 position:relative;
 -webkit-animation: slider 25s infinite ;
 -o-animation: slider 25s infinite;
 -moz-animation: slider 25s infinite;
 -ms-animation: slider 25s infinite;
 animation: slider 25s infinite;
}

@-webkit-keyframes slider {
 0% { right:-200px;opacity:0 }  /* Erstes Bild einblenden */
 5%, 20%, 100% { rigth: -200px;opacity:1; }
 25%, 40% { right: -1200px;opacity:1; }
 45%, 60% { right: -2400px;opacity:1; }
 65%, 80% { right: -3600px;opacity:1; }
 85%, 97% { right : -4800px;opacity:1 }
 98%, 100% { right: -4800px ;opacity:0; } /* letztes Bild ausblenden */
}
@keyframes slider {
 0% { right:-200px;opacity:0 }  /* Erstes Bild einblenden */
 5%, 20%, 100% { right: -200px;opacity:1; }
 25%, 40% { right: -1200px;opacity:1; }
 45%, 60% { right: -2400px;opacity:1; }
 65%, 80% { right: -3600px;opacity:1; }
 85%, 97% { right: -4800px;opacity:1 }
 98%, 100% { right: -4800px ;opacity:0; } /* letztes Bild ausblenden */
}

.container001 img:nth-of-type(1) {-webkit-animation-delay: 10s; animation-delay: 10s;}
.container001 img:nth-of-type(2) {-webkit-animation-delay: 0s; animation-delay: 0s;}

.container001 .hovertext {
-webkit-transition: all 0.7s ease; transition: all 0.7s ease;
}
.container001:hover .hovertext {
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
	height: 22px;
	width: 55px;
}

/*.container003 {
position:absolute;  margin:0px -302px; top:0px; opacity:0;
}*/
/*.container003 {
position:absolute; top:0px; opacity:0;
}*/
.container003 img {
position:absolute; margin:0px 0px; top:0; right: -220px; opacity:0;
}
.container003:hover img {
-webkit-animation-name: slider; -webkit-animation-timing-function: ease;
-webkit-animation-duration: 60s; -webkit-animation-iteration-count: infinite;
animation-name: slider; animation-timing-function: ease;
animation-duration: 60s; animation-iteration-count: infinite;
}
.container003 img:nth-of-type(1) {-webkit-animation-delay: 50s; animation-delay: 50s;}
.container003 img:nth-of-type(2) {-webkit-animation-delay: 40s; animation-delay: 40s;}
.container003 img:nth-of-type(3) {-webkit-animation-delay: 30s; animation-delay: 30s;}
.container003 img:nth-of-type(4) {-webkit-animation-delay: 20s; animation-delay: 20s;}
.container003 img:nth-of-type(5) {-webkit-animation-delay: 10s; animation-delay: 10s;}
.container003 img:nth-of-type(6) {-webkit-animation-delay: 0s; animation-delay: 0s;}

.container003 .hovertext {
-webkit-transition: all 0.7s ease; transition: all 0.7s ease;
}
.container003:hover .hovertext {
-webkit-transition: all 0.7s ease; transition: all 0.7s ease;

}