body  {
    margin-bottom: 0px;
    }
body.fotos {
    background-color: rgb(50,50,50);
    } 
body.fotos h2  {
    color: #fff
    }                      
body.fotos .navbar {
    background-color: transparent;
    border: none;
    }
.clear {
      clear:both;
      visibility:hidden;
      }      
.navbar  {              /*  Navigationsleiste dunkelrot färben  */
    background-color: rgb(237, 28, 36);
    }
.navbar .hover,
.navbar .active  { 
    background-color: rgb(237, 28, 36);
    }
                      /*   Schriftfarbe der nav-Leiste   */    
.navbar-inverse .navbar-nav>li>a {
  	color: #fff
}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
  	color: #ffe6e6;
  	background-color: transparent
}
.navbar-inverse .navbar-brand {
  	color: #fff
}
.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover {
	color: #ffe6e6;
	background-color: transparent
}
.nav> li> a:focus, .nav> li> a:hover {
	color: rgb(237, 28, 36);
}
/*
.nav-pills> li {
	background-color: #ffe6e6;  /*  dff0d8 = das helle pastell-Rosa  vorher  #eee;  */
                      /*  Ende der Schriftfarbe    */ 
.nav-pills> li.active>a, .nav-pills> li.active> a:focus, .nav-pills> li.active> a:hover {
	color: rgb(237, 28, 36);
	background-color: #ffe6e6;   
}
.list-group-item.active  {
    color: #fff;
    background-color: rgb(237, 28, 36);
    }
.list-group-item.activerot {
    color: #fff;
    background-color: rgb(237, 28, 36);
    }    
.list-group-item.active a .hover,
.list-group-item.active a .focus,
.list-group-item.active a .active  {
    color: #fff;
    background-color: rgb(237, 28, 36);
    }
.logo {
      position:fixed;
      top:   55px;
      right:  25px;
 /*   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  {
      float:right;
      margin-left:15px;
      margin-right:-5px;
      margin-bottom:15px;
      }
p .datum {
      color: rgb(237, 28, 36);
    	font-weight: bold;      
      }      
/*   p a,
p a:visited,
button.btn.btn-default a   {  /* - - der helle Schalter  -- */
/*      color:#009000;          /* - - Das dunkle Grün #oo55oo - - */
/*      text-decoration:none;
      }      
p a:hover,
p a:active {
      color:#00aa00;       /* - - Das helle Grün #ooaaoo - - */
 /*     text-decoration:underline;      
      }                        */
.btn-default {
	color: #333;
	background-color: #ffe6e6; /*  - - das helle  pastell-rosa - -  */
	border-color: #ccc
  }      
.btn-primary:focus,       /* - - der Hover Effekt des grünen Schalters - - */
.btn-primary.focus {
  color: #fff;
  background-color: rgb(237, 28, 36);    /*  das Dunkelrot    */
  border-color:     rgb(237, 28, 36); 
  } 
.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: #00aa00;
  border-color: #009900;
  }                               
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;
      }
.lth         {
      text-decoration: line-through;
}
div.steckbrief,
div.steckbrief dl,
div.steckbrief dt      {
      margin-left:15px;
      line-height:1.0em;
      }
div.steckbrief dt      {
      float:left;
      line-height:1.0em;
      }
div.steckbrief dd      {
      margin-left:180px;
      margin-bottom:8px;
      line-height:1.0em;
      }
div.steckbrief dd dd      {
      margin-left:80px;
      margin-bottom:6px;
      }        
hr    {
      clear:left;
      height:1px;
      color:#606060;
      margin-top:3px;
      margin-bottom:3px;
      }
*.statistik      {
      width:480px;
      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:10%;  }
*.feld2 { width:20%;  }
*.feld3 { width:70%;  
      }          
footer { 
     width:100%;
     background-color:rgb(237, 28, 36);
     padding:  10px 10px 10px 40px; 
     margin: 0px;
}   
footer h6,
footer p,
footer p a
 {
    color: #fff;
}
footer a:hover,
footer a:focus,
footer a:active {
      color:white;
      text-decoration:underline;
}
.btn-primary  {
    color:  #fff;
    border-color: rgb(0, 120, 0);
    background-color: rgb(237, 28, 36); 
}
div.cut              {   /* clear unsichtbar ohne Platzverbrauch */
      clear:       both;
      height:0px !important;
      margin:       0px; 
      }  
.pagination>li>a, .pagination>li>span {
/*	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;   */
	color: rgb(237, 28, 36);           /*   vorher = #337ab7 = mittelblau  */
	text-decoration: none;
	background-color: #ffe6e6;  /*  = pastel-rosa  /  vorher:  #fff;  */
	border: 1px solid #ddd  /*  vorher: #ddd;  */
}  
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
	z-index: 3;
	color: #fff;            /*  das dunkle Rot der Kopfleiste          */     
	background-color:rgb(237, 28, 36);  /*  dff0d8 = das helle pastell-Rosa  vorher  #eee;  */
	border-color: rgb(237, 28, 36);     /*  vorher:  #23527c;                     */
  }
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	background-color: rgb(237, 28, 36);  /*  das dunkle Grün der Kopfleiste          */    
	border-color: rgb(237, 28, 36);      /*  dunkelroter  Rahmen  */
}