.clear { clear:both; }
body { background: #666666 url('/img/footer_lodyas.png') repeat left top; }
.pic { float: left;	margin: 0 4px 15px;	width: 280px; height: 210px; border-radius: 15px;
	-webkit-box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.75); -moz-box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.75); }
.pic a { text-indent: -99999px; display: block; }
h1 { font-weight:bold; font-family:"Trebuchet MS",Arial, Helvetica, sans-serif; }
h2 { font-weight: normal; font-size: 14px; color: white; }
#containerGallery{ margin:8px auto; }
#containerGallery p {	font-weight: normal;margin-bottom: 30px; }
#containerGallery a {	color: #AB2222; }
#containerGallery a:hover { text-decoration: underline; }
.topP {	display: block; padding: 20px 20px 1px 20px;	background-color: rgba(155,155,155,1);
	border-top: 2px solid #d9d9d9; border-bottom: 2px solid #d9d9d9; font-size: 1.5em;
	border-radius: 15px; text-align: justify;	-webkit-box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.75);	box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.75);
	margin: 1.5em auto; left: 10px; }
div.fancybox-title { font-size: 1em; }

/* ----------- Different Screens ----------- */

/* Große Bildschirme */
@media only screen and (min-width:1600px){
  #containerGallery{ width: 1184px; }
}

/* Desktop & Laptop */
@media only screen and (min-width: 1025px) and (max-width: 1599px){
  #containerGallery{ width: 832px; }
  .pic{ width: 200px; height: 150px; }
}

/* iPads (Portrait) */
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){
  #containerGallery{ width: 624px; }
  .pic{ width: 200px; height: 150px; }
}

/* iPads (Landscape) */
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation: landscape){
  #containerGallery{ width: 832px; }
  .pic{ width: 200px; height: 150px; }
}

/* Smartphones (Portrait) */
@media only screen and (min-device-width:321px) and (max-device-width:767px) and (orientation:portrait){
  .topP { width: 90%; max-width: calc(100% - 40px); }
  .pic{ width: 120px; height: 90px; }
  #containerGallery{ width: 256px; }
}

/* Smartphones (Landscape) */
@media only screen and (min-device-width:321px) and (max-device-width:767px) and (orientation:landscape){
  .topP { width: 90%; max-width: 700px }
  .pic{ width: 160px; height: 120px; }
  #containerGallery{ width: 336px; }
}


/* Smartphone (Portrait) */
@media only screen and (max-width:320px){

}

/* iPhone 4 */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ration: 1.5){

}