.ui-tabs-vertical {
         background-color: rgba(51, 51, 51, 0.55);
         background: none;
         /*border: 1px solid #AFAFAF;
         border-radius: 5px; */
         border: none;
         color: #FFFFFF;

}
/* hier wird u.a. die weite der button eingestellt*/
.ui-tabs-vertical .ui-tabs-nav {
         padding: .2em .2em .2em .2em;
         float: left;
         width: 25%;
         margin: 0px;
         position: relative;
         /*border: 1px solid #0000ff;*/
}

.ui-tabs-vertical .ui-tabs-nav ul {

}

/*menu-block -li */
.ui-tabs-vertical .ui-tabs-nav li {

         width: 100%;
         height: 4vw;
         border-bottom-width: 1px !important;
         border-right-width: 1px !important;
         margin: 0 -1px .2em 0;
         background-color: rgba(51, 51, 51, 0.25);
         border: 1px solid #CFCFCF;
         border-radius: 5px;
}
.ui-tabs-vertical .ui-tabs-nav li:hover {
         background-color: rgba(146, 37, 38, 0.35);
         border: 1px solid rgba(146, 37, 38, 0.95);
}

.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
         background-color: rgba(146, 37, 38, 0.75);
         font-weight: bold;
}

.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
         margin-bottom: .2em;
         padding-right: .0em;
         border-right-width: 0px;
}

.ui-widget-header {
         background: none;
         border: none;
         color: #ffffff;
         font-weight: normal;
         padding: 4em;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: 0.5em 0.9em;
    text-decoration: none;
}
.ui-tabs-vertical .ui-tabs-nav li a {
    display: block;
    font-size: 1.0vw;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    /* color: #212121; */
    color: #ffffff;
    text-decoration: none;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #ffffff;
    text-decoration: none;
}

/*gesammter hintergrund des tab-browsings*/
.ui-widget-content {
    background-color: none;
    border: none;
}

/*text-block*/
.ui-tabs .ui-tabs-panel {
    background-color: rgba(51, 51, 51, 0.75);
    border: 1px solid #cfcfcf;
    border-radius: 5px;
    /*padding: 1em 1.4em 0 0;*/
    padding: 0 0 0 5px;
    width: 69.9%;
    float: left;
    color: #ffffff;
    margin-top: 3px;
    margin-left: 2px;
}

ul {
   /*border: 1px solid #ffffff;
   margin: 5em;*/
}

.ui-tabs-nav .ui-tabs-panel{


}

.ui-widget-content a {
    color: #ffffff;
}