RegionChooser: different style.

src/eu/simstadt/regionchooser/website/index.html

@@ -24,9 +24,9 @@
 				<li class="title">Simstadt Region Chooser</li>
 			</ul>
 		</div>
-		<div id="map" class="map" tabindex="0"></div>
+		<div id="map" class="map" tabindex="0" style="height: 800px;"></div>
 		<div id="side">
-			<div id="dataPanel"></div>
+			<div id="dataPanel" style="height: 800px;"></div>
 		</div>
 		<script src="script/simstadt_openlayers.js" type="text/javascript"></script>
 	</body>

src/eu/simstadt/regionchooser/website/style/style.css

@@ -6,6 +6,7 @@ html,body{
 	width:100%;
 	height:100%;
 	font-family:Arial, Helvetica, sans-serif;
+        background-color: #222831;
 }
 
 form.pay{
@@ -22,6 +23,7 @@ div#map{
 	height:80%;
 	float:left;
 	outline: 0;
+        background-color: #eeeeee;
 }
 div#side{
 	width:30%;
@@ -29,6 +31,7 @@ div#side{
 }
 
 div#dataPanel{
+        background-color: #eeeeee;
 	width:90%;
 	height:80%;
 	overflow:auto;
@@ -49,8 +52,8 @@ div#side input.navi{
 	margin-bottom:10px;
 }
 div ul{
-	margin-top:30px;
-	margin-bottom:30px;
+	margin-top:15px;
+	margin-bottom:15px;
 }
 div ul li{
 	display: inline;
@@ -62,10 +65,10 @@ div ul li{
 
 div ul li.title{
 	font-size:22px;
-	color:#888;
+	color:#6ba083;
 }
 
-div#header p{
+div#header{
 	color:#888;
 	font-size:14px;
 	padding-left:20px;
@@ -80,4 +83,4 @@ span.instruction{
 .info  { background-color: #f7fafd; border-top: 2px solid #b5d3ff; border-bottom: 2px solid #b5d3ff; }
 .ok    { background-color: #d7f7c4; border-top: 2px solid #82cb2f; border-bottom: 2px solid #82cb2f; }
 .alert { background-color: #fef5be; border-top: 2px solid #fdd425; border-bottom: 2px solid #fdd425; }
-.error { background-color: #ffcdd1; border-top: 2px solid #e10c0c; border-bottom: 2px solid #e10c0c; }
\ No newline at end of file
+.error { background-color: #ffcdd1; border-top: 2px solid #e10c0c; border-bottom: 2px solid #e10c0c; }