/* listmenu fuer osm */

/* @media only screen and (min-width: 491px) and (max-width:972px) {.table {width: 100%; z-index: 400} #toggle_list {width: 250px;}} */
@media only screen and (min-width: 501px) {.table, #toggle_list {width: 490px; z-index: 400; overflow-x: hidden;}}
@media only screen and (max-width: 500px) {.table, #toggle_list {width: 255px; z-index: 400; overflow-x: hidden;}}

html body {padding: 0px; }	/* margin: 0px; background: #AAD3DF;} */
.table {display: table; margin: 0px 0px 1px 0px; padding: 0px 0px 30px 0px; background: #AAD3DF; border: 0px solid pink;}
.row {display: table-row;}
.col {display: table-cell; float: left; border: 0px solid red; padding: 1px 5px 1px 3px; width: 225px;}

#toggle_list{
	height: calc(100vh - 45px);	/* war - 70px */
	border: solid 1px #F2EFE9;
	background-color: #AAD3DF;
	/* margin: 25px 0px 0px 3px; */
	display: none;	/* beim Start ausblenden */
	z-index: 1100;
	overflow-y: scroll;
	position: absolute;
	top: 30px;
	left:3px;
	}
#button_container {
	background-color: #AAD3DF;
	border: solid 1px #F2EFE9;
	position: fixed;	/* absolute; */
	top: 3px;
	left: 0px;
	z-index: 400;
	width: auto;
	height: auto;
	border: 0px solid red;
	background-color: rgba(220,160,140,0.0);
	}
#show_hide, #resetme{
	cursor: pointer;
	text-decoration: none;
	float:left;
	border:1px solid black;
	border-radius: 6px;
	padding: 5px 5px 5px 5px;
	margin-left: 3px;
	z-index: 1100;
	background-color: #F2EFE9;
	color: black;
	font: normal 14px Arial, Tahoma, Verdana, sans-serif;
	}
#show_hide:hover, #resetme:hover {
	background-color: black;
	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: #AAD3DF;
   font: normal 14px Arial, Tahoma, Verdana, sans-serif;
   padding: 2px 0px 2px 12px;
   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 */