

	<!--IFTS_NO_PARSE-->
	<!--multilang_start-->



	<!--flexmodul: wordmodul_mit_bild-->




<!--/flexmodul: wordmodul_mit_bild-->
<!--flexmodul: programmblock-->








<!--/flexmodul: programmblock-->
<!--flexmodul: wordmodul_mit_bild-->




<!--/flexmodul: wordmodul_mit_bild-->
<!--flexmodul: bild_norm-->





<!--/flexmodul: bild_norm-->




<!--flexmodul: osm_karte-->

 <link rel="stylesheet" href="/stylesheets/openlayer3/ol.css" type="text/css">
    <!-- The line below is only needed for old environments like Internet Explorer and Android 4.x -->
    <script src="/javascripts/openlayer3/polyfill.min.js?features=requestAnimationFrame,Element.prototype.classList,URL"></script>
    <script src="/javascripts/openlayer3/ol.js"></script>

<style>
      .marker {
       /* width: 5px;
        height: 5px; */
       /* border: 1px solid black;*/
       /* border-radius: 10px;*/
       /* color: darkred; */
        /*opacity: 0.9;*/
      }
      .label {
        text-decoration: none;
        color: white;
        font-size: 11pt;
        font-weight: bold;
        text-shadow: black 0.1em 0.1em 0.2em;
      }
      .popover-content {
        min-width: 180px;
      }
#map{
		width: 100%;
		max-width: 535px;
		height: 370px;
	  }
    </style>





<div id="map" class="map"></div>
    <div style="display: none;">

		


		<a class="overlayosm label" id="label1" target="_blank" href="" title="KL ON ICE">KL ON ICE</a>
		<div class="marker  glyphicon" id="marker1" title="Marker"><img src="/images/marker.png"></div>
		



    </div>
    <script>
      var layer = new ol.layer.Tile({
        source: new ol.source.XYZ({
			url: 'http://a.tile.openstreetmap.org/{z}/{x}/{y}.png' })
      });
      var kaiserslautern = ol.proj.fromLonLat([7.751146, 49.446840]);
	</script>

	
		<script>
		var pos1 = ol.proj.fromLonLat([7.751146, 49.446840]);
		</script>
		

     <script>


      var map = new ol.Map({
        layers: [layer],
        target: 'map',
        view: new ol.View({
          center: kaiserslautern,
          zoom: 13
        })
      });

	  </script>

	  

		<script>
		  //  marker
		  var marker1 = new ol.Overlay({
			position: pos1,
			positioning: 'center-center',
			element: document.getElementById('marker1'),
			stopEvent: false
		  });
		  map.addOverlay(marker1);

		  //  label
		  var labelname1 = new ol.Overlay({
			position: pos1,
			element: document.getElementById('label1')
		  });
		  map.addOverlay(labelname1);
		</script>

		


	<div id="osm" style="font-size: 0.9em;">© <a href="http://www.openstreetmap.org">OpenStreetMap</a>
   und <a href="http://www.openstreetmap.org/copyright">Mitwirkende</a>,
   <a href="http://creativecommons.org/licenses/by-sa/2.0/deed.de">CC-BY-SA</a>
 </div>

<div class="clearfix"></div><div class="voffset1"></div>




<!--/flexmodul: osm_karte-->













<!--flexmodul: r_teasermodul-->







<!--/flexmodul: r_teasermodul-->












		<!--IFTS_NO_PARSE-->
		<!--multilang_end-->




