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

.table_content {
    position: absolute;
    top: 0;
    left: 350px;
    width: calc(100% - 700px);/*lässt die tabelle in der mitte erscheinen*/
    background: rgba(45, 127, 187, 1.00);
    z-index: 50x;
}


.table_content table {
    width: 100%;
    border-collapse: collapse; /*collapse linien aufeinander, serperate platz zwischen den spalten*/
}

.table_content th, /*mehere Dinger mit den selben werten*/
.table_content td {
    height: 30px;
    border: 1px solid black;
    cursor: default;
}

.table_content th {
    color: white;
    background: rgb(17, 77, 133);
}

.table_content tr:nth-child(odd) td:nth-child(even) { /*odd und even als gerade und ungraden zahlen*/
    color: black;
    background: rgb(21, 102, 177);
}

.table_content tr:nth-child(even) td:nth-child(odd) { /*odd und even als gerade und ungraden zahlen*/
    color: black;
    background: rgb(21, 102, 177);
}

.table_content tr:nth-child(odd) td:hover,
.table_content tr:nth-child(even) td:hover { /*auch in der tabelle kann ich mouseover effekte einbinden*/
    background: rgb(17, 77, 133);
    cursor: default; /*pointer für händchen     */
}

img {
    width: 100%;
    height: auto;
}