.button-menu {
	display: none;
}
.page-title {
    display: inline-block;
    margin-top: 20px;
    margin-left: 20px;
    line-height: 20px;
}
.button-new {
    display: block;
    border-radius: 25px;
}

.clear {
    visibility: hidden;
    clear: both;
}

/*
    definitions for boxes
*/
    .box {
        float: left;
        padding: 12px;
    }
    .box-mainContent {
        min-height: 720px;
    }
    .box-documents {}
    .box-calendar {}

    .grnarrow {
        width: 37.5%;
    }
    .grwide {
        width: 62.5%;
    }

/*
    z-level 

    level-1 hoechste positionierung
      .
      .
      .
    level-n  
*/
    .level-1 { z-index: 99; }
    .level-2 { z-index: 66; }
    .level-3 { z-index:  1; }

/*
    position and sizes of all containers
*/
    .container-top {
        position: fixed;
        top: 0;
        left: -5px;
        right: -5px;
        padding-left: 5px;
        padding-right: 5px;
        height: 60px;
    }
    .container-navigation {
        position: fixed;
        top: 50px;
        left: 0;
        bottom: 0;
        overflow-x: hidden;
        overflow-y: auto;
        width: 210px;
        height: 100%;
        padding-top: 10px;
    }
    .container-content {
        padding-top: 70px;
        padding-left: 220px;
        width: 100%;
    }
    .container-new {
        position: fixed;
        bottom: 24px;
        right: 24px;
        width: 50px;
        height: 50px;
        overflow: hidden;
    }

    @media screen and (max-width: 960px) {
        .container-navigation {
            left: -210px;
        }
		#menuTrigger:checked ~.container-navigation {
			left: 0px;
		}
		#menuTrigger:checked ~.container-content {
			padding-left: 220px;
		}
		.button-menu {
			display: inline-block;
		}
        .container-content {
            padding-left: 0;
        }
        .grnarrow,
        .grwide {
            width: 50%;
        }
		.login_form {
			width: 100%;
			padding-left: 20px;
			padding-right: 20px;
			margin-top: 240px;
		}
		.login_form input {
			text-align: center;
		}
		.login_form .button-submit {
			border-radius: 5px;
		}
    }
    @media screen and (min-width: 1100px) {
        .container-content {
            width: 1100px;
        }
    }
    @media screen and (max-width: 640px) {
        .grnarrow,
        .grwide {
            width: 100%;
        }
    }