   @charset "utf-8";
/* CSS Document */

/* a box als aussenhaut umd den inhalt zu zentrieren und abstand zum äusseren rand */

/*
a:link { text-decoration:none; color:black; }
a:visited { text-decoration:none; color:black; }
a:hover { text-decoration:none; font-weight:bold; color:black;}
a:active { text-decoration:none; color:black;}
  */
a:link { text-decoration:none; color:#00BF00; }
a:visited { text-decoration:none; color:#00BF00; }
a:hover { text-decoration:none; font-weight:bold; color:#FF0000;}
a:active { text-decoration:none; color:#00BF00;}

/* Ein- Ausblenden Anfang */

        @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
        @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
        @keyframes fadeIn {
         0%{opacity:0;}
         10%{opacity:0;}
         20%{opacity:1;}
         90%{opacity:1;}
         100%{opacity:1;} */1- Dauerhaft eingeblendet*/
         }

        .fade-in {
                opacity:0;
                -webkit-animation:fadeIn ease-in 1;
                -moz-animation:fadeIn ease-in 1;
                animation:fadeIn ease-in 1;

                -webkit-animation-fill-mode:forwards;
                -moz-animation-fill-mode:forwards;
                animation-fill-mode:forwards;

                -webkit-animation-duration:10s;
                -moz-animation-duration:10s;
                animation-duration:10s;
                }

        .fade-in {
                -webkit-animation-delay: 1,5s;
                -moz-animation-delay: 1.5s;
                animation-delay: 1.5s;
        }


        .themen{ width:660px;
                height:35px;
                position:absolute;
                top:540px;
                left:1095px;
                font-size:75px;
                color:red;
                line-height: 80px;
        }
/* Ein- Ausblenden Ende */





/* BOXEN ANFANG */

#hintergrund-box {
         position:absolute; top:0px; left:0px; width:100%; height:100%;
         z-index:1;
         background-image: url(grafik/lisa_park_pokal.JPG);
         background-size: 100% 100%;
         background-repeat: no-repeat;
         }

#logo-box {
        -moz-box-shadow: -10px -10px 10px #ccc inset, 10px 10px #aaa;
         -webkit-box-shadow: -10px -10px 10px #ccc inset, 10px 10px #aaa;
         box-shadow: -10px -10px 10px #ccc inset, 10px 10px #aaa;
         position:absolute; top:01%; left:01%; width:22%; height:36%;
         overflow:auto; z-index:2;
         border:0;
         border-radius: 15px;
         font-size: x-large;
         text-align: center;
         color: #DFDFDF;
         background-color: #FFFFFF;
         background-image: url(grafik/tkd-scheidt-logo.gif);
         background-size: 100% 100%;
         background-repeat: no-repeat;
         align:center;
         }

#laufband-box {
         position:absolute; top:15%; left:24%; width:35%; height:08%;
         overflow:auto; z-index:2;
         font-size: x-large;
         font-color:#FFFFFF;
         background-repeat: no-repeat;
         align:center;
         text-align: center;
         }


#a-zeiten-box {
         -moz-box-shadow: -10px -10px 10px #ccc inset, 10px 10px #aaa;
         -webkit-box-shadow: -10px -10px 10px #ccc inset, 10px 10px #aaa;
         box-shadow: -10px -10px 10px #ccc inset, 10px 10px #aaa;
         position:absolute; top:01%; right:02%; width:40%; height:34%;
         overflow:auto;
         z-index:2;
         border:0;
         border-radius: 15px; /*15*/
         background-color: #FFFFFF;
         align:center;
            }


#zeiten-box {
         position:absolute; width:96%; height:94%;
         margin-left: 2%;
         margin-right: 2%;
         margin-top: 2%;
         margin-bottom: 2%;
         overflow:auto; z-index:3;
         align:center;
            }



#menu-box {
         position:absolute; top:37%; right:02%; width:96%; height:4%;
         overflow:auto; z-index:2;
         border:0;
         border-radius: 0px;
         font-family: Byington Italic;
         font-size: x-large;
         text-align: right;

         }


#a-auswahl-box {
         -moz-box-shadow: -10px -10px 10px #ccc inset, 10px 10px #aaa;
         -webkit-box-shadow: -10px -10px 10px #ccc inset, 10px 10px #aaa;
         box-shadow: -10px -10px 10px #ccc inset, 10px 10px #aaa;
         position:absolute; bottom:02%; left:01%; width:30%; height:55%;
         overflow:auto; z-index:2;
         border:0;
         border-radius: 15px;
         font-size: large;
         align: center;
         text-align: center;

         background-color: #FFFFFF;
         }

#auswahl-box {
         position:absolute; width:96%; height:96%;
         margin-left: 2%;
         margin-right: 2%;
         margin-top: 2%;
         margin-bottom: 2%;
         overflow:auto; z-index:3;
         align:center;
         font-color:#FBF5F3;

         }




#a-haupt-box {
         -moz-box-shadow: -10px -10px 10px #ccc inset, 10px 10px #aaa;
         -webkit-box-shadow: -10px -10px 10px #ccc inset, 10px 10px #aaa;
         box-shadow: -10px -10px 10px #ccc inset, 10px 10px #aaa;
         position:absolute; bottom:02%; right:02%; width:60%; height:55%;
         overflow:auto; z-index:2;
         border:0;
         border-radius: 15px;
         font-size:large;
         text-align: center;
         align: center;
/*         background-color: #DFDFDF;*/
         background-color: #FFFFFF;

         }


#haupt-box {
         position:absolute; width:96%; height:96%;
         margin-left: 2%;
         margin-right: 2%;
         margin-top: 2%;
         margin-bottom: 2%;
         overflow:auto; z-index:3;
         align:center;
         }


/* BOXEN ENDE */


/* TABELLEN  ANFANG */
#table, tr, td, th {
         border: 01px;
        /* vertical-align: middle;
         align: center;
         height:100%;
         width:100%;
          */
}

th       {
/*         background-color: #007F00 ; */
         align: center;
         background-color: #8F8F8F;
         color: white;

         }

td       {
         align:left;
         }

tr:nth-child(2n+1) {
/*         background-color: #ccc;*/
         background-color: #AAAAAA;
         font:bold;

         }

/* TABELLEN ENDE */