html {
      min-width: 1100px;      /*nützt damit das menü beim zoomen und auf dem Smartphone auf bildschirmgröße bleibt*/
      /*background-color: #CCCCCC; */
      background-attachment: scroll;                                                /*Änderung!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
      margin: auto;
}

html.Menue {
		width: 1100px;
      background-color: #DCCE54;
      padding-bottom: 0cm;
      padding-left: 0cm;
      padding-right: 0cm;
      background-image: none;
      margin:auto;

}


html.Wegw {
		background-color: #FFFFFF;
      width: 1100px;
      margin: 0px;
      padding-left: 0cm;
      padding-right: 0cm;
      background-image: none;
      padding-bottom: 0px;

}

body {
		/*width: 100%;
      margin: auto;
      z-index: 50;
      background-color: #FFFFFF;

     	box-shadow: 10px 10px 10px #9F9F9F;
      border: solid #BFBFBF thin;
      border-top: none;        */
      margin: 0px;

}

div.Seite {
      margin-left: 0.5cm;      /*Behalten?????????????  */
      margin-right: 0.5cm;
      margin-bottom: 1.5cm;




      width: 1100px;
      margin: auto;
      z-index: 50;
      background-color: white;                                                          /*XÄnderung!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

}

Header {
		padding-top: 0.5em;            /*wegen gefixter Linie*/
      background-color: white;
      width: 1100px;
      margin:auto;
}

body.Menues {
		background-color: #DCCE54;
      box-shadow: 0px 0px 0px;
      border: none;
      margin:auto;

      overflow: hidden;
}

body.Wegweiser {
      box-shadow: 0px 0px 0px;
      border: none;
}

object {
		width: 1100px;
      height: 1em;
      z-index: 50;
}


object.Menue {
		padding-top: 1em;
      padding-bottom: 1em;

      width: 1100px;
      height: 130px;
      background-color: #DCCE54;
      border-top-left-radius: 0px;                                                                             /*Änderung*/
      border-bottom-right-radius: 0px;
      border-bottom-left-radius: 0px;

      margin: auto;

      margin-top: 1em;
      																				/*Änderung*/
}

h1 {
      margin-top: 1em;
      margin-left: 8%;
      margin-bottom: 1em;
}

h2 {
		margin-top: 0em;
		font-size: 250%;
}

h3 {
      margin-left: 2em;
      color: #0090E0;
      font-size: 1.1em;
      font-variant: small-caps;
      margin-top: 0.4em;
}

h3.Kaesten:hover {
		font-size: 1.5em;
      margin-top: 0em;
      margin-bottom: 0em;
      text-decoration: underline;
}

p {
		margin-left: 5%;
		margin-right: 10%;
      font-size: 200%;



		color: #000000;
}

p.Kontakt {
		float: left;
      margin-left: 0px;
      margin-right: 20px;
      margin-top: 0px;
}

p.Kommentar {
		color: #FFFF00; /*#00FFFF*/
      width: 1100px;
      text-align: center;
      font-size: 1.5em;
      height: 1em;



      margin:auto;
      margin-top: 0.25em;
      margin-bottom: 0.5em;
}

a {
		color: black;
}

/*a.home {
      text-decoration: none;
      margin-right: 20px;
      color: #660066;
}

a.home:hover {
		color: #BF0000;
      text-decoration: underline;
}   */

a.Kaesten:visited {
		color: black;
}

li {
		color: black;
      font-size: 200%;
}

img {
      max-height: 100%;
      /*border-style: ridge;*/
      border-color: #8F8F8F;
      max-width: 100%;
}
img.Flaggen {
      border: solid thin;
}
img.SMSymbol {
		margin-top: 5px;
      height: 90px;
}

hr {
		color: white;
      border: none
}

input {
		background-color: #DCCE54;
      height: 2em;
      margin-top: -0.5em;
}

button {
		cursor: pointer;
      font-size: 200%;
}












div.Inhalt {
		padding-left: 0%;      /*entspricht 1.5 cm*/
      padding-right; 0%;     /*entspricht 1.5 cm*/
      padding-top: 3%;

      width: 100%;
      float: left;
}

div.Wegweiser {
		color: #FFFFFF;
      /*float: right; */
      position: absolute; right: 0px; top: 0px;

}

div.Linie {
		width: 1100px;
		background-color: #0020FF;
      height: 0.5em;
      position: fixed; top: 0em;                                                         /*Änderung*/
}

div.Linienverlauf {
		width: 1000px;                                                                      /*Änderung*/
      margin: auto;                                                                     /*Änderung*/
      background-image: linear-gradient(to right, transparent 0%, #494890 50%, transparent 100%);
      height: 0.5em;
}

div.Link {
		float: left;
      margin-right: 1%;
      padding-left: 1%;
      padding-right: 1%;
      color: #00FFFF;
      margin-top: 3px;
      margin-bottom: 3px;
      transition: text-shadow 0.3s ease-out;
      font-size: 70%;

      border-left: solid #494890;

}

div.Link:hover {
		text-shadow: #002099 0px 7px 3px;
   	border-bottom: solid;
      border-width: 3px;
      margin-top: 3px;
      margin-bottom: 0px; <!--Wichtig! Damit border-bottom die nachfolgende Farbverlauflinie nicht verschiebt-->
}

div.Antifloat {
		clear: both;
}

div.Bild {
		margin-left: 4%;
      margin-right: 4%;
      margin-bottom: 15%;

      width: 440px;
      height: 4cm;
      float: left;

      /*Alle drei zusammen ergeben 9cm  9*3=27   */
      /* Weite = 3*5% + 3*7% + 3*18% = 3 * (5% + 7% + 18%)   vom Ganzen*/
      /*Mögliche Größen:
        1.5 ; 2.1 ; 5.4;
        0.5 ; 1.25 ; 0.5;  ->Für 4
        0.25 ; 1.3 ; 0.25 ->Für 5

      */   /*Vergiss es, alles irgendwie falsch*/

      /*Mögliche Größen:
        5% ; 7% ; 18%;                  -->Gesamt: 30%;   30%*3=90%
        4% ; 4.5% ; 14%;  ->Für 4
        4% ; 4% ; 10%; ->Für 5
        3% ; 3% ; 9%-> für 6

      */
}


div.Kommentar {
		width: 1100px;
      height: 3em;
      /*background-color: #020FFF;         */
      position: absolute;
      margin-left: 0px;
      margin-top: 0.5em;
      border-radius: 3px;
      background-image: linear-gradient(to bottom right, #020FFF 0%, #00A0FF 50%, #020FFF 100%);
      text-align:center;
      font-size: 400%;
}

div.Kommentardreieck {
		width: 8px;
      height: 8px;
      background-image: linear-gradient(to right bottom, #002077 0%, #020077 50%, transparent 51%);
      position: fixed;
      margin-left: 343px;
      margin-top: 6.2em;

      display:none;

}

div.Suche {
		margin-top: 0em;
      padding: 1em;

		width: 1066px;
      float: left;
      height: 11em;

      /*border-style: groove;      */

      position:relative; top: -48.7em;

		background-color: white;
      border: solid #9F9F9F thin;
      border-radius: 8px;
      box-shadow: 5px 5px 5px #CFCFCF;
}


div.Inhaltsverzeichnis{
      margin-left: 1cm;
      margin-right: 2%;
      margin-bottom: 1em;

      width: 25%;
      float: left;
}

div.Iinnen {
		background-color: #DFDFDF;
      border-radius: 8px;
      border-top-left-radius: 0px;
}

div.indexBild {
		margin-bottom: 2cm;
      margin-right: 1cm;
      margin-left: 1cm;
      max-height: 4cm;
      max-width: 4cm;
      border: none;
}

div.Einweisung {
		padding: 5px;
      margin-top: 1em;
      margin-bottom: 2em;

      width: 90%;
		background-color: white;
      border: solid #9F9F9F thin;
      border-radius: 8px;
      box-shadow: 5px 5px 5px #CFCFCF;

      display:none;
}

div.Grafiken {
      padding-top: 1.5em;
      padding-left: 5px;
      padding-right: 5px;
      margin-bottom: 2em;

      width: 1088px;
		background-color: white;
      border: solid #9F9F9F thin;
      border-radius: 8px;
      box-shadow: 5px 5px 5px #CFCFCF;

      margin:auto;
      margin-top: 270px;

}

div.Button {
		padding-top: 0.25em;
      margin-left: 0.1cm;
      margin-right: 0.1cm;
      margin-top: 0.18em;

		height: 72px;
      width: 400px;
      text-align: center;
      background-color: #FFFF00;
      border: solid #AAAA00;
      border-radius: 12px;
      color: #777700;
      cursor: pointer;
      transition: background-color 0.1s ease;
      transition: color 0.1s ease;
      float: left;

      font-size:260%;
}
div.Button:hover {
		background-color: #AAAA00;
      /*border-color: #FFFF00;*/
      color: #FFFF00;
      text-shadow: 0px 0px 3px black;
}
div.Seiteninfo {
      padding-top: 1.5em;
      padding-left: 5px;
      padding-right: 5px;
      margin-bottom: 2em;

      width: 90%;
		background-color: white;


      margin-top: 13.5em;
}
                                                                                                     /*Änderung*/
div.Zeileoben {
		width: 30cm;
      margin: auto;
}








#Wegw {
      height: 6em;
      width: 1100px;
      float: right;
      margin:auto;
      width: 1100px;
      position:relative;right: 30px;
}

#DropdownBox {
	width: 50px;
}

#Menueinnen {
		font-size: 150%;
		color: #00FFFF;
      align: center;
      width: 1500px;

      margin:auto;
}

/*#Hoch {
		width: 30px;
      position: fixed; right: 0px; bottom: 2em;

}*/



#Versteck {
		width: 4cm;
      height: 3cm;
      background-color: white;
      position: relative; left: 0cm; top: -2.5cm;
      display: block;
}

#SucheIndex {
		padding: 10px;
      margin-left: 5%;

		width: 20em;

}

#up {
		width: 300px;
      height: 300px;
      background-color: #A6A6A6;
      border-radius: 5px;
      padding-left: 5px;
      position: fixed; right: 5px; bottom: 5px;
      cursor: pointer;
      display:none;
}

#up:hover {
		border-radius: 15px;
      transition: border-radius 0.3s ease-in-out;
}




/*Dropdownmenü: */


			#Einstellungen {
         		width: 5.2cm;
               margin-left: -14px;
               position: absolute; left: 2em; top: -0.5em;                        /*Änderung*/
               cursor: pointer;
               display:none
         }

         #Einstellungen:hover {
         		color: red;
               text-decoration: underline;
         }

         #EinstSymbol {
               position: relative; left: -2px; top: 0.5em;                     /*Änderung*/
               cursor: pointer;
               height: 5em;
               z-index: 20;
               display:none;
         }



         #EinstellungenI {
          		position: absolute; left: -8px; top: 0.75em;
               z-index: 20;
               padding: 0px;
      	}

         #EinstellungenI li{
         		display: none;
               z-index: 20;
               color: #0090E0;
               background-image: linear-gradient(to bottom, #0000D2 40%, #0000A2 42%);            /* blue 0%, #00007F 100%*/
               padding: 0.1cm;
               width: 5cm;
               opacity: 1;     /*0.7*/
               cursor: pointer;
         }

         #EinstellungenI li:hover{
               background-color: #5F00FF;

         }



         ul.Unterpunkt{
               position: absolute; left: 4.95cm; top: 0.75em;
               z-index: 20;
               padding: 0px;
               width: 5cm;
         }

         ul.Unterpunkt li{
               display: none;
               z-index: 20;
               color: black;     /*blue*/
               background-image: linear-gradient(to bottom, #90E0F0 45%, #009DF1 55%);           /*#0090E0 0%, #90E0F0 100%*/
               padding: 0.1cm;
               width: 5cm;
               opacity: 1;     /*0.7*/
               cursor: pointer;
         }

         ul.Unterpunkt li:hover{
               background-color: #5F00FF;
               background-image: linear-gradient(to bottom, #0090E0 0%, #5F00FF 100%);
               color: white;
               opacity: 1;
         }

         #Decken {
         		display: none;
               z-index: 10;
               background-color: blue;
               width: 11cm;
               height: 6em;
               position: absolute; left: -12px; top: 2em;
               opacity: 0;
         }