body {
    background-color:    #697ed1;
    color            :    #faebd7;   
  }
  a:link    { color:#200096; text-decoration:underline; font-style:italic; }
  a:visited { color:#200096; text-decoration:underline; font-style:normal; }
  a:active  { color:#200096; text-decoration:none; }  
  h1        { color:#ff0000;}
  
  .goon     { color:       #960096;
              background-color:  #798ee1; 
  }
  .treeview , .treeview ul {  
          margin-left   :  6px;
          padding-left  :  6px;
          list-style    :  none; 
  }
  
  .treeview li { 
      margin-bottom      :  2px ;
      cursor            :  pointer;            
  }
  .folder:hover   {
    background-color    :  #798ee1;
  }
   
  
  #divButtonNavigation{
    background-color    :  #697ee1;
    color                :  #faebd7;   
    position            :  fixed;
    top                  :  0px;
    left                : 0px;
    border-right        :  6px groove #697ee1;
    border-bottom        :  6px groove #697ee1;  
    z-index              :  10;
    padding              :  3px;
    cursor              :  pointer;
    display              :  none;
  }
  #divButtonNavigationHide{
    background-color    :  #697ee1;
    color                :  #faebd7;   
    border-left          :  6px groove #697ee1;
    border-right        :  6px groove #697ee1;
    border-bottom        :  6px groove #697ee1;  
    position            :  fixed;
    top                  :  0px;
    left                :  100px;
    z-index              :  10;
    display              :  block;
    padding              :  3px;
    cursor              :  pointer;
  }
  
  #divButtonBestellAuswahl {
    background-color    :  #697ee1;
    color                :  #faebd7;   
    border-left          :  6px groove #697ee1;
    border-right        :  6px groove #697ee1;
    border-bottom        :  6px groove #697ee1;  
    position            :  fixed;
    top                  :  0px;
    right                :  30px;
    z-index              :  10;
    display              :  none;
    padding              :  3px;
    cursor              :  pointer;
    width                : 200px;
    text-align          : center;
  }
  
  #divBestellung {
    background-color    :  #697ee1;
    color                :  #faebd7;   
    border-left          :  1px solid #ddd;
    border-right        :  1px solid #ddd;
    border-bottom        :  1px solid #ddd;
    position            :  fixed;
    top                  :  0px;
    right                :  270px;  
    display              :  inline-block;
    z-index              :  10;
    padding              :  3px;
    cursor              :  pointer;  
  }
  
  /* gebe diesen das Aussehen von Buttons */
  #divButtonBestellListe,
  #divButtonBestellUebersicht {
         display                   :   inline-block;
         background-color          :    #bbb;
         color                     :     #00A;
         padding                   :    2px;
         border                    :   3px outset #AAA;
  }
  
  #divButtonBestellListe:hover,
  #divButtonBestellUebersicht:hover
  {
        background-color           :    #CCC;         
        color                      :    #00F;  
        border                     :   3px inset #AAA; 
  }
  
    
  
  #divNavigation {
    background-color   :  #697ee1;
    color              :  #faebd7;   
    position           :  absolute;  
    top                :  0px;
    left               : 0px;
    padding-top        :  50px;
    padding-right      :  20px;
    min-width          :  200px;
    display            :  block;
    z-index            :  5;
    cursor             : text;
  }      
  
  #gallery {
      margin-top         :  50px;
      margin-left        :  100px;
      width             :  95%;
      margin-left       :  auto;
      margin-right      :  auto;
      border            :  1px solid #aaa;
      /* background-color    :  blue; */
  }
  
  #gallery  img {
      margin            : 10px;
      border            : 5px solid #3e3e3e;
      border-width      : 5px 5px 10px;
      
  }
  #gallery  a:hover img {
      border            : 5px solid #fff;
      border-width      : 5px 5px 10px;
      color             : #fff;
  }
  #gallery  a:hover { color: #fff; }
    
  .h {
      display           : none;
  }  
  .fileEntry  {
      /* color      :    yellow; */
      display           :    inline-block;
      width             :    220px;
      /* border      :    1px solid; */
      text-align        :    center;
  }
   div.fileEntry > div { /* erster div mit dem Filenamen */
    font-family         :  sans-serif;    
    font-size           :  x-small;
    padding             :  0px 5px; /* oben unten 2. rechts links */
    border              : 0px solid;
    position            :  relative;
    top                 :  -5px;
   }
   
  .bestellung {
    font-family         :  sans-serif;
    font-size           :  x-small;
    text-align          :  center;            
  }
   
  .bestellung  input  {
    font-size           :  xx-small;
    text-align          :  right;    
  }