html, body {
	height:100%;
}

body { 
	background-color:#838b92;
	font-family:Verdana,Tahoma,sans-serif;
	}
	
/* Umschliessender Div-Container */
.outerDiv {
	width: 700px;
	/* height: 1800px; */
	border: none;
	position: relative;
	top:0px;
	left:50%;
	margin-left:-350px;
	margin-top:35px;
	margin-bottom:35px;
	background-color:#b5c0c7;
	font-size:11px;
	color:#ffffff;
}

.outerDiv #inhalt { 
	position: relative;
   	top: 50px;
	left: 200px;
	width: 315px;
	text-align:right;
	font-size:11px;
	font-weight:normal;
	line-height: 18px;
	margin-bottom:100px;
}

h1 {
	font-size:11px;
	font-weight: bold;
}

h2 {
	font-size:11px;
	margin-bottom: 18px;
}

p {
	margin-bottom: 18px;
}

a { 
	color:#666b67; 
	text-decoration:none;
}

.bild {
	max-width: 100%;
	height: auto;
}

.copy {
	line-height: 18px;
}

.copyright {
	font-size: 8px;
	/*vertical-align: super;*/
}

@media screen and (max-width: 620px) {
body {
	background-color:#b5c0c7;
	}
	/* Umschliessender Div-Container */
.outerDiv {
	width: 100%;
	font-size:1em;
	left:0;
	margin-left:0;
	margin-top:15px;
	margin-bottom:15px;
}
.outerDiv #inhalt { 
	position: relative;
   	top: 15px;
	left: 0;
	width: 100%;
	text-align:right;
	font-size:1em;
	font-weight:normal;
	line-height: 1.6em;
	margin-bottom:15px;
}
h1 {
	font-size:1em;
	font-weight: bold;
}

h2 {
	font-size:1em;
}
.bild {
	width: 100%;
	height: auto;
}
.copy {
	line-height: 1.6em;
}
.copyright {
	font-size: 0.8em;
	/*vertical-align: super;*/
}

}