* weitere Spielereien mit dem Layout

cd-template/doku/cryptocd.css

@@ -15,12 +15,32 @@ h1, h2, h3, h4 {
   color: #7fb945;
 }
 
+a {
+  text-decoration: none;
+  color: #f57900;
+  background: none;
+}
+
+a:visited {
+  color: #ce5c00;
+}
+
+a:active {
+  color: Orange;
+}
+
+a:hover { 
+  color: #fcaf3e;
+  text-decoration: underline;
+}
+
+/*
 a:link, a:visited {
   color: #7fb945;
 }
 a:hover {
   color: #3f8915;
-}
+}*/
 
 hr {
   height: 1px;
@@ -45,7 +65,7 @@ hr {
 }
 
 #titlebar {
-  background: #336699;
+  background-color: #33436a;
   color: white;
   font-size: 44px;
   text-shadow: 2px 2px 3px gray;
@@ -53,6 +73,7 @@ hr {
   padding-top: 1px;
   padding-left: 16px;
   padding-right: 16px;
+  border-bottom: 6px solid #f57900;
 }
 
 #titlebar .right {
@@ -64,12 +85,18 @@ hr {
 /*  #### Menue  #### */
 #nav {
   float: left;
-  width: 20%;
-  padding: 0;
-  border: 1px solid silver;
-  margin-top: 40px;
-  color: rgb(80,80,80);   
   background-color: transparent;
+  text-align: left;
+  /*position: absolute;
+  top: 130px;
+  right: 10px;*/
+  width: 180px;
+  margin: 0 0 0.5em 2em;
+  padding: 0.75em;
+  font-size: 90%;
+  border:1px solid #ccc;
+  background-color: #f6f6f6;
+  line-height: normal;
 }
 
 #nav a {
@@ -94,6 +121,10 @@ hr {
 
 /* Hauptteil einer Seite */
 
+#toctitle {
+  color: #888;
+}
+
 #main {
   margin-left: 25%;
   padding: 0 1em;
@@ -133,6 +164,22 @@ hr {
   padding-right: 15px;
 }
 
+
+/* #selection - Formatiert die Buttons der Startseite */
+#selection a {
+  text-decoration: none;
+  font-size: 110%;
+}
+
+#selection td {
+  vertical-align: middle;
+  padding: 0.6em 0.6em 0.9em 0;
+}
+
+#selection img {
+  margin: 0;
+}
+
 /* Zitate */
 blockquote {
   font-style:italic;
@@ -161,8 +208,8 @@ caption {
 
 #footer {
   clear: left;
-  border-top: 1px solid #B7B7B7;
-  background: rgb(233,238,249);
+  border-top: 3px solid #B7B7B7;
+  background-color: #33436a;
   margin-top: 30px;
   padding: 15px 15px 0 15px;
   color: #777777;