layout geändert

4 files changed, 121 insertions, 36 deletions

diff --git a/public/media/css/style.css b/public/media/css/style.css
index 24e357b..6c749bb 100644
--- a/public/media/css/style.css
+++ b/public/media/css/style.css
@@ -1,39 +1,124 @@
-html {
-background-color:#E5F3FF;
+body{font-family:sans,arial;
+    width:100%;
+    height:100%;
+    margin:0;
+    padding:0;
 }
-
-#wrapper {
-width:800px;
-border:1px solid #000;
-background-color:#FFF;
-margin:10px auto;
-}
-
-#innerwrapper {
-font-family:verdana, arial;
-padding:20px 20px 0px 20px;
-}
-
 #logo {
-text-align:center;
-font-family:Verdana,Arial;
-font-size:3em;
-font-weight:bold;
-padding:5px;
-height:1.5em;
-background-image: -webkit-gradient(
-    linear,
-    left bottom,
-    left top,
-    color-stop(0, rgb(204,231,255)),
-    color-stop(1, rgb(179,220,255))
-);
-background-image: -moz-linear-gradient(
-    center bottom,
-    rgb(204,231,255) 0%,
-    rgb(179,220,255) 100%
-);
-}
+    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;*/
+}
+
+#logo-bar-red {
+  position:relative;
+  top:0px;
+  left:0px;
+  height:4px;
+  width:22px;
+  background-color: #c1002a;
+  /*border:1px solid red;*/
+}
+#sidepannel{
+	float:left;
+}
+#sidepannel li {
+    font-size:11.5px;
+    padding-top:2px;
+}
+
+#sidepannel ul {
+    padding-left:22px;
+}
+
+#sidepannel ul {
+    font-weight:bold;
+}
+
+#sidepannel ul.inner-ul {
+    font-weight:normal;
+}
+
+#sidepannel li.li-selected {
+    font-style:italic;
+    font-weight:bold;
+    color:#000033;
+}
+#footer {
+	position:absolute;
+	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;
+}
+#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;
+}
+#head h1, h2 {
+  color:white;
+}
+
+#head h1 {
+    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;
+}
+#logo-bar-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;
+}
+#content{
+	padding: 10px;
+	font-size:13px;
+}
+/* ###################################################### */
 
 #nav {
 border-bottom:1px solid #000;
@@ -59,12 +144,12 @@ font-size:12px;
 color:#000;
 }
 
-h1 {
+#content h1 {
 display:block;
 text-align:center;
 margin:5px auto;
 }
-h2{
+#content h2{
 	display:block;
 	text-align:center;
 }
diff --git a/public/media/img/siegel-93x55.png b/public/media/img/siegel-93x55.png
new file mode 100755
index 0000000..9a6ba1d
--- /dev/null
+++ b/public/media/img/siegel-93x55.png
diff --git a/public/media/img/sub-logo-small.gif b/public/media/img/sub-logo-small.gif
new file mode 100755
index 0000000..faa5b8e
--- /dev/null
+++ b/public/media/img/sub-logo-small.gif
diff --git a/public/media/img/unilogo-200x66.gif b/public/media/img/unilogo-200x66.gif
new file mode 100755
index 0000000..a7e6666
--- /dev/null
+++ b/public/media/img/unilogo-200x66.gif