Status Bar for existing CSS layout

- Main container is aupStatusBar - status-bar should have height of 25px, same width as breadcrumb. - status-bar baackground should have vertical gradient from dark to light blue (on the first 10px, remaining should be light blue) - Existing CSS elements should not be modified - modifications only in [login to view URL] - Visible elements are in the first level of ul (first-level-elements) - first-level-elements should have a flexible width (based on the actual content) - elements should be arranged side-by-side on the left or right side Element1 | Element 2 Element3 | Element 4 - ordering of right-side not important (3|4 or 4|3 is ok) - number of first-level-elements must be flexible for both left and right side - Separator (implemented in CSS) for first-level-elements (e.g. |) - Hover-effect for background on first and sub elements - Sub elements should shown vertivally (see e.g. "Title"-Breadcrumb) - Sub elements should be addressed with CSS child selectors - Sub elements should be visible after clicking on the first-level-element - JQuery should be avoided, if required (only for the click) jQuery JavaScript Library v1.10.2 has to be used