@charset "utf-8";
/* CSS Document body {background:#EDE1AA; font-family:Helvetica, sans-serif; font-size: 10px; list-style:none; height:55px; text-align:left;} */
*{margin: 0px;padding: 0px;}  /*margin und pading auf 0 setzten*/

:root {
  --akzentfarbe: #c32e04;
}






body{
font-family:Times New Roman,sans-serif;
width:1280px;
Position:relative;
left: 50%;
margin-left: -640px;
background:grey; /*Hintergrund außerhalb von dem eigentlichen Arbeitsbereich*/
}

.MenueHintergrundRechteck {
width:1276px; float:left; list-style-type:none;
position:fixed; z-index:9; white square:#fff;
left:0px; left:50%; margin-left:-640px;height:55px;
background-color:silver; top:0px; border-width:2px; border-color:#000000; border-style:solid}  /* alt OrangeRed*/
.m15 {font-size:12pt; font-weight:900; font-family:Times New Roman, sans-serif;}

.HintergrundRechteckArbeitsbereichAdmin {
float:left; width:1276px; height:2000px; margin-top:60px; /* die 1276 resultieren daraus, dass noch 2x2 Pixel Rand hinzukommen*/
position:fixed; z-index:-1;                              /* beom scrollen nicht verschiebbar; anordnung dibnter dem Menü */
list-style-type:none;
top:0px; left:0px; left:50%; margin-left:-640px;         /* legt das rechteck in die Bildschirmmitte*/
background-color:silver;   ; border-width:2px;              /* #FF0000  Hintergrundfarbe und Randbreite des Rechtecks*/
border-color:#000000; border-style:solid;}                /* Randfarbe und ?*/


/* ______________________________________ Menücontainer 1 (Home und Logout) ___________________________________________ */
nav1 ul {
float:left; list-style-type:none;                    /*width:100%;*/
position:fixed; z-index:10; list-style:none;         /*margin-left:625px;  float:left;verückt das Menü */
top:5px; left:50%; margin-left:-635px;                /* left:5px;*/
height:25px; width:70px; border-radius:5px 5px 5px 5px; }

/*Ab hier handelt es sich nur um attribute des verdeckten Quadrates in dem die erste Ebene Platziert wird*
/* Formatierung der Buttons (Dinge die sich nicht ändern?)*/
nav1 ul li {
position:relative;
float:left;
height:25px;
width:70px;

background-image: linear-gradient(OrangeRed 0%, yellow 50%, yellow 80%, OrangeRed 100%); /**/

}

/*nicht aktiv*/
nav1 ul li a {
display: block;
/*background: #000000; fc9Hintergrundfarbe des Home und Logout Button */
background-image: linear-gradient(OrangeRed -20%, yellow 30%, yellow 70%, OrangeRed 120%); /*Farbe der Button ohne Hovern*/
height:15px;
text-decoration:none;
text-align:center;
border-radius:5px 5px 5px 5px;
border:1px solid Black;
color: black;                  /* FFFFFFFFFFFFFFFFFF Schriftfarbe der der ersten 2 Buttons ohne hovern FFFFFFFFFFFFFFFFF */
margin:0px;
padding:4px;
background-color:OrangeRed; /*#000; Der Button leuchtet beim Farbwechsel (Hovern) kurz OrangeRed auf*/
}

/*Veränderungen wenn mit der Maus über den Button gefahren wird
(mit Zeitangabe wie schnell die Verädenrung von statten geht*/
nav1 ul li :hover {
display: block;
background:OrangeRed;    /*Hintergrund beim Hovern (alt= blue)*/
text-align:center;
color: white;            /*Schriftfarbe der ersten 2 Buttonens beim Hovern*/
transition:all 1000ms;}


/*______________________________________Menücontainer 2 _______________________________________________________*/

/*Hintergrundrechteck des 2. Menükontainers */
nav2 ul {
float:left; list-style-type:none;
position:fixed; z-index:10; list-style:none;
top:5px; left:75px; left:50%; margin-left:-565px; float:left;
background: silver;  /*Hintergrundfarbe des Rechtecks hinter den Buttons alt = blue*/
height:50px;       /*Höhe */
width:600px;      /*Breite*/
border-radius:5px 5px 5px 5px;
z-index:10}     /* Wichtig! mit diesem Wert kann die 1. Menüebene in den Hintergrund gesetzt werden z.B. -999*/
/*------------------------------------------------------------------------------------------------------*/

/* Formatierung der Buttons (Dinge die sich nicht ändern?)*/
nav2 ul li {
float:left;
position:relative;
height:40px;
width:100px;
/*background: #000; */
border-radius:5px 5px 5px 5px;
z-index:-9999}

/*nicht aktiv*/
nav2 ul li a {
display: block;
/* Farbe der obersten Button ohne hovern */
/*background-image: linear-gradient(OrangeRed -10%, yellow 20%, yellow 80%, OrangeRed 110%);*/ /*XXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*background-image: linear-gradient(#00BFFF -10%, blue 20%, blue 80%, #00BFFF 110%); XXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*background-image: linear-gradient(OrangeRed -20%, yellow 30%, yellow 70%, OrangeRed 120%); Farbe der Button ohne Hovern*/
background-image: linear-gradient(OrangeRed -10%, yellow 20%, yellow 80%, OrangeRed 110%);
height:40px;
text-decoration:none;               /*Dieser Befehl bewirkt das Hyperlinks nicht Unterstrichen werden*/
text-align:center;
border-radius:5px 5px 5px 5px;
border:1px solid black;
color: black;               /* FFFFFFFFFFFFFFFFFFFFFFFFF Schriftfarbe der Buttons ohne Hovern (alt = red) */
margin:0px;
padding:4px;
z-index:20}

/*aktiv*/
nav2 ul li :hover {
display: block;
background:grey;   /*#f60*/
text-align:center;
/*color: blue;  */
border-color: black;            /* Rahmenfarbe der Buttons beim Hovern white*/
transition:all 1000ms;            /* sieht im Edge nicht gut aus*/   /*MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM*/
z-index:30}

/*Ebene 2*/
nav2 ul ul {
top: 50px;
left:0px;
height:auto;
width:auto;
border-radius:5px 5px 5px 5px;
margin-left:0px;}

nav2 ul li ul li {
position:relative;
height:auto;
width:auto;}

nav2 ul li ul li a {
/* Farbe der Bottons die ausgeklappt werden können */
background-image: linear-gradient(OrangeRed -10%, yellow 30%, yellow 30%, OrangeRed 110%); /*XXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
height:auto;
width:200px;}

nav2 ul li ul li :hover {
display: block;
/*background-image: linear-gradient(OrangeRed 10%, yellow 10%, yellow 90%, OrangeRed 100%);*/
height:auto;}
/*border-radius:0px 0px 0px 0px;*/  /*2. Ebene wird beim Hovern viereckig*/


/*Ebene 3*/
nav2 ul ul ul {
top: 0px;
left:210px;
width:290px;}

nav2 ul li ul li ul li {
width:290px;}

nav2 ul li ul li ul li a {
width:290px;
text-align:left;}

nav2 ul li ul li ul li :hover {
width:290px;
text-align:left;}
/*border-radius:0px 0px 0px 0px;*/

/*Ebene 3 ausblenden, blendet automatisch die dritte Ebene mit aus*/
nav2 ul ul,              /*ohne diese Zeile wird die 2. Ebene Dauerhaft eingeblendet*/
nav2 ul li:hover ul ul{
display: none;}         /*ohne diese Zeile werden beim hovern der erste die beiden anderen sichtbar*/

/*Ebene 2 und 3 uber hover der ebene 1 einschalten*/
nav2 ul li:hover ul,
nav2 ul ul li:hover ul{
position: absolute;
display: block;
height:28px;
width:auto;
}

/*-----------------------------------------------------------------------------*/
/*Hoverpfad*/
nav2 li ul a {
        background: none;
        margin: 0;
        }

nav2 ul li a:hover,
nav2 ul li:hover > a {
        color: #fff;
        margin: 0;
        /*Farbe der feststehenden Buttons der obersten Reihe*/
        background-image: linear-gradient(yellow -10%, OrangeRed 20%, OrangeRed 80%, yellow 110%); /*XXXXXXXXXXXXXXXXXXXXX*/
}

nav2 li ul a:hover,
nav2 ul li li:hover > a  {
        margin: 0;
        /* Farbe beim Hovern für die Buttons die ausgeklappt werden können*/
        background-image: linear-gradient(yellow -10%, OrangeRed 30%, OrangeRed 30%, yellow 110%); /*XXXXXXXXXXXXXXXXXXXXX*/
}
/*-----------------------------------------------------------------------------------------------------------------------*/










/* _________________________________________ Menücontainer 3 _________________________________________*/

/*Ebene 1*/
/*Container (großes Quadrat in dem die erste Ebene Platziert wird)*/
nav3 ul {
list-style-type:none;
list-style:none;
z-index:10;
/*width:100%; */
position:fixed;  /*- left:700px;625Ab hier handelt es sich nur um attribute des verdeckten Quadrates in dem die erste Ebene Platziert wird*/
top:5px; left:50%; margin-left:35px;
/*float:left; */
background: silver;  /*HintergrundfarbeOrangeRed*/
height:50px;       /*Höhe */
width:600px;      /*Breite*/
border-radius:5px 5px 5px 5px; }

/* Formatierung der Buttons (Dinge die sich nicht ändern?)*/
nav3 ul li {
position:relative;
float:left;
height:40px;
width:100px;
background: #000;
border-radius:5px 5px 5px 5px;
z-index:1;}

/*nicht aktiv*/
nav3 ul li a {
display: block;
/* Farbe der obersten Button ohne hovern */
background-image: linear-gradient(OrangeRed -10%, yellow 20%, yellow 80%, OrangeRed 110%); /*XXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
height:40px;

text-decoration:none;
text-align:center;
border-radius:5px 5px 5px 5px;      /*erste Ebene*/
border:1px solid Black;
color: Black;
margin:0px;
padding:4px;
z-index:20}

/*aktiv*/
nav3 ul li :hover {
display: block;
background:#f60;
text-align:center;
/*border-radius: 0px 0px 0px 0px;*/
color: #fff;
transition:all 1000ms;       /* sieht im Edge nicht gut aus */
border-color:#000;        /* Rahmenfarbe der Buttons beim Hovern */
z-index:30;}





/*Ebene 2*/
nav3 ul ul {
top: 50px;
left:-110px;
height:auto;
width:auto;
border-radius:5px 5px 5px 5px;}

nav3 ul li ul li {
position:relative;
border-radius:5px 5px 5px 5px;
height:auto;
width:auto;}       /*bestimmt seltsammerweise die Höhe des Containers der 2. ebene*/

nav3 ul li ul li a {
/* Farbe der Bottons die ausgeklappt werden können */
background-image: linear-gradient(OrangeRed -10%, yellow 30%, yellow 30%, OrangeRed 110%); /*XXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
height:auto;
width:200px;         /*breite der 2. Ebene normal*/
text-align:center}

nav3 ul li ul li :hover {
display: block;
height:auto;
/*border-radius:0px 10px 10px 0px;  2. Ebene wird beim Hovern viereckig*/
z-index:500;}


/*Ebene 3*/
nav3 ul ul ul {
top: 0px;
left:-300px;
width:290px;
border-radius:5px 5px 5px 5px;}

nav3 ul li ul li ul li {
width:290px;}

nav3 ul li ul li ul li a {
width:290px;
text-align:right}  /*3. Ebene Text ohne hovern nach recht */

nav3 ul li ul li ul li :hover {
width:290px;
text-align:right;
border-radius:5px 5px 5px 5px;}  /*3. Ebne mit hovern*/

/*Ebene 3 ausblenden, blendet automatisch die dritte Ebene mit aus*/
nav3 ul ul,              /*ohne diese Zeile wird die 2. Ebene Dauerhaft eingeblendet*/
nav3 ul li:hover ul ul{
display: none;}         /*ohne diese Zeile werden beim hovern der erste die beiden anderen sichtbar*/

/*Ebene 2 und 3 uber hover der ebene 1 einschalten*/
nav3 ul li:hover ul,
nav3 ul ul li:hover ul{
position: absolute;
display: block;
height:28px;
width:0px;}            /* wichtig!! sonst wird der Hintergrundbalken eines Buttons um diesen Betrag verlängert*/

/*-----------------------------------------------------------------------------*/
/*Hoverpfad wird übernommen von nav2*/
nav3 li ul a {
        background: none;
        margin: 0;
        }

nav3 ul li a:hover,
nav3 ul li:hover > a {
        color: #fff;
        margin: 0;
        /*Farbe der feststehenden Buttons der obersten Reihe*/
        background-image: linear-gradient(yellow -10%, OrangeRed 20%, OrangeRed 80%, yellow 110%); /*XXXXXXXXXXXXXXXXXXXXX*/
}

nav3 li ul a:hover,
nav3 ul li li:hover > a  {
        margin: 0;
        background-image: linear-gradient(yellow -10%, OrangeRed 30%, OrangeRed 30%, yellow 110%); /*XXXXXXXXXXXXXXXXXXXXX*/
}
/*-------------------------------------------------------------------------*/