diff --git a/app/controllers/application_controller.rb b/app/controllers/application_controller.rb
index e8065d9..a717619 100644
--- a/app/controllers/application_controller.rb
+++ b/app/controllers/application_controller.rb
@@ -1,3 +1,3 @@
 class ApplicationController < ActionController::Base
-  protect_from_forgery
+  protect_from_forgery #
 end
diff --git a/app/views/home/index.html.erb b/app/views/home/index.html.erb
index c401dd5..d914e31 100644
--- a/app/views/home/index.html.erb
+++ b/app/views/home/index.html.erb
@@ -1,5 +1,3 @@
-<h1>Home#index</h1>
-<p>Hello World from support_tool</p>
 <div id="container">
   <div id="menu">
     <ul>
diff --git a/db/seeds.rb b/db/seeds.rb
index 664d8c7..b07dfe9 100644
--- a/db/seeds.rb
+++ b/db/seeds.rb
@@ -5,3 +5,21 @@
 #
 #   cities = City.create([{ :name => 'Chicago' }, { :name => 'Copenhagen' }])
 #   Mayor.create(:name => 'Daley', :city => cities.first)
+
+
+hosts = Host.create(%w(
+  host1.example.org 
+  host2.example.org 
+  host3.example.org
+  ).map{ |x| {:name =>x} } 
+)
+
+list_types = ListType.create(%w(
+  public
+  closed
+  ).map{ |x| {:name => x} }
+)
+
+1..50.times do |i|
+  MailingList.create({:name => "Angelfreunde#{i}", :host => hosts[0], :list_type => list_types[0]})
+end  
\ No newline at end of file
diff --git a/public/javascripts/app/templates/list.ejs b/public/javascripts/app/templates/list.ejs
index e9f30cc..906737a 100644
--- a/public/javascripts/app/templates/list.ejs
+++ b/public/javascripts/app/templates/list.ejs
@@ -4,16 +4,14 @@
     <span class="note"> melden</span><span class="notice"></span>
   </div>
   <div class="box tab tab-<%=model.id%>">
-    DAS IST EIN TEST <span class="close click">x</span>
+    <span class="item">Administrator ändern</span>
     <br>
-    Administrator ändern
+    <span class="item">Administrator Passwort zurücksetzen</span>
     <br>
-    Administrator Passwort zurücksetzen
+    <span class="item">Moderator ändern</span>
     <br>
-    Moderator ändern
+    <span class="item">Moderator Passwort zurücksetzen</span>
     <br>
-    Moderator Passwort zurücksetzen
-    <br>
-     Liste löschen
+    <span class="item">Liste löschen</span>
   </div>  
 </li>
\ No newline at end of file
diff --git a/public/javascripts/app/templates/lists.ejs b/public/javascripts/app/templates/lists.ejs
index 52f0b29..f3a0387 100644
--- a/public/javascripts/app/templates/lists.ejs
+++ b/public/javascripts/app/templates/lists.ejs
@@ -1,9 +1,9 @@
-<h3>
+<div>
+  <form>
+    <input type="text" class="searchfield"/> 
+  </form>
+  <span class="search">search</span>
   <span class="new">Create New</span>
-</h3>
-<form>
-  <input type="text" class="searchfield"/> 
-</form> 
-<div class="search">click</div>     
+</div>  
 <ul class="mailing-lists">
 </ul>
\ No newline at end of file
diff --git a/public/javascripts/app/views/list.js b/public/javascripts/app/views/list.js
index 9d23cf1..96b6f78 100644
--- a/public/javascripts/app/views/list.js
+++ b/public/javascripts/app/views/list.js
@@ -8,8 +8,7 @@ App.Views.List = Backbone.View.extend({
     },
     events: {    
       "click .note" : "note",
-      "click .name" : "name",
-      "click .close": "close"
+      "click .name" : "click",
     },
     
     note: function() {
@@ -17,14 +16,11 @@ App.Views.List = Backbone.View.extend({
       this.$('.notice').html(this.count)
     },
     
-    name: function() {
+    click: function() {
+      var self = this;
       this.tabs.panels.set(this.model.id);
     },
     
-    close: function() {
-      this.tabs.panels.close();
-    },
-    
     render: function() {
         // if(this.collection.length > 0) {
         //             var out = "<h3><a href='#new'>Create New</a></h3><ul>";
diff --git a/public/javascripts/app/views/lists.js b/public/javascripts/app/views/lists.js
index 39c8c6f..4376127 100644
--- a/public/javascripts/app/views/lists.js
+++ b/public/javascripts/app/views/lists.js
@@ -13,10 +13,8 @@ App.Views.Lists = Backbone.View.extend({
         
         this.tabs = {};
         this.render();
-        //console.log('init---')
         this.addAll();
         this.tabs.panels = new Tab(this.$(".mailing-lists"));
-        console.log('PANELS-X', this.panels);
         
     },
     
@@ -32,7 +30,6 @@ App.Views.Lists = Backbone.View.extend({
     addOne: function(list) {
           console.log('addOne');
           var view = new App.Views.List({model: list, tabs: this.tabs});
-          console.log('PANELS-A', this.panels);
           this.$(".mailing-lists").append(view.render().el);
     },
     
diff --git a/public/stylesheets/main.css b/public/stylesheets/main.css
index a1e4a8f..967ba4f 100644
--- a/public/stylesheets/main.css
+++ b/public/stylesheets/main.css
@@ -1,3 +1,8 @@
+body {
+  font-family: arial;
+  padding:0;
+}
+
 #menu {
   float: left;
   width:300px;
@@ -26,9 +31,35 @@
   padding: 5px;
   position:absolute;
   z-index: 5;
-  margin-left:20px;
+  margin-left:5px;
+  font-size: 0.8em;
+}
+
+.box .item {
+  cursor: pointer;
+}
+
+.box .item:hover {
+  font-weight: bold;
 }
 
 .click {
   cursor: pointer;
+}
+
+.mailing-lists {
+  position: absolute;
+  /* border: 1px solid red; */
+  bottom: 0px;
+  top: 80px;
+  right:0px;
+  left:200px;
+  list-style-type:none;
+  overflow: auto;
+  margin:0;
+}
+
+.mailing-lists li {
+  background-color: #EDF0F9;
+  border-bottom:1px solid #CCC;
 }
\ No newline at end of file