/*lieber die blaue Variante */
/*
 body { color:#faebd7; background-color:#697ee1; }  
 body { background-image:url(gradientBG_styleBlue.jpg); background-repeat:repeat-y ;}
*/
 
/*
  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; }
*/  

  .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.Black:hover        {
    color:#000000; background-color:#FFDEAD;
  }
   .folder.Blue:hover        {
        background-color        :       #798ee1;
  }
  #treecontrol{
	position: relative;
	left: 5px;
	top: 30px;
  }

  #treecontrol a{
	text-decoration: none;
  }

   .folder.Metal:hover        {
         color:#2000CC; background-color:#eee;
  }

   .buttonStyle{
        text-align             :       center;
        border-color           :      #642;
        background-color      :       #000;
        color                   :       #faebd7;       
        border                  :       6px groove #c0c0c0;
        z-index                 :       10;
        padding                 :       3px;
        cursor                  :       pointer;  
   }

   .buttonStyle.Black{
        border-color           :      #642;
        background-color      :       #000;
        color                   :       #faebd7;       
   }
   .buttonStyle.Blue{
        border-color           :      #c0c0c0;
        background-color      :       #697ee1;
        color                   :       #faebd7;       
   }
   .buttonStyle.Metal{
        border-color           :      #c0c0c0;
        background-color      :       #eee;
        color                   :       #000;       
   }

   /*auch hier: hintereinander weg*/
   .buttonStyle.top{
        border-top             :       0px;
   }
   .buttonStyle.top.left{
        border-left             :       0px;
   }
   
   .lineButtonStyle{
        text-align              :       center;
        border                  :       1px solid #697ee1;
        z-index                 :       10;
        padding                 :       1px 6px;
        cursor                  :       pointer;
   }
   .lineButtonStyle.Black{
        border-color           :      #642;
        background-color      :       #000;
        color                   :       #faebd7;       
   }
   .lineButtonStyle.Blue{
        border-color           :      #c0c0c0;
        background-color      :       #697ee1;
        color                   :       #faebd7;       
   }
   .lineButtonStyle.Metal{
        border-color           :      #10a;
        background-color      :       #ddd;
        color                   :       #000;       
   }

   
  #divButtonNavigation{
        position                :       fixed;
        top                     :       0px;
        left                    :       45px;
        width                   :       30px;        
        display                 :       none;        
  }
  
  #divButtonNavigationHide{
        position                :       fixed;
        top                     :       0px;
        left                    :       100px;
        width                   :       30px;
  }
  #divButtonStyle{
        position                :       fixed;
        top                     :       0px;
        left                    :       0px;
        width                   :       30px;
  }
 
 
  #divNavigation {
    position                    :       fixed;
    top                         :       0px;
    left                        :       0px;
    padding-top                 :       50px;
    padding-right               :       20px;
    min-width                   :       250px;
    float                       :       left;
    z-index                     :       5;
    cursor                      :       text;
    border-right                :       1px solid #aaa;
    border-bottom               :       1px solid #aaa;
  }

  #divNavigation.Black {
    background-color           :       #000;
    color                       :      #ffdead;
    border-color                :      #642;
  }
  #divNavigation.Blue {
    background-color            :       #697ee1;
    color                       :       #faebd7;
    border-color                :      #c0c0c0;
  }
  #divNavigation.Metal {
    background-color            :       #eee;
    color                       :       #000;
    border-color                :      #c0c0c0;
  }
 
 #content {
    margin-top                  :       50px;
    margin-right		:       50px; /*platz fuer seitenleiste/dock von krWindow, auch wenn es nicht genutzt wird, egal */
    /*margin-left                 :       350px;*/
    /* display                     :       none; */
    /* background-color            :       blue; */
  }
  #gallery  a:hover { color: #fff; }


  .h {
    display                     :               none;
  }
  
  .bottom 
   {
    width                       :       95%;
    /*position                    :       absolute; */
    margin-top                  :       20px;
    margin-bottom               :       0px;
    /* bottom                      :       0px;*/ 
    clear			:  both ; /*float beenden*/	
  }
  
  #navigationTree {
       margin-top: 2em;
  }