/*Achtung: es gibt drei Knopf-Arten:
            Button 1 ist nur ein Link, der innerhalb der Class menutop aufgereiht wird. E ist der nicht-klappbare Button
            Button 2 (dropbtn_a) ist ein klappbarer Button, er hat das gleiche Aussehen wie Button 1
            Button 3 (dropbtn_b) ist ein klappbarer Button, er eine andere Farbe hat.
		*/
		
		/* komplette Navbar - ganze Breite */
		.navbar {
		    overflow: hidden;
		    background-color: transparent;
			}

		/* Button1: Einzelbutton (nicht aufklappbar), wird als Link benutzt (Grundaussehen) */
		.navbar a {
		    /*float: left;*/
		    font-family: "Arial", "Helvetica", sans-serif; color: #e0efff; font-size: 18px; font-style: normal; font-weight: normal; line-height:1.5em;
			text-decoration: none;
		    text-align: center;
		    padding: 15px 16px;
		    display: inline-block;
		    *display: inline; zoom:1;
		    /*---------------------*/
		    /*border: 1px solid red; */
		    /*---------------------*/
		    /*-webkit-transition-duration: 0.9s; /* Safari */
    		/*transition-duration: 0.9s;*/
		}

		/* das ist die Container-Klasse für inline-block 
            Es handelt sich um die Methode, alle Menupunkte als Knöpfe aufzureihen
            Diese Klasse ist die Rahmenklasse aller Knöpfe. Jeder Knopf in dieser Klasse wird "aufgereiht"
		*/
		.menutop {
		    /*float: left;*/
		    /*overflow: hidden;*/
		    display: inline-block;      /* aufreihen !*/
		    *display:inline; zoom:1;
		}

        /*Dies ist die gleiche Klasse für Untermenüs. Anhand dieser Klasse wird das untermenu ansprechbar*/
        .submenutop { /* nur zur CSS-Ansprache wichtig */ }

.dropbtn_sub { /* nur zur CSS-Ansprache wichtig */
    /* background-color: #ff6356; /* der Button bekommt im Ruhezustand eine Farbe*/
    
}

        .trennlinie {
            height: 2px;
            background-color: #c0c0c0;
            border-width: 0px;
            margin: 3px 15px 3px 15px;
        }
        /* die trennlinie wird spaeter mit <hr class="trennlinie"> aufgerufen */



        /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		
        /* Button 2, Button 3: (aufklappbar), (Grundaussehen) */
            .menutop .dropbtn_a, .menutop .dropbtn_b {
                font-family: "Arial", "Helvetica", sans-serif;
                color: #e0efff;
                font-size: 18px;
                font-style: normal;
                font-weight: normal;
                line-height: 1.5em;
                border: none;
                outline: none;
                padding: 15px 16px;
                background-color: transparent;
                /*---------------------*/
                /*border: 1px solid green;*/
                /*---------------------*/
                /*-webkit-transition-duration: 0.9s; /* Safari */
                /*transition-duration: 0.9s;*/
            }

            /* Button 3: (kleine Style-Änderungen, kursive, kleiner Schrift) */
            .menutop .dropbtn_b {
                font-size: 14px;
                font-style: italic;
                padding: 17px 16px;  /* Ausgleichspadding, sonst rotes Rechteck zu klein*/
            }

		/* Alle Buttons, Aussehen bei Maus-Hover */
            .navbar a:hover, .menutop:hover .dropbtn_a {
                /*background-color: #b0dfef;*/ /* Schriftzug-blau  */
                /*background-color: #40ccfa;*/ /* hellblau */
                /*background-color: #2d9dca;*/ /* mittelblau   */
                /*background-color: #6ccf70;*/ /* hellgrün  */
                /*background-color: #ff6356;*/ /* rosarot   */
                /*background-color: #ee363a;*/ /* rot  */
                /*background-color: #6ccf70;*/ /*   */
                background-color: #60c090; /* */
                color: #303030;
                box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
                -webkit-transition-duration: 0.2s; /* Safari */
                transition-duration: 0.2s;
            }

            .menutop:hover .dropbtn_b {
                /*background-color: #b0dfef;*/ /* Schriftzug-blau  */
                /*background-color: #40ccfa;*/ /* hellblau */
                /*background-color: #2d9dca;*/ /* mittelblau   */
                /*background-color: #6ccf70;*/ /* hellgrün  */
                /*background-color: #ff6356;*/ /* rosarot   */
                /*background-color: #ee363a;*/ /* rot  */
                /*background-color: #6ccf70;*/ /*   */
                background-color: #ff6356; /* */
                color: #303030;
                box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
                -webkit-transition-duration: 0.2s; /* Safari */
                transition-duration: 0.2s;
            }

.submenutop:hover .dropbtn_sub {
    /*background-color: #b0dfef;*/ /* Schriftzug-blau  */
    /*background-color: #40ccfa;*/ /* hellblau */
    /*background-color: #2d9dca;*/ /* mittelblau   */
    /*background-color: #6ccf70;*/ /* hellgrün  */
    /*background-color: #ff6356;*/ /* rosarot   */
    /*background-color: #ee363a;*/ /* rot  */
    /*background-color: #6ccf70;*/ /*   */
    background-color: #ff6356; /*#ff6356 */
    color: #303030;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    -webkit-transition-duration: 0.2s; /* Safari */
    transition-duration: 0.2s;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

		/* Klappmenu wird vorbereitet, aber AUSGEBLENDET mit display: none
            und es wird festgenagelt mit position: absolute! Bislang war die Position noch "relative, d.h., alle Knöpfe ürden sich verschieben, wenn das menu aufklappt. */
		.dropmenu {
		    display: none;                /* ausgeblendet, bis "block" kommt*/
		    position: absolute;           /* Klappmenu festtackern, den Rest nicht verschieben*/  
		    background-color: #f9f9f9;
		    min-width: 160px;
		    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		    z-index: 1;
			}
		.subdropmenu {
		    display: none;                /* ausgeblendet, bis "block" kommt*/
		    position: absolute;           /* Klappmenu festtackern, den Rest nicht verschieben*/  
		    background-color: #f9f9f9;
		    min-width: 160px;
		    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		    z-index: 1;
			}

		/* Aussehen der Links im aufgeklappten Menu:
            ...die Links werden untereinander angezeigt (block) und nicht nebeneinander (inline-block)
		*/
		.dropmenu a, .subdropmenu a {
		    color: #303030;
		    padding: 12px 16px;
		    text-decoration: none;
		    display: block;          /* Links untereinander anzeigen*/
		    *display:block; zoom:1;
		    text-align: left;

		    /*-webkit-transition-duration: 0.9s; /* Safari */
    		/*transition-duration: 0.9s;*/

			}

		/* Aussehen der Links im aufgeklappten menu bei Maus-Hover */
		.dropmenu a:hover  {
		    /*background-color: #b0dfef;*/ /* Schriftzug-blau  */
		    /*background-color: #40ccfa;*/ /* hellblau */
		    /*background-color: #2d9dca;*/ /* mittelblau   */
		    /*background-color: #6ccf70;*/ /* hellgrün  */
		    /*background-color: #ff6356;*/ /* rosarot   */
		    /*background-color: #ee363a;*/ /* rot  */
		    /*background-color: #60c090;*/ /* bleen  */
		    /*background-color: #808080;*/ /* grau  */
		    background-color: #a0a0a0; /* */

		    box-shadow:  1px 1px 16px 0px rgba(0,0,0,0.3);
			}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

		/* Haupt-Routine: Diese Zeile klappt das eigentliche Menu auf!
            ...wenn man also über einem klappbaren menupunkt ist, dann BAFF */
        .menutop:hover .dropmenu {
            display: block;     /* ANZEIGEN, bislang war display ja "none" */
        }
        /* Hauptroutine für das Untermenu: hier wird das Untermenu aufgeklappt!*/
        .submenutop:hover .subdropmenu {
            min-width: 200px;
            left:70%;
            top: 70%;   /* 100% sind unten die kante des eintrags, 0 = oben unter dem Hauptmenu*/
            display: block;     /* ANZEIGEN, bislang war display ja "none" */
        }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
        /* Aussehen des auslösenden Links für das Untermenu beim Aufklappen des Untermenu
            und auch danach, wenn die Maus auf dem Untermenu ist....
        */
.submenutop:hover .dropbtn_sub a {
    background-color: #60c090; /*#60c090 */
    color: #303030;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    -webkit-transition-duration: 0.2s; /* Safari */
    transition-duration: 0.2s;
}




							
			
		.footmenu a:link, .footmenu a:visited {
		    font-family: "Calibri", "Verdana", "Tahoma", sans-serif; color: #002070; font-size: 18px; font-style: normal; font-weight: normal; line-height:1.5em;
			color: #e0efff;		/* LBlue */
			text-decoration: none;
}
		.footmenu a:hover, .footmenu a:active {
			 color: #303030;
			 background: #6ccf70;
			 padding: 2px 0px;
			 border-radius: 3px;
			 text-decoration: none;
		    -webkit-transition-duration: 0.1s; /* Safari */
    		transition-duration: 0.1s;
}


		/* Footer: Menu-Bereich */
		.footmenu_background {background: #34648a;}
		.footmenu_fonttitel {color: #f0f8ff;}
						
		/* Footer: Copyright-Bereich */
		.footcopy_background {background: #04344a;}
		.footcopy_fontcopy {font: 16px Arial; color: #b0dfef; text-shadow: black 0.1em 0.1em 0.2em;}
		.footcopy_inlaybackground {background: #0d3e57;}
		.footcopyfont_fontateam {font-family: "Arial", sans-serif; color: #579bd7; font-size: 1em;}
		.footcopyfont_fontuser {font-family: "Calibri", "Arial", sans-serif; color: #579bd7; font-size: 0.7em; font-weight: lighter;}
		/*.footcopyfont_fontuser {font: 11px Calibri; color: #579bd7;} */

		/* Dekorstreifen */
		.dekorline_green{background: #6ccf70; height:0.5em;} /* schmaler Streifen: hellgrün */
		.dekorline_midblue{background: #2d9dca; height:0.5em;} /* schmaler Streifen: mittelblau */
		.dekorline_lightblue{background: #40ccfa; height:0.5em;} /* schmaler Streifen: hellblau */


		/*.dropdown:hover {	}*/