/* 
    ////////////////////////////////////
                GRID: DEFAULT
    ////////////////////////////////////

    * This CSS File designs the Grid wrapping around the content!
    * Grid Foundation(css too) required!
    * _____________________________
    * | NaviHeader | ContenHeader |
    * |____________|______________|
    * |    Navi    |   Content    |
    * |____________|______________|
*/

/* 
    ////////////////////////////////////
            MAIN GRID NAVIHEADER
    ////////////////////////////////////
*/

#grid #naviHeader {
    background-color: #028deb;
}

/* 
    ////////////////////////////////////
             MAIN GRID NAVI
    ////////////////////////////////////
*/

#grid #navi {
    background-color: #2b353b;
}
    #grid #navi button {
        height: 50px;
        width: 200px;
        position: absolute;
        bottom: 30px;
        left: 15px;
        background-color: lightgray;
        cursor: pointer;
        outline: none;
        border: none;
    }

        #grid #navi button:hover {
            border: 1px solid orange;
        }

/* 
    ////////////////////////////////////
          MAIN GRID CONTENTHEADER
    ////////////////////////////////////
 */

#grid #contentHeader {
    background-color: #19a3ff;
    z-index: 1;
}
    #grid #contentHeader .HOVERPROFILE {
        float: right;
    }
/* 
    ////////////////////////////////////
            MAIN GRID CONTENT
    ////////////////////////////////////
*/

#grid #content {
    background-color: white;
    padding: 10px;
    font-family: 'Roboto', sans-serif;
}