img.displayed { display: block; text-align: left; width: 76px; height: 70px; } #backgroundWhite { background: #ffffff; top: 0px; height: 70px; width: 100%; } #BackgroundBoxLogo { top: 10px; /* neu */ background: #8DC2E6; height: 70px; /* width: auto;*/ width: 99%; border-top-left-radius: 5px; border-top-right-radius: 100% 100%; /*position: fixed;*/ /* neu */ } #BackgroundBoxMenue { top: 80px; /* neu */ text-align: left; /* Buttons werden links ausgerichtet */ background:linear-gradient(to bottom, #8DC2E6, #2F52A4); height: auto; width: 99%; /* neu*/ border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .myHover:hover{ background:linear-gradient(to bottom, yellow, black); border-radius: 35px 5px 35px 5px; } .myHover:active { position: relative; top: 3px; } .button { display: inline-block; position: relative; outline: none; /* Rahmen für Focus untrdrücken */ /* Randabstand zum Button */ margin-top: 3px; margin-right: 3px; margin-bottom: 3px; margin-left: 3px; /* Abstand Text zum Rand */ padding-top: 5px; padding-right: 20px; padding-bottom: 5px; padding-left: 20px; background:linear-gradient(to bottom, #8DC2E6, #2F52A4);/* Farbverlauf*/ color: AntiqueWhite; /* Textfarbe */ text-align: center; /* Text mittig ausrichten */ text-decoration: none; /* Text nicht unterstreichen */ font-size: 14px; /* Textgroesse */ font-weight: bold; border-radius: 35px 5px 35px 5px; text-shadow: 1px 1px 1px rgba(255,255,255, .22); box-shadow: 3px 3px 3px rgba(0,0,0, .30), inset 1px 1px 1px rgba(255,255,255, .44); } .buttonAktive { display: inline-block; position: relative; outline: none; /* Rahmen für Focus untrdrücken */ /* Randabstand zum Button */ margin-top: 3px; margin-right: 3px; margin-bottom: 3px; margin-left: 3px; /* Abstand Text zum Rand */ padding-top: 5px; padding-right: 20px; padding-bottom: 5px; padding-left: 20px; background:linear-gradient(to bottom, aqua, black); /*Farbverlauf */ color: AntiqueWhite; /* Textfarbe */ text-align: center; /* Text mittig ausrichten */ text-decoration: none; /* Text nicht unterstreichen */ font-size: 14px; /* Textgroesse */ font-weight: bold; border-radius: 35px 5px 35px 5px; text-shadow: 1px 1px 1px rgba(255,255,255, .22); box-shadow: 3px 3px 3px rgba(0,0,0, .30), inset 1px 1px 1px rgba(255,255,255, .44); }