/*@media (min-device-width: 1101000px) {*/
html {
      min-width: 1157.75px;      /*nützt damit das menü beim zoomen und auf dem Smartphone auf bildschirmgröße bleibt*/
      /*background-color: #CCCCCC; */
      background-image: Url('Symbolsammlung3.jpg');
      background-attachment: scroll;                                                /*Änderung!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
      margin: auto;
}

html.Menue {
		width: 100%;
      background-color: #DCCE54;
      padding-bottom: 0cm;
      padding-left: 0cm;
      padding-right: 0cm;
      background-image: none;
}


html.Wegw {
		background-color: #FFFFFF;
      width: 10cm;
      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: 30cm;
      margin: auto;
      z-index: 50;
      background-color: white;                                                          /*XÄnderung!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

     	box-shadow: 10px 10px 10px #9F9F9F;                                               /*XÄnderung!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
      border: solid #BFBFBF thin;                                                       /*XÄnderung!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
      border-top: none;
}

Header {
		padding-top: 0.5em;            /*wegen gefixter Linie*/
      background-color: white;
}

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

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

object {
		width: 40%;
      height: 1em;
      z-index: 50;
}


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

      width: 100%;
      height: 6.28em;
      background-color: #DCCE54;
      border-top-left-radius: 0px;                                                                             /*Änderung*/
      border-bottom-right-radius: 0px;
      border-bottom-left-radius: 0px;																									/*Änderung*/
}

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

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%;

		color: #000000;
}

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

p.Kommentar {
		color: #FFFF00; /*#00FFFF*/
      width: 8em;
      text-align: center;
      font-size: 1.5em;
      height: 1em;
      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;
}

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

hr {
		color: white;
      border: none
}

input {
		background-color: #DCCE54;
}

button {
		cursor: pointer;
}












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

      width: 75%;
      float: left;
}

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

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

div.Linienverlauf {
		width: 30cm;                                                                      /*Ä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: 3%;
      padding-left: 2%;
      padding-right: 2%;
      color: #00FFFF;
      margin-top: 3px;
      margin-bottom: 3px;
      transition: text-shadow 0.3s ease-out;
      transition: all 0.3s ease-out;


}

div.Link:hover {
		text-shadow: #002099 0px 7px 3px;
      transform: translate(0, -8px);
   	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: 10%;

      width: 10%;
      height: 5cm;
      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: 7.05cm;
      height: 3em;
      /*background-color: #020FFF;         */
      position: fixed;
      margin-left: 23.4cm;
      margin-top: 3.25em;
      border-radius: 3px;
      background-image: linear-gradient(to bottom right, #020FFF 0%, #00A0FF 40%, #020FFF 100%);
}

div.Kommentardreieck {
		width: 1em;
      height: 1em;
      background-image: linear-gradient(to right bottom, #002077 0%, #020077 50%, transparent 51%);
      position: fixed;
      margin-left: 30cm;
      margin-top: 6.25em;
}

div.Suche {
		margin-left: 23.4cm;
		margin-top: 8.25em;
      padding: 1em;

		width: 4.5cm;
      float: left;
      height: 15em;

      /*border-style: groove;      */

      position: fixed;

		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;
}

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

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

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

		height: 1.5em;
      width: 2cm;
      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;
}
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;
}
                                                                                                     /*Änderung*/
div.Zeileoben {
		width: 30cm;
      margin: auto;
}

div.ButtonII {
      margin-left: 10%;
      margin-right: 5%;
      margin-top: 2em;
      padding-top: 0.5cm;

      height: 2.5cm;
      width: 30%;
      text-align: center;
      background-color: #007F00;
      border: solid #007F00;
      border-radius: 0.4cm;
      color: #FFFF00;
      cursor: pointer;
      transition: background-color 0.1s ease;
      transition: color 0.1s ease;
      float: left;

      font-size: 300%;
}








#Wegw {
      height: 2.5em;
      width: 50%;
      float: right;
}

#Menueinnen {
		font-size: 150%;
		color: #00FFFF;
      align: center;
      width: 30cm;                                                  													/*Änderung*/
      margin: auto;                                                                                      /*Änderung*/
}

/*#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: 30px;
      height: 30px;
      background-color: #A6A6A6;
      border-radius: 5px;
      padding: 5px;
      position: fixed; right: 0.7em; bottom: 5em;
      cursor: pointer;
}

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

#graudecken {
		width: 200%;
      height: 100%;
      position:fixed; left: 0px; top:0px;
      background-color: #6F6F6F;
      opacity: 0.8;
      z-index: 2000;

      display:none;
}

#meinAlert {
      position:fixed; top: 30%; left: 10%;
      height: 40%;
      width: 80%;
      background-color: #00DF00;
      border-radius: 2px;
      z-index: 2001;

      display:none;
}

#Kreuz {
      margin-top: 0.5em;
      margin-right: 0.5em;

      width: 10%;
      float: right;
      cursor: pointer;
}






/*Dropdownmenü: */


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

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

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



         #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;
         }