/* Author: M. Kühn */
/* Author URL: http://www.kuehn.tv */

@media only screen and (min-width: 501px) {.table, #toggle_list {width: 100px; z-index: 400; overflow-x: hidden;}}
@media only screen and (max-width: 500px) {.table, #toggle_list {width: 100px; z-index: 400; overflow-x: hidden;}}

html body {padding: 0px;}	/* margin: 0px; background: #AAD3DF;} */
.table {display: table; margin: 0px 0px 1px 0px; padding: 5px 0px 5px 0px; background: red; border: 1px solid red;}     	/* top, right, bottom, left Abstand li oben unten*/
.row {display: table-row;}
.col {display: table-cell; float: left; border: 0px solid red; padding: 1px 5px 1px 3px; width: 125px;}

#toggle_list{
	/* height: calc(100vh - 45px); */	/* war - 70px */
    height: auto;
    width: 110px;   /* Breite der Listenanzeige */
	border: solid 2px #F2EFE9;
	background-color: #AAD3DF;
	/* margin: 25px 0px 0px 3px; */
	display: none;	/* beim Start ausblenden */
	z-index: 1100;
	/*overflow-y: scroll;*/
	position: absolute;
	top: 40px;
    right:5px;
    border-radius: 6px;
    position: fixed;	/* absolute; fixiert die Menüauswahl */
	}
#button_container {
	/* Menü */
    background-color: #AAD3DF;
	border: solid 1px #F2EFE9;
	position: fixed;	/* absolute; */
	top: 3px;
    right: 5px;
	z-index: 400;
	width: auto;
	height: auto;
	border: 0px solid red;
	background-color: rgba(220,160,140,0.0);
	}
#show_hide, #resetme{
	/* Menü */
    cursor: pointer;
	text-decoration: none;
	float:left;
	border:2px solid white;
	border-radius: 6px;
	padding: 5px 5px 5px 5px;
	margin-left: 3px;
	z-index: 1100;
	background-color: black; /*#F2EFE9; */
	color: white;
	font: normal 20px Arial, Tahoma, Verdana, sans-serif;
	}
#show_hide:hover, #resetme:hover {
	background-color: red;
	color: #F2EFE9;
	}
#width_height {
	float:left;
	border:1px solid black;
	padding: 3px;
	margin-left: 3px;
	margin-top: 4px;
	z-index: 1400;
	font: normal 10px Arial, Tahoma, Verdana, sans-serif;
	background: #F2EFE9;
	}
ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
   }
li {
   cursor: pointer;
   background-color: red;   /* #AAD3DF; */
   font: normal 18px Arial, Tahoma, Verdana, sans-serif;
   padding: 4px 0px 4px 10px;     	/* top, right, bottom, left */
   overflow-wrap: break-word;
   }
li:hover {
   background: #000;
   color:#fff;
   }
li.selected {
   background: #000;
   color:#fff;
   }
h3 {
   background: #e0e0e0;
   font: bold 14px Arial, Tahoma, Verdana, sans-serif;
   padding: 3px 0px 3px 2px;
   margin: 3px 0 5px 0;			/* war margin: 0 0 5px 0; */
   color: black;
   }

/* osm layers control */