body {font-family: Calibri, Arial; text-align:center;}

h1 {color: #57758D;}
h3 {color: #57758D;}

all    {display:block;
        width:100%;
        margin:auto;
        margin-top: 24px;
        text-align:left;} 

titel_1{display:block;
        float: left; 
        width:100%; 
        background-color: #57758D;
        color: #E7E9EF; 
        font-size: 1.2em;
        height: 24px; 
        vertical-align: middle;}
titel_2{display:block;
        float: left; 
        width:100%; 
        background-color: #57758D;
        color: #E7E9EF; 
        font-size: 1.2em;
        height: 12px; 
        vertical-align: middle;}
titel_3{display:block;
        float: left; 
        width:100%; 
        background-color: #57758D;
        height: 7px;}  

menlst {display:block;
        float: left; 
        width:14.28%; 
        background-color: #E7E9EF;
        color: #57758D; 
        font-size: 0.9em;
        height: 23px;
        text-align: left; 
        vertical-align: middle;} 

.fixed_header {
        width: auto;
        table-layout: fixed;
        border-collapse: collapse;}

.fixed_header tbody {
        display: block;
        width: 100%;
        overflow: auto;
        height: 60%; }
            
.fixed_header td {
        padding: 5px;
        text-align: left;
        width: auto;}

imgbox {display:block;
        float: left; 
        width:300px;
        text-align: center;  
        vertical-align: middle;}

sidebx {display:block;
        float: left; 
        width:400px;
        text-align: left;  
        vertical-align: middle;}

bx     {display:block;
        float: left; 
        vertical-align: middle;}

txtbox {display:block;
        float: left; 
        width:550px;
        text-align: left;  
        vertical-align: middle;}

txtbox1{display:block;
        float: left; 
        width:700px;
        text-align: left;  
        vertical-align: middle;}

alltxt {display:block;
        float: left; 
        width:800px;
        margin-left:150px;
        text-align: left;  
        vertical-align: middle;}

centbox{display:block;
        float: left; 
        width:80%;
        text-align: center;}  

footnte{display:block;
        font-size: 0.8em;}  

footbox{display: block;
        width: 100%;
        clear: both; 
        background-color: #E7E9EF;
        color: #57758D; 
        font-size: 0.75em;
        text-align: center; }

titel_2 a, menlst  a, footbox a, txtbox  a, alltxt  a, footnte a, sidebx a, bx a, tab1 a, tab2 a {
    text-decoration: none !important;
    text-underline: none !important;
}

titel_2 a:link, titel_2 a:visited {color:#E7E9EF;}
menlst  a:link, menlst  a:visited {color:#57758D;}
footbox a:link, footbox a:visited {color:#57758D;}
txtbox  a:link, txtbox  a:visited {color:black;}
alltxt  a:link, alltxt  a:visited {color:black;}
footnte a:link, footnte a:visited {color:black;}
sidebx a:link, sidebx a:visited {color:black;}
bx     a:link, bx     a:visited {color:black;}
tab1   a:link, tab1   a:visited {color:#E7E9EF;}
tab2   a:link, tab2   a:visited {color:#57758D;}

details {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    clear: both;
}

details summary {
    cursor: pointer;
}

details[open] {
    display: block;
}

#control1 {
    clear: both;
}

.playertablecockpit {
    float: left;
    max-width: 40%;
    min-width: 40%;
    padding: 50px;
    clear: both;
}

.indicator {
    width: 150px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: white;
    font-weight: bold;
    border-radius: 5px;
    display: inline-block;
    float: left;
}

.fortlaufend {
    background-color: #E7E9EF;
    color: white;
}

.rundenbasiert {
    background-color: #E7E9EF;
    color: black;
}

a {
    text-decoration: none !important;
}

a:link, a:visited {
    color: inherit !important;
}