* {
	margin: 0;
	padding: 0;
}

#maps-pic-container {
	padding:15px; /*height: 15px;*/
	z-index: 10;
}
#top-space {
	padding:15px; /*height: 15px;*/
	box-sizing: border-box;
}

ul#maps {
	padding:0;
	margin:0;
	list-style-type:none;
	font-family:Arial, Helvetica, sans-serif;
	/* background-color:#FFFFFF; */
}
ul#maps li{
	padding: 3px;
	/* background-color:#ebebeb; */ 
	border:1px solid #CCC;
	float:left;
	margin:0 10px 10px 0;	
}
ul#maps li:hover{
	border:1px solid #333;
}
ul#maps li span{
	display:block;
	text-align:center;
	font-size:15px;
}
ul#maps li a img{
		border:none;
}

#mapspopup { 
  background:url("")
  no-repeat
  top
  center;
  background-size: cover;
  background-position: center center; 
  visibility: hidden;  
  position: absolute; 
  top: 5%; 
  bottom: 5% ;
  left: 5%;
  right: 5%; 
  height: 100% ; /*100vh; */
  width:  80%;    
  border: 2px solid black; 
  z-index: 10;
  font-size:14px; 
  line-height:20px;
  padding: 20px;

  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
   box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
 
  }
 
#mapspopup.hidden{
 visibility: hidden; 
 /* display: none !important; */ 
}   
#mapspopup.visible{
  visibility: visible; 
 /*  display: block !important; */ 
}   
 
 #mapspopup.show{
  visibility: visible; 
  /* display: block !important; */  
}   

#mapspopup.close{
 visibility: hidden; 
 /* display: none !important;  */
}

#mapspopup:after{
   clear:both;
   display:block;
   content:'';
}


.mapsButton
{
    
  background-image:url("");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position:relative; /*absolute;*/ 
  /* height: 50px; 
  width:  140px;  */
  text-align: center;
  font-size: 22;
  margin:0 0px 0px 0; 
  /* margin-right:10px; */
  box-shadow: 10px 10px 15px silver;
  border: 2px solid black;  /* Rahmen */ 
  border-radius: 10px;  /* Adds curve to border corners */
  cursor:pointer;  
  display: block; 
 
}

.mapsButton:hover 

{

  background-image:url("");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border: 2px solid black;
  border-radius: 3px;
  opacity: 0.7;  
    
}

/***************************************************************************
               Definition und Einstellung des Main-Maps Bereichs     
****************************************************************************/
                
 #main-menu-maps  { 
                 background:url("")
                 no-repeat
                 top
                 center;
                 background-size: contain;
                 background-position: center 0px;
                 position:relative;  
                 text-align: left;
                 left:0px;
                 top:0px;
                 width: 100% ;  
                 height:90px;
                 /*  overflow: scroll;    Scrollbar links und unten um Inhalt darzustellen */
                 border:1px solid; 
                 box-shadow: 0 2px 5px #000; 
                } 
                
 #main-menu-maps-ButtonEins

   {
   background:url("") 
   no-repeat
   top 
   center;
   position:absolute;   
   top:20px;
   left:20px;
   width:  110px; 
   height: auto;
 /*  margin-left:20px;
   margin-top:10px; */
   text-align: left; 
   box-shadow: 0 2px 5px #000; 
   /* z-index: 10; */
                
   }
   
#main-menu-maps-ButtonZwei

   {
   background:url("") 
   no-repeat
   top 
   center;
   position:absolute;   
   top:20px;
   left:150px;
   width:  110px; 
   height: auto;
 /*  margin-left:20px;
   margin-top:10px; */
   text-align: left; 
   box-shadow: 0 2px 5px #000; 
   z-index: 10;
                
   }

#main-menu-maps-ButtonDrei

   {
   background:url("") 
   no-repeat
   top 
   center;
   position:absolute;   
   top:20px;
   left:280px;
   width:  110px; 
   height: auto;
 /*  margin-left:20px;
   margin-top:10px; */
   text-align: left; 
   box-shadow: 0 2px 5px #000;
   z-index: 10;
                
   }

             
/***************************************************************************
               Definition der Entfernung - Popup's
***************************************************************************/ 

#map-entfernung-popup { 
  text-align: left; 
  background: #fff;
  position: fixed;
  top: 25%; 
  left: 20%;
  right: 20%;
  z-index: 10;
  font-size:14px; 
  line-height:20px;
  padding: 20px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
  }
 
#map-entfernung-popup.hidden{
  display: none  !important;
}   

#map-entfernung-info
   
      {background:url("") 
       no-repeat
       top 
       center;
       position:absolute;
       left: 260px;
       top:  50px;
       width:  450px; 
       height: 250px;
       margin: 0 0 0 0;
       
       /* box-shadow: 0 2px 5px #000; */
       /* z-index: 10;  */
      }      

      
#map-entfernung-Einverstanden {
  display: inline;
  text-align: left; 
  margin-left: 35%; 
  height: 25px; 
  width:  100%px; 
 /* border: 1px solid black; /
  /* z-index: 10; */ 
}