div.point {
  background-color: none; 
  position: absolute; 
  width:14px; 
  height:14px; 
  background-position: top left;
  background-repeat: no-repeat;
  cursor: pointer;
  border: 0px solid transparent;
  float:left;
  text-align: center;
  font-family: Arial;
  font-weight: bold;
}

div.point:hover {
  border-color: transparent;
}

div.s  {
  width:15px;
  height:15px;
  font-size: 10px;
  padding-top: 2px;
}
div.n  {
  width:19px;
  height:19px;
  font-size: 11px;
  padding-top: 4px;
}
div.l  {
  width:31px;
  height:31px;
  font-size: 18px;
  padding-top: 8px;
}

div.city_s    		{background-image: url(../img/points/s/yellow.png); color: yellow;}
div.event_s   		{background-image: url(../img/points/s/red.png); color: red;}
div.explore_s 		{background-image: url(../img/points/s/green.png); color: green;}
div.realize_s 		{background-image: url(../img/points/s/orange.png); color: orange;}
div.gastro_s  		{background-image: url(../img/points/s/blue.png); color:blue;}
div.overnight_s 	{background-image: url(../img/points/s/gray.png); color: gray;}
div.gewerbe_s 		{background-image: url(../img/points/s/cyan.png); color: cyan;}

div.city_n    		{background-image: url(../img/points/n/yellow.png); color: yellow;}
div.event_n   		{background-image: url(../img/points/n/red.png); color: red;}
div.explore_n 		{background-image: url(../img/points/n/green.png); color:green;}
div.realize_n 		{background-image: url(../img/points/n/orange.png); color: orange;}
div.gastro_n  		{background-image: url(../img/points/n/blue.png); color:blue;}
div.overnight_n 	{background-image: url(../img/points/n/gray.png); color: gray;}
div.gewerbe_n 		{background-image: url(../img/points/n/cyan.png); color: cyan;}

div.city_l    		{background-image: url(../img/points/l/yellow.png); color: yellow;}
div.event_l   		{background-image: url(../img/points/l/red.png); color:red; }
div.explore_l 		{background-image: url(../img/points/l/green.png); color:green;}
div.realize_l 		{background-image: url(../img/points/l/orange.png); color: orange;}
div.gastro_l  		{background-image: url(../img/points/l/blue.png); color:blue;}
div.overnight_l 	{background-image: url(../img/points/l/gray.png); color: gray;}
div.gewerbe_l 		{background-image: url(../img/points/l/cyan.png); color: cyan;}

div.parkplatz_s 			{background-image: url(../img/points/s/parkplatz.png);}
div.aussichtsturm_s 	{background-image: url(../img/points/s/turm.png);}
div.aussichtspunkt_s 	{background-image: url(../img/points/s/aussicht.png);}
div.service_n 				{background-image: url(../img/points/s/station.png);}

div.markierung {background-image: url(../img/points/mark.png); color: brown;}

div.redaktion_s {display: none;}
div.redaktion_n {display: none;}
div.redaktion_l {display: none;}

div.collect_xxl	{width: 62px; height: 62px; background-image: url(../img/points/xxl/gray.png);}

div.overlay_s   {background-image: url(../img/points/s/overlay.png);   z-index: 150;}
div.overlay_n   {background-image: url(../img/points/n/overlay.png);   z-index: 150;}
div.overlay_l   {background-image: url(../img/points/l/overlay.png);   z-index: 150;}
div.overlay_xxl {background-image: url(../img/points/xxl/overlay.png); z-index: 150; width: 62px; height: 62px; }