/*########################################
class: .name    (immer wieder anwendbar)
id:    #name    (einmalig vergeben)
tag:   name     (Element-Name))
########################################*/

            html {
                width: 100%;
                height: 100%;
                margin: 0;
            }
            body {
                
            }
            table.sel div:link    {background-color: lightgray; text-decoration: none;  font-weight: bold}
            table.sel div:visited {background-color: lightgray;}
            table.sel div:hover {background-color: #fd8;}
            table.sel div:active  {background-color: lightgray;}

            .nav a:link    {text-decoration: none; font-weight: bold; color: black;  font-size: 16px;  font-family: Arial}
            .nav a:visited {color: black;  font-size: 16px}
            .nav a:hover   {color: black; font-size: 17px}
            .nav a:active  {color: black; font-size: 16px}

            
            .kat:link    {color: wheat; text-decoration: none}
            .kat:visited {color: wheat; text-decoration: none}
            .kat:hover   {color: wheat; text-decoration: none}
            .kat:active  {color: wheat; text-decoration: none}
            
            .auto-Spalten {                
                column-width: 35em;
                column-rule: 1px solid #ff8;
                column-gap: 2em;
                hyphens: auto;
            }           
            .center {
                margin-left: auto;
                margin-right: auto;
            }
            input{
                color: black;
                font-size: 14px;
            }
            select{
                font-size: 14px;
            }
            table.gitter {
                border-collapse: collapse;
                border: grey solid 2px;
            }
            table.gitter td, table.gitter th {
                border: grey solid 1px;
                padding: 1px;
            }
            .auswahl{
                display: block; background-color: #FAD27C; text-align: center
            }
            .box{
                min-width: 500px; 
                max-width: 1000px; 
                font-size: 18px
            }
            .textbox {
                
                border-radius: 15px;
                column-width: 25em;
                column-rule: 1px solid #ff8;
                column-gap: 2em;
                margin: 0;
                background-image: url('../bilder/texture.png'); 
                padding: 20px;
                hyphens: auto;
                font-size: 20px
            }
                        
            .rund {
                border-radius: 15px;
            }
            table.center{
                margin-left: auto;
                margin-right: auto;
            }
            table.gitter {
                border-collapse: collapse;
                border: grey solid 2px;
            }
            table.gitter td, table.gitter th {
                border: grey solid 1px;
                padding: 5px;
            }
            table.dgitter {
                border-collapse: separate;
                border: black solid 1px;
            }
            table.dgitter td, table.dgitter th {
                border: black solid 1px;
            }
            .img {
                border-radius: 15px; 
                box-shadow: 5px 5px 5px #000;

            }
            .balken {
                width: 100%; 
                text-align: center; 
                height: 50px;
                background: linear-gradient(lightgray 10%, white 40%,white 60%,lightgray 90%) ;
                opacity: 0.7;
            }
            .iform {
                text-align: left; 
                width: 350px; 
                height: 25px                
            }            
            .sonder {
                border-radius: 50%; 
                background-color: green; 
                color: white; 
                text-align: center; 
                width: 150px;
                cursor: pointer
            }
            .send:hover {
                background-color: lightgreen;
            }
            table.cell {
                background-color: #2339;
                margin-bottom: 10px; 
                hyphens: none; 
                display: inline-block; 
                border-spacing: 3px;
            }
            table.ext {
                color: #000; 
                text-align: center; 
                width: 100%; 
                margin-left: auto; 
                margin-right: auto
            }
            .klein {
                font-size: 70%;
            }
            .horizontal-banner {
                width: 100%;
                height: 180px;
                background:url('../laufband/laufband.jpg') repeat-x;
                animation: movx 60s linear infinite;	
                margin:0 auto;
            }
            @keyframes movx {
                0% { background-position: 0px 0px; }
                100% {background-position: 9570px 0px;}
            }
            .event:link, .event:visited, .event:active {
                text-decoration: none; color: white;
            }
            .event:hover{
              text-decoration: none; color: lightgreen;  
            }
            table.c:nth-child(even) {
                background-color: #336a;
                margin: 20px;
                width: 100%
            }
            table.c:nth-child(odd) {
                background-color: #644a;
                width: 100%;
                margin: 20px;
            }