* {
    box-sizing: border-box;
}

body {
    font-family: Arial, Helvetica, sans-serif;
}

/* Style the header */
.headerOld {
    background-image: url("../images/logobg.jpg");
    background-color: #f1f1f1;
    padding: 10px;
    text-align: center;
    font-size: 35px;
}

.header {
    background-image: url("../images/rub_calumi.png");
    background-position: left;
    background-repeat: no-repeat;
    background-size: auto;
    padding: 10px;
    text-align: left;
}

.headerTennis {
    background-image: url("../images/menuTopSE.gif");
    background-position: left;
    background-repeat: no-repeat;
    background-size: auto;
    padding: 50px;
    text-align: center;
}


.header a:hover {
    background-color: #99c;
    color: black;
}

.header a.active {
    background-color: dodgerblue;
    color: white;
}

.header-left {
    float: left;
}

/* Sticky navbar - toggles between relative and fixed, depending on the scroll position. It is positioned relative until a given offset position is met in the viewport - then it "sticks" in place (like position:fixed). The sticky value is not supported in IE or Edge 15 and earlier versions. However, for these versions the navbar will inherit default position */
.navbar {
    overflow: hidden;
    background-color: #6a6aff;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
}

    /* Style the navigation bar links */
    .navbar a {
        float: left;
        display: block;
        color: white;
        text-align: center;
        padding: 14px 20px;
        text-decoration: none;
    }


        /* Right-aligned link */
        .navbar a.right {
            float: right;
        }

        /* Change color on hover */
        .navbar a:hover {
            background-color: #ddd;
            color: black;
        }

        /* Active/current link */
        .navbar a.active {
            background-color: #99c;
            color: white;
        }

/* Create three equal columns that floats next to each other */
.column {
    float: left;
    width: 100%;
    padding: 10px;
}

.columnOnlyOne {
    float: left;
    width: 33%;
    padding: 10px;
}
/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

/* Style the footer */
.footer {
    background-color: #ccccff;
    padding: 10px;
    text-align: center;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media (max-width: 600px) {
    .column {
        width: 100%;
    }
}