@media all {
	* {
	  margin: 0;
	  padding: 0;
	}

	* html body * {
	  overflow: visible;
	}

	html {
	  -ms-text-size-adjust: 100%;
	  -webkit-text-size-adjust: 100%;
		font-size: 100%;
	}

	body {	
	  overflow-y: scroll;
		font-family: Arial, Verdana, 'sans serif';
		font-size: 100%;
		color: #777;
	}
	
	p {
		margin-bottom: 1.2em;
		line-height: 1.6em;
	}
	
	a {
		color: #000;
	}

	img {
		width: 100%;
		border: none;
	}
		
	#mainframe {
		max-width: 80em;
		margin: auto;
	}

	main {
		display: block;
		width: 100%;
	}

	header {
		text-align: center;
	}

	header h1 {
		font-size: 1.6em;
		font-weight: normal;
		margin: 2em auto .5em;
	}

	header h1 a > span,
	header h1 > span {
		font-size: .5em;	
	}

	.sep1 {
		clear:both;
		margin-top:3em;
	}

	.centerif {
		display: block;
	}
	.textblock {
		width: 33.3%;
		float:left;
		text-align: justify;
	}
	.textblock1 {
		width: 62%;
		float:left;
	}
	.textblock2 {
		width: 38%;
		float:left;
	}
	.imc1 {
		width:50%;
		float:right;
		margin: 0 0 1em 1em;
	}
	.tbox{
		padding: 1em;
	}

	.albumblock {
		width: 16.6%;
		float:left;
	}

	.albumblock > div{
		padding: 1em;
	}
	.albumblock img {
		width: 100%;
		max-width: 12.5em;
		height: auto;
		display: table;
		margin: .5em auto;
	}
	footer {
		font-size: .6em;
		text-align: right;
		padding:1em;
		color: #eaeaea;
	}

	footer a {
		color: #eaeaea;
		text-decoration: none;
	}
	
	.min8 {
		font-size:.8em;
	}
	
	#impressum {
		font-size: .8em;
		position: absolute;
		top: 0;
		right: 1em;
	}
	
	#impressum a {
		color: #ccc;
	}
}

@media screen and (max-width: 1024px) {	
	body {
		font-size: .9em;
	}
	.centerif {
		display: table;
		margin: auto;
	}
}

@media screen and (max-width: 880px) {	
	.albumblock {
		width: 33.3%;
		float:left;
	}
	.sep1 {
		margin-top: 1em;
	}
	.textblock, .textblock1, .textblock2 {
		width: 100%;
		float:none;
		text-align: left;
	}
}

@media screen and (max-width: 480px) {	
	.albumblock {
		width: 100%;
		float:none;
	}
}