@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,300);

body {
	margin: 0px; 
	padding: 0px 20px; 
	text-align: center; 
	color: rgb(29, 29, 27); 
	font-family: 'Open Sans', Arial, sans-serif; 
	background-color: #0069B4; 
}

a {
	color: rgb(29, 29, 27); text-decoration: none;
}
a:hover {
	color: rgb(226, 6, 19); text-decoration: underline;
}
strong {
	font-weight: bold;
}
b {
	font-weight: bold;
}
p {
	line-height: 22px; font-size: 16px; margin-top: 20px; margin-bottom: 10px;
}
h1 {
	line-height: 44px; font-size: 24px; font-weight: bold; margin-top: 0px; margin-bottom: 0px;
}
img {
	border: 0px currentColor; border-image: none;
}
#content {
	margin: 60px auto 50px; text-align: center; max-width: 850px; background-color: #ffffff;
}
html > body #content {
	max-width: 800px;
}
.block {
	margin-right: auto; margin-left: auto; max-width: 400px;
}
footer {
	background: url(birner-tuer-tor-service-wolfhagen-bg.png) no-repeat bottom right; color: #ffffff; min-height: 430px; position: relative;
}
footer a {
	color: #ffffff; text-decoration: none;
}
footer a:hover {
	color: #000000; text-decoration: underline;
}
footer p {text-align: right; line-height: 1.5; position: absolute; bottom: 20px; right: 30px; margin-top: 100px;}

header {clear: both; max-width: 100%; min-height: 300px;}

.logobox { color: aqua; float: left;}

.logo {
	margin: 40px;
}
.logo img {
	width: 100%; max-width: 280px;
}
.textbox {float: left; padding-right: 30px;
}
.textbox ul {text-align: left; color: #0069B4; font-size: 16px; font-weight: 600;list-style: none;
}
.textbox ul li {margin-bottom: 5px;}
.textbox ul li::before {content: ">"; margin-right: 5px; margin-left: -15px;}


@media screen and (max-width: 530px) { 
header {min-height: 370px;}
}


@media screen and (min-width: 690px) {
header {min-height: 120px;}
	.textbox ul {margin-top: 20px;}
}

@media screen and (min-width: 800px) {
	.textbox ul {margin-top: 40px; margin-left: 50px;}
}