* {
            box-sizing: border-box;
            padding:0px;
            margin:0px;
        }
        html, body {
            width:100%;
            height:100%;
        }
        .wrapping {
            display: flex;
            flex-direction: vertical;
            min-height: 100%;
           
        }
        .container {
            width:800px;
            padding-bottom: 20px;
            padding-top: 10px;
            margin: 0 auto;
        }


        .navpan {
            list-style: none;
            padding: 0px;
            margin: 0px;
            text-align: center;
            padding-top: 20px;
            padding-bottom: 20px;
        
        }

        .navpan li {
            display: inline;
        }

        .navpan a {
            display: inline-block;
            text-decoration: none;
            color: black;
            width: 155px;
            padding: 15px 0px;
            background-color:rgb(223, 245, 179);
            margin: 0 0px;
            font-weight: bold;
            
        }

        .navpan a:hover {
            background-color:#e0ffe0;
            color: black;
        }

        .tab3 {
            margin: 0px 40px;
            border:1px solid #006003;  
            border-collapse: collapse;          
        }

        .tab3 td {
            border:1px solid #006003;
            width:140px;
            height:20px;
            text-align: center;;
        }

        .tab3 {
            background-color:rgb(223, 245, 179);
        }

        .tab3 tr:nth-child(9) td:nth-child(1) {
            background-color:white;
        }

        .tab3 tr:nth-child(8n+5) td:nth-child(1) {
            background-color:white;
        }

        .tab3 tr:nth-child(4n+3) td:nth-child(1) {
            background-color:white;
        }

        .tab3 tr:nth-child(2n) td:nth-child(1) {
            background-color:white;
        }

        a {
            text-decoration: none;
            color:black;
            /*font-weight: normal;*/
        }

        a:hover {
            /*font-weight: bolder;*/
            color:#48ae00
        }

        ul {
            list-style: none;
            margin: 0 40px; 
            margin-bottom: 10px;           
        }

        .ch {
            border: 1px solid black;
            border-collapse: collapse;
            margin: 0px 40px;
        }
        .ch td {
            border: 1px solid black;
            
        }

        .ch tr:nth-child(odd) {
            background-color: rgb(223, 245, 179);
        }

        .ch th {
            background-color: rgb(255, 220, 124);
            border: 1px solid black;
        } 

        table {
            border:1px solid black;
            border-collapse: collapse;
        }

        td {
            border: 1px solid black;
            border-collapse: collapse;
        }
        th {
            border: 1px solid black;
            background-color: rgb(255, 220, 124);
        }

        table tr:nth-child(odd) {
            background-color: rgb(223, 245, 179);
        }   
         
        h3 {
            padding-top: 30px;
            padding-bottom: 10px;
        }    
        
        .horse-noch {
            padding-left: 40px;
        }

        .main-tab-records .dist {
            text-align: center;
        }

        .main-tab-records .name {
            font-weight: bold;
        }

        .main-tab-records .win {
            width: 280px;
        }

        .footer {
            position: fixed;
            left: 0px;
            bottom: 0px;
            padding: 10px;
            background-color: #a0d9a2;
            color: white;
            font-weight: bold;
            width: 100%;
            text-align: center;
        }

        .tab_col_center {
            text-align: center;
        }

        .no_orl {
            color: #852eba;
        }