.tabreiter {
     font-family: Arial, Sans-serif;
    font-size: 1em;
    font-weight: 400;
    color: #404040;
    padding: 2px;
    height: 92%;
    overflow: scroll;
    width: 99%;
}

.tabreiter ul, .tabreiter li {
    margin: 0;
    padding: 0;
    list-style: none;
    height: 100%;
}

.tabreiter li>div, .tabreiter input[type="radio"]+label {
    border: solid 1px #ccc;
    display: block;
}

.tabreiter li>div {
    top: 32px;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 8px;
    background: #ffffff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.tabreiter input[type="radio"]+label {
    line-height: 31px;
    background: #f1f1f1;
    text-align: center;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.tabreiter input[type="radio"] {
    opacity: 0;
}

@media only screen and (min-width: 600px) {
    .tabreiter {
         font-family: Arial, Sans-serif;
        font-size: 1em;
        font-weight: 400;
        color: #404040;
        padding: 2px;
        height: 92%;
        width: 99%;
        overflow: visible;
    }
    .tabreiter ul, .tabreiter li {
        margin: 0;
        padding: 0;
        list-style: none;
        height: 100%;
    }
    .tabreiter, .tabreiter input[type="radio"]:checked+label {
        position: relative;
    }
    .tabreiter li, .tabreiter input[type="radio"]+label {
        display: inline-block;
    }
    .tabreiter li>div, .tabreiter input[type="radio"] {
        position: absolute;
    }
    .tabreiter li>div, .tabreiter input[type="radio"]+label {
        border: solid 1px #ccc;
    }
    .tabreiter li {
        vertical-align: top;
    }
    .tabreiter li:first-child {
        margin-left: 8px;
    }
    .tabreiter li>div {
        top: 32px;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 8px;
        background: #ffffff;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .tabreiter input[type="radio"]+label {
        margin: 0 2px 0 0;
        padding: 0 28px;
        line-height: 31px;
        background: #f1f1f1;
        text-align: center;
        border-radius: 5px 5px 0 0;
        cursor: pointer;
        -moz-user-select: none;
        -webkit-user-select: none;
        user-select: none;
    }
    .tabreiter input[type="radio"]:checked+label {
        z-index: 1;
        background: #ffffff;
        border-bottom-color: #ffffff;
        cursor: default;
    }
    .tabreiter input[type="radio"] {
        opacity: 0;
    }
    .tabreiter input[type="radio"]~div {
        display: none;
    }
    .tabreiter input[type="radio"]:checked:not(:disabled)~div {
        display: block;
    }
    .tabreiter input[type="radio"]:disabled+label {
        opacity: .5;
        cursor: no-drop;
    }
}