html, body {
margin:0;
padding:0;
border:0;
width:100%;
height:100%;
font-family:Helvetica, Arial, Sans-Serif;
background-color:#eee;
}

.wrapper {
position:absolute;
min-height:100%;
min-width:100%;
height:auto;
width:auto;
}
.content {
position:absolute;
left:50%;
margin-left:-350px;
width:700px;
height:50px;
z-index:3;
padding:35px;
}
.index {
	bottom:15% !important;
}
.imprint .content {
	top:10% !important;
}
.content p {
	font-size:0.8em;
	line-height:1.4em;
	color:#444;
	text-align:center;
	position:bottom;
}
.imprint .content p {
	text-align:justify !important;
}
.imprint .content  p {
	font-size:0.8em;
	line-height:1.4em;
	color:#444;
	text-align:left;
	position:top;
}
.content a {
	color:#444;
	text-decoration:none;
}
.content a:hover {
		color:#777;

}


@media (max-width: 700px) {
.wrapper {
position:absolute;
min-height:100%;
min-width:100%;
height:100%;
width:auto;
}
.content {
position:absolute;
left:0 !important;
margin:0 !important;
width:auto !important;
z-index:3;
padding:20px !important;
}
}