/*boden*/
#Ebene1{
	position: absolute;
	z-index: 1;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	bottom: 0%;
	background-color: #FFF;
}
/*obere position */
#Ebene2{
	z-index: 1;
	position: absolute;
	height: 10%;
	background-color: #ffffff;
	top: 0%;
	width: 100%;
	right: auto;
	bottom: auto;
	left: auto;
}
/*linke position */
#Ebene3{
	position: absolute;
	z-index: 1;
	top: 10%;
	right: auto;
	bottom: auto;
	left: auto;
	width: 15%;
	height: 90%;
	
}
/*mitte haupt seite position */
#Ebene4{
	position: absolute;
	z-index: 1;
	left: 15%;
	bottom: auto;
	right: auto;
	top: 11.5%;
	width: 84%;
	height: 87%;
	background-color: #fff;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.74) inset, 0px 10px 10px rgba(0, 0, 0, 0.4);
	vertical-align: 1%;
	margin-top: 0.5px;
	margin-left: 0.5px;
}
/*oben ebene 3*/
#cssuhr{
	position: absolute;
	z-index: 1;
	width: 94%;
	height: 10%;
	margin: 0% 2% 2%;
	background-color: rgba(255, 255, 255, 0.4);
	background-repeat: no-repeat;
	background-attachment: fixed;
	right: auto;
	bottom: auto;
	left: auto;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.74) inset, 0px 10px 15px rgba(0, 0, 0, 0.4);
	top: 1.7%;
}
/*mitte ebene 3*/
#kalender  {
	height: 40%;
	top: 13.3%;
	width: 94%;
	margin: 0% 2% 2%;
	right: auto;
	bottom: auto;
	left: auto;
	position: absolute;
	z-index: 1;
	background-color: rgba(255, 255, 204, 0.39);
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.74) inset, 0px 10px 15px rgba(0, 0, 0, 0.4);
	background-repeat: no-repeat;
	background-attachment: fixed;
}
/*unten ebene 3*/
#email {
	position: absolute;
	z-index: 1;
	top: 55%;
	width: 94%;
	height: 43.5%;
	background-color: rgba(255, 255, 255, 0.33);
	right: auto;
	bottom: auto;
	left: auto;
	margin: 0% 2% 2%;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.74) inset, 0px 10px 15px rgba(0, 0, 0, 0.4);
	background-repeat: no-repeat;
	background-attachment: fixed;
}
/*logo ist aus */ 
#logo {
	margin: 0%;
	background-image: url('images/GBB/favicon.ico');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: left top;
	width: 2%;
	height: 30%;
	top: auto;
	right: 0%;
	bottom: auto;
	left: 0%;
	position: absolute;
	z-index: 1;
}
#meneu {
	border-radius: 1% 1% 5% 5% / 1% 1% 100% 100%;
	margin: 0.5% 1% 1% 2%;
	left: auto;
	width: 85%;
	height: 70%;
	top: 1%;
	right: auto;
	bottom: 1%;
	background-color: rgba(149, 202, 231, 0.36);
	position: absolute;
	z-index: 1;
	box-shadow: 0px 0px 100px rgba(0, 72, 246, 0.6) inset, 10px 10px 10px rgba(1, 0, 0, 0.4);
}
/*ebene5 in der befinden sich username und userbild */
@media screen and (min-width: 900px) {
#Ebene5 {
	overflow: hidden;
	margin: 0.5% 1% 1% 88%;
	height: 70%;
	width: 11%;
	top: 1%;
	bottom: 1%;
	right: 0%;
	left: 86%;
	background-color: #FFfff;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.74) inset, 10px 10px 10px rgba(1, 0, 0, 0.4);
	border-bottom-left-radius: 40px 80px;
	border-top-right-radius: 40px 80px;
	clip: rect(auto, auto, auto, 20%);
	font-weight: bold;
	font-size: inherit;
   
   }

 }

@media screen and (min-width: 600px) and (max-width: 900px) {
#Ebene5 {
	overflow: hidden;
	margin: 0.5% 1% 1% 88%;
	height: 70%;
	width: 11%;
	top: 1%;
	bottom: 1%;
	right: 0%;
	left: 86%;
	box-shadow: 20px 5px 30px rgba(255, 255, 255, 0.74) inset, 10px 10px 10px rgba(1, 0, 0, 0.4);
	border-bottom-left-radius: 40px 80px;
	border-top-right-radius: 40px 80px;
	font-weight: bold;
	font-size: inherit;
	background-color: #194EB9;
  
   }
 
}

@media screen and (max-width: 600px) {
#Ebene5 {

   }

}

@media screen and (max-device-width: 480px) {
#Ebene5 {
	overflow: hidden;
	margin: 0.0% 0% 0% 0%;
	height: 0%;
	width: 0%;
	top: 0%;
	bottom: 0%;
	right: 0%;
	left: 0%;
	font-weight: bold;
	font-size: inherit;


   }
  
}

/*name des users oben rechtz ebene 5************************************************************************************************************************/
@media screen and (min-width: 900px) {
   #user {
    overflow: hidden;
    margin: 0% 0% 0% 0%;
    height: 100%;
    width: 63%;
    top: 0%;
    bottom: 1%;
    right: 0%;
    left: 88%;
    background-color: rgba(15, 14, 14, 0);
    box-shadow: 1px 2px 1px #010101 inset, 15px 5px 20px rgba(10, 133, 237, 0.84);
    border-bottom-left-radius: 40px 80px;
    border-top-right-radius: 40px 80px;
    font-weight: bold;
    font-size: inherit;
   
   }

 }

@media screen and (min-width: 600px) and (max-width: 900px) {
   #user {
	position: absolute;
	overflow: hidden;
	margin: 0%;
	height: 140%;
	width: 30%;
	top: 4%;
	bottom: 1%;
	right: 0%;
	left: 70%;
	font-weight: bold;
	font-size: inherit;
	box-shadow: 1px 2px 1px rgba(1, 1, 1, 0) inset, 15px 5px 20px rgba(10, 133, 237, 0);
  
   }
 
}

@media screen and (max-width: 600px) {
  #user {
	position: absolute;
	overflow: hidden;
	margin: 0%;
	height: 140%;
	width: 35%;
	top: 4%;
	bottom: 1%;
	right: 0%;
	left: 65%;
	font-weight: bold;
	font-size: inherit;
}
}

@media screen and (max-device-width: 480px) {
  #user {
	position: absolute;
	overflow: hidden;
	margin: 0%;
	height: 140%;
	width: 40%;
	top: 4%;
	bottom: 1%;
	right: 0%;
	left: 60%;
	font-weight: bold;
	font-size: inherit;
	   }
  
}

/*useer bild oben rechtz ebene 5*/
@media screen and (min-width: 900px) {
#userbild {
	position: absolute;
	z-index: 1;
	margin: 0.5% 1% 1% 43%;
	width: 4%;
	height: 70%;
	top: 0%;
	right: 0%;
	bottom: 0%;
	left: 52%;
	position: absolute;
	z-index: 1;
	background-color: #fff;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.74) inset, 0px 0px 0px rgba(1, 0, 0, 0.0);
}
}

@media screen and (min-width: 600px) and (max-width: 900px) {
	#userbild {
	position: absolute;
	z-index: 1;
	margin: 0% 1% 1% 43%;
	width: 7%;
	height: 50%;
	top: 11%;
	right: 0%;
	bottom: 0%;
	left: 47%;
	background-color: rgba(255, 255, 255, 0);
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px rgba(0, 19, 233, 0.45);
  
   
 
}
}

@media screen and (max-width: 600px) {
	#userbild {
	position: absolute;
	z-index: 1;
	margin: 0.5% 1% 1% 43%;
	width: 11%;
	height: 70%;
	top: 0%;
	right: 0%;
	bottom: 0%;
	left: 45%;
	background-color: rgba(255, 255, 255, 0.02);


}
}
@media screen and (max-device-width: 480px) {
	#userbild {
	position: absolute;
	z-index: 1;
	margin: 0% 1% 1% 43%;
	width: 11%;
	height: 55%;
	top: 0.5%;
	right: 0%;
	bottom: 0%;
	left: 45%;
a
}
}