diff --git a/www-ssl/css/grossbild.js b/www-ssl/css/grossbild.js
new file mode 100755
index 00000000..618ecc1f
--- /dev/null
+++ b/www-ssl/css/grossbild.js
@@ -0,0 +1,62 @@
+  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/www-ssl/css/style.css.old b/www-ssl/css/style.css.old
new file mode 100755
index 00000000..254fb1b7
--- /dev/null
+++ b/www-ssl/css/style.css.old
@@ -0,0 +1,53 @@
+H1  {
+       font-family : Helvetica,Arial,Verdana;
+       font-size : 25pt;
+}
+H4  {
+       font-family : Arial,Verdana;
+}
+A  {
+	font-family : Arial;
+	font-size : small;
+	text-decoration : none;
+	color : #0000a0;
+}
+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;
+}	
+B  {
+	font-weight : bold;
+	font-family : Arial;
+	font-size : small;
+}	
+
+TD  {
+        font-size : small;
+        font-family : Arial;
+	padding-left : 1cm; 
+}
+
+BODY  {
+	font-size : small;
+	font-family : Arial;
+	background-color : #f3b115;
+	color : navy;
+}
+a.title {
+	color:#ffa000;	
+}
+																												
diff --git a/www-ssl/css/style.css.old2 b/www-ssl/css/style.css.old2
new file mode 100755
index 00000000..9f7c0c90
--- /dev/null
+++ b/www-ssl/css/style.css.old2
@@ -0,0 +1,69 @@
+H1  {
+        font-family : Helvetica,Arial,Verdana;
+        font-size : 25pt;
+}
+
+H4  {
+        font-family : Arial,Verdana;
+}
+
+A  {
+	font-family : Arial;
+	font-size : small;
+	text-decoration : none;
+	color : #778899;
+}
+
+A:Visited  {
+	font-family : Arial;
+	font-size : small;
+	color : #778899;
+	text-decoration : none;
+}
+
+A:Active  {
+        text-decoration : none;
+        font-family : Arial;
+        font-size : small;
+}
+
+A:Hover {
+	font-family : Arial;
+	font-size : small;
+	color : #778899;
+	text-decoration : underline;
+	font-weight : bold;
+}
+
+B  {
+        font-weight : bold;
+        font-family : Arial;
+        font-size : small;
+}
+
+TD  {
+        font-size : small;
+        font-family : Arial;
+}
+
+BODY  {
+	font-size : small;
+	font-family : Arial;
+	background-color : #f3b115;
+	color : navy;
+}
+
+
+a.title {
+color:#ffa000;	
+}
+
+
+p.question {
+	font-weight: bold;
+}
+
+p.answer {
+	margin-left: 30px;
+	margin-right: 30px;
+}			
diff --git a/www-ssl/css/style1.css b/www-ssl/css/style1.css
new file mode 100755
index 00000000..4a597f35
--- /dev/null
+++ b/www-ssl/css/style1.css
@@ -0,0 +1,79 @@
+
+body {
+	font-family: Arial;
+	background-color: #3e9fef;
+	color: #000000;
+	font-size: small
+}
+
+a {
+	text-decoration: none;
+	color: #304930
+}
+
+td {
+	font-size: small
+}
+
+a:active, a:hover {
+	font-weight: bold
+}
+	
+li {
+	font-size: small
+}
+
+.content {
+	background-color: #bdd9ef;
+	color: #000000
+}
+
+.contenttopic {
+	font-weight: bold;
+	font-size: small;
+	color: #fe961e;
+	background-color: #157cc1
+}
+
+.border {
+	background-color: #050509
+}
+
+.menu {
+	background-color: #bdd9ef;
+	color: #000022;
+	font-size: small
+}
+h4.menu { 
+	font-weight: bold;
+	font-size: small;
+	color: #3e9fef
+}
+
+.linkbox {
+	background-color: #ffffff
+}
+
+.linkboxtitle {
+	font-weight: bold;
+	background-color: #000000;
+	color: #bdd9ef
+}
+
+.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/www-ssl/css/style2.css b/www-ssl/css/style2.css
new file mode 100755
index 00000000..e8510809
--- /dev/null
+++ b/www-ssl/css/style2.css
@@ -0,0 +1,117 @@
+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: #aa8822;
+<!-- #ffeba2  -->
+	color: #000000
+}
+
+.contenttopic {
+        font-weight: bold;
+        font-size: small;
+        color: #ffffff;
+        background-color: #ff1111
+}
+<!-- #157cc1 -->			
+
+
+a.title {
+	color:#ffa000;	
+}
+.border {
+        background-color: #050509
+	}
+
+.menu {
+        background-color: #bdd9ef;
+        color: #000022;
+        font-size: small
+}
+
+h4.menu {
+        font-weight: bold;
+        font-size: small;
+        color: #3e9fef
+}
+
+.linkbox {
+        background-color: #ffffff
+}
+
+.linkboxtitle {
+        font-weight: bold;
+        background-color: #000000;
+        color: #bdd9ef
+}
+
+.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/www-ssl/css/style3.css b/www-ssl/css/style3.css
new file mode 100755
index 00000000..ca45d73c
--- /dev/null
+++ b/www-ssl/css/style3.css
@@ -0,0 +1,105 @@
+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/www-ssl/css/style4.css b/www-ssl/css/style4.css
new file mode 100755
index 00000000..b818c9c9
--- /dev/null
+++ b/www-ssl/css/style4.css
@@ -0,0 +1,70 @@
+
+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/www-ssl/css/style5.css b/www-ssl/css/style5.css
new file mode 100755
index 00000000..4a8f7bcc
--- /dev/null
+++ b/www-ssl/css/style5.css
@@ -0,0 +1,79 @@
+
+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/www-ssl/css/style6.css b/www-ssl/css/style6.css
new file mode 100755
index 00000000..72e1024d
--- /dev/null
+++ b/www-ssl/css/style6.css
@@ -0,0 +1,68 @@
+
+body {
+	font-family: Arial, Helvetica, sans-serif;
+	background-color: #121327;
+	color: #FFFFFF;
+	font-size: small
+}
+
+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 {
+	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;
+}
diff --git a/www-ssl/css/style7.css b/www-ssl/css/style7.css
new file mode 100755
index 00000000..297f1d0c
--- /dev/null
+++ b/www-ssl/css/style7.css
@@ -0,0 +1,70 @@
+
+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/www-ssl/css/style8.css b/www-ssl/css/style8.css
new file mode 100755
index 00000000..91d3b325
--- /dev/null
+++ b/www-ssl/css/style8.css
@@ -0,0 +1,70 @@
+
+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/www-ssl/css/style9.css b/www-ssl/css/style9.css
new file mode 100755
index 00000000..4310ca8c
--- /dev/null
+++ b/www-ssl/css/style9.css
@@ -0,0 +1,84 @@
+
+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;
+}