.stein_content {
    font-size: 3em;
}

.stein_container {
    width: 800px;
    height: 400px;
    padding: 20px;
    border: 2px solid red;

    /* eighter leave margin unset (= 0) or set position absolute in order to render the splitter layout properly */
    /*margin: 10px;
    position: absolute;
    left: 0;
    top: 0;*/
}

.panelLayout7 {
    border: 2px solid green;
    background: lightgreen;
    /* padding: 5%; */
    /*margin: 10px 0;*/
    /*overflow: scroll;*/
}
.panelLayout7:hover {
    border: 2px solid red;
    background: lightyellow;
}

.panelLayout8 {
    border: 5px solid grey;
    background: lightblue;
}

.panelLayout1 {
    border: 10px solid blue;
    background: lightyellow;
    /* padding: 5%; */
    /* margin: 5%; */
}

.panelLayout2 {
    border: 1px solid blue;
}

.panelLayout3 {
    border: 5px solid red;
    background: inherit;
}

.panelLayout4 {
    background: lightyellow;
    /*overflow: scroll;*/
}

.panelLayout5 {
    border: 15px solid blue;
    /*overflow: scroll;*/
}

.panelLayout6 {
    border: 5px solid red;
    background: transparent;
    /*overflow: scroll;*/
}

.granit_Padding_Crazy {
    padding: 5%;
    border: 1% solid grey;
    margin: 0px;
}

.splitter_HandleStyle_default {
    border: 2px solid black;
    background: lightgrey;
    border-radius: 20px;
    margin: 10px;
}

.splitter_HandleStyle_hover {
    border: 2px solid black;
    background: darkgrey;
    border-radius: 20px;
    margin: 10px;
}

.splitter_HandleStyle_active {
    border: 2px solid black;
    background: grey;
    border-radius: 20px;
    margin: 10px;
}

.splitter_Layout2 {
    background: #e91212;
}