* {
	margin:0;
	padding:0;
}
body {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#6b5e54;
	background-color:#d0cac5;
}
h1,h2 {
	clear:both;
	text-align:center;
	margin:0 0 0.5em 0;
}

h3 {
	clear:both;
	text-align:center;
	font-size:3em;
	letter-spacing:1em;
	margin:0;
}
p {
	margin:0 5% 0.8em 5%;
	clear:both;
}
a {
	color:#6b5e54;
}

/*kleinste Größe */
#box {
	width:96%;
	margin:0 auto;
	max-width:1150px;
	background-color:#ffffff;
	overflow:auto;
}
header {
	padding:4px 2%;
	
}
#logo {
	display:block;
	width:80%;
	height:auto;
	max-width:386px;
	margin:16px auto;
	border:none;
}
#adressbox {
	clear:both;
	overflow:auto;
}
#adressbox p {
	font-weight:bold;
	font-size:0.9em;
	line-height:1.2;
	margin-bottom:1.5em !important;
}
.foto_li, .foto_re {
	width:90%;
	height:auto;
	max-width:552px;
	display:block;
	margin:0 auto 20px auto;
}
.foto_li {
	clear:both;
}
.foto_1, .foto_2, .foto_3, .foto_a, .foto_b {
	width:90%;
	height:auto;
	display:block;
	margin:0 auto 20px auto;
}
.foto_mitte_v {
	width:80%;
	max-width:332px;
	height:auto;
	margin:12px auto;
	display:block;
}
.foto_mitte_h {
	width:90%;
	max-width:552px;
	height:auto;
	display:block;
	margin:20px auto 20px auto;
}
.top {
	text-align:center;
}
#footer {
	border-top:4px solid #6b5e54;
	border-bottom:4px solid #6b5e54;
	margin:20px 0;
	padding:20px 0;
}
#footer img {
	width:80%;
	height:auto;
	max-width:270px;
	display:block;
	margin:0 auto 6px auto;
}
#impressum p {
	font-style:italic;
	text-align:right;
	margin-right:2%;
}
#impressum a {
	text-decoration:none;
}
.banner {
	width:100%;
	height:auto;
	margin-top:40px;
}
@media all and (min-width:420px) {
#adressbox p {
	float:left;
	clear:none;
}
}

@media all and (min-width:600px) {
.foto_li {
	float:left;
	width:48%;
	margin-top:30px;
}
.foto_re {
	float:right;
	width:48%;
	margin-top:30px;
}
.foto_1, .foto_2 {
	float:left;
	width:29%;
	margin:20px 6.5% 20px 0;
}
.foto_3 {
	float:right;
	width:29%;
	margin:20px 0;
}
.foto_a {
	float:left;
	width:48%;
	max-width:322px;
	margin-top:30px;
}
.foto_b {
	float:right;
	width:48%;
	max-width:322px;
	margin-top:30px;
}
#footer {
	padding-left:2%;
}
#footer img {
	display:inline;
	width:44%;
	margin:0 2%;
}
}
@media all and (min-width:700px) {
h1 {
	letter-spacing:0.2em;
	padding-top:20px;

}
#footer {
	padding:2% 15%;
}
#footer img {
	width:30%;
	margin:0;
}
.lastfooterimg {
	float:right;
	margin-right:0 !important;
}
}
@media all and (min-width:840px) {
header {
	padding:0;
}
h1 {
	letter-spacing:0.3em;
}
#logobox {
	float:left;
	width:65%;
	margin-top:20px;
}
#adressbox {
	clear:none;
	float:right;
	font-size:1.2em;
	margin-top:100px;
	width:35%;
}
#adressbox p {
	clear:both;
	display:block;
	margin:0 0 0.5em 0;
}

}

@media all and (min-width: 940px) {
.foto_a {
	width:33%;
	margin-left:16%
}
.foto_b {
	width:33%;
	margin-right:16%;
}
}

@media all and (min-width:1080px) {
#logobox {
	width:75%;
	margin-top:30px;
}
#adressbox {
	width:25%;
}
h1 {
	letter-spacing:0.5em;
}
}


@media print {

#box {
	max-width:100%;
}
header {
	padding:4px 0;
}
#adressbox {
	clear:none;
	float:right;
	width:12em;
	margin-top:0;
	font-size:0.9;
}
}