diff --git a/template/config_admin.cs b/template/config_admin.cs
index 5213737..bd35cd2 100644
--- a/template/config_admin.cs
+++ b/template/config_admin.cs
@@ -6,7 +6,7 @@
 	<p><?cs var:html_escape(Lang.Introduction.ConfigAdmin) ?></p>
 </div>
 
-<fieldset class="form">
+<fieldset>
 	<legend><?cs var:html_escape(Lang.Legend.ConfigAdmin) ?> </legend>
 
 	<?cs call:form_header("config_admin", "") ?>
diff --git a/template/config_all.cs b/template/config_all.cs
index 66726f8..e292a4f 100644
--- a/template/config_all.cs
+++ b/template/config_all.cs
@@ -6,7 +6,7 @@
 	<p><?cs var:html_escape(Lang.Introduction.ConfigAll) ?></p>
 </div>
 
-<fieldset class="form">
+<fieldset>
 	<legend><?cs var:html_escape(Lang.Legend.ConfigAll) ?> </legend>
 
 	<?cs call:form_header("config_all", "") ?>
diff --git a/template/config_archive.cs b/template/config_archive.cs
index a182690..6b271e8 100644
--- a/template/config_archive.cs
+++ b/template/config_archive.cs
@@ -6,7 +6,7 @@
 	<p><?cs var:html_escape(Lang.Introduction.ConfigArchive) ?></p>
 </div>
 
-<fieldset class="form">
+<fieldset>
 	<legend><?cs var:html_escape(Lang.Legend.ConfigArchive) ?> </legend>
 
 	<?cs call:form_header("config_archive", "") ?>
diff --git a/template/config_encryption.cs b/template/config_encryption.cs
index dfa7f1c..0040e63 100644
--- a/template/config_encryption.cs
+++ b/template/config_encryption.cs
@@ -6,7 +6,7 @@
 	<p><?cs var:html_escape(Lang.Introduction.GnupgOptions) ?></p>
 </div>
 
-<fieldset class="form">
+<fieldset>
 	<legend><?cs var:html_escape(Lang.Legend.GnupgOptions) ?> </legend>
 
 	<?cs call:form_header("config_encryption", "") ?>
diff --git a/template/config_main.cs b/template/config_main.cs
index a1d8c13..b3c3eb7 100644
--- a/template/config_main.cs
+++ b/template/config_main.cs
@@ -6,7 +6,7 @@
 	<p><?cs var:html_escape(Lang.Introduction.ConfigMain) ?></p>
 </div>
 
-<fieldset class="form">
+<fieldset>
 	<legend><?cs var:html_escape(Lang.Legend.ConfigMain) ?> </legend>
 
 	<?cs call:form_header("config_main", "") ?>
diff --git a/template/config_posting.cs b/template/config_posting.cs
index f72f463..59dc3d5 100644
--- a/template/config_posting.cs
+++ b/template/config_posting.cs
@@ -6,7 +6,7 @@
 	<p><?cs var:html_escape(Lang.Introduction.ConfigPosting) ?></p>
 </div>
 
-<fieldset class="form">
+<fieldset>
 	<legend><?cs var:html_escape(Lang.Legend.ConfigPosting) ?> </legend>
 
 	<?cs call:form_header("config_posting", "") ?>
diff --git a/template/config_processing.cs b/template/config_processing.cs
index dbcb62c..a531514 100644
--- a/template/config_processing.cs
+++ b/template/config_processing.cs
@@ -6,7 +6,7 @@
 	<p><?cs var:html_escape(Lang.Introduction.ConfigProcess) ?></p>
 </div>
 
-<fieldset class="form">
+<fieldset>
 	<legend><?cs var:html_escape(Lang.Legend.ConfigProcess) ?> </legend>
 
 	<?cs call:form_header("config_processing", "") ?>
diff --git a/template/config_subscription.cs b/template/config_subscription.cs
index 59f309d..db3ab3c 100644
--- a/template/config_subscription.cs
+++ b/template/config_subscription.cs
@@ -6,7 +6,7 @@
 	<p><?cs var:html_escape(Lang.Introduction.ConfigSub) ?></p>
 </div>
 
-<fieldset class="form">
+<fieldset>
 	<legend><?cs var:html_escape(Lang.Legend.ConfigSub) ?> </legend>
 
 	<?cs call:form_header("config_subscription", "") ?>
diff --git a/template/gnupg_convert.cs b/template/gnupg_convert.cs
index 796a19a..e245665 100644
--- a/template/gnupg_convert.cs
+++ b/template/gnupg_convert.cs
@@ -6,7 +6,7 @@
 	<p><?cs var:html_escape(Lang.Introduction.GnupgConvert) ?></p>
 </div>
 
-<fieldset class="form">
+<fieldset>
 	<legend><?cs var:html_escape(Lang.Legend.GnupgConvert) ?> </legend>
 
 	<?cs call:form_header("gnupg_convert", "") ?>
diff --git a/template/gnupg_generate_key.cs b/template/gnupg_generate_key.cs
index 34c40b6..46585d4 100644
--- a/template/gnupg_generate_key.cs
+++ b/template/gnupg_generate_key.cs
@@ -6,7 +6,7 @@
 	<p><?cs var:html_escape(Lang.Introduction.GnupgGenerateKey) ?></p>
 </div>
 
-<fieldset class="form">
+<fieldset>
 	<legend><?cs var:html_escape(Lang.Legend.GnupgGenerateKey) ?> </legend>
 
 	<?cs call:form_header("gnupg_generate_key", "") ?>
diff --git a/template/gnupg_import.cs b/template/gnupg_import.cs
index 1696cf4..61498d0 100644
--- a/template/gnupg_import.cs
+++ b/template/gnupg_import.cs
@@ -1,4 +1,4 @@
-<fieldset class="form">
+<fieldset>
 	<legend><?cs var:html_escape(Lang.Legend.GnupgKeyImport) ?> </legend>
 	<?cs call:form_header_upload("gnupg_key_upload", "") ?>
 
diff --git a/template/gnupg_public.cs b/template/gnupg_public.cs
index e54f8a3..a6c7549 100644
--- a/template/gnupg_public.cs
+++ b/template/gnupg_public.cs
@@ -8,7 +8,7 @@
 
 <?cs include:TemplateDir + '/gnupg_import.cs' ?>
 
-<fieldset class="form">
+<fieldset>
 	<legend><?cs var:html_escape(Lang.Legend.GnupgPublicKeys) ?> </legend>
 
 	<?cs if:subcount(Data.List.gnupg_keys.public) > 0 ?>
diff --git a/template/gnupg_secret.cs b/template/gnupg_secret.cs
index 7313446..3ab8866 100644
--- a/template/gnupg_secret.cs
+++ b/template/gnupg_secret.cs
@@ -8,7 +8,7 @@
 
 <?cs include:TemplateDir + '/gnupg_import.cs' ?>
 
-<fieldset class="form">
+<fieldset>
 	<legend><?cs var:html_escape(Lang.Legend.GnupgSecretKeys) ?> </legend>
 
 	<?cs if:subcount(Data.List.gnupg_keys.secret) > 0 ?>
diff --git a/template/header.cs b/template/header.cs
index 9c5c0b4..49a5d9b 100644
--- a/template/header.cs
+++ b/template/header.cs
@@ -16,10 +16,10 @@
 </head>
 
 <body>
-	<div id="oben">
+	<div id="top">
 		<div id="perm_nav">
 			<?cs var:Config.PageTitle ?>
 		</div>
-		<h1 class="oben">ezmlm-web</h1>
+		<h1>ezmlm-web</h1>
 	</div>
 
diff --git a/template/list_create.cs b/template/list_create.cs
index 692673d..bd58912 100644
--- a/template/list_create.cs
+++ b/template/list_create.cs
@@ -2,7 +2,7 @@
 	<h1><?cs var:html_escape(Lang.Title.ListCreate) ?></h1>
 </div>
 
-<fieldset class="form">
+<fieldset>
 	<legend><?cs var:html_escape(Lang.Legend.ListCreate) ?> </legend>
 
 	<?cs call:form_header("list_create", "") ?>
diff --git a/template/list_delete.cs b/template/list_delete.cs
index 813b8fb..faab3f5 100644
--- a/template/list_delete.cs
+++ b/template/list_delete.cs
@@ -6,7 +6,7 @@
 	<p><?cs var:html_escape(Lang.Introduction.ListDelete) ?></p>
 </div>
 
-<fieldset class="form">
+<fieldset>
 	<legend><?cs var:html_escape(Lang.Legend.ListDelete) ?> </legend>
 
 	<p><?cs var:html_escape(Lang.Misc.ConfirmDelete) ?></p>
diff --git a/template/show_subscription_log.cs b/template/show_subscription_log.cs
index 0891cea..37c4cfd 100644
--- a/template/show_subscription_log.cs
+++ b/template/show_subscription_log.cs
@@ -2,7 +2,7 @@
 	<h1><?cs var:html_escape(Lang.Title.SubscribeLog) ?></h1>
 </div>
 
-<fieldset class="form">
+<fieldset>
 	<legend><?cs var:html_escape(Lang.Legend.SubscribeLog) ?> </legend>
 
 	<?cs if:subcount(Data.List.SubscribeLog) > 0 ?>
diff --git a/template/subscribers.cs b/template/subscribers.cs
index 984b63b..067090b 100644
--- a/template/subscribers.cs
+++ b/template/subscribers.cs
@@ -33,7 +33,7 @@
 			|| ((Data.List.PartType == 'mod')
 				&& (subcount(UI.Options.Subscribers.Moderators) >0))) ?>
 
-	<fieldset class="form">
+	<fieldset>
 		<legend><?cs var:html_escape(Lang.Legend.RelevantOptions) ?> </legend>
 
 	<?cs call:form_header("config_subscription", "") ?>
@@ -63,7 +63,7 @@
 	((Data.List.PartType == 'deny') && (Data.List.Options.k == 1)) ||
 	((Data.List.PartType == 'digest') && (Data.List.Options.d == 1)) ?>
 
-	<fieldset class="form">
+	<fieldset>
 		<legend>
 			<?cs if:(Data.List.PartType == "allow") ?>	<?cs var:html_escape(Lang.Legend.MembersAllow) ?>
 			<?cs elif:(Data.List.PartType == "deny") ?>	<?cs var:html_escape(Lang.Legend.MembersDeny) ?>
diff --git a/template/textfile_edit.cs b/template/textfile_edit.cs
index 83d92cf..9ae2d42 100644
--- a/template/textfile_edit.cs
+++ b/template/textfile_edit.cs
@@ -9,7 +9,7 @@
 
 <!-- reset text file -->
 <?cs if:(Data.areDefaultTextsAvailable == 1) && (Data.List.File.isDefault == 0) ?>
-	<fieldset class="form">
+	<fieldset>
 		<legend><?cs var:html_escape(Lang.Legend.TextFileReset) ?> </legend>
 
 		<div class="introduction">
@@ -25,7 +25,7 @@
 <?cs /if ?>
 
 <!-- edit text file -->
-<fieldset class="form">
+<fieldset>
 	<legend><?cs var:html_escape(Lang.Legend.TextFileEdit) ?> </legend>
 
 <?cs call:form_header("textfile_reset", "") ?>
diff --git a/template/textfiles.cs b/template/textfiles.cs
index bd12d60..6214591 100644
--- a/template/textfiles.cs
+++ b/template/textfiles.cs
@@ -6,7 +6,7 @@
 	<?cs var:html_escape(Lang.Introduction.TextFiles) ?>
 </div>
 
-<fieldset class="form">
+<fieldset>
 	<legend><?cs var:html_escape(Lang.Legend.TextFiles) ?> </legend>
 
 <?cs call:form_header("select_textfile", "") ?>
diff --git a/www-data/default.css b/www-data/default.css
index 9e87ceb..cbadf62 100644
--- a/www-data/default.css
+++ b/www-data/default.css
@@ -2,56 +2,36 @@ body {
 	margin: 0;
 	padding: 0;
 	font: normal 100% sans-serif;
-	color: #606760;
+	color: #2e3436;
+	background-color: white;
 	}
 
-font.ez {
-	font-style: italic;
-	color: #505050;
-	}
+a { text-decoration: none; }
 
-font.hint { 
-	font-size: 85%;
-	}
 
-font.feature {
-	font-weight: bold;
-	}
+/***************** navbar *************************/
 
 #nav_bar {
 	float: left;
 	width: 20%;
-	margin-left: 1%;
-	margin-right: 1%;
-	margin-bottom: 1%;
-	margin-top: 1%;
-	padding-left: 0.5%;
-	padding-right: 0.5%;
-	padding-top: 1.5%;
-	padding-bottom: 1.5%;
-	background-color: #c0c0b0;
-	border-style: solid;
-	border-width: 2px 2px 1px 1px;
-	border-color: white;
+	color: inherit;
+	background-color: #3465a4;
+	background-image: url(horiz_grad_blue.png);
+	margin: 1%;
+	padding: 1.5% 0;
+	}
+
+#nav_bar * {
+	background-color: transparent;
 	}
 
 #nav_bar hr {
-	color: #707770;
-	background-color: #707770;
 	margin: 10px 30px 10px 10px;
-	align: center;
-	}
-
-
-.nav_group {
-	margin-top: 1%;
-	padding-bottom: 1%;
 	}
 
 #nav_bar ul {
-	color: #af8060;
 	margin: 0;
-	padding-left: 15px;
+	padding-left: 7%;
 	list-style: none;
 	}
 
@@ -66,72 +46,127 @@ font.feature {
 	margin-bottom: 4px;
 	}
 
-
 #nav_bar ul li ul li {
 	/* no space between lower level entries */
 	margin-bottom: 0;
 	}
 
 #nav_bar li a.nav_active {
-	color: #fff;
+	color: #eeeeec;
+	background-color: inherit;
 	}
 
 #nav_bar font.no_link {
-	color: #2f4860;
 	font-style: italic;
+	color: inherit;
+	background-color: inherit;
 	}
 
 #nav_bar a {
-	color: #2f4860;
-	text-decoration: none;
+	color: inherit;
+	background-color: inherit;
 	}
 
 #nav_bar a:hover {
-	background-color: #d8d8d8;
-	color: #2f4860;
+	color: #fce94f;
+	background-color: inherit;
 	}
 
-#nav_bar form.select select {
-	background-color: #c8c8b8;
+#nav_bar form select {
+	color: inherit;
+	background-color: #729fcf;
 	border-width: 1px;
 	border-style: solid;
-	border-color: #707070;
-	color: #2f4860;
-}
+	border-color: #557353;
+	}
 
-#nav_bar form.select button {
-	background-color: #c4c4b4;
+#nav_bar form button {
+	color: inherit;
+	background-color: #babdb6;
 	border-width: 1px;
 	border-style: solid;
-	border-color: #707070;
-}
+	border-color: #557353;
+	}
 
-#nav_bar form.select button:hover {
-	background-color: #d8d8d8;
-	color: #2f4860;
+#nav_bar form button:hover {
+	color: #555753;
+	background-color: #d3d7cf;
 	border-width: 1px;
 	border-style: solid;
-	border-color: #707070;
-}
+	border-color: #557353;
+	cursor: pointer;
+	}
 
-#nav_bar form.select {
+#nav_bar form {
 	margin: 7px 0px 7px 0px;
-}
+	}
+
+
+/***************************** header **************************/
+
+#top {
+	color: #eeeeec;
+	background-color: #cc0000;
+	background-image: url(vert_grad_red.png);
+	background-position: top;
+	}
+
+#top * {
+	background-color: transparent;
+	}
+	
+#top h1 {
+	text-align: left;
+	border-bottom: solid 2px #ffffff;
+	padding: 5px;
+	font-weight: bold;
+	letter-spacing: -1px;
+	margin: 0;
+	}
+
+#top #perm_nav {
+	float: right;
+	padding-right: 5px;
+	font-size: 100%;
+	}
+
+#top #perm_nav a {
+	font-weight: bold;
+	padding-left: 2px;
+	padding-right: 2px;
+	text-decoration: none;
+	}
+
+#top #perm_nav a:hover {
+	color: #e9b96e;
+	background-color: inherit;
+	} 
+
+
+/******************************* content ************************/
 
 #main_content {
-	margin-left: 22%;
 	padding-left: 3%;
 	padding-right: 1%;
-	min-height: 440px;
 	}
 
-#main_content li {
-	list-style: none;
+#main_content #info_title {
+	color: #eeeeec;
+	background-color: #729fcf;
+	background-image: url(horiz_grad_blue_long.png);
+	background-position: left;
+	margin-left: 20%;	/* no background coloring behind the nav bar */
+	margin-top: 0.5%;
+	margin-right: 0.2%;
+	margin-bottom: 0.2%;
+	text-align: center;
+	font-size: 125%;
+	font-style: italic;
 	}
 
-#main_content button {
-	margin-top: 12px;
-	}
+#main_content li { list-style: none; }
+
+#main_content button { margin-top: 12px; }
 
 #main_content ul {
 	line-height: 1.8em;
@@ -141,16 +176,14 @@ font.feature {
 #main_content ul li {
 	padding-top: 2px;
 	padding-bottom: 2px;
-}
-
-#main_content ul li ul {
-	font-size: 85%;
 	}
 
+#main_content ul li ul { font-size: 85%; }
+
 #main_content ul li ul li {
 	padding-top: 0px;
 	padding-bottom: 0px;
-}
+	}
 
 #main_content fieldset {
 	margin-top: 0.5%;
@@ -159,192 +192,18 @@ font.feature {
 	padding-bottom: 1.5%;
 	}
 
-#main_content fieldset.form form ul {
-	padding-left: 10px;
-	}
+#main_content fieldset form ul { padding-left: 10px; }
 
-#main_content fieldset.form form ul li ul {
-	padding-left: 25px;
-	}
+#main_content fieldset form ul li ul { padding-left: 25px; }
 
 #main_content table.list_select {
 	table-layout: fixed;
 	width: 100%;
 	text-align: left;
 	line-height: 1.2em;
-	border-width: 0px;
-	padding-left: 2%;
-	padding-right: 0px;
-	}
-
-div.formfield {
-	font-style: normal;
-	}
-
-#news {
-	background: #e8947c;
-	color: #000000;
-	margin: 1%;
-	padding: 1%;
-	width: 30%;
-	float: right;
-	font-size: 80%;
-	}
-
-#news font.title {
-	font-style: italic;
-	font-size: 110%;
-	}
-
-#news ul.changes {
-	font-size: 90%;
-	margin-top: 0px;
-	}
-
-a:visited {
-	color: #005040;
-	}
-
-#oben {
-	background-color: #2f4860;
-	}
-	
-h1.oben {
-	text-align: left;
-	border-bottom: solid 2px #ffffff;
-	padding: 5px;
-	font-weight: bold;
-	letter-spacing: -1px;
-	color: #ffffff;
-	margin: 0;
-	}
-
-#perm_nav {
-	float: right;
-	padding-right: 5px;
-	font-size: 100%;
-	color: #ffd7f0;
-	background-color: inherit;
-	}
-
-#perm_nav a {
-	font-weight: bold;
-	color: #ffffff;
-	padding-left: 2px;
-	padding-right: 2px;
-	text-decoration: none;
-	}
-
-#perm_nav a:hover {
-	color: #ffcc00;
-	} 
-
-table.gnupg_keys td {
-	padding-right: 10px;
-	}
-
-table.subscribers {
 	border-width: 0;
-	margin: 0;
-	padding: 1%;
-	width: 100%;
-	}
-
-table.subscribers tr, td {
-	margin: 0;
-	padding: 0;
-	}
-
-button {
-	color: #5e5e5e;
-	background-color: #d8d8d8;
-	border: 1px dotted #5e5e5e;
-	font-size: 90%;
-	cursor: pointer;
-	}
-
-button:hover {
-	color: #505050;
-	background-color: #d0d0d0;
-	border: 1px dotted #ACE149;
-	font-size: 90%;
-	cursor: pointer;
-	}
-
-.lid {
-	margin: 0;
-	padding: 3px;
-	border-bottom: solid 1px #606070;
-	background-color: #c0c0b0;
-	font: bold 100% sans-serif;
-	letter-spacing: -1px;
-	color: #ffffff;
-	}
-
-#content {
- 	position: absolute; 
-	right: 0px;
-	width: 85%;
-	font: normal 82% sans-serif;
-	background-color: #ffffff;
-	padding: 2px;
-	}
-
-#content h2 {
-	margin-left: 5px;
-	margin-right: 5px;
-	margin-top: 10px;
-	font-weight: normal;
-	letter-spacing: -1px;
-	color: #2f4860;
-	}
-
-.push {
-	margin: 5px;
-	padding: 0;
-	}
-
-.push p {
-	text-align: justify;
-	}
-
-#info_title {
-	text-align: center;
-	background-color: #c0c0b0;
-	margin-top: 5px;
-	margin-left: 0px;
-	margin-right: 5px;
-	margin-bottom: 2px;
-	color: #ffffff;
-	font-size: 125%;
-	font-style: italic;
-	}
-
-#header {
-	text-align: right;
-	background-color: #2f4860;
-	font-size: 90%;
-	color: #ffffff;
-	margin: 0;
-	top: 0;
-	width: 100%;
-	}
-
-#footer {
-	text-align: center;
-	background-color: #2f4860;
-	font-size: 90%;
-	color: #ffffff;
-	margin: 0px;
-	padding: 3px;
-	}
-
-#footer a {
-	color: #a0d0b0;
-	}
-
-#footer a:visited {
-	color: #a0d0b0;
+	/* padding-left: 2%; */
+	padding-right: 0;
 	}
 
 #main_content div.introduction {
@@ -362,22 +221,70 @@ button:hover {
 	font-size: 90%;
 	}
 
-#main_content div.success {
-	background-color: #40d070;
-	color: #202020;
-	}
-
-#main_content div.warning {
-	background-color: #e0a0a0;
-	color: #202020;
-	}
-
+#main_content div.success,
+#main_content div.warning,
 #main_content div.error {
-	background-color: #d05050;
-	color: #202020;
+	color: #2e3436;
+	background-color: inherit;
 	}
 
-.mail {
-	font-style: italic;
-	color: #2f4860;
+#main_content div.warning { background-color: #40d070; }
+
+#main_content div.warning { background-color: #e0a0a0; }
+
+#main_content div.error { background-color: #cc0000; }
+
+#main_content table.gnupg_keys td {
+	padding-right: 10px;
 	}
+
+#main_content table.subscribers {
+	border-width: 0;
+	margin: 0;
+	padding: 1%;
+	width: 100%;
+	}
+
+#main_content table.subscribers tr, #main_content table.subscribers td {
+	margin: 0;
+	padding: 0;
+	}
+
+#main_content button {
+	color: #555753;
+	background-color: #d3d7cf;
+	border: 1px dotted #555753;
+	font-size: 90%;
+	cursor: pointer;
+	}
+
+#main_content button:hover {
+	color: #555753;
+	background-color: #d3d7cf;
+	border: 1px dotted #ace149;
+	font-size: 90%;
+	cursor: pointer;
+	}
+
+/************************** footer ******************************/
+
+#footer {
+	color: #eeeeec;
+	background-color: #cc0000;
+	background-image: url(vert_grad_red.png);
+	background-position: center;
+	clear: left;	/* do not overlap with left navigation bar */
+	text-align: center;
+	font-size: 90%;
+	margin: 0px;
+	padding: 3px;
+	}
+
+#footer * { background-color: transparent; }
+
+#footer a,
+#footer a:visited {
+	color: #fce94f;
+	background-color: transparent;
+	}
+
diff --git a/www-data/graphics-template.svg b/www-data/graphics-template.svg
new file mode 100644
index 0000000..688f6fd
--- /dev/null
+++ b/www-data/graphics-template.svg
@@ -0,0 +1,257 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="744.09448819"
+   height="1052.3622047"
+   id="svg2"
+   sodipodi:version="0.32"
+   inkscape:version="0.44.1"
+   sodipodi:docbase="/home/lars/subversion/ezmlm-web/trunk/www-data"
+   sodipodi:docname="graphics-template.svg">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient3680">
+      <stop
+         style="stop-color:#729fcf;stop-opacity:1;"
+         offset="0"
+         id="stop3682" />
+      <stop
+         id="stop4573"
+         offset="0.30065361"
+         style="stop-color:#3465a4;stop-opacity:1;" />
+      <stop
+         style="stop-color:#729fcf;stop-opacity:1;"
+         offset="1"
+         id="stop3686" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient3681">
+      <stop
+         style="stop-color:#a40000;stop-opacity:1;"
+         offset="0"
+         id="stop3683" />
+      <stop
+         id="stop5459"
+         offset="0.5"
+         style="stop-color:#ef2929;stop-opacity:1;" />
+      <stop
+         style="stop-color:#ef2929;stop-opacity:1;"
+         offset="1"
+         id="stop3685" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient2788">
+      <stop
+         id="stop2790"
+         offset="0"
+         style="stop-color:#3465a4;stop-opacity:1;" />
+      <stop
+         style="stop-color:#729fcf;stop-opacity:1;"
+         offset="0.5"
+         id="stop2794" />
+      <stop
+         id="stop2792"
+         offset="1"
+         style="stop-color:#729fcf;stop-opacity:1;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2788"
+       id="linearGradient2786"
+       x1="50.083374"
+       y1="624.87115"
+       x2="450.08337"
+       y2="624.87115"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(0,-213.9658)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3681"
+       id="linearGradient3687"
+       x1="47.064362"
+       y1="119.26222"
+       x2="147.06436"
+       y2="119.26222"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1,0,0,1.25,22.19786,-256.1422)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3680"
+       id="linearGradient2793"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(2,0,0,1,-60.99997,50.21641)"
+       x1="50.083374"
+       y1="624.87115"
+       x2="450.08337"
+       y2="624.87115" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     gridtolerance="10000"
+     guidetolerance="10"
+     objecttolerance="10"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.45801722"
+     inkscape:cx="372.04724"
+     inkscape:cy="526.18109"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     inkscape:window-width="1014"
+     inkscape:window-height="688"
+     inkscape:window-x="0"
+     inkscape:window-y="26" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/2.5/" />
+        <dc:title>ezmlm-web graphics</dc:title>
+        <dc:date>2007-04-09</dc:date>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Lars Kruse &lt;devel@sumpfralle.de&gt;</dc:title>
+          </cc:Agent>
+        </dc:creator>
+        <dc:rights>
+          <cc:Agent>
+            <dc:title>Lars Kruse &lt;devel@sumpfralle.de&gt;</dc:title>
+          </cc:Agent>
+        </dc:rights>
+        <dc:publisher>
+          <cc:Agent>
+            <dc:title>Lars Kruse &lt;devel@sumpfralle.de&gt;</dc:title>
+          </cc:Agent>
+        </dc:publisher>
+        <dc:identifier>https://svn.systemausfall.org/svn/ezmlm-web/trunk/www-data/graphics-template.svg</dc:identifier>
+        <dc:source>https://svn.systemausfall.org/svn/ezmlm-web/trunk/www-data/graphics-template.svg</dc:source>
+        <dc:language>en</dc:language>
+        <dc:subject>
+          <rdf:Bag>
+            <rdf:li>ezmlm-web graphics</rdf:li>
+          </rdf:Bag>
+        </dc:subject>
+        <dc:description>some web interface graphics for ezmlm-web</dc:description>
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/2.5/">
+        <cc:permits
+           rdf:resource="http://web.resource.org/cc/Reproduction" />
+        <cc:permits
+           rdf:resource="http://web.resource.org/cc/Distribution" />
+        <cc:requires
+           rdf:resource="http://web.resource.org/cc/Notice" />
+        <cc:requires
+           rdf:resource="http://web.resource.org/cc/Attribution" />
+        <cc:permits
+           rdf:resource="http://web.resource.org/cc/DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://web.resource.org/cc/ShareAlike" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <rect
+       style="opacity:1;fill:url(#linearGradient3687);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:3;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1890"
+       width="100"
+       height="100"
+       x="69.262222"
+       y="-157.06436"
+       transform="matrix(0,1,-1,0,0,0)" />
+    <rect
+       y="370.9054"
+       x="50.083374"
+       height="80"
+       width="400"
+       id="rect1892"
+       style="opacity:1;fill:url(#linearGradient2786);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:3;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       inkscape:export-filename="/home/lars/subversion/ezmlm-web/trunk/www-data/horiz_grad_blue.png"
+       inkscape:export-xdpi="90"
+       inkscape:export-ydpi="90" />
+    <text
+       xml:space="preserve"
+       style="font-size:32px;font-style:normal;font-weight:normal;fill:black;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Bitstream Charter"
+       x="52.399776"
+       y="218.3324"
+       id="text6346"><tspan
+         sodipodi:role="line"
+         id="tspan6348"
+         x="52.399776"
+         y="218.3324">1x100px</tspan><tspan
+         sodipodi:role="line"
+         x="52.399776"
+         y="258.3324"
+         id="tspan6360">90dpi</tspan><tspan
+         sodipodi:role="line"
+         x="52.399776"
+         y="298.3324"
+         id="tspan6350">vert_grad_red.png</tspan></text>
+    <text
+       id="text6352"
+       y="508.71448"
+       x="53.849804"
+       style="font-size:32px;font-style:normal;font-weight:normal;fill:black;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Bitstream Charter"
+       xml:space="preserve"><tspan
+         y="508.71448"
+         x="53.849804"
+         id="tspan6354"
+         sodipodi:role="line">400x1px</tspan><tspan
+         y="548.71448"
+         x="53.849804"
+         sodipodi:role="line"
+         id="tspan6358">90dpi</tspan><tspan
+         id="tspan6356"
+         y="588.71448"
+         x="53.849804"
+         sodipodi:role="line">horiz_grad_blue.png</tspan></text>
+    <rect
+       inkscape:export-ydpi="90"
+       inkscape:export-xdpi="90"
+       inkscape:export-filename="/home/lars/subversion/ezmlm-web/trunk/www-data/horiz_grad_blue_long.png"
+       style="opacity:1;fill:url(#linearGradient2793);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:3;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect2783"
+       width="800"
+       height="80"
+       x="39.166756"
+       y="635.08759" />
+    <text
+       xml:space="preserve"
+       style="font-size:32px;font-style:normal;font-weight:normal;fill:black;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Bitstream Charter"
+       x="42.933186"
+       y="772.89667"
+       id="text2785"><tspan
+         sodipodi:role="line"
+         id="tspan2787"
+         x="42.933186"
+         y="772.89667">800x1px</tspan><tspan
+         id="tspan2789"
+         sodipodi:role="line"
+         x="42.933186"
+         y="812.89667">90dpi</tspan><tspan
+         sodipodi:role="line"
+         x="42.933186"
+         y="852.89667"
+         id="tspan2791">horiz_grad_blue_long.png</tspan></text>
+  </g>
+</svg>
diff --git a/www-data/horiz_grad_blue.png b/www-data/horiz_grad_blue.png
new file mode 100644
index 0000000..4b365f1
Binary files /dev/null and b/www-data/horiz_grad_blue.png differ
diff --git a/www-data/horiz_grad_blue_long.png b/www-data/horiz_grad_blue_long.png
new file mode 100644
index 0000000..aa3ba6b
Binary files /dev/null and b/www-data/horiz_grad_blue_long.png differ
diff --git a/www-data/vert_grad_red.png b/www-data/vert_grad_red.png
new file mode 100644
index 0000000..a0d03cc
Binary files /dev/null and b/www-data/vert_grad_red.png differ