.modalLoading {
    position:   fixed;
    z-index:    100000000000;
    top:        1;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 80, 80, 80, .8 ) 
                /* url('../img/logo-satan-teufel.gif') */ 
                50% 50% 
                no-repeat;
                
        -webkit-animation: fadein .5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein .5s; /* Firefox < 16 */
        -ms-animation: fadein .5s; /* Internet Explorer */
         -o-animation: fadein .5s; /* Opera < 12.1 */
            animation: fadein .5s;
}


@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.whiteglp {
    color: white;
}



#div-1a {
background-color: green;
 position:absolute;
 top:0;
 right:0;
 width:80%;
 height: 100%;
}
#div-1b {
	background-color: blue;
 position:absolute;
 top:0;
 left:0;
 width:20%;
 height: 100%;
}