diff --git a/WebContent/images/markers.pdf b/WebContent/images/markers.pdf
index 4adbee94c..9fdaea66b 100644
Binary files a/WebContent/images/markers.pdf and b/WebContent/images/markers.pdf differ
diff --git a/WebContent/images/round-about-9.png b/WebContent/images/round-about-9.png
new file mode 100644
index 000000000..ae5ee6fcb
Binary files /dev/null and b/WebContent/images/round-about-9.png differ
diff --git a/WebContent/images/sharp-left.png b/WebContent/images/sharp-left.png
new file mode 100644
index 000000000..7abc9e980
Binary files /dev/null and b/WebContent/images/sharp-left.png differ
diff --git a/WebContent/images/sharp-right.png b/WebContent/images/sharp-right.png
new file mode 100644
index 000000000..11cffa6f0
Binary files /dev/null and b/WebContent/images/sharp-right.png differ
diff --git a/WebContent/images/slight-left.png b/WebContent/images/slight-left.png
index de1cb3357..2a3b41c29 100644
Binary files a/WebContent/images/slight-left.png and b/WebContent/images/slight-left.png differ
diff --git a/WebContent/images/slight-right.png b/WebContent/images/slight-right.png
index 31f996e62..dba4064b1 100644
Binary files a/WebContent/images/slight-right.png and b/WebContent/images/slight-right.png differ
diff --git a/WebContent/main.css b/WebContent/main.css
index 67c19a581..0618d9b4a 100644
--- a/WebContent/main.css
+++ b/WebContent/main.css
@@ -159,7 +159,7 @@ html, body, #map {
 {
 	position:absolute;
 	bottom:15px;
-	top:50px;
+	top:60px;
 	width:380px;
 	font-size:12px;
 	overflow:auto;
@@ -267,6 +267,7 @@ html, body, #map {
 /* generally useful styles */
 .not-selectable
 {
+	cursor:default;
 	-moz-user-select: none;  
 	-webkit-user-select: none;  
 	-ms-user-select: none;
diff --git a/WebContent/main.html b/WebContent/main.html
index 7e12f9714..c30abf8b9 100644
--- a/WebContent/main.html
+++ b/WebContent/main.html
@@ -58,7 +58,7 @@
 <div id="main-wrapper" class="gui-wrapper">
 
 <!-- input box -->
-<div id="main-input" class="gui-box">
+<div class="gui-box not-selectable" id="main-input">
 	<div id="main-toggle" onclick="OSRM.GUI.toggleMain()"></div>
 	<img id="osrm-logo" alt="OSRM Logo" src="images/osrm-logo.png" />
 
@@ -98,7 +98,7 @@
 </div>
 
 <!-- output box -->
-<div id="main-output" class="gui-box">
+<div class="gui-box not-selectable" id="main-output">
 	<div id="information-box-headline"></div>
 	<div id="information-box"></div>
 	<div id="legal-notice">GUI by Dennis Schieferdecker</div>
diff --git a/WebContent/routing.js b/WebContent/routing.js
index 1eab67578..d4da9be89 100644
--- a/WebContent/routing.js
+++ b/WebContent/routing.js
@@ -378,6 +378,19 @@ function getDirectionIcon(name) {
 		"Continue":"continue.png",
 		"Turn slight left":"slight-left.png",
 		"Turn slight right":"slight-right.png",
+		"Turn sharp left":"sharp-left.png",
+		"Turn sharp right":"sharp-right.png",
+		"Enter round-about and leave at first exit":"round-about-9.png",
+		"Enter round-about and leave at second exit":"round-about-9.png",
+		"Enter round-about and leave at third exit":"round-about-9.png",
+		"Enter round-about and leave at forth exit":"round-about-9.png",
+		"Enter round-about and leave at fifth exit":"round-about-9.png",
+		"Enter round-about and leave at sixth exit":"round-about-9.png",
+		"Enter round-about and leave at seventh exit":"round-about-9.png",
+		"Enter round-about and leave at eighth exit":"round-about-9.png",
+		"Enter round-about and leave at nineth exit":"round-about-9.png",
+		"Enter round-about and leave at tenth exit":"round-about-9.png",
+		"Enter round-about and leave at one of the too many exit":"round-about-9.png",
 	};
 	
 	if( directions[name] )