diff -r e761943fba93 -r b28d5c14c5c2 static/css/pymove3d.css
--- a/static/css/pymove3d.css	Wed Jan 08 19:38:49 2014 +0100
+++ b/static/css/pymove3d.css	Fri Jan 17 11:59:43 2014 +0100
@@ -1,33 +1,68 @@
+body {
+  padding-top: 20px;
+  padding-bottom: 20px;
+}
+/* Typo
+------------------------------------ */
 @font-face {
-    font-family: 'gandhi_serifbold';
-    src: url('../fonts/gandhiserif-bold-webfont.eot');
-    src: url('../fonts/gandhiserif-bold-webfont.eot?#iefix') format('embedded-opentype'),
-         url('../fonts/gandhiserif-bold-webfont.woff') format('woff'),
-         url('../fonts/gandhiserif-bold-webfont.ttf') format('truetype'),
-         url('../fonts/gandhiserif-bold-webfont.svg#gandhi_serifbold') format('svg');
-    font-weight: normal;
-    font-style: normal;
-
+  font-family: 'gandhi_serifbold';
+  src: url('../fonts/gandhiserif-bold-webfont.eot');
+  src: url('../fonts/gandhiserif-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/gandhiserif-bold-webfont.woff') format('woff'), url('../fonts/gandhiserif-bold-webfont.ttf') format('truetype'), url('../fonts/gandhiserif-bold-webfont.svg#gandhi_serifbold') format('svg');
+  font-weight: normal;
+  font-style: normal;
 }
 @font-face {
-    font-family: 'gandhi_serifregular';
-    src: url('../fonts/gandhiserif-regular-webfont.eot');
-    src: url('../fonts/gandhiserif-regular-webfont.eot?#iefix') format('embedded-opentype'),
-         url('../fonts/gandhiserif-regular-webfont.woff') format('woff'),
-         url('../fonts/gandhiserif-regular-webfont.ttf') format('truetype'),
-         url('../fonts/gandhiserif-regular-webfont.svg#gandhi_serifregular') format('svg');
-    font-weight: normal;
-    font-style: normal;
+  font-family: 'gandhi_serifregular';
+  src: url('../fonts/gandhiserif-regular-webfont.eot');
+  src: url('../fonts/gandhiserif-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/gandhiserif-regular-webfont.woff') format('woff'), url('../fonts/gandhiserif-regular-webfont.ttf') format('truetype'), url('../fonts/gandhiserif-regular-webfont.svg#gandhi_serifregular') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+/* Utilities
+------------------------------------ */
+.separator {
+  width: 100%;
+  border-bottom: 1px solid #ff9a20;
+  text-align: center;
+  height: 22px;
+  margin-bottom: 15px;
+}
+.separator img {
+  line-height: 43px;
+  padding: 0 10px;
+  background: #e9e2d0;
+  /* Farbe des Elements darunter */
 
+  display: inline-block;
+  color: #dbe2e3;
 }
-
-/**.btn-lg {
-  padding: 10px 16px;
-  font-size: 18px;
-  line-height: 1.33;
-  border-radius: 6px;
-}**/
-
+/* Navigation
+------------------------------------ */
+.navbar {
+  margin-bottom: 20px;
+}
+.navbar-brand {
+  font-weight: 600;
+  font-size: 24px;
+  font-family: 'gandhi_serifbold';
+  background-color: #e9e2d0;
+  border-bottom: 1px solid transparent;
+}
+.dropdown-menue {
+  background-color: #9f9a8b;
+}
+.navbar {
+  background-color: #e9e2d0;
+  border: 1px solid transparent;
+}
+.navbar-default .navbar-nav > .active > a,
+.navbar-default .navbar-nav > .active > a:hover,
+.navbar-default .navbar-nav > .active > a:focus {
+  background-color: transparent;
+  border-bottom: 1px solid #bf1339;
+}
+/* Content
+------------------------------------ */
 .jumbotron img {
   float: left;
   border-right: 10px solid transparent;
@@ -63,38 +98,15 @@
 .navbar {
   background-color: #e9e2d0;
   border: 1px solid transparent;
-}
-.navbar-default .navbar-nav > .active > a,
-.navbar-default .navbar-nav > .active > a:hover,
-.navbar-default .navbar-nav > .active > a:focus {
-  
-  background-color: transparent;
-  border-bottom: 1px solid #bf1339;
-}
-
-.jumbotron {
-
-  background-color: #e5edf1;
-  /*background-color: #01e9ff;*/
-  /*background-color: #ce4b68;*/
-  /*background-color: #9f998c;*/
-  /*min-height:250px;*/
-}
-
-.flags {
-  padding: 5px 0 0 5px;
+.jumbotron h1 {
+  text-align: center;
+  font-size: 40px;
   float: right;}
   
 #footer {
-background: #fff; 
-height: 180px;
-}
-.separator {
-    width: 100%;
-    border-bottom: 1px solid #ff9a20;
-    text-align: center;
-    height: 22px;
-    margin-bottom: 15px;
+  background: #fff; 
+  height: 180px;
+  float: right;
 }
 .separator img {
     line-height: 43px;
@@ -103,3 +115,4 @@
     display: inline-block;
     /*margin-top: 20px;*/
     color: #dbe2e3;
+    }