/* Navigation
----------------------------------------------- */
/* START: Fixiertes DropDown-Menü by Misses Cherry */
/* Hauptmenü Hintergrund-Einstellungen */
.centeredmenu {
clear:both;
float:left; top: 0; left: 0;
margin:0;
padding:0;
width:100%;
height: 45px; /* Höhe des Menüs/Haupthintergrund */
background: #fff; /* weiß - Hintergrundfarbe des Menüs/Haupthintergrund */
font-family: 'Raleway' sans-serif; /* Schriftart */
font-size: 15px; /* Schriftgröße */
letter-spacing: 1px; /* Abstand der Buchstaben zueinander innerhalb eines Links */
z-index:1000;
position: fixed;
}
/* Hauptmenü Styling*/
.centeredmenu ul {
margin: 0;
padding: 0;
list-style: none;
float: right;
position: relative;
right: 54%;
}
.centeredmenu ul > li {
margin:0 0 0 1px;
padding:0;
float:left;
position:relative;
left:50%;
}
.centeredmenu ul > li a {
display:block;
margin:0;
padding-left: 35px; /* Linker Abstand zum Linktext/Hauptmenü */
padding-right: 35px; /* Rechter Abstand zum Linktext/Hauptmenü */
line-height: 45px; /* Höhe/Hauptmenü */
background: #fff; /* weiß - Hintergrundfarbe/Hauptmenü/Tabs */
font-family: Raleway;
color: #000000;
text-transform: uppercase;
text-decoration: none;
}
/* A Hauptmenü-Tabs beim Drüberfahren mit der Maus. Genau wie B unten ändern, wenn Änderung gewünscht */
.centeredmenu ul > li a:hover {
background: #fff; /* weiß - Hauptmenü/Tabs/Hintergrundfarbe beim drüberfahren (hovern) */
color:#000; /* dunkelrosa - Hauptmenü/Tabs/Schriftfarbe beim drüberfahren (hovern) */
text-shadow: 2px 2px 2px #ccc;
border-radius: 20px;
border-bottom: 1px dotted black;
}
/* B Hauptmenü-Tabs beim Drüberfahren mit der Maus. Genau wie A oben ändern, wenn Änderung gewünscht! */
.centeredmenu ul > li:hover a,
.centeredmenu ul > li.hover a { /* HIER FINGER WEG! Alle 3 weitere Zeilen ändern wie oben, zur einheitlichen Darstellung in verschiedenen Browsern! */
background: #fff; /* LightBlue2 - Hauptmenü/Tabs/Hintergrundfarbe beim drüberfahren (hovern) */
color:#000; /* dunkelrosa - Hauptmenü/Tabs/Schriftfarbe beim drüberfahren (hovern) */
}
/* Unter-Menü Styling */
.centeredmenu ul ul {
display:none;
position:absolute;
top:100%;
left:0;
right:auto;
width:100%;
}
.centeredmenu ul ul li {
left:auto;
margin:0;
clear:left;
width:100%;
}
.centeredmenu ul ul li:hover ul {
left: 100%;
top: auto;
margin-top: -25px;
}
.centeredmenu li ul li ul {
position: absolute;
left: -9999px;
}
.centeredmenu ul ul li a,
.centeredmenu ul li.active li a,
.centeredmenu ul li:hover ul li a,
.centeredmenu ul li.hover ul li a {
padding-left: 10px; /* Linker Abstand zum Linktext/Untermenü */
padding-right: 10px; /* Rechter Abstand zum Linktext/Untermenü */
font-size: 12px;/* Schriftgröße/Untermenü */
text-decoration:none; /* none;=kein Unterstrich, underline;=unterstrichener Link */
text-transform: uppercase; /* uppercase;=Großbuchstaben, none;=normale Darstellung der Buchstaben wie bei Eingabe */
font-family: raleway;
color: #777777; /* Schriftfarbe/Untermenü */
font-weight: 400; /* Schriftgrad/Untermenü, z.B. bold; 300; 400; 600; 700; etc. */
background: #fff; /* weiß- Hintergrundfarbe/Untermenü/Tabs */
line-height:25px; /* Höhe des Untermenüs/Tabs */
border-bottom:1px dotted grey; /* hellgrau - Linienfarbe/Untermenü/Tabs */
}
.centeredmenu ul li.active ul li a:hover,
.centeredmenu ul li:hover ul li a:hover,
.centeredmenu ul li.hover ul li a:hover {
background: #c6e2ff; /* hellrosa - Untermenü/Tabs/Hintergrundfarbe beim drüberfahren (hovern) */
color:#777; /* dunkelrosa - Untermenü/Tabs/Hintergrundfarbe beim drüberfahren (hovern) */
}
/* FINGER WEG! */
/* ACHTUNG! Ab hier keine Änderungen mehr vornehmen! */
/* Ändert die Anzeige des letzten Links, damit er im Menü bleibt */
.centeredmenu ul ul.last {
left:auto; /*Don't touch! reset left:0; value */
right:0; /* Don't touch! Set right value instead */
}
/* FINGER WEG! */
/* Lässt Untermenüs beim Hovern erscheinen */
.centeredmenu ul li:hover ul,
.centeredmenu ul li.hover ul { /*Don't touch! Benötigt für Internet Explorer 6 und niedriger */
display:block; /*Don't touch! Show the sub menus */
z-index:999;
}

.menucenter {
        margin-left:auto;
        margin-right:auto;
        width:fit-content;
}
function addhover() {
var navli,i;
// loop through all elements in the nav
navli = document.getElementById('centeredmenu').getElementsByTagName('li')
for(i=0;i<navli.length;i++) {
// add the hover functions to the li onmouseover and onmouseout
navli[i].onmouseover=function(){hover(this,'hover');};
navli[i].onmouseout=function(){hover(this,'');};
}
}
function hover(o,sClass) {
if (o) {
o.className = sClass;
}
}
addhover();
/* END: Fixiertes DropDown-Menü by Misses Cherry */