/* Color scheme ======================================================================== */
/*
/* Roads (any kind): violet, (white with borders)
/* Roads primarily for pedestrians: orchid, plum
/* Roads primarily for cyclists: pink
/* Roads primarily for "animals": saddlebrown
/* Tracks, Path: brown, chocolate
/* Waterways: lightblue, aquamarine
/* Buildings: darkgray
/* Railways: black/gray intermitted
/* Aeroways: darkgray
/* Aerialway: steelblue
/* Barrier: black small width
/* Boundaries: lightgrey small width
/* Power: darkslategray
/*
/* Natural: different fill colors
/*
/* Traffic: not shown
/* Selected: yellow
/* Points (with tags): black
/* Points (selected way): red
/*
/*
/* ===================================================================================== */

.key {
	width: 100px;
	margin: 2px;
	margin-right: 10px;
}

path {
	fill: none;
	stroke:grey;
	stroke-width: 0.04;
}

path.selected {
	stroke: red;
	stroke-width: 0.07;
}

circle.selected {
	fill: green;
}

#selectbox {
	fill: blue;
	opacity: 0.3;
}

.building-yes {
	fill: beige;
	fill-rule: evenodd;
	stroke: darkgray;
}

circle.shop-supermarket {
	fill: purple;
}

/* any kind of road ==================================================================== */
.highway {
	stroke: violet;
	stroke-width: 0.07;
}

.highway-motorway,
.highway-motorway_link {
	stroke: violet;
}

.highway-trunk,
.highway-trunk_link {
	stroke: violet;
}

.highway-primary,
.highway-primary_link {
	stroke: violet;
}

.highway-secondary,
.highway-secondary_link {
	stroke: violet;
}


.highway-tertiary {
	stroke: violet;
}

.highway-unclassified {
	stroke: violet;
}

.highway-road {
	stroke: violet;
}

.highway-turning_circle {
	stroke: violet;
	stroke-width: 0.14;
}

.highway-residential,
.highway-living_street {
	stroke: violet;
}

.highway-service,
.highway-services {
	stroke: violet;
}

.junction-roundabout,
.highway-motorway_junction {
	stroke: violet;
}

.highway-ford {
	stroke: blueviolet;
}

.highway-track {
	stroke: brown;
}

/* Roads primarily for pedestrians ===================================================== */
.highway-pedestrian,
.highway-footway,
.highway-platform {
	stroke: orchid;
}

.highway-path {
	stroke: chocolate;
}

.highway-steps {
	stroke: plum;
}

.barrier-stile {
	stroke: black;
	stroke-width: 0.04;
}

.barrier-kissing_gate {
	stroke: black;
	stroke-width: 0.04;
}

.barrier-sally_port {
	stroke: black;
	stroke-width: 0.04;
}

.barrier-turnstile {
	stroke: black;
	stroke-width: 0.04;
}

/* Roads primarily for cyclists ======================================================== */
.highway-cycleway {
	stroke: pink;
}

.cycleway,
.cycleway-opposite {
	stroke: pink;
}

.cycleway-lane,
.cycleway-opposite_lane {
	stroke: pink;
}

.cycleway-track,
.cycleway-opposite_track {
	stroke: pink;
}

.cycleway- {
	stroke: pink;
}

.cycleway- {
	stroke: pink;
}

.cycleway- {
	stroke: pink;
}

.cycleway- {
	stroke: pink;
}

.cycleway- {
	stroke: pink;
}

/* Roads primarily for "animals" ======================================================= */
.highway-bridleway {
	stroke: saddlebrown;
}

.barrier-horse_stile {
	stroke: black;
	stroke-width: 0.04;
}

.barrier-kent_carriage_gap {
	stroke: black;
	stroke-width: 0.04;
}

/* Barriers ============================================================================ */
.barrier {
	stroke: black;
	stroke-width: 0.04;
}

.barrier-hedge {
	stroke: black;
	stroke-width: 0.04;
}

.barrier-fence {
	stroke: black;
	stroke-width: 0.04;
}

.barrier-wall,
.barrier-retaining_wall,
.barrier-city_wall {
	stroke: black;
	stroke-width: 0.04;
}

.barrier-ditch {
	stroke: black;
	stroke-width: 0.04;
}

.barrier-bollard,
.barrier-block {
	stroke: black;
	stroke-width: 0.04;
}

.barrier-cycle_barrier {
	stroke: black;
	stroke-width: 0.04;
}

.barrier-cattle_grid {
	stroke: black;
	stroke-width: 0.04;
}

.barrier-toll_booth {
	stroke: black;
	stroke-width: 0.04;
}

.barrier-entrance,
.barrier-gate,
.barrier-lift_gate {
	stroke: black;
	stroke-width: 0.04;
}

/* Waterways ========================================================================== */
.waterway {
	stroke: lightblue;
}

.waterway-stream {
	stroke: lightblue;
}

.waterway-river {
	stroke: lightblue;
}

.waterway-riverbank {
	stroke: lightblue;
	stroke-width: 0.04;
	fill: lightblue;
}

.waterway-canal {
	stroke: aquamarine;
}

.waterway-ditch {
	stroke: lightblue;
}

.waterway-drain {
	stroke: lightblue;
}

.waterway-dock {
	stroke: aquamarine;
}

.waterway-lock_gate {
	stroke: aquamarine;
}

.waterway-turning_point {
	stroke: aquamarine;
}

.waterway-boatyard {
	stroke: aquamarine;
}

.waterway-weir {
	stroke: black;
	stroke-width: 0.04;
}

.waterway-dam {
	stroke: darkgray;
}

.waterway-tunnel,
.waterway-culvert {
	stroke: azure;
}


/* Railways =========================================================================== */
.railway {
	stroke: gray;
}

.railway-rail {
	stroke: gray;
}

.railway-tram,
.railway-light_rail,
.railway-narrow_gauge {
	stroke: gray;
	stroke-width: 0.04;
}

.railway-subway {
	stroke: gray;
}

.railway-preserved {
	stroke: gray;
	stroke-width: 0.04;
}

.railway-monorail {
	stroke: gray;
}

.railway-funicular {
	stroke: gray;
}

.railway-station,
.railway-halt,
.railway-tram_stop {
	stroke: gray;
}

/* Aeroways =========================================================================== */
.aeroway {
	stroke: darkgray;
}

.aeroway-aerodrome {
	stroke: darkgray;
}

.aeroway-terminal {
	stroke: darkgray;
}

.aeroway-helipad {
	stroke: darkgray;
}

.aeroway-runway,
.aeroway-taxiway,
.aeroway-apron {
	stroke: darkgray;
}

.aeroway-gate {
	stroke: darkgray;
}

/* Aerialway ========================================================================== */
.aerialway {
	stroke: steelblue;
}

.aerialway-cable_car {
	stroke: steelblue;
}

.aerialway-gondola {
	stroke: steelblue;
}

.aerialway-mixed_lift {
	stroke: steelblue;
}

.aerialway-drag_lift {
	stroke: steelblue;
}

/* Power ========================================================================== */
.power {
	stroke: darkslategray;
}

.power-tower {
	stroke: darkslategray;
}

.power-pole {
	stroke: darkslategray;
}

.power-line,
.power-minor_line {
	stroke: darkslategray;
}

.power-station,
.power-sub_station {
	stroke: darkslategray;
}

.power-generator {
	stroke: darkslategray;
}

.power-cable_distribution_cabinet {
	stroke: darkslategray;
}

/* Man made =========================================================================== */
.man_made {
	stroke: lightgrey;
}

.man_made-crane {
	stroke: lightgrey;
}

.man_made-cutline {
	stroke: lightgrey;
}

.man_made-groyne {
	stroke: lightgrey;
}

.man_made-lighthouse {
	stroke: lightgrey;
}

.man_made-mineshaft {
	stroke: lightgrey;
}

.man_made-adit {
	stroke: lightgrey;
}

.man_made-petroleum_well {
	stroke: lightgrey;
}

.man_made-pier {
	stroke: lightgrey;
}

.man_made-pipeline {
	stroke: lightgrey;
}

.man_made-reservoir_covered {
	stroke: lightgrey;
}

.man_made-surveillance {
	stroke: lightgrey;
}

.man_made-survey_point {
	stroke: lightgrey;
}

.man_made-tower {
	stroke: lightgrey;
}

.man_made-wastewater_plant {
	stroke: lightgrey;
}

.man_made-watermill {
	stroke: lightgrey;
}

.man_made-water_tower {
	stroke: lightgrey;
}

.man_made-water_works {
	stroke: lightgrey;
}

.man_made-water_well {
	stroke: lightgrey;
}

.man_made-windmill {
	stroke: lightgrey;
}

.man_made-works {
	stroke: lightgrey;
}

/* Natural ============================================================================= */
.natural {
	stroke: gray;
	stroke-width: 0.04;
	fill: white;
}

.natural-bay {
	stroke: goldenrod;
}

.natural-beach {
	stroke: goldenrod;
}

.natural-cave_entrance {
	stroke: black;
}

.natural-cliff {
	stroke: black;
}

.natural-coastline {
	stroke: blue;
}

.natural-fell {
	stroke: darkgreen;
	stroke-width: 0.04;
	fill: palegreen;
}

.natural-glacier {
	stroke: gray;
	stroke-width: 0.04;
	fill: white;
}

.natural-heath {
	stroke: gray;
	stroke-width: 0.04;
	fill: cornsilk;
}

.natural-land {
	stroke: gray;
	stroke-width: 0.04;
	fill: beige;
}

.natural-mud {
	stroke: gray;
	stroke-width: 0.04;
	fill: navajowhite;
}

.natural-peak {
	stroke: black;
}

.natural-sand {
	stroke: brown;
	stroke-width: 0.04;
	fill: sandybrown;
}

.natural-scree {
	stroke: darkgray;
	stroke-width: 0.04;
	fill: lightgrey;
}

.natural-scrub {
	stroke: darkgreen;
	stroke-width: 0.04;
	fill: palegreen;
}

.natural-spring {
	stroke: blue;
	stroke-width: 0.04;
	fill: lightblue;
}

.natural-stone {
	stroke: darkgray;
	stroke-width: 0.04;
	fill: gray;
}

.natural-tree {
	stroke: darkgreen;
}

.natural-volcano {
	stroke: firebrick;
}

.natural-water {
	stroke: blue;
	stroke-width: 0.04;
	fill: lightblue;
}

.natural-wetland {
	stroke: turquoise;
	stroke-width: 0.04;
	fill: paleturquoise;
}

.natural-wood {
	stroke: darkgreen;
	stroke-width: 0.04;
	fill: lightgreen;
}

/* Boundary ============================================================================ */
.boundary {
	stroke: lightgrey;
	stroke-width: 0.04;
}

.boundary-administrative {
	stroke: lightgrey;
	stroke-width: 0.04;
}

.boundary-civil {
	stroke: lightgrey;
	stroke-width: 0.04;
}

.boundary-political {
	stroke: lightgrey;
	stroke-width: 0.04;
}

.boundary-maritime {
	stroke: blue;
	stroke-width: 0.04;
}

.boundary-national_park {
	stroke: darkgreen;
	stroke-width: 0.04;
}

.boundary-protected_area {
	stroke: darkgreen;
	stroke-width: 0.04;
}

.boundary- {
	stroke: lightgrey;
	stroke-width: 0.04;
}

.boundary- {
	stroke: lightgrey;
	stroke-width: 0.04;
}

.boundary- {
	stroke: lightgrey;
	stroke-width: 0.04;
}


/* Roads not shown ===================================================================== */
.highway-raceway,
.highway-bus_guideway,
.highway-byway,
.highway-mini_roundabout,
.highway-stop,
.highway-give_way,
.highway-traffic_signals,
.highway-crossing,
.highway-incline,
.highway-incline_steep,
.highway-bus_stop,
.highway-construction,
.highway-proposed,
.highway-emergency_access_point,
.highway-speed_camera,
.highway-street_lamp,
.highway-passing_place,
.highway-passing_place_yes,
.highway- {
	stroke: white; /* no color so far. */
}

/* Other tags not shown ================================================================ */
.construction,
.proposed,
.traffic-calming_yes,
.traffic-calming_bump,
.traffic-calming_chicane,
.traffic-calming_cushion,
.traffic-calming_hump,
.traffic-calming_rumble_strip,
.traffic-calming_table,
.traffic-calming_choker,
.service-parking_aisle,
.service-driveway,
.service-alley,
.railway-abandoned,
.railway-disused,
.railway-construction,
.railway-crossing,
.railway-level_crossing,
.railway-subway_entrance,
.railway-turntable,
.railway-platform,
.railway-buffer_stop,
.aeroway-windsock,
.aerialway-pylon,
.aerialway-goods,
.man_made-beacon,
.man_made- {
	stroke: white; /* no color so far. */
}