<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* Sponeck - CSS file  horizontale Navigation*/

* {
   margin: 0;
   padding:0;
   }

#container {   /*Der CONTAINER umschliesst das ganze Bild , inclusive Kopf und Fuß*/
   margin: 0px auto;
   width: 800px;
   background: #fff;
   border: 1px solid navy;
   }

#content{          /*CONTENT umschliesst das ganze Bild bis auf Überscrift und Navigation */
   float:left;
   width: 760px;
   margin: 20px;
   padding: 20px 1px;
   border: 0px solid navy;
  }
h1 {
   text-align: center;
   background:  navy;
   color: yellow;
   font-style: italic;
   padding: 20px;
   margin:0px;
   border-bottom: 1px solid gold;
   }

h2 {
   text-align: center;
   margin: 0px; padding: 2px;
   }

h3 {
   padding: 1px 1px 9px 1px;
  }

ul#navigation{
   list-style-type: none;
   background: navy;
   float:left;
   width:100%;
   border: 1px solid gold;
   }
ul#navigation li{
   display:inline;
   }

ul#navigation a{
   display:block;
   float:left;
   padding: 0.2em 22.5px;
   text-decoration: none;
   color:gold;
   background:navy;
   border-left:  1px solid gold;
   }

ul#navigation a:hover{
   color: navy;
   background: gold;
 }

 p {
   text-indent: 2em;
  }

#footer{
    clear:both;
    background: navy;               /* #d36832 */
    color: gold;
    padding: 0px 20px 2px 20px;
    text-align: right;
    font-size: 80%;
   }
#footer a{
   background: navy;
   color: gold;
   padding: 0px 20px 2px 20px;
   }

div.bilder-1 {
   float: left;
   width: 700px;
   margin: 30px;
   display: inline;
   padding: 1px 2px;
   color: #000;
   text-align: center;
   border: 0px solid yellow;
   }

div.bilder-2 {
   float: left;
   width: 420px;
   margin: 10px;
   display: inline;
   padding: 1px 2px;
   color: #000;
   text-align: center;
   border: 1px solid yellow;
   }
div.rechts {
     float:right;
   margin-left: 10px;
   display: inline;
   text-align: center;
   color: #000;
   padding: 10px 10px 20px 10px;
   border-color:#CCC #999 #999 #CCC;
   border-width: 1px 2px 2px 1px;
   border-style: solid;
   }

div.links {
   float:left;
   margin-right: 10px;
   display: inline;
   text-align: center;
   color: #000;
   padding: 5px 10px 10px 10px;
   border-color:#CCC #999 #999 #CCC;
   border-width: 1px 2px 2px 1px;
   border-style: solid;
   }</pre></body></html>