30c3 theme

13 files changed, 195 insertions, 944 deletions

diff --git a/public/css/base.css b/public/css/base.css
index 8576f074..a08042fd 100644
--- a/public/css/base.css
+++ b/public/css/base.css
@@ -1,116 +1,160 @@
 * {
-    margin: 0;
-    padding: 0;
+	margin: 0;
+	padding: 0;
 }
 
 body {
-    font-family: Arial, sans-serif;
-    font-size: 14px;
+  background: #fff;
+	font-family: Arial, sans-serif;
+	font-size: 14px;
 }
 
 header {
-    display: block;
-    width: 100%;
+	background: #f0f0f0;
+	border-bottom: 1px solid #000;
+	display: block;
+	padding: 5px;
+}
+
+header .toolbar {
+	position: absolute;
+	right: 17px;
+	top: 17px;
+}
+
+.toolbar a {
+	padding: 0 10px 0 0;
 }
 
-article, details {
-    clear: none;
-    display: block;
-    float: none;
+article,details {
+	clear: none;
+	display: block;
+	float: none;
 }
 
 .small {
-    font-size: 12px;
+	font-size: 12px;
 }
 
 #logo {
-    background: url('../pic/himmel.png') top left no-repeat;
-    display: block;
-    height: 32px;
-    margin: 10px auto;
-    width: 380px;
+	background: url('../pic/engelsystem_logo_30c3.png') top left no-repeat;
+	display: block;
+	float: left;
+	height: 42px;
+	margin: 0;
+	width: 202px;
 }
 
-#body {
-    margin: 0 20px 20px 20px;
+#menu {
+	float: left;
+	padding: 10px;
+	width: 180px;
 }
 
-#menu {
-    float: left;
-    width: 200px;
+#menu p {
+  padding: 4px;
+}
+
+#menu h4 {
+	font-size: 14px;
+	padding: 3px;
+	text-transform: capitalize;
+}
+
+#menu ul {
+	list-style: none;
+	margin: 0;
+	padding: 0;
+}
+
+#menu li a {
+	display: block;
+	padding: 3px;
+}
+
+#menu li a:hover, .toolbar a:hover {
+	color: #900;
+}
+
+#menu li.selected a, .toolbar a.selected {
+  color: #900;
+	font-weight: bold;
 }
 
 #content {
-    margin-left: 200px;
+	margin-left: 200px;
+	padding: 10px;
 }
 
 a {
-    color: #000;
+	color: #000;
 }
 
-th, td, dt, dd {
-    padding: 4px;
+th,td,dt,dd {
+	padding: 4px;
 	vertical-align: top;
 }
 
 dt {
-    font-weight: bold;
+	font-weight: bold;
 }
 
 dd {
-    margin-left: 20px;
+	margin-left: 20px;
 }
 
-h1, h2, h3, h4 {
-    font-size: 16px;
+h1,h2,h3,h4 {
+  font-size: 16px;
+  padding: 3px;
 }
 
-h1, h4 {
-    padding: 0 4px;
+h1 {
+	font-size: 18px;
+	margin-bottom: 10px;
 }
 
 hr {
-    margin: 10px 0;
+	margin: 10px 0;
 }
 
 ul {
-    padding: 5px 0 5px 20px;
+	padding: 5px 0 5px 20px;
 }
 
 nav {
-    margin: 0 10px 10px 0;
+	margin: 0 0 20px 0;
 }
 
-#content > article {
-    padding: 10px;
+#content>article {
+	padding: 3px;
 }
 
 #content h2 {
-    margin-top: 15px;
+	margin-top: 15px;
 }
 
 #content h2:first-child {
-    margin-top: 0;
+	margin-top: 0;
 }
 
 p {
-    padding: 0 0 10px 0;
-}
-
-#menu p {
-    padding: 4px;
+	padding: 0 0 10px 0;
 }
 
 a.sprache img {
-    margin-right: 5px;
+	margin-right: 5px;
 }
 
 table {
-    border-collapse: collapse;
+	border-collapse: collapse;
 	margin-top: 5px;
 	display: block;
 }
 
+tr:hover > td {
+  background-color: #f0f0f0;
+}
+
 #shifts {
 	background-color: #fff;
 }
@@ -175,14 +219,15 @@ fieldset p label input {
 }
 
 th {
-    background: #f0f0f0;
+	background: #f0f0f0;
 }
+
 thead th {
-    vertical-align: bottom;
+	vertical-align: bottom;
 }
 
-td, th {
-    border: 1px solid #888;
+td,th {
+	border: 1px solid #888;
 }
 
 th.Gekommen {
@@ -202,9 +247,9 @@ div.rotate {
 textarea {
 	font-family: inherit;
 	font-size: inherit;
-    height: 200px;
+	height: 200px;
 	padding: 2px;
-    width: 300px;
+	width: 300px;
 }
 
 .hidden {
@@ -224,26 +269,14 @@ tr:hover .hidden {
 }
 
 .clear {
-    clear: both;
+	clear: both;
 }
 
 .pagination {
-    text-align: center;
-}
-
-.background {
-    background: #f0f0f0;
-}
-
-.container {
-    border: 1px solid #888;
-}
-
-.content {
-    background: #fff;
+	text-align: center;
 }
 
-.error, .info, .success {
+.error,.info,.success {
 	background: #f0f0f0;
 	border: 1px solid #888;
 	border-radius: 2px;
@@ -253,46 +286,50 @@ tr:hover .hidden {
 }
 
 .error {
-	background: #f99;
-	border-color: #900;
+  background: #fff;
+  border-color: #ed1a3b;
+  color: #ed1a3b;
+  font-weight: bold;
 }
 
 .success {
-	background: #9f9;
-	border-color: #090;
+  background: #fff;
+  border-color: rgb(0, 178, 107);
+  color: rgb(0, 178, 107);
+  font-weight: bold;
 }
 
 .new_message {
-    font-weight: bold;
+	font-weight: bold;
 }
 
-.news_comment, .news {
-    border: 1px solid #888;
-    margin: 10px 0;
+.news_comment,.news {
+	border: 1px solid #888;
+	margin: 10px 0;
 }
 
-.news_comment details, .news details {
-    background: #f0f0f0;
-    padding: 4px;
+.news_comment details,.news details {
+	background: #f0f0f0;
+	padding: 4px;
 }
 
-.news_comment p, .news p, h3 {
-    padding: 4px;
+.news_comment p,.news p,h3 {
+	padding: 4px;
 }
 
-.news_comment p, .news_comment details {
-    margin-left: 72px;
+.news_comment p,.news_comment details {
+	margin-left: 72px;
 }
 
 .avatar {
-    float: left;
-    margin: 4px;
-    max-width: 64px;
+	float: left;
+	margin: 4px;
+	max-width: 64px;
 }
 
 .news.meeting {
-    border: 1px solid #000;
-    box-shadow: 1px 1px 5px #888;
+	border: 1px solid #000;
+	box-shadow: 1px 1px 5px #888;
 }
 
 .done {
@@ -320,7 +357,7 @@ tr:hover .hidden {
 	margin: 0 0 10px 0;
 }
 
-.button {
+a.button {
 	background: #f0f0f0;
 	border: 1px solid #888;
 	border-radius: 4px;
@@ -340,18 +377,38 @@ tr:hover .hidden {
 	background: #fff;
 }
 
+.button.add {
+  background: url('../pic/icons/add.png') 2px 2px no-repeat;
+  padding-left: 20px;
+}
+
 .button.edit {
   background: url('../pic/icons/pencil.png') 2px 2px no-repeat;
   padding-left: 20px;
 }
 
 .button.ok {
-  background: url('../pic/icons/tick.png') 2px 2px no-repeat;
-  padding-left: 20px;
+	background: url('../pic/icons/tick.png') 2px 2px no-repeat;
+	padding-left: 20px;
 }
 
 .button.cancel {
-  background: url('../pic/icons/cross.png') 2px 2px no-repeat;
+	background: url('../pic/icons/cross.png') 2px 2px no-repeat;
+	padding-left: 20px;
+}
+
+a.engel {
+  background: url('../pic/icons/engel.png') no-repeat;
+  padding-left: 20px;
+}
+
+a.logout {
+  background: url('../pic/icons/door_in.png') no-repeat;
+  padding-left: 20px;
+}
+
+a.settings {
+  background: url('../pic/icons/application_form_edit.png') no-repeat;
   padding-left: 20px;
 }
 
@@ -378,7 +435,7 @@ tr:hover .hidden {
 	margin-left: 250px;
 }
 
-.form input[type="text"], .form input[type="password"], .form textarea {
+.form input[type="text"],.form input[type="password"],.form textarea {
 	background: #fff;
 	border: 1px solid #888;
 	color: inherit;
@@ -412,15 +469,21 @@ tr:hover .hidden {
 	padding: 0;
 }
 
-.selection.rooms,
-.selection.days,
-.selection.types,
-.selection.filled {
+.selection.rooms,.selection.days,.selection.types,.selection.filled {
 	display: inline-block;
 	vertical-align: top;
 	margin-right: 15px;
 }
 
+.selection ul li.heading {
+  text-align: center;
+  font-weight: bold;
+}
+
+.selection ul li:nth-child(even) {
+  background: #f0f0f0;
+}
+
 #filter {
 	padding: 10px;
 }
@@ -435,4 +498,4 @@ td .entries img {
 
 td.time {
 	text-align: right;
-}
+}
\ No newline at end of file
diff --git a/public/css/grossbild.js b/public/css/grossbild.js
deleted file mode 100644
index 618ecc1f..00000000
--- a/public/css/grossbild.js
+++ /dev/null
@@ -1,62 +0,0 @@
-  function isClass(object, className) {
-    return (object.className.search('(^|\\s)' + className + '(\\s|$)') != -1);
-  }
-  
-  var grossbild_an = 0
-  
-  function grossbild_over(e) {
-    if(grossbild_an) return
-    grossbild_an = 1
-    if(!e) e = window.event;
-    body = document.getElementsByTagName("body")[0]
-    i = document.createElement("img")
-    i.src = e.target.src;
-    i.style.position = "absolute"
-    /*a = ""
-    for(b in e) a += b + " "
-    alert(a)*/
-    i.style.top = e.clientY + window.scrollY
-    i.style.left = e.clientX + window.scrollX
-    i.id = "mouseoverphoto"
-    i.onmouseover = grossbild_over
-    i.onmouseout = grossbild_out
-    //i.onmousemove = grossbild_move
-    body.appendChild(i);
-  }
-  
-  function grossbild_out(e) {
-    if(!grossbild_an) return
-    grossbild_an = 0
-    if(!e) e = window.event;
-    body = document.getElementsByTagName("body")[0]
-    i = document.getElementById("mouseoverphoto")
-    body.removeChild(i)
-  }
-  
-  function grossbild_move(e) {
-    if(!e) e = window.event;
-    i = document.getElementById("mouseoverphoto")
-    i.style.top = e.clientY + window.scrollY
-    i.style.left = e.clientX + window.scrollX
-}
-  
-  function grossbild_register(objekt) {
-    objekt.onmouseover = grossbild_over
-    objekt.onmouseout = grossbild_out
-    objekt.onmousemove = grossbild_move
-  }
-  
-  function grossbild_registrieren() {
-    if(grossbild_altonload)
-      grossbild_altonload()
-    
-    objekte = document.getElementsByTagName("img");
-    for(var i = 0; i < objekte.length; i++) {
-      if(isClass(objekte[i], "photo")) {
-        grossbild_register(objekte[i])
-      }
-    }
-  }
-  
-  var grossbild_altonload = window.onload
-  window.onload = grossbild_registrieren
diff --git a/public/css/style1.css b/public/css/style1.css
index fd8426f1..738a3e36 100644
--- a/public/css/style1.css
+++ b/public/css/style1.css
@@ -1,83 +1,3 @@
-
-body, .background {
-    background-color: #131313;
-    color: #424242;
-    line-height: 150%;
-    font-family: Trebuchet MS, Lucida Grande, Arial, sans-serif;
-}
-
-a {
-    text-decoration: none;
-    color: #424242
-}
-
-td {
-    font-size: small
-}
-
-a:active, a:hover {
-    font-weight: bold
-}
-
-li {
-    font-size: small
-}
-
-.content {
-    background-color: #131313;
-    color: #424242;
-}
-
-.contenttopic, h1 {
-    font-weight: bold;
-    font-size: small;
-    color: #000000;
-    background-color: #333333
-}
-
-.border, .container {
-    background-color: #333333;
-	border: 1px solid #424242;
-}
-
-.menu {
-    background-color: #131313;
-    color: #424242;
-    font-size: small
-}
-
-h4 {
-    background-color: #333333;
-    font-weight: bold;
-    font-size: small;
-    color: #000000
-}
-
-.linkbox {
-    background-color: #ffffff
-}
-
-.linkboxtitle {
-    font-weight: bold;
-    background-color: #000000;
-    color: #ffffff
-}
-
-.question {
-    font-weight: bold;
-    font-size: 9pt
-}
-
-.engeltreffen {
-    font-weight: bold;
-    font-size: 9pt;
-    color: #ff0000;
-}
-
-.answer {
-    font-size: 9pt;
-}
-
-.comment {
-    font-size: 6pt;
+#logo {
+    background-image: url('../pic/engelsystem_logo_30c3.png');
 }
diff --git a/public/css/style10.css b/public/css/style10.css
deleted file mode 100644
index 38de4a13..00000000
--- a/public/css/style10.css
+++ /dev/null
@@ -1,11 +0,0 @@
-#logo {
-    background: url('../pic/engelsystem_logo_cccamp2011.png') top left no-repeat;
-    display: block;
-    height: 69px;
-    margin: 10px auto;
-    width: 523px;
-}
-
-tr:hover > td {
-	background: #f0f0f0;
-}
\ No newline at end of file
diff --git a/public/css/style11.css b/public/css/style11.css
deleted file mode 100644
index c69d4b8d..00000000
--- a/public/css/style11.css
+++ /dev/null
@@ -1,53 +0,0 @@
-body.background {
-	background: #000532;
-}
-
-footer, footer a {
-  color: #fff;
-}
-
-#body {
-	background: #fff;
-  border: 1px solid #fff;
-  border-radius: 2px;
-  padding: 20px;
-}
-
-.content {
-	background: transparent;
-}
-
-#logo {
-    background: url('../pic/engelsystem_logo_29c3.png') top left no-repeat #fff;
-    display: block;
-    height: 100px;
-    margin: 10px;
-    width: 900px;
-}
-
-tr:hover > td {
-	background-color: #f0f0f0;
-}
-
-.selection ul li.heading {
-	text-align: center;
-	font-weight: bold;
-}
-
-.selection ul li:nth-child(even) {
-	background: #f0f0f0;
-}
-
-.error {
-  background: #fff;
-  border-color: #ed1a3b;
-  color: #ed1a3b;
-  font-weight: bold;
-}
-
-.success {
-  background: #fff;
-  border-color: rgb(0, 178, 107);
-  color: rgb(0, 178, 107);
-  font-weight: bold;
-}
diff --git a/public/css/style2.css b/public/css/style2.css
index e8510809..aac84188 100644
--- a/public/css/style2.css
+++ b/public/css/style2.css
@@ -1,117 +1,65 @@
 body {
-	font-size : small;
-	font-family : Arial;
-	background-color : #f3b115;
-	color : navy;
-}
-a  {
-	font-family : Arial;
-	font-size : small;
-	text-decoration : none;
-	color : #0000a0;
+	background-color: #222;
+	color: #bbb;
 }
 
-td  {
-        font-size : small;
+header, details,.news_comment details, .news details {
+	background-color: #333;
 }
 
-A:Visited  {
-	font-family : Arial;
-	font-size : small;
-	color : #0000a0;
-	text-decoration : none;
+#logo {
+	background-image: url('../pic/engelsystem_logo_30c3.png');
 }
 
-A:Active  {
-        text-decoration : none;
-        font-family : Arial;
-        font-size : small;
+a {
+	color: #fff;
 }
 
-A:Hover {
-	font-family : Arial;
-	font-size : small;
-	color : #0000a0;
-	text-decoration : underline;
-	font-weight : bold;
-}	
-
-li {
-        font-size: small
+#menu li.selected a,.toolbar a.selected,#menu li a:hover,.toolbar a:hover
+	{
+	color: #090;
 }
 
-
-H4  {
-       font-family : Arial,Verdana;
+.form input[type="text"],.form input[type="password"],.form textarea {
+	background-color: #333;
 }
 
-
-B  {
-	font-weight : bold;
-	font-family : Arial;
-	font-size : small;
-}	
-
-.content {
-        background-color: #aa8822;
-<!-- #ffeba2  -->
-	color: #000000
+.error,.success,.info {
+	background-color: #333;
 }
 
-.contenttopic {
-        font-weight: bold;
-        font-size: small;
-        color: #ffffff;
-        background-color: #ff1111
+th,.hidden {
+	background-color: #333;
 }
-<!-- #157cc1 -->			
 
-
-a.title {
-	color:#ffa000;	
-}
-.border {
-        background-color: #050509
-	}
-
-.menu {
-        background-color: #bdd9ef;
-        color: #000022;
-        font-size: small
+tr:hover>td {
+	background-color: #333;
 }
 
-h4.menu {
-        font-weight: bold;
-        font-size: small;
-        color: #3e9fef
+.selection ul li:nth-child(2n) {
+	background-color: #333;
 }
 
-.linkbox {
-        background-color: #ffffff
+#shifts {
+	background-color: #222;
 }
 
-.linkboxtitle {
-        font-weight: bold;
-        background-color: #000000;
-        color: #bdd9ef
+#shifts td.free {
+	background-color: #322;
 }
 
-.question {
-        font-weight: bold;
-        font-size: 9pt
+#shifts td.occupied {
+  background-color: #232;
 }
 
-.engeltreffen {
-        font-weight: bold;
-        font-size: 9pt;
-        color: #ff0000;
+#shifts td.own {
+  background-color: #223;
 }
 
-.answer {
-        font-size:  9pt;
+#shifts td.collides {
+  background-color: #333;
 }
 
-.comment {
-        font-size : 6pt;
-}
-															
+a.button {
+	background-color: #000;
+}
\ No newline at end of file
diff --git a/public/css/style3.css b/public/css/style3.css
deleted file mode 100644
index ca45d73c..00000000
--- a/public/css/style3.css
+++ /dev/null
@@ -1,105 +0,0 @@
-body {
-	font-size : small;
-	font-family : Arial;
-	background-color : #f3b115;
-	color : navy;
-}
-a  {
-	font-family : Arial;
-	font-size : small;
-	text-decoration : none;
-	color : #0000a0;
-}
-
-td  {
-        font-size : small;
-}
-
-A:Visited  {
-	font-family : Arial;
-	font-size : small;
-	color : #0000a0;
-	text-decoration : none;
-}
-
-A:Active  {
-        text-decoration : none;
-        font-family : Arial;
-        font-size : small;
-}
-
-A:Hover {
-	font-family : Arial;
-	font-size : small;
-	color : #0000a0;
-	text-decoration : underline;
-	font-weight : bold;
-}	
-
-li {
-        font-size: small
-}
-
-
-H4  {
-       font-family : Arial,Verdana;
-}
-
-
-B  {
-	font-weight : bold;
-	font-family : Arial;
-	font-size : small;
-}	
-
-.content {
-        background-color: #ffeba2;
-        color: #000000
-}
-
-.contenttopic {
-        font-weight: bold;
-        font-size: small;
-        color: #ffa000;
-        background-color: navy 
-}
-						
-
-
-a.title {
-	color:#ffa000;	
-}
-.border {
-        background-color: #050509
-	}
-
-.menu {
-        background-color: #ffeba2;
-        color: navy;
-        font-size: small
-}
-
-h4.menu {
-        font-weight: bold;
-        font-size: small;
-}
-
-.question {
-        font-weight: bold;
-        font-size: 9pt
-}
-
-.engeltreffen {
-        font-weight: bold;
-        font-size: 9pt;
-        color: #ff0000;
-}
-
-.answer {
-        font-size:  9pt;
-}
-
-.comment {
-        font-size : 6pt;
-}
-															
diff --git a/public/css/style4.css b/public/css/style4.css
deleted file mode 100644
index b818c9c9..00000000
--- a/public/css/style4.css
+++ /dev/null
@@ -1,70 +0,0 @@
-
-body {
-	font-family: Arial;
-	background-color: #00009f;
-	color: #e0a09f;
-	font-size: small
-}
-
-a {
-	text-decoration: none;
-	color: #e0ffff
-}
-
-td {
-	font-size: small;
-	color: #e0a09f
-
-}
-
-a:active, a:hover {
-	font-weight: bold
-}
-	
-li {
-	font-size: small
-}
-
-.content {
-	background-color: #90009f;
-	color: #e0a09f
-}
-
-.contenttopic {
-	font-weight: bold;
-	font-size: small;
-	color: #e0e09f;
-	background-color: #740057
-}
-
-.border {
-	background-color: #0000FF
-}
-
-.menu {
-	background-color: #5f0043;
-	color: #e0ff9f;
-	font-size: small
-}
-h4.menu { 
-	font-weight: bold;
-	font-size: small;
-	color: #e0ff9f
-}
-.question {
-	font-weight: bold;
-	font-size: 9pt
-}
-
-.engeltreffen {
-        font-weight: bold;
-        font-size: 9pt;
-        color: #ff0000;
-}
-
-.answer {
-	font-size:  9pt;
-}
-.comment {
-	font-size : 6pt;
-}
diff --git a/public/css/style5.css b/public/css/style5.css
deleted file mode 100644
index 4a8f7bcc..00000000
--- a/public/css/style5.css
+++ /dev/null
@@ -1,79 +0,0 @@
-
-body {
-	font-family: Verdana,Helvetica,Arial;
-	background-color: #e1d6d6;
-	color: #8a0000;
-	font-size: small
-}
-
-a {
-	text-decoration: none;
-	color: #583a3a
-}
-
-td {
-	font-size: small
-}
-
-a:active, a:hover {
-	font-weight: bold
-}
-	
-li {
-	font-size: small
-}
-
-.content {
-	background-color: #e7e2e2;
-	color: #8a0000
-}
-
-.contenttopic {
-	font-weight: bold;
-	font-size: small;
-	color: #ffeded;
-	background-color: #8a0000
-}
-
-.border {
-	background-color: #8a0000
-}
-
-.menu {
-	background-color: #e7e2e2;
-	color: #8a0000;
-	font-size: small
-}
-h4.menu { 
-	font-weight: bold;
-	font-size: small;
-	color: #8a0000
-}
-
-.linkbox {
-	background-color: #e7e2e2
-}
-
-.linkboxtitle {
-	font-weight: bold;
-	background-color: #e7e2e2;
-	color: #8a0000
-}
-
-.question {
-	font-weight: bold;
-	font-size: 9pt
-}
-
-.engeltreffen {
-        font-weight: bold;
-        font-size: 9pt;
-        color: #ff0000;
-}
-
-.answer {
-	font-size:  9pt;
-}
-.comment {
-	font-size : 6pt;
-}
diff --git a/public/css/style6.css b/public/css/style6.css
deleted file mode 100644
index 8dc008e7..00000000
--- a/public/css/style6.css
+++ /dev/null
@@ -1,76 +0,0 @@
-
-body, .background {
-	font-family: Arial, Helvetica, sans-serif;
-	background-color: #121327;
-	color: #FFFFFF;
-	font-size: small
-}
-
-#logo {
-	background-image: url('../pic/himmel_w.png');
-}
-
-a {
-	text-decoration: none;
-	color: #ff9900
-}
-
-td {
-	font-size: small
-}
-
-a:active, a:hover {
-	font-weight: bold
-}
-	
-li {
-	font-size: small
-}
-
-.content {
-	background-color: #636e77;
-	color: #FFFFFF
-}
-
-.contenttopic {
-	font-weight: bold;
-	font-size: small;
-	color: #FF9900;
-	background-color: #333e47
-}
-
-.border, .container {
-	background-color: #000000
-}
-
-.menu {
-	background-color: #1f203f;
-	color: #fff3bf;
-	font-size: small
-}
-h4.menu { 
-	font-weight: bold;
-	font-size: small;
-	color: #fff3bf
-}
-.question {
-	font-weight: bold;
-	font-size: 9pt
-}
-
-.engeltreffen {
-        font-weight: bold;
-        font-size: 9pt;
-        color: #FF0000;
-}
-
-.answer {
-	font-size:  9pt;
-}
-.comment {
-	font-size : 6pt;
-}
-
-h4, h1, th {
-	background: #333E47;
-}
diff --git a/public/css/style7.css b/public/css/style7.css
deleted file mode 100644
index 297f1d0c..00000000
--- a/public/css/style7.css
+++ /dev/null
@@ -1,70 +0,0 @@
-
-body {
-	font-family: Arial;
-	background-color: #353d87;
-	color: #FFFFFF;
-	font-size: small
-}
-
-a {
-	text-decoration: none;
-	color: #832fb8
-}
-
-td {
-	font-size: small;
-	color: #353d87
-
-}
-
-a:active, a:hover {
-	font-weight: bold
-}
-	
-li {
-	font-size: small
-}
-
-.content {
-	background-color: #fff3bf;
-	color: #353d87
-}
-
-.contenttopic {
-	font-weight: bold;
-	font-size: small;
-	color: #fff3bf;
-	background-color: #353daa
-}
-
-.border {
-	background-color: #0000FF
-}
-
-.menu {
-	background-color: #c5bfff;
-	color: #973cff;
-	font-size: small
-}
-h4.menu { 
-	font-weight: bold;
-	font-size: small;
-	color: #973cff
-}
-.question {
-	font-weight: bold;
-	font-size: 9pt
-}
-
-.engeltreffen {
-        font-weight: bold;
-        font-size: 9pt;
-        color: #ff0000;
-}
-
-.answer {
-	font-size:  9pt;
-}
-.comment {
-	font-size : 6pt;
-}
diff --git a/public/css/style8.css b/public/css/style8.css
deleted file mode 100644
index 91d3b325..00000000
--- a/public/css/style8.css
+++ /dev/null
@@ -1,70 +0,0 @@
-
-body {
-	font-family: Arial;
-	background-color: #a4ffff;
-	color: #f7ff00;
-	font-size: small
-}
-
-a {
-	text-decoration: none;
-	color: #a45f9f
-}
-
-td {
-	font-size: small;
-	color: #f7ff00
-
-}
-
-a:active, a:hover {
-	font-weight: bold
-}
-	
-li {
-	font-size: small
-}
-
-.content {
-	background-color: #bd9bff;
-	color: #f7ff00
-}
-
-.contenttopic {
-	font-weight: bold;
-	font-size: small;
-	color: #f7ff00;
-	background-color: #ffb2ff
-}
-
-.border {
-	background-color: #0000FF
-}
-
-.menu {
-	background-color: #ffb2ff;
-	color: #f7ff00;
-	font-size: small
-}
-h4.menu { 
-	font-weight: bold;
-	font-size: small;
-	color: #f7ff00
-}
-.question {
-	font-weight: bold;
-	font-size: 9pt
-}
-
-.engeltreffen {
-        font-weight: bold;
-        font-size: 9pt;
-        color: #ff0000;
-}
-
-.answer {
-	font-size:  9pt;
-}
-.comment {
-	font-size : 6pt;
-}
diff --git a/public/css/style9.css b/public/css/style9.css
deleted file mode 100644
index 4310ca8c..00000000
--- a/public/css/style9.css
+++ /dev/null
@@ -1,84 +0,0 @@
-
-body {
-	background-color: #ffffff;
-
-	color: black;
-
-	line-height: 150%;
-	font-family: Trebuchet MS, Lucida Grande, Arial, sans-serif;
-
-	margin-bottom: 20px;
-}
-
-a {
-	text-decoration: none;
-	color: #304930
-}
-
-td {
-	font-size: small
-}
-
-a:active, a:hover {
-	font-weight: bold
-}
-	
-li {
-	font-size: small
-}
-
-.content {
-	background-color: #ffffff;
-	color: #000000
-}
-
-.contenttopic {
-	font-weight: bold;
-	font-size: small;
-	color: #000000;
-	background-color: #A4C93C
-}
-
-.border {
-	background-color: #A4C93C
-}
-
-.menu {
-	background-color: #ffffff;
-	color: #000000;
-	font-size: small
-}
-h4.menu { 
-	background-color: #A4C93C;
-	font-weight: bold;
-	font-size: small;
-	color: #000000
-}
-
-.linkbox {
-	background-color: #ffffff
-}
-
-.linkboxtitle {
-	font-weight: bold;
-	background-color: #000000;
-	color: #ffffff
-}
-
-.question {
-	font-weight: bold;
-	font-size: 9pt
-}
-
-.engeltreffen {
-        font-weight: bold;
-        font-size: 9pt;
-	color: #ff0000;
-}
-
-.answer {
-	font-size:  9pt;
-}
-.comment {
-	font-size : 6pt;
-}