Person und Gruppen, Fehler korrigiert + Layout

3 files changed, 218 insertions, 161 deletions

diff --git a/public/media/css/style.css b/public/media/css/style.css
index 8390fb2..103ab3d 100644
--- a/public/media/css/style.css
+++ b/public/media/css/style.css
@@ -1,272 +1,329 @@
-body{font-family:sans,arial;
-    width:100%;
-    height:100%;
-    margin:0;
-    padding:0;
+body {
+	font-family: sans, arial;
+	width: 100%;
+	height: 100%;
+	margin: 0;
+	padding: 0;
 }
+
 #logo {
-    height:200px;
-	width:200px;
-    background: url(/media/img/unilogo-200x66.gif) bottom right no-repeat;
+	height: 200px;
+	width: 200px;
+	background: url(/media/img/unilogo-200x66.gif) bottom right no-repeat;
 }
 
 #logo-bar-gray {
-  position:relative;
-  top:116px;
-  left:0px;
-  height:4px;
-  width:132px;
-  background-color: #cacac8;
-  /*border:1px solid red;*/
+	position: relative;
+	top: 116px;
+	left: 0px;
+	height: 4px;
+	width: 132px;
+	background-color: #cacac8;
+	/*border:1px solid red;*/
 }
 
 #logo-bar-red {
-  position:relative;
-  top:0px;
-  left:0px;
-  height:4px;
-  width:22px;
-  background-color: #c1002a;
-  /*border:1px solid red;*/
+	position: relative;
+	top: 0px;
+	left: 0px;
+	height: 4px;
+	width: 22px;
+	background-color: #c1002a;
+	/*border:1px solid red;*/
 }
-#sidepannel{
-	float:left;
+
+#sidepannel {
+	float: left;
 }
+
 #sidepannel li {
-    font-size:11.5px;
-    padding-top:2px;
+	font-size: 11.5px;
+	padding-top: 2px;
 }
 
 #sidepannel ul {
-    padding-left:22px;
+	padding-left: 22px;
 }
 
 #sidepannel ul {
-    font-weight:bold;
+	font-weight: bold;
 }
 
 #sidepannel ul.inner-ul {
-    font-weight:normal;
+	font-weight: normal;
 }
 
 #sidepannel li.li-selected {
-    font-style:italic;
-    font-weight:bold;
-    color:#000033;
+	font-style: italic;
+	font-weight: bold;
+	color: #000033;
 }
+
 #footer {
-	position:fixed;
-	margin:0 auto;
-	width:1000px;
-	clear:both;
-	bottom:0px;
-	
-	border-top:1px solid #ccc;
-    background-color: #eee;
-	
-	 text-align:right;
-    font-size:10.5px;
-    line-height:16px;
-    color:#666;
-    
-  }
-#main{margin-left:200px;width:800px;}
+	position: fixed;
+	margin: 0 auto;
+	width: 1000px;
+	clear: both;
+	bottom: 0px;
+	border-top: 1px solid #ccc;
+	background-color: #eee;
+	text-align: right;
+	font-size: 10.5px;
+	line-height: 16px;
+	color: #666;
+}
+
+#main {
+	margin-left: 200px;
+	width: 800px;
+}
+
 #head-bg {
-    height:116px;
-    background-color: #003592;
+	height: 116px;
+	background-color: #003592;
 }
+
 #head {
-    height:116px;
-    background: url(/media/img/siegel-93x55.png) bottom left no-repeat,
-                url(/media/img/sub-logo-small.gif) bottom right no-repeat;
+	height: 116px;
+	background: url(/media/img/siegel-93x55.png) bottom left no-repeat,
+		url(/media/img/sub-logo-small.gif) bottom right no-repeat;
 }
-#head h1, h2 {
-  color:white;
+
+#head h1,h2 {
+	color: white;
 }
 
 #head h1 {
-    font-size: 22px;
-    padding-top:30px;
-    padding-left:54px;
-    padding-bottom:4px;
-    margin:0; 
+	font-size: 22px;
+	padding-top: 30px;
+	padding-left: 54px;
+	padding-bottom: 4px;
+	margin: 0;
 }
 
 #head h2 {
-    font-size: 12px;
-    padding:0;
-    margin:0;
-    padding-left:64px;
+	font-size: 12px;
+	padding: 0;
+	margin: 0;
+	padding-left: 64px;
 }
+
 #logo-bar-red {
-  position:relative;
-  top:0px;
-  left:0px;
-  height:4px;
-  width:22px;
-  background-color: #c1002a;
-  /*border:1px solid red;*/
+	position: relative;
+	top: 0px;
+	left: 0px;
+	height: 4px;
+	width: 22px;
+	background-color: #c1002a;
+	/*border:1px solid red;*/
 }
+
 #head-titlebar {
-    height:22px;
-    line-height:22px;
-    font-size:13px;
-    padding-left:10px;
-    background-color:#cacac8;
+	height: 22px;
+	line-height: 22px;
+	font-size: 13px;
+	padding-left: 10px;
+	background-color: #cacac8;
 }
-#content{
+
+#content {
 	padding: 10px;
-	font-size:13px;
+	font-size: 13px;
 }
-#debug{
-	text-align:left;
-	position:absolute;
-	top:0px; right:0px;
-	width:400px;
+
+#debug {
+	text-align: left;
+	position: absolute;
+	top: 0px;
+	right: 0px;
+	width: 400px;
 }
-#debug .v1{
-	text-align:right;
+
+#debug .v1 {
+	text-align: right;
 }
-#debug a{
-	font-size:10px;
-	margin-right:5px;
-	color:#009;
+
+#debug a {
+	font-size: 10px;
+	margin-right: 5px;
+	color: #009;
 }
+
 #debug a img {
-	border:none;
+	border: none;
 }
-/* ###################################################### */
 
+/* ###################################################### */
 #nav {
-border-bottom:1px solid #000;
-border-top:1px solid #000;
-background-color:#CCE7FF;
-padding:5px 10px;
+	border-bottom: 1px solid #000;
+	border-top: 1px solid #000;
+	background-color: #CCE7FF;
+	padding: 5px 10px;
 }
 
 #nav ul {
-margin:2px;
-padding:8px;
+	margin: 2px;
+	padding: 8px;
 }
 
 #nav li {
-display:inline;
-list-style-type:none;
-padding-right:10px;
-font-family:verdana;
-font-size:12px;
+	display: inline;
+	list-style-type: none;
+	padding-right: 10px;
+	font-family: verdana;
+	font-size: 12px;
 }
 
 #nav li a {
-color:#000;
+	color: #000;
 }
 
 #content h1 {
-display:block;
-text-align:center;
-margin:5px auto;
+	display: block;
+	text-align: center;
+	margin: 5px auto;
 }
-#content h2{
-	display:block;
-	text-align:center;
-	color:#000;
+
+#content h2 {
+	display: block;
+	text-align: center;
+	color: #000;
 }
 
 table {
-width:100%;
+	width: 100%;
 }
 
 th {
-font-size:12px;
-border:1px solid #999;
+	font-size: 12px;
+	border: 1px solid #999;
 }
 
 td {
-font-size:12px;
-border:1px solid #CCC;
+	font-size: 12px;
+	border: 1px solid #CCC;
 }
 
 .addbutton {
-	float:right;	
+	float: right;
 }
-.addbutton:before{
-	content: url(/media/img/create.png)' ';
+
+.addbutton:before {
+	content: url(/media/img/create.png) ' ';
+}
+
+.rightbutton {
+	float: right;
+}
+
+.personDiv {
+	border: 1px solid #CCC;
+	margin-bottom: 10px;
+}
+
+.personColorDiv {
+	border: 1px solid #CCC;
+	margin-bottom: 10px;
+	background-color: #FFF5CC;
 }
 
 .monospace {
-font-family:Courier New, monospace;
+	font-family: Courier New, monospace;
 }
 
 dl.zend_form dt {
-width:120px;
-float:left;
-font-family:verdana, arial;
-font-size:12px;
+	width: 120px;
+	float: left;
+	font-family: verdana, arial;
+	font-size: 12px;
 }
 
 dl.zend_form dd {
-margin-left:120px;
+	margin-left: 120px;
 }
 
 dl.zend_form dd * {
-font-size:12px;
+	font-size: 12px;
 }
 
 tr.entry {
-background-color:#FFF5CC;
+	background-color: #FFF5CC;
 }
 
 tr.detail>td {
-border:none;
+	border: none;
 }
-td.arrowtop{
-vertical-align:top;
-text-align:center;
+
+td.arrowtop {
+	vertical-align: top;
+	text-align: center;
 }
 
 tr.detail table tr td {
-background-color:#E2EFE1;
+	background-color: #E2EFE1;
 }
 
-tr td.action{
-	text-align:center;
-	width:20px;
+tr td.action {
+	text-align: center;
+	width: 20px;
+}
+
+td.action img {
+	border: none;
+}
+
+.clear {
+	clear: both;
+}
+
+.bold {
+	font-weight: bold;
+}
+
+.footer {
+	text-align: right;
+	font-size: 10px;
+	font-family: Verdana, Arial;
+	padding: 10px 0px 10px 0px;
 }
-td.action img{border:none;}
-.clear{clear:both;}
-.footer{text-align:right;font-size:10px;font-family:Verdana, Arial;padding:10px 0px 10px 0px;}
 
 /* boxes */
-.okbox, .warningbox, .errorbox, .infobox {
-	margin:10px 0px;
-	padding:10px 10px 10px 40px;
-	border-width:1px;
-	color:#555;
+.okbox,.warningbox,.errorbox,.infobox {
+	margin: 10px 0px;
+	padding: 10px 10px 10px 40px;
+	border-width: 1px;
+	color: #555;
 }
-.checkbox a, .warningbox a, .errorbox a{	
-	color:#555;
+
+.checkbox a,.warningbox a,.errorbox a {
+	color: #555;
 }
-.infobox  a{
-	color:#777;
+
+.infobox  a {
+	color: #777;
 }
-.warningbox{
-	border:1px solid #CCC;
-	background: #FFFFAA url('/media/img/box_warning.png') no-repeat;	
-	background-position:10px center;	
+
+.warningbox {
+	border: 1px solid #CCC;
+	background: #FFFFAA url('/media/img/box_warning.png') no-repeat;
+	background-position: 10px center;
 }
-.errorbox{	
-	border:1px solid #990000;
+
+.errorbox {
+	border: 1px solid #990000;
 	background: #FF9999 url('/media/img/box_error.png') no-repeat;
-	background-position:10px center;
+	background-position: 10px center;
 }
-.okbox{	
-	border:1px solid #339933;
+
+.okbox {
+	border: 1px solid #339933;
 	background: #BBFFBB url('/media/img/box_check.png') no-repeat;
-	background-position:10px center;
+	background-position: 10px center;
 }
-.infobox{
-	border:1px solid #CCC;
+
+.infobox {
+	border: 1px solid #CCC;
 	background: #FFFFFF url('/media/img/box_info.png') no-repeat;
-	background-position:10px center;
-	color:#777;
-}
+	background-position: 10px center;
+	color: #777;
+}
\ No newline at end of file
diff --git a/public/media/img/save.png b/public/media/img/save.png
new file mode 100644
index 0000000..5cb71bd
--- /dev/null
+++ b/public/media/img/save.png
diff --git a/public/media/img/show.png b/public/media/img/show.png
new file mode 100644
index 0000000..2a29102
--- /dev/null
+++ b/public/media/img/show.png