
<!--
/* Desktopscreen 992px to ... */

@media screen and (min-width: 992px){

.mobile {display: none ;}

.no-mobile {display: block ; width: 100%;}


 ...


}


/* Small screen / tablet / 760px to 991px */

@media (max-width: 991px) {

.mobile {display: block ; width: 99%; }

.no-mobile {display: none ;}

 ...

}


/* Smaller screen / tablet+phone / 480px to 759px */

@media (max-width: 759px) {

.mobile {display: block ; width: 99%;}

.no-mobile {display: none ;}

...

}


/* Extra small screen / smartphone / 280px to 479px */

@media (max-width: 479px) {

.mobile {display: block ; width: 99%;}

.no-mobile {display: none ;}

...

}


#links {
    float: left;
    width: 575px;
    height: 863px;
    margin-right: 60px;
    margin-top: 75px;
	border: none;
	box-shadow: 15px 20px 40px grey;
} 

#rechts {
    float: right;
    width: 575px;
    height: 863px;
    margin-right: 0px;
	margin-left: 60px;
    margin-top: 40px;
	border: none;
	box-shadow: 15px 20px 40px grey;
} 


#mitte {
    float: left;
    width: 575px;
    height: 862px;
    margin-right: 60px;
	margin-left: 0px;
    margin-top: 40px;
	border: none;
	box-shadow: 15px 20px 40px grey;
} 

#header {
    float: middle;
    width: 1400px;
    height: auto;
    margin-right: 0px;
	margin-left: 0px;
    margin-top: 25px;
	border: none;
	box-shadow: 15px 20px 40px 6px black;
	 color: #FFFFFF;
	
} 


body {
background-color:#2c2c2c;

}

#hg_main {	
top:0px;
	width:1400px;
	height:auto;
	left:0px;
	right:0px;
	position:relative;	
	padding-top:0px;
	padding-left:0px;	
	padding-right:0px;	
	float:left;
	
	}

#main {
top:0px;
	width:1400px;
	height:auto;
	left:0px;
	right:0px;
	position:relative;	
	padding-top:0px;
	padding-left:20px;
	padding-right:25px;
	padding-bottom:0px;
	box-shadow: 3px 10px 100px 20px white;
	background-color:#313131;
	background-repeat:no-repeat;
	border-right:0px solid #b8b7b6;
	border-left:0px solid #b8b7b6;
	border-bottom:0px solid #b8b7b6;
	border-top:0px solid #b8b7b6; 
	background-image:url();
	background-repeat:repeat-y;
  }
	

#Fog {
background-image:url();
background-repeat:no-repeat;
padding-top:20px;
min-width: 100%;
min-height: 100%;
}


p {line-height: 150%;}

		
.Stil1 {font-family: Arial, Helvetica, sans-serif}
.Stil3 {font-weight: bold; font-family: Arial, Helvetica, sans-serif;}

#Navigation li {
  display: inline;            /* Listenelemente nebeneinander */
  list-style-type: none; 
       /* Aufzählungszeichen entfernen */
}

ul#Navigation {font-family: Montserrat,Verdana, Arial, Helvetica, sans-serif; font-size:2.6em; font-color:#000000; 
	height:120px;
	width:1400px;                   /* Breite des Bereichs */
   
   text-align:center;               /* Textausrichtung     */
   margin-top:-35px;               /* Außenabstand oben   */
   margin-bottom:0px;            /* Außenabstand unten  */
   margin-left:0px;              /* Außenabstand links  */
   margin-right:0px; 
   padding-top:50px;
padding-right:0px;
padding-left:0px;
           /* Außenabstand rechts */
   float:right;
   list-style:none;
   position:relative;
border-bottom:0px solid #b8b7b6;
background-image:url(HG_Navileiste_FOG_7.jpg);
	background-repeat:no-repeat;
box-shadow: 3px 10px 100px 20px white;
}

	
  ul#Navigation li {
    list-style: none;
    display: inline;
    margin:0px; margin-top:0px; padding-right:0px padding:0px; text-decoration:none; padding-top:0px; padding-bottom:0px; 
	font-color:#FFFFFF;
  }


ul#Navigation li ul {
    margin: 0em; padding-top: 0px;
    top: 0em; left: 0em; bottom:0em;
    display: none;  /* Unternavigation ausblenden */
	
  }
  ul#Navigation li:hover ul {
     /* Unternavigation in modernen Browsern einblenden */
	display:inline-block;
  }
  ul#Navigation li ul li { width:10.0em;
    float: none;
    display: block;
    margin-bottom: 0em;
	
	margin:0.2em; 
	margin-left:12.5em;
	
  }
  
  ul#Navigation a:link { color: #fd9903 ; }
  ul#Navigation a:visited { text-decoration: none; color: #fd9903 ; }
  ul#Navigation a:active { color: #fd9903 }
  ul#Navigation a:hover  { color: #0595cc }
    
  
.Stil8 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}
.Stil9 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: small;
}
.Stil10 {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}
.Stil11 {font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #666666; size: 36px; }
   
 img{
 box-shadow: 10px 10px 35px black;
margin-bottom: 0px;


}
  

   div.imageHold {

  padding: 55px 35px; /* damit der container die höhe des großen bildes annimmt */
  margin-top: -50px;
  padding-bottom: -50px;
  /* andere formatierung, z.B. zentrieren/etc: */
  /* .... */
  
}

div.imageHold div {
  float: left;
  width: 155px;
  height: 250px;
  /* ab hier kann man die abstände
  und sonstiges der bilder eintragen */
  margin-left: -62px;
  padding-left:5.5em;
  
}

div.imageHold img {
  width: 90%;  /* wir skalieren das große bild auf die kleine größe */
  height: 90%; /* um verpixelung beim vergößern zu verhindern       */
}

div.imageHold img:hover {
  position: absolute;
  margin-left: -85px; /* die hälfte des größenunterschiedes der bilder */
  margin-top: -80px;  /* hier genau so */
  width: 70%;       /* die weite beim vergrößern */
  height: auto;  
      /* die höhe beim vergrößern */
}

 
div.imageHold1 {

  padding: 55px 35px; /* damit der container die höhe des großen bildes annimmt */
  margin-top: 170px;
  padding-bottom: -50px
    /* andere formatierung, z.B. zentrieren/etc: */
  /* .... */
  
}

div.imageHold1 div {
  float: left;
  width: 155px;
  height: 200px;
  /* ab hier kann man die abstände
  und sonstiges der bilder eintragen */
  margin-left: -62px;
  padding-left:5.5em;
  
}

div.imageHold1 img {
  width: 90%;  /* wir skalieren das große bild auf die kleine größe */
  height: 90%; /* um verpixelung beim vergößern zu verhindern       */
}

div.imageHold1 img:hover {
  position: absolute;
  margin-left: -85px; /* die hälfte des größenunterschiedes der bilder */
  margin-top: -50px;  /* hier genau so */
  width: 70%;       /* die weite beim vergrößern */
  height: auto;  
      /* die höhe beim vergrößern */
}

.Stil12 {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}
.Stil58 {font-weight: bold}
.Stil75 {
	color: #FF6600;
	font-size: xx-large;
	font-family: Montserrat, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.Stil90 {color: #FF0000; font-size: large; }
.Stil91 {
	font-size: x-large;
	font-family: Arial, Helvetica, sans-serif;
	color: #00CC00;
	font-weight: bold;
}
.Stil96 {
	color: #666666;
	font-weight: bold;
	font-size: small;
}
.Stil97 {color: #666666}
.Stil102 {font-size: 24px; font-family: Arial, Helvetica, sans-serif; font-style: italic; }
.Stil103 {font-size: 24}
.Stil104 {font-size: 24; font-family: Arial, Helvetica, sans-serif; font-style: italic; }
.Stil105 {
	font-size: 24;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
}
.Stil106 {font-size: x-large}
.Stil109 {
	font-size: x-large;
	color: #006699;
}
.Stil112 {color: #006699}
.Stil127 {
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-weight: bold;
}
.Stil131 {color: #00CC00}
.Stil132 {
	font-size: medium;
	color: #666666;
}
.Stil133 {font-size: small}
.Stil138 {
	color: #0099CC;
	font-weight: bold;
}
.Stil139 {color: #0099CC}
.Stil142 {
	font-size: x-large;
	color: #0099CC;
}
.Stil145 {font-size: large}
.Stil146 {
	font-size: x-large;
	color: #757373;
}
.Stil147 {color: #FF0000; font-size: x-large; }
 
.Stil157 {color: #FFFFFF}
.Stil160 {font-family: Geneva, Arial, Helvetica, sans-serif; color:#c6c6c5;}
.Stil168 {
	font-family: "Montserrat", Geneva, Arial, Helvetica, sans-serif;
	font-size: 36px;
	color: #8c8244;
}
.Stil169 {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: xx-large; }
.Stil170 {font-family: 'Qwitcher Grypen', cursive;

	font-size: 125px;
	color: #284c23;
	font-weight: light;
	
}
.Stil171 {font-family: 'Montserrat', sans-serif;
	font-size: 44px;
	font-weight: light;
	color: #c6c6c5;
}
.Stil172 {font-family: 'Montserrat', sans-serif; font-size: 46px; color: #8c8244; }
.Stil173 {font-family: 'Montserrat', sans-serif; font-size: 44px; color: #fd9105; }
-->