Add details according to mail request
[misc/kostenrechnung] / style.css
index e01dd92..6b1ac0c 100644 (file)
--- a/style.css
+++ b/style.css
@@ -22,106 +22,70 @@ h1 {
 }
 
 h2 {
 }
 
 h2 {
+       font: bold 1.5em Arial, Arial, Sans-Serif;
+       padding: 0;
+       margin-top: 0;
+}
+
+h3 {
        font: bold 1.1em Arial, Arial, Sans-Serif;
        padding: 0;
        font: bold 1.1em Arial, Arial, Sans-Serif;
        padding: 0;
-       margin: 0;
+       margin-top: 0;
 }
 
 div#header {
        width:100%;
 }
 
 div#header {
        width:100%;
-       overflow:hidden;
        background: #BBD9EE;
        background: #BBD9EE;
+       background-image: url('images/fwalogo.gif');
+       background-repeat: no-repeat;
+       background-position: 15px 5px;
 }
 
 }
 
-div#header h1,div#menu {
+div#header h1, div#menu {
        width:770px;
        margin:0 auto;
        text-align:left;
 }
 
 div#header h1 {
        width:770px;
        margin:0 auto;
        text-align:left;
 }
 
 div#header h1 {
-       padding: 30px 0 20px;
-       color: #fff;
-}
-
-ul#nav,ul#nav li {
-       list-style-type:none;
-       margin:0;
-       padding:0;
-}
-
-ul#nav {
-       float:left;
-       font-size: 80%;
-}
-
-ul#nav li {
-       float:left;
-       margin-left: 3px;
-       text-align: center;
-}
-
-ul#nav a {
-       float:left;
-       width: 95px;
-       padding: 5px 0;
-       background: #E7F1F8;
-       text-decoration:none;
-       color: #666;
-       border-top: 1px solid #fff;
-       border-left: 1px solid #fff;
-       border-right: 1px solid #fff;
+    padding-left: 80px;
+    padding-top: 20px;
+    padding-bottom: 30px;
+    color: #fff;
 }
 
 }
 
-ul#nav a:hover {
-       background: #fff;
-       color: #000;
-}
-
-ul#nav li.activelink a,ul#nav li.activelink a:hover {
-       background: #FFF;
-       color: #003;
-}
 
 div.right {
        float: right;
        width: 76%;
 
 div.right {
        float: right;
        width: 76%;
-       padding: 1em;
+       padding: 0;
+       padding-top: 0px;
        margin-bottom: 1.2em;
        margin-bottom: 1.2em;
-       background: #eee;
        text-align: justify;
 }
 
 div.left {
        float: left;
        text-align: justify;
 }
 
 div.left {
        float: left;
-       width: 20%;
-       margin: 0 0 10px 0;
+       width: 23%;
+       margin: 0;
+       padding: 0;
 }
 
 div.left .box {
 }
 
 div.left .box {
-       padding: 1em;
+       padding: 0;
        margin: 0 0 1em 0;
        background: #FFF6BF;
        border: 1px solid #AAA;
 }
 
 p.subtitle {
        margin: 0 0 1em 0;
        background: #FFF6BF;
        border: 1px solid #AAA;
 }
 
 p.subtitle {
-    margin-top: 0px;
+    margin-top: -1.1em;
     margin-bottom: 3px;
 }
 
 div.content {
        font: 95%/1.3 Verdana,Arial,sans-serif;
        margin: 0 auto;
     margin-bottom: 3px;
 }
 
 div.content {
        font: 95%/1.3 Verdana,Arial,sans-serif;
        margin: 0 auto;
-    padding: 15px;
-       background: #fff;
-}
-
-ul {
-       padding: 0;
-       margin: 0;
-}
-
-li {
-       list-style-type: none;
+       padding: 15px;
+       background: #e7f1f8;
 }
 }