/* ==================================================== */
/* Gallery */
/* ==================================================== */
div.gallery {
  margin: 2px; margin-bottom:8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  float: left;
  max-width: 245px;
}
div.gallery:hover {
  border: 1px solid #777;
  border-radius: 4px;
}
div.gallery img {
  max-width: 100%;
  height: 165px; 
}
div.desc {
  padding: 15px;
  text-align: center;
  font-size:90%;
  height: 85px; 
}

/* Foto des Monats: index.php*/
div.galleryFdM {
  margin: 0px; margin-bottom:5px;
  float: left;
  max-width: 500px;
}
div.galleryFdM:hover {
  border: 0px;
}
div.galleryFdM img {
	border: 1px solid #777; 
	background-color: Whitesmoke;
	border-radius: 4px;
	max-width: 500px;
	height: auto; 
}
/* Foto des Monats: foto-des-monats.php*/
div.desc_FdM {
  padding: 15px;
  text-align: center;
  font-size:90%;
  height: 50px; 
}

/* Responsive Design */
.responsive {
  padding: 0 5px;
  float: left;
}

@media only screen and (max-width: 700px) {
  .responsive {
    max-width: 49.99999%;
    margin: 5px 0;
  }
  .responsiveFdM {
    max-width: 49.99999%;
    margin: 0 0; margin-bottom:50px;
  }
}
@media only screen and (max-width: 500px) {
  .responsive, .responsiveFdM {
    max-width: 100%;
  }
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/* ==================================================== */
/* Fotogalerie: Abbildung, Bildunterschrift - einzeilig */
/* ==================================================== */
div.abbildung {
	text-align:left; line-height:1.8em; 
	color: #666666; font-size:0.9em; 
	margin-top:-15px; margin-bottom:0px; 
	padding-top:0px; padding-bottom:15px; padding-left:2px;  
}

/* ==================================================== */
/* Kapitel */
/* ==================================================== */
.kapitel-liste {
	padding-left: 2px;
	padding-right: 0px; 
}
.kapitelzusatz {
	color: #666666; /* rgb(128, 128, 160); #8080a0 */ 
	font-size:0.8em; line-height:1.6em; 
	text-align:left; 
	padding-left:0px;
	display: inline;
}
.kapitelzusatz_2 {
	color: #666666; /* rgb(128, 128, 160); #8080a0 */
	padding-left: 0px; margin-top: 2px; margin-bottom: 8px; 
	font-size: 10px; line-height:20px; 
	display:inline; 
}

/* ==================================================== */
/* Themen Auflistung */
/* ==================================================== */
ul.themenlist {
  list-style-type: square;
}