/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 15.07.2016, 10:22:24
    Author     : benneking
    960 px
*/
@media only screen and (min-width: 60rem){
    body{
        font-size: 0.9rem;
    }

    .contentGroup{
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    /* 
       Grid
       9-Spalten
        Column Eigenschaften 
    */
    [class*="large"]{
        float:left;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        -moz-background-clip:padding-box !important;
        -webkit-background-clip:padding-box !important;
        background-clip:padding-box !important;
        padding-left: 0.6rem;
        height: 100%;
        overflow:hidden;
        text-overflow:ellipsis;
    }
    [class*="large-"]:first-child{      
        margin-left: 3% ;
    }
    [class*="large-"]:last-child{      
        margin-right: 3%;
    }
    .large-1{
        width: 10.44444444444444444444%;
    }
    .large-2{
        width: 20.88888888888889%;
    }
    .large-3{
        width: 31.33333333333333%;
    }
    .large-4{
        width: 41.77777777777778%;
    }
    .large-5{
        width: 52.22222222222222%;
    }
    .large-6{
        width: 62.66666666666667%;
    }
    .large-7{
        width: 73.11111111111111%;
    }
    .large-8{
        width: 83.55555555555556%;
    }
    .large-9{
        width: 94%;
    }

    /*zusätzliche Spalte im Funktionsmenü */
    .large2-1{
        width:16.6666666666666667%;
    }

    .large2-2{
        width:83.33333333333333333%;
    }

    .large-7 .large-1{
        width: 14.285714285714285714285714285714%;
    }
    .large-7 .large-2{
        width: 28.571428571428571428571428571429%;
    }
    .large-7 .large-3{
        width: 42.857142857142857142857142857143%;
    }
    .large-7 .large-4{
        width: 57.142857142857142857142857142857%;
    }
    .large-7 .large-5{
        width: 71.428571428571428571428571428571%;
    }
    .large-7 .large-6{
        width: 85.714285714285714285714285714286%;
    }
    .large-7 .large-7{
        width:100%;
    }

    .large-9 .large-1{
        width: 11.111111111111111111111111111111%;
    }
    .large-9 .large-2{
        width: 22.222222222222222222222222222222%;
    }
    .large-9 .large-3{
        width: 33.333333333333333333333333333333%;
    }
    .large-9 .large-4{
        width: 44.444444444444444444444444444444%;
    }
    .large-9 .large-5{
        width: 55.555555555555555555555555555556%;
    }
    .large-9 .large-7{
        width: 77.777777777777777777777777777778%;
    }
    .large-9 .large-8{
        width: 88.888888888888888888888888888889%;
    }

    .large-9 .large-7 .large-2{
        width: 28.571428571428571428571428571429%;
    }

    .large-9 .large-7 .large-3{
        width: 42.857142857142857142857142857143%;
    }

    .large-2 .large-9 {
        width: 100%;
    }

    #loginMain  .large-4 .large-1{
        width: 23.5%;
    }
    #loginMain .large-4 .large-2{
        width: 47%;
    }
    #loginMain  .large-4 .large-3{
        width: 70.5%;
    }

    #loginMain    .large-4 .large-4{
        width: 94%;
    }

    .middle0{
        display: flex !important;
    }

    #main #mainContent    [class*="large-"]:first-child{      
        margin-left: 0;
    }

    #main #mainContent    [class*="large-"]:last-child{      
        margin-right: 0;
    }

    /*
    Hauptmenü
    */

    [id*="mainNavi"]{
        width: 3%;
    }
    #mainNav [class*="large-"]{
        margin-right: 0;
        margin-left: 0;
        padding-left: 0.6rem;
    }

    #mainNav .large-1{
        width: 1.044444444444444444444%;
    }
    /*
    Funktionsmenü
    */

    #subNavT{
        display: none;
    }
    #subNav{
        display: block;
        position: relative;
        left: 0;
        margin-left: 3%;
        padding-left: 0;
    }
    #subNav .navRow{
        width: 100%;
    }


    /*
    * Infobar
   */
    #infoBarTitle{
        font-size: 1.08rem;
    }

    /*
    *   mainContent
    */
    #mainContent{
        margin-left: 0;
    }

    /*
    * Cockpit
    */

    #infoBarExtraButton{
        min-height: 6.208125rem;
        align-items: center;
    }

    #infoBarExtraButton .utilitie:before{
        font-size: 2rem !important;
    }

    #loginMain .contentLogin{
        padding-top: 5rem;
    }

    /*
    * Kommunikation
    */
    .communicationMessageBorderBasicStructure {
        border: 1px solid black;
        padding-left: 0px;
    }

    .communicationMessageBorderSeperatorLeft {
        border-left: 1px solid black;
    }

    .communicationMessageBorderSeperatorBottom {
        border-bottom: 1px solid black;
    }
}
/*
@media only screen and (min-width: 80rem){
           #pagewrapper{
        width: 97%;
        margin: auto;
        text-align: left;
    }
    
    body{
        text-align: center;
    } 
}

@media only screen and (min-width: 100rem){
    #pagewrapper{
        width: 95%;
    } 
    
}

@media only screen and (min-width: 115rem){
    #pagewrapper{
        width: 91%;
    } 
    
} */