diff --git a/Praktikum2/ppm1/app/__pycache__/__init__.cpython-35.pyc b/Praktikum2/ppm1/app/__pycache__/__init__.cpython-35.pyc
index 245d099..cbc0267 100644
Binary files a/Praktikum2/ppm1/app/__pycache__/__init__.cpython-35.pyc and b/Praktikum2/ppm1/app/__pycache__/__init__.cpython-35.pyc differ
diff --git a/Praktikum2/ppm1/app/__pycache__/application.cpython-35.pyc b/Praktikum2/ppm1/app/__pycache__/application.cpython-35.pyc
index b2731a4..8d86f70 100644
Binary files a/Praktikum2/ppm1/app/__pycache__/application.cpython-35.pyc and b/Praktikum2/ppm1/app/__pycache__/application.cpython-35.pyc differ
diff --git a/Praktikum2/ppm1/app/__pycache__/database.cpython-35.pyc b/Praktikum2/ppm1/app/__pycache__/database.cpython-35.pyc
index 23e9473..f3200f4 100644
Binary files a/Praktikum2/ppm1/app/__pycache__/database.cpython-35.pyc and b/Praktikum2/ppm1/app/__pycache__/database.cpython-35.pyc differ
diff --git a/Praktikum2/ppm1/app/__pycache__/view.cpython-35.pyc b/Praktikum2/ppm1/app/__pycache__/view.cpython-35.pyc
index a9040be..e14dd6c 100644
Binary files a/Praktikum2/ppm1/app/__pycache__/view.cpython-35.pyc and b/Praktikum2/ppm1/app/__pycache__/view.cpython-35.pyc differ
diff --git a/Praktikum2/ppm1/static/style.css b/Praktikum2/ppm1/static/style.css
index bd4c1a3..ac4224f 100644
--- a/Praktikum2/ppm1/static/style.css
+++ b/Praktikum2/ppm1/static/style.css
@@ -18,19 +18,24 @@ body {
    font-size: 40pt;
    text-align: center;
    text-shadow:black 3px 2px;
-   font-family: cursive, fantasy;
-   color: #920B19;
-   background-color: #B6B6B7;
+   font-family: "Open Sans", sans-serif;
+   color: #FFFFFF;
+   background-color: #08088A;
+   border: none;
+   border-radius: 60px;
 }
 
 .clContent {
    position: absolute;
-   top: 110px;  /* height, padding, border, margin von idSiteHeader beachten */
+   top: 150px;  /* height, padding, border, margin von idSiteHeader beachten */
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 5px;
+   background-image: url("https://lionel.kr.hs-niederrhein.de/logo_hs_02.png");
+   background-repeat: no-repeat;
+   background-position: bottom left;
 }
 
 .clContentHeader {
@@ -44,6 +49,7 @@ body {
    padding: 5px;
    font-size: 18pt;
    text-align: center;
+
 }
 
 .clContentArea {
@@ -51,10 +57,11 @@ body {
    top: 80px; /* height, padding, border, margin von idContentHeader beachten */
    left: 0;
    right: 0;
-   bottom: 40px;  /* height, padding, border, margin von idButtonArea beachten */
+   bottom: 0px;  /* height, padding, border, margin von idButtonArea beachten */
    margin: 10px 0;
    margin-left: 10px;
    padding: 5px;
+   background-attachment: #819FF7 ;
 }
 
 .clButtonArea {
@@ -68,7 +75,7 @@ body {
    margin: 0;
    padding: 5px;
    text-align: center;
-   background-color: #B6B6B7;
+   background-color: #FFFFFF;
 }
 
 .clButtonArea a, input[type="submit"] {
@@ -78,7 +85,8 @@ body {
    text-decoration: none;
    border: 2px solid;
    color: black;
-   background-color: buttonface;
+   background-color: #58D3F7;
+   
 }
 
 .clButtonArea a:hover, a:visited, a:active {
@@ -96,7 +104,7 @@ body {
 #idList th {
    text-align: center;
    padding-left: 5px;
-   background-color: #FFFFFF;
+   background-color: white;
 }
 
 #idList th, #idList td {
@@ -111,7 +119,7 @@ body {
 }
 
 .selected {
-    background-color: brown;
+    background-color: #08088A;
     color: #FFF;
 }
 
diff --git a/Praktikum2/ppm1/templates/index.tpl b/Praktikum2/ppm1/templates/index.tpl
index a5eb591..aa777f3 100644
--- a/Praktikum2/ppm1/templates/index.tpl
+++ b/Praktikum2/ppm1/templates/index.tpl
@@ -15,15 +15,15 @@
       </h1>
       <div id="idContent" class="clContent">
          <h2 id="idContentHeader" class="clContentHeader">
-            Funktionen
-         </h2>
-         <div id="idButtonArea" class="clButtonArea"> 
-            <a href="/category/?cat=students" class="clButton">Datenpflege: Studenten</a>
-            <a href="/category/?cat=teachers" class="clButton">Datenpflege: Lehrende</a>
-            <a href="/category/?cat=offerings" class="clButton">Angebot Praxisphasen</a>
-            <a href="/category/?cat=companies" class="clButton">Firmenverzeichnis</a>
+           <div id="idButtonArea" class="clButtonArea"> 
+            <a href="/category/?cat=students" class="clButton">Datenpflege: Studenten</a><br>
+            <a href="/category/?cat=teachers" class="clButton">Datenpflege: Lehrende</a><br>
+            <a href="/category/?cat=offerings" class="clButton">Angebot Praxisphasen</a><br>
+            <a href="/category/?cat=companies" class="clButton">Firmenverzeichnis</a><br>
             <a href="/evaluations" class="clButton">Auswertungen</a>
-         </div>
+           </div> 
+         </h2>
+         
       </div>
    </body>
    <footer>