@media only screen and (max-width: 1600px) {
    .divCenterBig, .divCenter {
        width: 65%;
    }
}
@media only screen and (max-width: 1400px) {
    .divCenterBig, .divCenter  {
        width: 75%;
    }
}
@media only screen and (max-width: 1300px) {
    .divCenterBig, .divCenter  {
        width: 80%;
    }
}
@media only screen and (max-width: 1200px) {
    .divCenterBig, .divCenter  {
        width: 85%;
    }
    .fieldBox50{
        width: 90%;
    }

}
@media only screen and (max-width: 1100px) {
    .divCenter, .divCenterBig {
        width: 95%;
    }
}

@media only screen and (max-width: 1000px) {
    .divCenter, .divCenterBig {
        width: 100%;
    }
    .subMenuBar{
        top:90px;
    }
    .afterSubmenu{
        margin-top:80px;
    }
    /*.datapanel{
        top:150px;
    }*/
}
@media only screen and (max-width: 800px) {
body .main {

}
.fieldBox30 {
    width: 45%;
}
.fieldBox25 {
    width: 45%;
}
.fieldBox70 {
    width: 90%;
}
.listData{
    width: 45%;
}
.listData50 {
    width: 90%;
}
.settingsBox50 {
    width: 90%;
}
.settingsBox50R {
    width: 90%;
    float:left;
}
.settingsBox25 {
    width: 45%;
}
.divCenter{
    width: 80%;
}
    .afterSubmenu{
        margin-top:90px;
    }

.subMenu, .subMenu:active, .subMenuActive, .subMenuActive:active {
    min-width: 50px;
    max-width: 120px;
    height: 45px;
    font-size:90%;
}

    .gruppImg{
        width:254px;
        height:92px;
    }

    .gruppImgH{
        font-size: 80%;
        height: 190px;
    }
}


@media screen and (max-width: 512px) {
.mainicon {
    font-size: 20px;
}
.miniMenuImg {
    width: 15px;
    height: 15px;
}
.logo{
    width:18px;
    height:20px;
}
.Menu, .MenuActive {
    width: 60px;
}
.Menu .menuText, .MenuActive .menuText{
    visibility: hidden;
}
.Menu .mainicon{
    margin-left: 12px;
    font-size: 25px;
}
.MenuActive .mainicon {
    margin-left: 8px;
    font-size: 25px;
}
.datapanel{
    top:100px;
}
.subMenuBar{
    top:45px;
}


}
@media only screen and (max-width: 411px) {
.fieldValue label {
    text-align: left;
}
}

@media only screen and (max-width: 360px) {
.Menu, .MenuActive {
    width: 45px;
}
.Menu .mainicon, .MenuActive .mainicon {
    margin-left: 5px;
    font-size: 20px;
}
}