body 
{
        background-color:white;
        background-repeat:no-repeat;
        background-size:100%;
        color:black;
        font-family:Arial;
}
/*Überschriften*/
    h1{
        font-size:xx-large;
    }
    .Headline{
        text-align:center;
        background-color:#078930;
        font-size:xx-large;
        font-style:inherit;
        font:600;
        color:black;
        border-radius: 22px; 
            -moz-border-radius: 22px; 
            -webkit-border-radius: 22px; 
        padding:.1em;
    }
    h2{
        font-size:x-large;
    }
    .Headline2{
        text-align:center;
        background-color:#078930;
        font-size:x-large;
        font-style:inherit;
        font:600;
        color:black;
        border-radius: 22px; 
            -moz-border-radius: 22px; 
            -webkit-border-radius: 22px; 
        padding:.1em;
    }
    h3 {
        font-size: larger;
    }
    .Headline3{
        text-align:center;
        background-color:#078930;
        font-size:large;
        font:600;
        color:black;
        border-radius: 22px; 
            -moz-border-radius: 22px; 
            -webkit-border-radius: 22px; 
        vertical-align:super;
        margin-top:-20px;
    }
    h4 {
        font-size: medium;
        margin:0;
    }
    .Headline4{
        text-align:center;
        font-size:medium;
        background-color:#078930;
        font:600;
        color:black;
        border-radius: 22px; 
            -moz-border-radius: 22px; 
            -webkit-border-radius: 22px; 
        
    }

/*Neues MasterPage Design*/
    .ContainerMain{
        width:100%;
        float:left;
    }
    .ContainerHeader{
        display: inline-block;
    }
    .ContainerContent {
        float: right;
        min-width: 640px;
        margin-left: 15px;
        background-color: #DADADA;
        margin-top: 15px;
        width: 85%;
    }
    .Pocket_ContainerContent {
        float: left;
        min-width: 640px;
        margin-left: 15px;
        background-color: #DADADA;
        margin-top: 15px;
        width: 100%;
    }
    .SectionLogoVBSR{
        position:relative;
        display:inline-block;
        width:270px;
    }
    .divNav{
        position:fixed;
        right:10px;
        top:0px;
        width:150px;
        height:74px;
        overflow:hidden;
        z-index:98;
    }
    .divNav:hover{
        height:100%;
        background-color:#DADADA;
    }
    nav {
        float:left;
        display:inline-block;
        vertical-align:top;
        left:0;
        width:13%;
        float:left;
        margin-top:15px;
        min-width:130px;
    }
    nav:empty{
        display:none;
    }
    .DivRight{
        position:fixed;
        right:25px;
        top:80px;
    }
    .DivLogoBox{
        position:static;
        left:0;
    }
    .LogoImg{
        height:100px;
        width:270px;
        transition: transform 0.5s;
         -moz-transition: transform 0.5s;
         -webkit-transition: transform 0.5s;
         -o-transition: transform 0.5s;
         -ms-transition: transform 0.5s;
    }
    .DivLeft{
        position:static;
        left:0;
    }
    .DivUserInfo{
        position:fixed;
        top:0;
        right:0px;
        width:10px;
        height:10px;
        color:gray;
        background-color:gray;
        opacity:.8;
        overflow:hidden;
        z-index:99;
    }
    .DivUserInfo:hover{
        position:fixed;
        top:0;
        right:0px;
        width:250px;
        height:120px;
        color:white;
        padding-top:5px;
        padding-left:10px;
    }
    footer {
      position: static;
      bottom: 0;
      left: 0;
      height: 90px;
      width: 100%;
      background-color:white;
      margin-top:20px;
      color:silver;
      min-width:1048px;
    }
    .FooterSpanRight{
        text-align:right;
        vertical-align:text-top;
        float:right;
    }
    .FooterSpanLeft{
        text-align:left;
        float:left;
    }

/*Format DataGrid*/
    .vbsrDataGrid{
        width:100%;
        border:solid 2px black;
        min-width:300px;
        border-radius: 22px; 
            -moz-border-radius: 22px; 
            -webkit-border-radius: 22px; 
    }
    .vbsrGridHeader{
        background-color: black;
        color: White;
        border: none 0px transparent;
        height: 25px;
        text-align: center;
        font-size: 16px;
    }
    .vbsrGridRow{
        background-color: #fff;
        font-size: 14px;
        color: #000;
        min-height: 25px;
        text-align: left;
        border: none 0px transparent;
    }
    .vbsrGridRow:hover{
        background-color: #ff8000;
        color: black;
        text-align: left;
    }
    .vbsrGridRowAlternativ{
        background-color:lightgray;
        font-size: 14px;
        color: black;
        min-height: 25px;
        text-align: left;
        border: none 0px transparent;
    }
    .vbsrGridRowAlternativ:hover{
        background-color: #ff8000;
        color: Black;
        text-align: left;
    }
    .vbsrGridSelectedRow{
        background-color: black;
        color: #fff;
        font-weight: bold;
        text-align: left;
    }
    .vbsrDataGrid a{
        background-color: Transparent;
        padding: 5px 5px 5px 5px;
        color: #fff;
        text-decoration: none;
        font-weight: bold;
    }
    .vbsrDataGrid a:hover {
        background-color: #000;
        color: #fff;
    }
    .vbsrDataGrid span{
        background-color: #c9c9c9;
        color: #000;
        padding: 5px 5px 5px 5px;
    }
    .vbsrGridPager{
        background-color: #646464;
        color: White;
        height: 30px;
        text-align: left;
    }
    .vbsrDataGrid td{
        padding: 5px;
        border-left:solid 2px;
        border-right:solid 2px;
    }
    .vbsrDataGrid th{
        padding: 5px;
        background-color:black;
        color:white;
    }

/*Neues Design Menü Buttons*/
    /*Normale Buttons*/
        .StandartButtonBox{
            display:inline-block;
            width:150px;
            text-align:center;
            height:100%;
            padding-top:.2em;
            margin-bottom:.5em;
            margin-right:.6em;
            border-radius: 22px; 
                -moz-border-radius: 22px; 
                -webkit-border-radius: 22px; 
            vertical-align:middle;
        }
        .StandartButton{
            width:150px;
            border:groove;
            border-radius: 22px; 
                -moz-border-radius: 22px; 
                -webkit-border-radius: 22px; 
         }
        .StandartButton:hover {
            background-color: white; /* Green */
            color:  black;
        }

        .ButtonCombinationBox{
            display:inline-block;
            width:50%;
            text-align:center;
            padding-top:.2em;
            margin-bottom:.5em;
            margin-right:.6em;
            border-radius: 22px; 
                -moz-border-radius: 22px; 
                -webkit-border-radius: 22px; 
            vertical-align:middle;
        }
        .ButtonCombination{
            width:50%;
            border:groove;
            border-radius: 22px; 
                -moz-border-radius: 22px; 
                -webkit-border-radius: 22px; 
         }
        .ButtonCombination:hover {
            background-color: white; /* Green */
            color:  black;
        }

    /*Big Menu Buttons*/
         .MenuBigButton{
            width:100%;
            height:65px;
            min-width:120px;
            border:groove;
            font-size:.9em;
            border:groove;
            font-weight:900;
            border-radius: 22px; 
                -moz-border-radius: 22px; 
                -webkit-border-radius: 22px; 
            margin-top:2.5px;
        }
        .MenuBigButton:hover {
            background-color: white; /* Green */
            color:  black;
        }
    /*Littel Button Left*/
        .LeftButtonBox{
            display:inline-block;
            width:25px;
            text-align:center;
            height:25px;
            padding-top:.2em;
            margin-bottom:.5em;
            margin-right:.6em;
            border-radius: 22px; 
                -moz-border-radius: 22px; 
                -webkit-border-radius: 22px; 
            vertical-align:middle;
        }
        .leftButton{
            width:25px;
            height:25px;
            border:groove;
            border-radius: 22px; 
                -moz-border-radius: 22px; 
                -webkit-border-radius: 22px;
            display: inline-block;
            background-color:silver;         
        }
        .leftButton:hover{
            background-color:white;
            opacity:.5;
            border-radius: 22px; 
                -moz-border-radius: 22px; 
                -webkit-border-radius: 22px; 

        }
        .PocketButton{
            width:50px;
            height:50px;
            border:groove;
            border-radius: 22px; 
                -moz-border-radius: 22px; 
                -webkit-border-radius: 22px;
            display: inline-block;
            background-color:silver;         
        }
        .PocketButton:hover{
            background-color:white;
            opacity:.5;
            border-radius: 22px; 
                -moz-border-radius: 22px; 
                -webkit-border-radius: 22px; 

        }
        .LableLeftButton{
           color: black; 
           letter-spacing: -1px;  
           opacity:.8;
           background-color:white;
           height:0px;
           padding: 5px;
           border-radius: 22px; 
                        -moz-border-radius: 22px; 
                        -webkit-border-radius: 22px; 
            font-size:x-small;
            position:relative;
            top:-26px;
            left: 0px; 
            padding:.2em;
            text-align:center; 
            font-weight:500;
        }
    /*Content Small Button*/
        .SiteButtonBox{
            display:inline-block;
            width:50px;
            text-align:center;
            height:50px;
            padding-top:.2em;
            margin-bottom:.5em;
            margin-right:.6em;
            border-radius: 22px; 
                -moz-border-radius: 22px; 
                -webkit-border-radius: 22px; 
            vertical-align:middle;
        }
        .SiteButton{
            width:50px;
            height:50px;
            border:groove;
            border-radius: 22px; 
                -moz-border-radius: 22px; 
                -webkit-border-radius: 22px;
            display: inline-block;
            background-color:silver;         
        }
        .SiteButton:hover{
            background-color:white;
            opacity:.5;
            border-radius: 22px; 
                -moz-border-radius: 22px; 
                -webkit-border-radius: 22px; 

        }
        .LableSiteButton{
           color: black; 
           letter-spacing: -1px;  
           opacity:.8;
           background-color:white;
           height:0px;
           padding: 5px;
           border-radius: 22px; 
                        -moz-border-radius: 22px; 
                        -webkit-border-radius: 22px; 
            font-size:x-small;
            position:relative;
            top:-26px;
            left: 0px; 
            padding:.2em;
            text-align:center; 
            font-weight:500;
        }
    /* Menu/Funkton Small Button*/
        .SmallButtonBox{
            display:inline-block;
            width:100px;
            text-align:center;
            height:100px;
            padding-top:.2em;
            margin-bottom:.5em;
            margin-right:.6em;
            border-radius: 22px; 
                -moz-border-radius: 22px; 
                -webkit-border-radius: 22px; 
            vertical-align:middle;
        }
        .MenuButtonSmall{
            width:100px;
            height:100px;
            border:groove;
            border-radius: 22px; 
                -moz-border-radius: 22px; 
                -webkit-border-radius: 22px;
            display: inline-block;
            background-color:silver;         
        }
        .MenuButtonSmall:hover{
            background-color:white;
            opacity:.5;
            border-radius: 22px; 
                -moz-border-radius: 22px; 
                -webkit-border-radius: 22px; 

        }
        .LableSmallButton{
           color: black; 
           letter-spacing: -1px;  
           opacity:.8;
           background-color:white;
           height:0px;
           padding: 5px;
           border-radius: 22px; 
                        -moz-border-radius: 22px; 
                        -webkit-border-radius: 22px; 
            font-size:small;
            position:relative;
            top:-30px;
            left: 0px; 
            padding:.5em;
            text-align:center; 
            font-weight:500;
        }
    /*Große Buttons*/
        .MenuButtonBox{
            display:inline-block;
            width:150px;
            height:150px;
            margin:.9em;
            text-align:center;
            border-radius: 22px; 
                -moz-border-radius: 22px; 
                -webkit-border-radius: 22px; 
        }
        .LableMenuButton{
           color: black; 
           letter-spacing: -1px;  
           opacity:.8;
           background-color:white;
           height:0px;
           padding: 5px;
           border-radius: 22px; 
                        -moz-border-radius: 22px; 
                        -webkit-border-radius: 22px; 
            font-size:medium;
            position:relative;
            top:-30px;
            left: 0px; 
            padding:.5em;
            text-align:center; 
            font-weight:500;
        }
        .MenuButton{
            width:150px;
            height:150px;
            border:groove;
            display: block;
            border-radius: 22px; 
                -moz-border-radius: 22px; 
                -webkit-border-radius: 22px; 
            background-color:silver;
        }
        .MenuButton:hover{
            background-color:white;
            opacity:.5;
            border-radius: 22px; 
                -moz-border-radius: 22px; 
                -webkit-border-radius: 22px; 
        }
/*Neues Design Uebersicht*/
    .ContentMainWapper{
       background-color:#DADADA;
       float:left;
       width:100%;
       text-align:center;
       margin-bottom:30px;
    }
    .SectionContentLeft{
        float:left;
        text-align:left;
        position:relative;
        width:48%;
        padding:5px;
        min-width:190px;
    }
    .SectionContentMain{
        float:left;
        text-align:left;
        display:block;
        width:100%;
        min-width:300px;
        margin-top:0.2em;
    }
    .SectionCenterContent{
        float:left;
        text-align:center;
        display:block;
        width:100%;
        min-width:300px;
        margin-bottom:25px;
        padding:10px;
    }
    .sectionContent2Col{
        float:left;
        text-align:left;
        display:block;
        width:100%;
    }
    .SectionContentRight{
        float:right;
        text-align:left;
        position:relative;
        width:49%;
        padding:2px;
        min-width:340px;
    }   
    .TabelContent{
        width:100%;
        text-align:left;
        float:left;
    }
    .BoxWhitBigBorder{
        border-style:solid;
        border-width:5px;
        border-color:black;
        padding:.4em;
        border-radius: 22px; 
            -moz-border-radius: 22px; 
            -webkit-border-radius: 22px; 
    }
    .BoxWhitSmallBorder{
        border-style:solid;
        width:80%;
        border-width:3px;
        border-color:black;
        padding:.4em;
        border-radius: 22px; 
            -moz-border-radius: 22px; 
            -webkit-border-radius: 22px; 
    }
/*Tabellen*/
    /*Tabelle PopUp*/
    .vbSrTabellePopup{
        width:100%;
        margin-top:3px;
        border-radius: 22px; 
            -moz-border-radius: 22px; 
            -webkit-border-radius: 22px; 
    }
    .vbSrTabellePopup th{
        background-color:black;
        color:white;
        width:100%;
        text-align:center;
    }
    .vbSrTabellePopup td {
        color:black;
        width:100%;
        background-color:silver;
        text-align:center;
        vertical-align:text-top;
    }
    .vbSrTabellePopup td .Top {
        color:black;
        width:100%;
        text-align:center;
        vertical-align:top;
    }
    .vbSrTabelle2Coll{
        width:95%;
        border-radius: 22px; 
            -moz-border-radius: 22px; 
            -webkit-border-radius: 22px; 
    }
    .vbSrTabelle2Coll th{
        background-color:black;
        color:white;
        width:50%;
        text-align:center;
    }
    .vbSrTabelle2Coll td #Right {
        color:black;
        width:50%;
        text-align:right;
        vertical-align:text-top;
    }
    .vbSrTabelle2Coll td {
        color:black;
        width:50%;
        text-align:right;
        vertical-align:top;
    }
    .vbSrTabelle4Coll{
        width:95%;
        text-align:center;
        border: 1px solid black;
        border-radius: 22px; 
            -moz-border-radius: 22px; 
            -webkit-border-radius: 22px; 
        padding:2px;
        margin:1px;
    }
    .vbSrTabelle4Coll th{
        background-color:black;
        color:white;
        width:25%;
        text-align:center;
        border-radius: 22px; 
            -moz-border-radius: 22px; 
            -webkit-border-radius: 22px; 
    }
    .vbSrTabelle4Coll td {
        color:black;
        width:25%;
        text-align:Left;
        vertical-align:text-top;
        border-radius: 22px; 
            -moz-border-radius: 22px; 
            -webkit-border-radius: 22px; 
    }
    .vbSrTabelle4Coll td .Top {
        color:black;
        width:25%;
        text-align:left;
        vertical-align:top;
        border-radius: 22px; 
            -moz-border-radius: 22px; 
            -webkit-border-radius: 22px; 
    }

/*Menue Layout*/
    .RoundMenu{
        border-radius: 22px; 
            -moz-border-radius: 22px; 
            -webkit-border-radius: 22px; 
    }
/*Boxen*/
    /*SetCard*/
    .SetCard{
        position: relative;
        display: inline-block;
        border-bottom: 0px dotted black;
        z-index:80 !Important;
        height:19px;
        overflow:hidden;
        text-align: center;
        width:100%
    }
    .SetCard:hover{
        overflow:visible;
        z-index:99 !Important;
    }

    .setCard .popUp{
        visibility: hidden;
        text-align: center;
        border-radius: 6px;
        margin-top:10px;
        padding: 5px 0;
        width:150px;
        height:0px;
        overflow:hidden;
        /* Position the tooltip */
        position: absolute;
        left:75px;
        top:15px;
        z-index:99 !Important;
    }
    .setCard:hover .popUp{
        visibility: visible;
        overflow:visible;
        z-index:99 !Important;
        top:15px;
    }
/*END*/
/*PocketTable*/
    .PocketTable{
        position: relative;
        display: inline-block;
        border-bottom: 0px dotted black;
        margin:6px;
        padding:10px;
        z-index:80 !Important;
        height:40px;
        font-weight:600;
        width:95%;
        font-size:21pt;
        overflow:hidden;
        text-align: left;
        background-color:white;
        border-radius: 22px; 
            -moz-border-radius: 22px; 
            -webkit-border-radius: 22px; 
    }
    .PocketTable:hover{
        overflow:visible;
        z-index:99 !Important;
    }

    .PocketTable .popUp{
        visibility: hidden;
        background-color:beige;
        text-align: left;
        border-radius: 6px;
        margin:1px;
        padding: 5px;
        overflow:hidden;
        /* Position the tooltip */
        position: relative;
        left:10px;
        top:0px;
        z-index:99 !Important;
        border-radius: 22px; 
            -moz-border-radius: 22px; 
            -webkit-border-radius: 22px; 
    }
    .PocketTable:hover .popUp{
        visibility: visible;
        overflow:visible;
        z-index:99 !Important;
        top:0px;
    }
    .PocketBox{
        float:right;

    }
/*ENDE*/


    .dynamicbox{
        position:relative;
        top:0;
        left:0px;
        width:100%;
        height:55px;
        color:gray;
        background-color:gray;
        opacity:.8;
        overflow:hidden;
        border-radius: 22px; 
            -moz-border-radius: 22px; 
            -webkit-border-radius: 22px; 
    }
    .dynamicbox:hover{
        height:100%;
        width:100%;
    }
    .ButtonFunctionCol{
        border-style:solid;
        border-width:5px;
        border-color:black;
        text-align:center;
        border-radius: 22px; 
            -moz-border-radius: 22px; 
            -webkit-border-radius: 22px;
       margin-bottom:.5em;     
    }
    .divFunctionBoxFullScreen{
        display:inline-block;
        background-color:#DADADA;
        position:relative;
        top:15px;
        padding:.3em;
        margin-bottom:.3em;
        margin-top:.3em;
        width:99%;
        border:solid 3px black;
        border-radius: 22px; 
            -moz-border-radius: 22px; 
            -webkit-border-radius: 22px; 
         
    }

    .divFunctionBoxLeft{
        display:inline-block;
        background-color:#DADADA;
        position:relative;
        top:15px;
        padding:.3em;
        margin-top:.1em;
        width:48%;
        border:solid 3px black;
        border-radius: 22px; 
            -moz-border-radius: 22px; 
            -webkit-border-radius: 22px;  
        text-align:left;
        float:left;
        z-index:1;
        vertical-align:middle;
    }
    .divFunctionBoxRight{
        display:inline-block;
        background-color:#DADADA;
        position:relative;
        top:15px;
        padding:.3em;
        width:48%;
        border:solid 3px black;
        border-radius: 22px; 
            -moz-border-radius: 22px; 
            -webkit-border-radius: 22px;  
        text-align:left;
        float:right;
        z-index:1;
        vertical-align:middle;
    }
    .ElementBox{
        width:100%;
        border-radius: 22px; 
            -moz-border-radius: 22px; 
            -webkit-border-radius: 22px; 
        margin-top:-20px;
    }
    .LeftBox50{
        width:50%;
        border-radius: 22px; 
            -moz-border-radius: 22px; 
            -webkit-border-radius: 22px; 
        float:left;
    }
    .RightBox50{
        width:50%;
        border-radius: 22px; 
            -moz-border-radius: 22px; 
            -webkit-border-radius: 22px; 
        float:right;
    }
    .LeftBox90{
        width:90%;
        border-radius: 22px; 
            -moz-border-radius: 22px; 
            -webkit-border-radius: 22px; 
        float:left;
    }
    .SplitScreenBox{
        display:inline-block;
        position:relative;
        width:95%;
        border-bottom:solid 0px black;
        background-color:#DADADA;
    }
    .DivSplitScreen{
        display:inline-block;
        position:relative;
        width:95%;
        border-bottom:solid 3px black;
        background-color:#DADADA;
        margin-bottom:.5em;
    }
    .divSplitScreenLeft{
        width:48%;
        text-align:right;
        float:left;
        padding:3px;
        min-height:15px;
        vertical-align:text-top;
        z-index:1;
    }
    .divSplitScreenRight{
        width:48%;
        text-align:left;
        float:right;
        padding:3px;
        min-height:15px;
        vertical-align:text-top;
    }
    .divContentBox50LeftMiddle{
        display:inline-block;
        max-width:48%;
        min-width:15%;
        text-align:left;
        padding:3px;
        min-height:15px;
        vertical-align:middle;
    }
    .divContentBox50RightMiddle{
        display:inline-block;
        max-width:48%;
        min-width:15%;
        text-align:Right;
        padding:3px;
        min-height:15px;
        vertical-align:middle;
    }
    .DivFreeBox{
        display:inline-block;
        width:33%;
        height:50px;
        text-align:center;
    }
    .CalenderBox {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
    z-index:99;
    }

    .CalenderBox .calender {
        visibility: hidden;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;

        /* Position the tooltip */
        position: absolute;
        left:0;
        top:15px;
        z-index: 99;
    }
    .CalenderBox:hover .calender {
        visibility: visible;
    }
    .FreeImgBox{
        position:fixed;
        margin-left:50%;
        top:0;
        Left:0;
        width:150px;
        height:250px;
    }
    .FreeImgBo:empty{
        display:none;
    }
    .DialogBackground{
        background: rgba(0,0,0,0.5);
        text-align:center;
        vertical-align:central;
        position:fixed;
        top:0;
        left:0;
        z-index:999;
    }
    .DialogBackground:not(:empty){
        width:100%;
        height:100%;
    }
    .Dialog{
        background-color:red;
        width:250px;
        top:50%;
        left:50%;
        vertical-align:central;
        text-align:center;
        position:fixed;
        border-radius: 22px; 
            -moz-border-radius: 22px; 
            -webkit-border-radius: 22px; 
	    padding: 5px;
        border-style:groove;
	    border-width:5px;
	    border-color:white;
        z-index:9999;
    }
    .DialogBackgroundWait{
        background: rgba(0,0,0,0.5);
        text-align:center;
        vertical-align:central;
        position:fixed;
        top:0;
        left:0;
        z-index:999998;
    }
    .DialogBackgroundWait:not(:empty){
        width:100%;
        height:100%;
    }
    .DialogWait{
        background-color:red;
        width:250px;
        top:50%;
        left:50%;
        vertical-align:central;
        text-align:center;
        position:fixed;
        border-radius: 22px; 
            -moz-border-radius: 22px; 
            -webkit-border-radius: 22px; 
	    padding: 5px;
        border-style:groove;
	    border-width:5px;
	    border-color:white;
        z-index:999999;
    }

/*Steuerelement Calender*/
    .myCalendar {  
        background-color: white;  
        border:2px solid silver !important;
        border-top:0px !important;}  
        .myCalendar a {  
        text-decoration: none;  }  
    .myCalendar .myCalendarTitle {  
        font-weight: bold;  
        background-color:silver;
        color:#ffffff;
    }  
    .myCalendar th.myCalendarDayHeader  
    {
        height:10px;
        border-bottom: outset 2px #fbfbfb; 
        border-right: outset 2px #fbfbfb; 
    }
    .myCalendar td.myCalendarDay {  
        border: outset 2px #fbfbfb;
    }  
      .myCalendar td.myCalendarDay:nth-child(7) a{color:#c52e2e !important;}
    .myCalendar .myCalendarNextPrev {  
        text-align: center;  
        color:white;
    }  

    .myCalendar .myCalendarNextPrev a  {font-size:1px;}
    .myCalendar .myCalendarNextPrev:nth-child(1) a{color:white!important;}
    .myCalendar .myCalendarNextPrev:nth-child(3) a{color:white;}
    .myCalendar td.myCalendarSelector a {  
        background-color: #25bae5;  
    }  

    .myCalendar .myCalendarDayHeader a,
    .myCalendar .myCalendarDay a,   
    .myCalendar .myCalendarSelector a,  
    .myCalendar .myCalendarNextPrev a {  
        display: block;  
        color:white;
        line-height: 20px;  
    }  
    .myCalendar .myCalendarToday{  background-color: #f2f2f2; -webkit-box-shadow: 0 0 7px 3px #e5e5e5;
    box-shadow: 0 0 7px 3px #e5e5e5;}
    .myCalendar .myCalendarToday a{color:#25bae5 !important;}
    .myCalendar .myCalendarDay a:hover,   
    .myCalendar .myCalendarSelector a:hover {  
        background-color: Silver;  
    }
/*Calender Pocket Full*/
    .myPocketFullCalendar {  
        background-color: white;  
        border:2px solid silver !important;
        border-top:0px !important;
        font-size:x-large;
    }  
    .myPocketFullCalendar a {  
        text-decoration: none;  
        font-size:xx-large;
        font-weight:600;
    }
    .myPocketFullCalendar td {
        text-decoration: none;
        font-size: xx-large;
        font-weight: 600;
    }
    .myPocketFullCalendar .myPocketFullCalendarTitle {  
        font-weight: bold;  
        background-color:silver;
        color:#ffffff;
    }  
    .myPocketFullCalendar th.myPocketFullCalendarDayHeader  
    {
        height:10px;
        font-size:xx-large;
        border-bottom: outset 2px #fbfbfb; 
        border-right: outset 2px #fbfbfb; 
    }
    .myPocketFullCalendar td.myPocketFullCalendarDay {  
        border: outset 2px #fbfbfb;
    }  
      .myPocketFullCalendar td.myPocketFullCalendarDay:nth-child(7) a{color:#c52e2e !important;}
    .myPocketFullCalendar .myPocketFullCalendarNextPrev {  
        text-align: center;  
        color:white;
        font-size:xx-large;
    }  

    .myPocketFullCalendar .myPocketFullCalendarNextPrev a  {font-size:30px;}
    .myPocketFullCalendar .myPocketFullCalendarNextPrev:nth-child(1) a{color:white!important;}
    .myPocketFullCalendar .myPocketFullCalendarNextPrev:nth-child(3) a{color:white;}
    .myPocketFullCalendar td.myPocketFullCalendarSelector a {  
        background-color: #25bae5;  
    }  

    .myPocketFullCalendar .myPocketFullCalendarDayHeader a,
    .myPocketFullCalendar .myPocketFullCalendarDay a,   
    .myPocketFullCalendar .myPocketFullCalendarSelector a,  
    .myPocketFullCalendar .myPocketFullCalendarNextPrev a {  
        display: block;  
        color:white;
        line-height: 20px;  
    }  
    .myCalendar .myPocketFullCalendarToday{  background-color: #f2f2f2; -webkit-box-shadow: 0 0 7px 3px #e5e5e5;
    box-shadow: 0 0 7px 3px #e5e5e5;}
    .myPocketFullCalendar .myPocketFullCalendarToday a{color:#25bae5 !important;}
    .myPocketFullCalendar .myPocketFullCalendarDay a:hover,   
    .myPocketFullCalendar .myPocketFullCalendarSelector a:hover {  
        background-color: Silver;  
    }
/*Bild Darstellung*/
    .RefIMG{
        width:150px;
        vertical-align:top;
        border-bottom-left-radius:40px;
        border-bottom-right-radius:40px;
        border-top-left-radius:15px;
        border-top-right-radius:15px;
         transition: transform 0.5s;
         -moz-transition: transform 0.5s;
         -webkit-transition: transform 0.5s;
         -o-transition: transform 0.5s;
         -ms-transition: transform 0.5s;
         z-index:99 !important;
    }
    .RefIMG:hover{
        max-width:150px;
        max-height:150px;
         transform: scale(1.5, 1.5);
         -moz-transform: scale(1.5, 1.5);
         -webkit-transform: scale(1.5, 1.5);
         -o-transform: scale(1.5, 1.5);
         -ms-transform: scale(1.5, 1.5);
         z-index:99 !important;
         margin-top:10px;
    }
    .RefImgBox{
        display:inline-block;
        width:150px;
        height:150px;
        vertical-align:top;
        border-bottom-left-radius:40px;
        border-bottom-right-radius:40px;
        border-top-left-radius:15px;
        border-top-right-radius:15px;
        z-index:99 !important;
        overflow:hidden;
    }
    .RefImgBox:hover{
        overflow:visible;
        z-index:99 !Important;
   }
/*Kalender boxen*/
    .CalMainTabel
        {
            width:100%;
            margin-bottom:15px;
        }
    .CalDayCell
    {
        width:13%;
        background-color:darkgray;
        color:ButtonHighlight;
        text-align:center;
    }
    .CalHeadline
    {
        font-size:large;
        color: Black;
        background-color: #DADADA;
        text-align:center;
    }
    .CalNormal
    {
        width:13%;
        text-align:center;
        color:Black;
    }
    .CalPlayEvent
    {
        width:100%;
        background-color: White;
        color:Black;
    }
    .CalSREvent
    {
        width:100%;
        background-color:orange;
        color:black;
    }
    .CalVTEvents
    {
        width:100%;
        background-color: gray;
        color:Black;
    }
    .CalTREvents
    {
        width:100%;
        background-color: Navy;
        color:White;
    }
    .CalVPEvents
    {
        width:100%;
        background-color: Fuchsia;
        color:White;
    }
    .CalTDEvents
    {
        width:100%;
        background-color: green;
        color:White;
    }
    .VereinDetails
    {
        width:100%;
        color:black;
        font:600;
    }

/*Steuerelemente BulletedList*/
    .BulletedList{
        max-width:95%;
        color:black;
        font-size:medium;
    }
/*Steuerelemente Combobox*/
    .StandartComboBox {
    width: 99%;
    padding-left:.5em;
    padding-right:.5em;
    height:25px;
    border-radius: 22px; 
        -moz-border-radius: 22px; 
        -webkit-border-radius: 22px;  
}

/*Steuerelemen Textbox*/
    .standartTexBoxDiv{
        display:inline-block;
        width:95%;
        text-align:left;
        height:100%;
        border-radius: 22px; 
            -moz-border-radius: 22px; 
            -webkit-border-radius: 22px; 
        vertical-align:middle;
    }
    .StandartTextBox {
    width:95%;
    padding-left:.5em;
    padding-right:.5em;
    height:1em;
    border-radius: 22px; 
        -moz-border-radius: 22px; 
        -webkit-border-radius: 22px;  
    }
    .TextboxButtonCombinationBox{
            display:inline-block;
            width:50%;
            text-align:center;
            padding-top:.2em;
            margin-bottom:.5em;
            margin-right:.6em;
            border-radius: 22px; 
                -moz-border-radius: 22px; 
                -webkit-border-radius: 22px; 
            vertical-align:middle;
    }
    .TextBoxCombiantion {
    width:50%;
    padding-left:.5em;
    padding-right:.5em;
    height:1em;
    border-radius: 22px; 
        -moz-border-radius: 22px; 
        -webkit-border-radius: 22px;  
    }
    .TexboxDatePicker {
        width: 150px;
        background-color:lightgrey;
    }

/*Steuerelemen Lables*/
    .InfoLable
    {
        font-style:italic;
        font-weight: 700;
        color:Black;
    }
    .StandartLable {
        width:95%;
        height:1.3em;
        border-radius: 22px; 
            -moz-border-radius: 22px; 
            -webkit-border-radius: 22px;  

    }
    .WarningLable{
        font-size:x-large;
        color:#CC3300;
        font-weight:600;
    }

/*Steuerelemen ListBoxen*/
    .StandartListBox{
        width:99%;
        height:100%;
        padding-left:.5em;
        padding-top:.5em;
        min-height:150px;
        max-height:250px;
        border-radius: 22px; 
            -moz-border-radius: 22px; 
            -webkit-border-radius: 22px;  
    }
    .ListBoxForReferee
    {
        width:100%;
        max-width:150px;
        min-width:75px;
        min-height:300px;
        max-height:900px;
        height:100%;
    }

/*ALTES Design*/
/*MENÜ*/

    /* Menue Button unterschriften*/
.MenuButton100 {
   position: relative; 
   width: 100%; /* for IE 6 */
   height:0;
   top:0px;
}
.MenuButton150 {
   position: relative; 
   width: 100%; /* for IE 6 */
   height:100%;
   top:0px;
    left: 0px;
}
.LableButtunMainMenu{
   color: Black; 
   letter-spacing: -1px;  
   opacity:.8;
   background-color:white;
   height:0px;
   padding: 5px;
   border-radius: 22px; 
                -moz-border-radius: 22px; 
                -webkit-border-radius: 22px; 
    font-size:medium;
    position: relative; 
    top: -50px; 
    left: 0px; 
    width: 150px;
    text-align:center; 
    font-weight:600;
}
/*Controls*/
    /*DropDownList*/
        .ComboBoxSmall {
            width: 95px;
        }

        .BigComboBox {
            width: 522px;
        }
    /*Textbox*/
        .TextBox100
        {
            width:99%;
        }
        .BigTextBox {
            width: 522px;
        }
        .TextboxforLogin
        {
            width:200px;
        }

        .SmallTextBox {
            width: 85px;
        }
    /*Buttons*/
        .MiniButton{
            width: 25px;
            border:groove;
            border-radius: 22px; 
                -moz-border-radius: 22px; 
                -webkit-border-radius: 22px; 
        }
        .MiniButton:hover {
            background-color: white; /* Green */
            color:  black;
        }
        .SmallButton {
            width: 85px;
            border:groove;
            border-radius: 22px; 
                -moz-border-radius: 22px; 
                -webkit-border-radius: 22px; 
        }
        .SmallButton:hover {
            background-color: white; /* Green */
            color:  black;
        }
       


        .MobileMenuButton{
            width:150px;
            height:150px;
            border:groove;
            display: block;
            border-radius: 22px; 
                -moz-border-radius: 22px; 
                -webkit-border-radius: 22px; 
            background-color:white;
        }
        .MobileMenuButton:hover{
            background-color:white;
            opacity:.5;
            border-radius: 22px; 
                -moz-border-radius: 22px; 
                -webkit-border-radius: 22px; 

        }
        .MobileMenuButtonSmall{
            width:100px;
            height:100px;
            border:groove;
            border-radius: 22px; 
                -moz-border-radius: 22px; 
                -webkit-border-radius: 22px;
            display: block;
             
        }
        .MobileMenuButtonSmall:hover{
            background-color:white;
            opacity:.5;
            border-radius: 22px; 
                -moz-border-radius: 22px; 
                -webkit-border-radius: 22px; 

        }
        .VerySmallImgButton{
            width:100px;
            height:100px;
            border:groove;
            display: block;
            border-radius: 22px; 
                -moz-border-radius: 22px; 
                -webkit-border-radius: 22px; 
        }
        .VerySmallImgButton:hover{
            background-color:white;
            opacity:.5;
            border-radius: 22px; 
                -moz-border-radius: 22px; 
                -webkit-border-radius: 22px; 

        }
        .BigButton{
            width:250px;
            height:65px;
            border:groove;
            font-size:x-large;
            border:groove;
           font-weight:900;
            border-radius: 22px; 
                -moz-border-radius: 22px; 
                -webkit-border-radius: 22px; 
            margin-top:2.5px;
        }
        .BigButton:hover {
            background-color: white; /* Green */
            color:  black;
        }
        .BigButton100{
            width:100%;
            height:65px;
            border:groove;
            font-size:x-large;
           font-weight:900;
           border-radius: 22px; 
                -moz-border-radius: 22px; 
                -webkit-border-radius: 22px; 
        }
        .BigButton100:hover {
            background-color: white; /* Green */
            color:  black;
        }
    /*LISTBOX*/

        .ListBoxForPlayer
        {
            width:100%;
            height:450px;
        }
    /*LABELS*/
        .HeadlineLabel
        {
            width:100%;
            text-align:center;
            color: Black;
            font-size:xx-large;
            font-style:inherit;
        }
    /*TABCONTROL*/
        .TabControlTabs 
        {
            background-color:#FFFBD6;
            border-style:None;
        }
/*Allgemeine*/
    /*TR-Abrechnung*/
        #Mannschaft {
            width: 790px;
        }
        #Zeiterfassung {
            width:790px;
        }


        
/*Tabellen*/
    /*Kaderliste*/
        .KaderlisteMainTab
        {
            text-align:center;
            width:100%;
            color:White;
            table-layout:fixed;
            vertical-align:middle;
        }
        .KaderListeMainHeadline
        {
            column-span:all;
            color:black;
            background-color:lightgray;
            font-size:xx-large;
            font-weight:900;
        }
        .KaderListeHeadline
        {
            width:11.11%;
            background-color:lightgreen;
            color:black;
            font-weight:900;
        }
        .KaderListeTabColumn
        {
            width:11.11%;
        }
    /*MASTER Tabellen Eigenschaften*/
        .MasterTablePosition
        {
            text-align:center;
            width:100%;
            color:White;
            table-layout:fixed;
            vertical-align:top;
        }
        .WebMasterTablePosition
        {
            text-align:center;
            width:100%;
            color:White;
            table-layout:fixed;
            vertical-align:top;
        }
        .MasterTableHeadInfo
        {
            text-align:left;
            color:silver;
            width:250px;
    
        }
        .MasterTableInfo
        {
            text-align:left;
            width:10%;
            color:darkgray;
            vertical-align:top;
    
        }
        .MasterTableFull 
        {
            text-align:left;
            width: 100%;
            color:White;
            vertical-align:top;
        }
        .MasterTableHead
        {
            text-align:left;
            width: 100%;
            color:White;
            vertical-align:top;
        }
        .MasterTableDistanc
        {
            text-align:left;
            width: 1px;
            color:White;
            vertical-align:top;
        }
    
        .MasterTableContent
        {
            width:90%;
            text-align:left;
            background-color:#DADADA;
            color:White;
            vertical-align:top;
            border-radius: 22px; 
                -moz-border-radius: 22px; 
                -webkit-border-radius: 22px; 
        }
        

        .HeadlineInTable
        {
            width:100%;
            text-align:center;
            color: Black;
            background-color:darkgray;
            font-size:xx-large;
            font-style:inherit;
            border-radius: 22px; 
                -moz-border-radius: 22px; 
                -webkit-border-radius: 22px; 
        }

        .HeadlineInTable2
        {
            width:100%;
            text-align:center;
            color: Black;
            background-color:darkgray;
            font-size:x-large;
            font-style:inherit;
        }

        .MasterTableFill
        {
            text-align:left;
            color:White;
            vertical-align:top;
        }
        .ContentMainTable
        {
            width:100%;
            vertical-align:top;
        }

        .MainAlign
        {
           text-align:center;
           vertical-align:top;
        }

    /*Drittel Tabelle*/
        .DrittelTabelleLeft {
            width:33.3%;
            text-align:left;
            vertical-align:top;
        }
        .DrittelTabelleRight  {
            width:33.3%;
            text-align:right;
            vertical-align:top;
        }
        .DrittelTabelleCenter {
            width: 33.3%;
            text-align: center;
            vertical-align:top;
        }
    
    /*SUBTABLE*/
        .SubHeadline
        {
            font-size:large;
            color: Black;
            background-color: #DADADA;
            text-align:center;
        }

        .SubHeadlineLeft
        {
            font-size:large;
            color: Black;
            background-color: #DADADA;
            text-align:left;
        }

        .SubHeadline2
        {
            font-weight: 700;
            background-color:darkgray;
            color:Black;
        }

    /* OptionsZelle*/
    .FunctionCell
    {
        vertical-align:bottom;
        background-color:#DADADA;
        border:groove;
        border-color:black;
        border-width: 3px;
        color:Black;
        font-weight:700;
        font-size:x-large;
        font-style:italic;
        border-radius: 22px; 
                -moz-border-radius: 22px; 
                -webkit-border-radius: 22px; 
        text-align:center;
    }
    /* LOGIN */
        .LoginTableBezeichung
        {
            text-align : right;
            color:black;
            margin-left: 40px;
        }
        .LoginTableValues
        {
            width : 50%;
            text-align : left;
            color:Black;
            margin-left: 80px;
        }

    /* WEBPAGE */
        .ContentMainTableFirstColumen
        {
            width : 30%;
            text-align : left;
            color:Black;
        }
        .ContentMainTableSecondColumen
        {
            width : 60%;
            text-align : center;
            color:black;
        }
        .ContentMainTabletLastColumen
        {
            width : 10%;
            text-align : left;
            color:Black;
        }    

        .ContentMainTabletLastColumenRight
        {
            width : 10%;
            text-align : right;
            color:black;
        }    
        .ContentSubTabletWithTowColumenBezeichnung
        {
            width : 50%;
            text-align : right;
            color:black;
        }    
        .ContentSubTabletWithTowColumenValue
        {
            width : 50%;
            text-align : left;
            color:Black;
    
        }     
        .ContentTableTR
        {
            width:100%;
            text-align:center;
            background-color:Black;
            color:White;
            font-size:large;
        }
        .InfHeadline
        {
            width:14.28%;
            text-align:center;
            background-color:darkgray;
            font-size:large;
            font-style:inherit;
            font:600;
            color:black;
            border-radius: 22px; 
                -moz-border-radius: 22px; 
                -webkit-border-radius: 22px; 
        }
        .InfLine
        {
            width:14.28%;
            text-align:center;
            color:black;
        }
    /*Tabellen Teilng*/
        .LeftColumen
        {
            width: 40%;
            text-align:right;
            color:black;
            margin-left: 80px;
            vertical-align:top;
        }
        .MiddelColumen
        {
            width:20%;
            text-align:center;
            vertical-align:top;
        }
        .RightColumen {
            width: 40%;
            text-align: left;
            color: black;
            margin-left: 160px;
            vertical-align: top;
        }

    /* Calender */
        
/*MOBILEDEVICE*/
        .MobileWorkerTableCell
        {
            width:150px;
            text-align:center;
            height:160px;
        }
        .MobileSelectedComboBoxFull
        {
            width:100%;
            font-size:larger;
            background-color:yellow;
        }
        .MobileComboBoxFull
        {
            width:100%;
            font-size:larger;
        }

/*MOBILEDEVICE*/