.map_container > .route, .map_container > .etappe
{
	fill:none;
	stroke:rgb(75, 202, 202); 
	stroke-width: 3px;
}

.map_container > .hike
{
	fill:none;
	stroke:rgb(20, 20, 255);
	stroke-width: 3px;
}

.map_container > .unknown
{
	fill:none;
	stroke:rgb(255, 0, 0);
	stroke-width: 3px;
	stroke-dasharray:5,5;
}

.map_container>.car, .map_container>.airplane, .map_container>.boat, .map_container>.train, .map_container>.bus, .map_container>.kabelbaan
{
	fill:none;
	stroke:rgb(50,50,50);
	stroke-width: 3px;
	stroke-dasharray:5,10;
}

.map_container > .bike
{
	fill:none;
	stroke:rgb(0, 0, 255);
	stroke-width: 3px;
}

.map_container > polyline.shadow
{
	fill:none;
	stroke:black;
	stroke-opacity:0;
	stroke-width: 10px;
}

.map_container > text.km
{
	fill: black;
	font: 13px sans-serif;
}


.map_container > .start
{
	fill: green;
	r:10px;
	fill-opacity:50%;

}

.map_container > .end
{
	fill:red;
	r:2px;
}

.map_container > .media
{
	fill:black;
	r:5px;
	stroke: white;
	stroke-opacity:0%;
	stroke-width:5px;
}

.map_container > .media.selected
{
	fill:yellow;
	r:5px;
	stroke: white;
	stroke-opacity:0%;
	stroke-width:5px;
}


.map_container > circle.shadow
{
	fill:purple;
	fill-opacity:0;
	r:15px;
}

.map_container > .route:hover, .map_container > .etappe:hover, map_container > .media:hover
{
	stroke:yellow; 
}

.map_container > polyline.selected
{
  stroke:red;
  z-index:10;
}