diff --git a/WebContent/base/OSRM.Geocoder.js b/WebContent/base/OSRM.Geocoder.js
index 4d8808501..15f781418 100644
--- a/WebContent/base/OSRM.Geocoder.js
+++ b/WebContent/base/OSRM.Geocoder.js
@@ -84,20 +84,20 @@ _showResults: function(response, parameters) {
 	
 	// show possible results for input
 	var html = "";
-	html += '<table class="description medium-font">';	
+	html += '<table class="results medium-font">';	
 	for(var i=0; i < response.length; i++){
 		var result = response[i];
 
 		//odd or even ?
-		var rowstyle='description-body-odd';
-		if(i%2==0) { rowstyle='description-body-even'; }
+		var rowstyle='results-body-odd';
+		if(i%2==0) { rowstyle='results-body-even'; }
  
 		html += '<tr class="'+rowstyle+'">';
-		html += '<td class="description-body-counter"><span">'+(i+1)+'.</span></td>';
-		html += '<td class="description-body-items">';
+		html += '<td class="results-body-counter"><span">'+(i+1)+'.</span></td>';
+		html += '<td class="results-body-items">';
 
 		if(result.display_name){
-			html += '<div class="description-body-item" onclick="OSRM.Geocoder._onclickResult(\''+parameters.marker_id+'\', '+result.lat+', '+result.lon+');">'+result.display_name+'</div>';
+			html += '<div class="results-body-item" onclick="OSRM.Geocoder._onclickResult(\''+parameters.marker_id+'\', '+result.lat+', '+result.lon+');">'+result.display_name+'</div>';
 		}
 		html += "</td></tr>";
 	}
diff --git a/WebContent/main.css b/WebContent/main.css
index 6b82ca619..dde98e404 100644
--- a/WebContent/main.css
+++ b/WebContent/main.css
@@ -269,7 +269,54 @@ html, body {
 }
 
 
-/* style for information-box table (search results, driving directions) */
+/* style for information-box table (general) */
+.no-results
+{
+	text-align:center;
+	margin:28px;
+}
+
+
+/* style for information-box table (search results) */
+.results
+{
+	border-spacing:0px;
+	width:100%;
+}
+.results-body-odd
+{
+	background-color: #FFFDE3;
+}
+.results-body-even
+{
+	background-color: #FFF9BB;
+}
+.results-body-counter
+{
+	text-align:right;
+	vertical-align:top;
+	font-weight:bold;
+	padding:1px 5px 1px 5px;
+}
+.results-body-items
+{
+	text-align:left;
+	vertical-align: middle;
+	width:100%;
+	padding:1px;
+}
+.results-body-item
+{
+	cursor:pointer;
+	color:#000000
+}
+.results-body-item:hover
+{
+	color:#ff0000
+}
+
+
+/* style for information-box table (driving directions) */
 .description
 {
 	border-spacing:0px;
@@ -283,13 +330,6 @@ html, body {
 {
 	background-color: #FFF9BB;
 }
-.description-body-counter
-{
-	text-align:right;
-	vertical-align:top;
-	font-weight:bold;
-	padding:1px 5px 1px 5px;
-}
 .description-body-items
 {
 	text-align:left;
@@ -324,11 +364,6 @@ html, body {
 {
 	color:#ff0000
 }
-.no-results
-{
-	text-align:center;
-	margin:28px;
-}
 
 
 /* buttons */