
body  {
       
       background-image:radial-gradient(brown,#ffe4b5);
       animation-timing-function:easy-in-out;
       }

#seite{
     animation:erscheinen;
       animation-duration:10s;
      position:relative;
      box-shadow:15px 15px 10px black;
       border-radius:6px;
       background-color:#ffdab9;
       width:60.5em;
      min-height:50em;
       margin-top:10em;
       margin-right:auto;
       margin-bottom:4em;
       margin-left:auto;
      }
#seiten
      {
      position:relative;
      box-shadow:15px 15px 10px black;
       border-radius:6px;
       background-color:#ffdab9;
       width:60.5em;
      min-height:50em;
       margin-top:10em;
       margin-right:auto;
       margin-bottom:4em;
       margin-left:auto;
      }
#liste
      {background-color: peachpuff;
      
       width:13em;
       
       


       }
#nav
     {
      color:white;
       background-color:#800000;
       width:60.5em;
       height:3em;
       margin-bottom:0em;
       border-top-right-radius:6px;
       border-top-left-radius:6px;
     }

li.nav{
      background-color:transparent;
      display:inline;
      
     
      color:#ffdab9;
      width:5.3em;
      margin-top:0em;
      margin-right:0em;
      margin-left:1em;
	  
      
      
      }
ul.leiste{
       border-top-right-radius:6px;
       border-top-left-radius:6px;
        position:absolute;
        top:-4.3em;
        left:15em;
        width:58em;
        color:white;
       }
.welle
      { position:absolute;
        
         top:22.15em;
       
       }
.welleunten
       {
        position:relative;
		clear:both;
		left:0px;
		top: -19px;

        border-bottom-right-radius:0px;
        border-bottom-left-radius:0px;
       }
.beige
       {
        color:#ffdab9;
        }
ul{
  #background-color:green;
   margin-top:1em;
   width:25em;
  }

#header{
      position:relative;
      margin-top:0em;
       width:60.5em;
       height:22em;
       }

.blumen{
       #overflow:hidden;
         width:60.5em;
       height:22em;
      
      }
.anmelden
        {
          color:#800000;
         }

.oben{
       color:#15274f;
       font-style:italic;
       }
#haupt{
        float:right;
        width:40em;
        margin-top:3em;
        margin-right:2em;
        margin-left:1em;
        margin-bottom:2em;
       }

.impressum  {
   clear:both;
   background-color:#800000;
   border-bottom-right-radius:6px;
   
    margin-top:-1.5em;
    margin-bottom:2em;
    text-align:center;
       }
h3
   {
    clear:both;
    color:#ffdab9;
   }
.bild{margin-top:3em;
      margin-bottom:3em;
       display:block;
       width:10em;
       height:15em;
       margin-left:1em;
       border-radius:6px;
      }
.aktuell
         {
          position:relative;
         bottom:-0.1em;
		 font-size:2.5em;
         }
h1{   
      text-align:center;
      margin-top:0em;
      margin-bottom:0em;
      font-size:2.5em;
      color:#15274f;
      }
h1.dl
       {
         padding-top:2em;
        }
h1.gast{
        padding-top:1em;
        margin-bottom:1em;
       }
h1.impressum
           {border:none;
            margin-left:2em;
            }
.liste{
      background-color:#800000;
	  color:#ffdab9;
	  margin-left: 1em;
text-align: center;
      }
.red
      {
      color:#800000;
      }
h1.anwendung{
              text-align:left;
             }
.hypnose{
      margin-top:0em;
      margin-bottom:0em;
      text-align:center;
      font-size:1.5em;
      color:#15274f;
      }
p.adresse{
           margin-top:0em;
           font-size:1.15em;
           }
p.kontakt{
           margin-top:0em;
           font-size:1.5em;
           font-weight:bold;
           color:#ffdab9;
           background-color:#800000;
           padding-left:1em;
           border-radius:3px;
          }
h2{  
      margin-top:0em;
      margin-bottom:0em;
      text-align:center;
      font-size:1.2em;
      color:#15274f;
      }
#text{
       margin-top:0.5em;
       }

.logo{
     
      border-radius:7.5em;
      position:absolute;
      top:-9em;
      left:5em;
      }
.loggo
       {
          border-radius:7.5em;
      position:absolute;
      top:-5em;
      left:5em;
       }
.bildmitte{
        overflow:hidden;
        margin-top:2em;
         margin-right:auto;
         margin-bottom:2em;
         margin-left:auto;
       display:block;
       width:40em;
       height:14em;
       border-radius:6px;
          }
@keyframes aufklappen {
                       0%{ 
                           width:60em;
                           height:0em;
                         }
                      
                      100%{
                           width:60em;
                           height:4.5em;
                          
                         }
                       }
p.übermich{
  text-align:justify;  
   margin-top:0em;
   font-size:1.5em;
  }
p.imp{
       font-weight:bold;
       padding-left:2em;
      }
p
 {
    color:#15274f;
	
  }
p.anwendung
           {
            font-size:1.5em;
           }
      

ul li{
   
    list-style:none;
   
    width:7em;
   # max-height:1.4em;
    background-color:#800000;
    margin-top:1em;
    margin-bottom:1em;
    font-size:1.3em;
     margin-left:-2em;
    border-radius:6px;
    color:#ffe4b5;
    }
ul ul{ position:relative;
       left:-0.2em;
       top:0.5em;
       width:6em;
      # background-color:white;
       display:none;
      }
ul ul li{position:relative;
         top:1em;
         left:1em;
          width:8em;
          background-color:#ffdab9;
           font-size:0.7em;
           margin-bottom:0em;
           margin-top:1em;
          color:#800000;
          border-style:solid;
         border-color:#800000;
        #display:none;
         }


ul li:hover ul {
        display:block;
         animation:aufklappen;
         animation-duration:1.5s;
        }
@keyframes klappen
                {
                  0%{width:60em;
                     height:0em;}
                  100%{width:60em;
                       height:80em;}

                 }



.nett{ #float:left;
        padding-top:2em;
       margin-right:auto;
       margin-left:auto;
       display:block;
       width:45em;
       height:25em;
       border-radius:6px;
       }
.nika {display:block;
       width:15em;
       height:25em;
       border-radius:6px;
       margin-top:2em;
       margin-right:2em;
       margin-left:2em;
       float:left;
       }
.fett{
       font-weight:bold;
      }
a{
       text-decoration:none;
       color:#ffdab9;
   }
a.mail{
        color:#000000;
        font-size:1em;
       }
a.fixed{
        display:block;
        float:left;
        margin-right:1em;
        background-color:#15274f;
        width:5em;
        color:#ffdab9;
        font-size:1.5em;
        font-family:Times New Roman;
        text-align:center;
        border-radius:3px;
       }
a.impressum
      {
       border:none;
       color:#ffdab9;
       }

.subliste{
           color:#800000;
         }
.unterliste1{
           color:#800000;
		   text-align:center;
		   
		   clear:both;
           position:absolute;
           left:12.7em;
         }
.unterliste2{
           color:#800000;
		   text-align:center;
		   clear:both;
           position:absolute;
           left:21.5em;
         }
.unterliste3{
           color:#800000;
		   text-align:center;
		   font-size: 0.5em;
		   clear:both;
           position:absolute;
           left:-0.7em;
         }
		 .unterliste4{
           color:#800000;
		   text-align:center;
		   clear:both;
           position:absolute;
           left:22.7em;
         }
		 .unterliste5{
           color:#800000;
		   text-align:center;
		   font-size:1em;
		   clear:both;
           position:absolute;
           left:14.6em;
         }
		 .unterliste6{
           color:#800000;
		   text-align:center;
		   clear:both;
           position:absolute;
           left:23.3em;
         }
		 		 .unterliste7{
           color:#800000;
		   text-align:center;
		   font-size:1em;
		   clear:both;
           position:absolute;
           left:9.6em;
         }
		 .unterliste8{
           color:#800000;
		   text-align:center;
		   clear:both;
           position:absolute;
           left:22.3em;
         }
		 		 		 .unterliste9{
           color:#800000;
		   text-align:center;
		   font-size:1em;
		   clear:both;
           position:absolute;
           left:9.6em;
         }
		 .unterliste10{
           color:#800000;
		   text-align:center;
		   font-size:0.5em;
		   clear:both;
           position:absolute;
           left:-1.7em;
         }
		 	 .unterlisteI{
           color:#800000;
		   text-align:center;
		   margin-left: 1em;
		   margin-top: -0.9em;
			 }
			  .unterlisteII{
           color:#800000;
		   text-align:center;
		   margin-left: 1em;
		   margin-top: -0.9em;
			 }
a:hover{
         color:black;
         font-weight:bold;
        }

.black{
       background-color:#ffdab9;
       }
@keyframes erscheinen {
                       0%{ 
                            opacity:0;
                         }
                      100%{
                           opacity:1;
                          }
                       }

.glossar{
          color:#15274f;
         font-size:1.5em;
        }
.untermenu{clear:both;
           position:absolute;
           left:17em;
            top:1em;
           width:3em;
           height:15em;
            margin-left:em;
          }
.unterpunkt{
             margin-top:0.1em;
             display:none;
             margin-left:-5em;
            
            }
li.nav:hover li.unterpunkt
             {
              display:block;
               animation:erscheinen;
             animation-duration:1.5s;
              }
#gegenanzeigen{
                width:60.5em;
                margin-top:20em;
                margin-right:auto;
                margin-left:auto;
               # background-color:yellow;
               }

dl {
     width:25em;
     clear:both;
     margin-top:2em;
     margin-right:2em;
     margin-bottom:5em;
     margin-left:2em;
     font-size:2em;
     }
dt{
   border-radius:5px;
   width:10em;
    padding-left:1em;
     margin-left:0em;
    background-color:#800000;
    color:#ffdab9;
    margin-top:1em;
    margin-bottom:1em;
   }
dd
   {
    color:#15274f;
    }

        
.beitrag{
        box-shadow:15px 15px 10px black;
        color:#15274f;
        width:40em;
        margin-top:2em;
        margin-right:auto;
        margin-bottom:2em;
        margin-left:auto;
        background-color:#ffdab9; 
        #border-style:solid;
        #border-weight:1em;
        #border-color:#ffdab9;
        overflow:hidden;
        border-radius:5px;
        padding:2em;
        border-shadow:10px 10px 10 px black;
        }
#senden{ 
          margin-right:auto;
          margin-left:auto;
          overflow:hidden;
           width:46em;
           height:12em;
         
          }
textarea{
        box-shadow:15px 15px 10px black;
       margin-top:-2em;
       overflow:hidden;
       col:99;
       row:50;
       font-size:1.2em;
       color:#15274f;
       border-radius:7px;
       background-color:#ffdab9;
       width:44em;
       height:7em;
       padding:0.5em;
       wrap:hard;
      }
textarea.kontakt{
                  margin-top:0em;
                  background-color:#ffffff;
                  color:#000000;
                  width:30em;
                  height:8em;
                  padding:1em; 
                 }
form{
       margin-top:2.5em;
       margin-right:auto;
       margin-left:auto;
       width:45em;
     }
#fixed{
        position:fixed;
        top:95%;
        left:42%;
       }
table{
       margin-right:auto; 
       margin-left:auto;
       }
#überschrift{
              margin-top:6em;
             }
			 .vid{margin-top:-0.2em;
			 margin-left:1em;
			 font-size:1.4em;}


      
