
/* Bilder automatisch skalieren (nur img-tag) */
img
{ max-width: 100%; height: auto; width: auto\9; /* ie8 */ }

/* div mit Inhalt zentrieren */
#content 
{ position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto;	max-width: 1000px; /* Need a specific value to work */ }

/* Anpassungen für mobile Geräte */
.mobBild { text-align:center; float: left; }
.mobAdr { float: left; padding-right: 13px; padding-left: 13px; background-color: #cccccc; margin-right: 3px; }
.mobInh { max-width: 590px; max-height: 428px; float: left; margin-left: 15px; overflow: auto; }
.mobOff { float: left; max-width: 605px; padding: 10px; }
.mobJameda { float: left; margin-top:10px; }

					
@media screen and (max-width: 1024px)
{
  .mobBild { text-align:center; float: left; padding-left: 25px; padding-right: 25px; padding-bottom: 10px; }
	.mobAdr { padding-right: 10px; padding-left: 10px; background-color: #cccccc; border-bottom: 3px white solid; } 
	.mobInh { max-width: 100%; max-height: 100%; float: left; margin-left: 15px;}
	.mobOff { float: left; padding: 10px; margin-left: 15px; }
	.mobJameda { float: left; text-align: center; margin-left: 25px; margin-bottom: 25px;}
}
