/* Tabs mit radio-Buttons */
.tabbed figure {
    clear:both;
    display:block;
    margin-left:0;
    border-bottom: 1px solid silver;
}
.tabbed > input,
.tabbed figure > div {
    display:none;
}
.tabbed figure>div {
    max-width:100%;
    padding:20px;
    line-height:1.5em;
    color:#000;
    letter-spacing:.3px;
    border: 1px solid silver;
    background: #fff;
}
#tab1:checked ~ figure .tab1,
#tab2:checked ~ figure .tab2,
#tab3:checked ~ figure .tab3,
#tab4:checked ~ figure .tab4,
#tab5:checked ~ figure .tab5,
#tab6:checked ~ figure .tab6,
#tab7:checked ~ figure .tab7 {
    display:block;
}
nav label {
    float:left;
    margin-right:3px;
    padding:15px;
    background-color:#fcb600;
    font-size:1.17em;
    border-top: 1px solid silver;
    border-right: 1px solid silver;
    /*background: hsl(210,50%,50%);
    */
       color: #000;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
nav label:nth-child(1) {
    border-left: 1px solid silver;
}
nav label:hover {
    background-color:#144297;
    color:#fff;
}
nav label:active {
    background-color:#144297;
    color:#fff;
}
#tab1:checked ~ nav label[for="tab1"],
#tab2:checked ~ nav label[for="tab2"],
#tab3:checked ~ nav label[for="tab3"],
#tab4:checked ~ nav label[for="tab4"],
#tab5:checked ~ nav label[for="tab5"],
#tab6:checked ~ nav label[for="tab6"],
#tab7:checked ~ nav label[for="tab7"] {
    position:relative;
    background-color:#144297;
    color:#fff;
    border-bottom: none;
}
#tab1:checked ~ nav label[for="tab1"]:after,
#tab2:checked ~ nav label[for="tab2"]:after,
#tab3:checked ~ nav label[for="tab3"]:after,
#tab4:checked ~ nav label[for="tab4"]:after,
#tab5:checked ~ nav label[for="tab5"]:after,
#tab6:checked ~ nav label[for="tab6"]:after,
#tab7:checked ~ nav label[for="tab7"]:after {
    width:100%;
    height:2px;
    left:0;
    bottom:-1px;
    position:absolute;
    display:block;
    content: "";
    background: #144297;
}