* {margin:0; padding:0}
body {
  font: 100.01% /* DFKai-SB , ISOCPEUR */  Swis721 LtCn BT, Arial, Verdana, Helvetica,  sans-serif;
  height: 100%;
  text-align: center;
  background-color: white;
  }

#wrapper {  margin: 0 auto;
            width:673px;
            min-height: 100%;
            }

#seite {
            width:900px;
            margin: 0 auto;
            min-height: 100%;
            top: 0;
            background-color: white;
            -webkit-box-shadow: -1px 1px 1px #545454, 1px 1px 1px #545454;
               -moz-box-shadow: -1px 1px 1px #545454, 1px 1px 1px #545454;
                    box-shadow: -1px 1px 1px #545454, 1px 1px 1px #545454;
            border: 0px solid purple;
            }  

#logo {

      height: 4em;
      float: left;
      text-align: left;
      margin-left: 30px;
      margin-top: 0em;
      width: 300px;
      
      padding-bottom: 0em;
      border: 0px solid red;
      background-color: white;

      }

#header {
      
      height: 2.4em;
      margin-left: 330px;     
      text-align: left;
      text-indent: 1em;
      padding-top: 1.6em;
      
     
      
      border: 0px solid purple;
      background-color: white;
      
      
      }
      
      
      

      

      

#navtop {

    height: 35px;                   /* width:100%;  Breite des Bereichs */
    
                       /* margin-top: 0px; Außenabstand oben   */

    padding-top: 2em;           /* margin-bottom: 0px; Außenabstand unten  */
    text-align: center;
                              /* margin-left: 0px; Außenabstand links  */
                            /* margin-right: 0px; Außenabstand rechts */
    border: 0px solid blue;

}

#navtop ul {
   list-style: none;/* keine Aufzählungspunkteleft */
}

#navtop li {
        display: inline;
}


#navtop a {
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    color: white;     
    background:linear-gradient(90deg, #C8A892 1%, #483C32 15%, #ccff00 55%, #483C32 85%, #C8A892 99%);
    border: 0px solid blue;
      
    
    
    /*border-top: 0px grey solid;*/              /* Rahmenfarbe Auflistungpunkt oben */
    /*border-left: 0px grey solid;  */           /* Rahmenfarbe Auflistungpunkt oben */
    /*border-bottom: 1px grey solid; */          /* Rahmenfarbe unten  */
    /*border-right: 0px grey solid; */           /* Rahmenfarbe unten  */
                                /*margin-top: 5em Außenabstand oben  */
    padding-top: 3px;               /* Innenabstand oben  */
    padding-bottom: 3px;            /* Innenabstand unten */
    padding-left: 25px;              /* Innenabstand links */
    padding-right: 25px;             /* Innenabstand rechts */
   /* -webkit-box-shadow: 0px 2px 5px #545454;
       -moz-box-shadow: 0px 2px 5px #545454;
            box-shadow: 0px 2px 5px #545454;  */
}
#navtop a:hover {   -webkit-box-shadow: 0px 0px 10px #ccff00,
                                        0px 0px 20px #ccff00;
                       -moz-box-shadow: 0px 0px 10px #ccff00,
                                        0px 0px 20px #ccff00;
                            box-shadow: 0px 0px 10px #ccff00,
                                        0px 0px 20px #ccff00;
                    color: #ccff66;
}


#aside {
        position: relative;
        margin-top: 0px;
        padding-top: 1em;
        color: black;
        padding-bottom: 4em;
        font-weight: lighter;
        font-size: 12pt;
        border: 0px solid red;
        text-align: left;
        
}

#aside a{ text-decoration: none;
          color: #545454;
          line-height: 0em;
}

#footer {
        position:absolute;
        padding-bottom: 0;
        left: 0;
        width: 100%;
        height: 4em;
        line-height: 2em; 
        text-align: center;
        border: 0px solid blue; 
}

#footer a {
      text-decoration: none;
      color: #545454;
      font-weight: lighter;
}

p {line-height:1.4; margin-bottom:12px}

h3 {
        font-size: 13pt;
        line-height: 35pt;
        color: black;
}

h2 {    
        font-size: 15pt;
        line-height: 35pt; 
        color: black;
}

    h1 {
        -moz-animation-duration: 3s;
        -webkit-animation-duration: 3s;
        -moz-animation-name: slidein;
        -webkit-animation-name: slidein;
        letter-spacing: 0em;
        font-weight: lighter;
        font-size: 28pt;
         
        color: #483C32;
        /*color: hsla(0, 100%, 50%, 0.3);*/
        text-transform: uppercase;
         text-shadow:   2px  1px 1px #333333,
                        0px -2px 1px white,
                        -1px -2px 1px white,
                        -1px 0px 1px white;
                        /*0px 0px 10px red,
                        0px 0px 20px red*/
} 



    @-moz-keyframes slidein {
      from {
        margin-left:100%;
        width:300%
      }

      to {
        margin-left:0%;
        width:100%;
      }
   } 

    @-webkit-keyframes slidein {
      from {
        margin-left:100%;
        width:300%
      }

      to {
        margin-left:0%;
        width:100%;
      }
    }