body  {
    margin-bottom: 0px;
    }
body.fotos {
    background-color: #bdbdbd;
    } 
body.fotos h2  {
    color: #fff
    }                      
body.fotos .navbar {
    background-color: transparent;
    border: none;
    }  
.navbar  {     /*  Navigationsleiste beige färben = Buche hell  */
    background-color:  #ffecb0;         /*  beige = Buche hell  */
    }
.navbar .hover,
.navbar .active  { 
    background-color: rgb(0, 136, 0);
    }
.navbar-inverse .navbar-brand {
	  color: #8b4513;             /*  ist dunkelbraun, war vorher hellgrau #9d9d9d    */
    }
.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover {
	  color: #ed0000;
  	background-color: transparent
    } 
.navbar-inverse .navbar-nav>li>a {   /* die kleinen Links in der Navbar  */
	  color: #8b4513; 
    }
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
  	color: #ed0000;
	  background-color: transparent
    }     
a   {
  	color: #8b4513;        /*  vorher: #337ab7; danach 009000  */
	  text-decoration: none  /*  der Schalter unter dem Foto oder Kunstwerk */
    }
a:focus, a:hover {       /*  der Hover-Effekt unter dem Foto oder Kunstwerk */
	color: #ed0000;        /*  rot  */
	text-decoration: underline
}    
.list-group-item.active {
    color: #000;
    background-color: #bdbdbd;
    }
.list-group-item.activerot {
    color: #fff;
    background-color: rgb(237, 28, 36);
    }
.list-group-item.activegreen {
    color: #cc0000;
    background-color: rgb(240,240,240);
    }
.list-group-item.active a .hover,
.list-group-item.active a .focus,
.list-group-item.active a .active  {
    color: red;
    background-color: rgb(0, 136, 0);
    }    
.logo {
      position:fixed;
      top:    25px;
      right:  20px;
      width: 150px;
      height:150px;
      z-index: 2200;
      } 
.folie {
      position:fixed;
      top:    25px;
      right:  10px;
      width: 165px;
      height:155px;
      background-color: silver;
      background-color:hsla(0,0%,100%,0.5); 
      display: block;        /*       border: 1px solid #ccc; */
      border-radius: 60px;
      z-index: 800;
 }          
.row .thumbnail {   /* das ist der hellgraue Rahmen mit gerundeten Ecken */
     height: 125px;    /* einheitlich Höhe = 125 px  */
}
.row .thumbnail img {
     width: auto;
      }
img.minifoto, div.dekobild  {
      float:right;
      width:250px;
      height:auto;      
      margin-left:15px;
      margin-right:-5px;
      margin-bottom:15px;
      }
img.mini {
      float:right;
      width:150px;
      height:auto;      
      margin-left:15px;
      margin-right:-5px;
      margin-bottom:15px;
      }      
p .datum {
      color: #8b4513;
    	font-weight: bold;      
      } 
.btn-primary  {
    color:  #000;
    border-color: #8b4513;       /*  dunkelbrauner Rand  */
    background-color: #ffecb0;   /*  beige = Buche hell  */
    }           
.btn-primary:focus,       /* - - der Hover Effekt des grünen Schalters - - */
.btn-primary.focus {
  color: #fff;
  background-color: #dc7333;
  border-color: #8b4513;
  } 
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: #dc7333;
  border-color: #8b4513;     /*  dunkelbrauner Rand  */
  }                               
div.termine,
div.termine dl,
div.termine dt      {
      line-height:1.5em;
      }
div.termine dt      {
      float:left;
      line-height:1.5em;
      }
div.termine dd      {
      margin-left:135px;
      margin-bottom:16px;
      line-height:1.5em;
      }
div.termine dd dd      {
      margin-left:80px;
      margin-bottom:2px;
      }
hr    {
      clear:left;
      height:1px;
      color:#ffffff;
      margin-top:3px;
      margin-bottom:3px;
      }
br.next {
      clear: both
      }      
*.statistik      {
      width:450px;
      margin:auto;
      border-collapse:collapse;
      background-color:#ffffff;
      }
*.feld1, *.feld2, *.feld3, *.feld4,
*.feld5, *.feld6, *.feld7, *.feld8 {                              
      text-align:center;
      padding:6px;
      padding-bottom:2px;
      border:1px solid #909090;
      } 
*.feld1 { width:35%;  }
*.feld2 { width:25%;  }
*.feld3 { width:40%;  
      }      
footer { 
     width:100%;
     background-color: #ffecb0;   /*  beige = Buche hell  */
     padding:  10px 10px 10px 40px; 
     margin: 0px;
}   
footer h6,
footer p,
footer p a  {
    color: #000
}
footer a:hover,
footer a:focus,
footer a:active {
      color:#ff0000;    /*  rot ist der hover-Effekt im Footer  */
      text-decoration:underline;
}