@media screen {
body {
	font: 100% arial, sans-serif;
	color: #ffffff;
	background-color: #686868;
}
#container {
	margin-left: 3.125%;
	margin-right: 3.125%;
	text-align: center;
}		
#logo {
	padding: 20px 0px 20px 0px;	
	float: left;
	width: 40%;
}
img {
	width: 80%;	
}
#header1 {
	text-align: center;
	width: 100%;
	border-bottom: #ffff00 2px solid;
	padding-top: 35px;
	padding-bottom: 20px;
	font-size: 1.0em;
}
header1.h1 {
	margin-right: 0;
	}
#header2 {
	text-align: center;
	padding-bottom: 0px;
	font-size: 1.1em;			
}
header2.h3 {
	width: 100%;
	margin-right: 0;
}
#emailTel {
	text-align: center;
	margin: auto;
	padding-right: 5px;
	font-size: 1.2em;
}
#emailTel ul {
	list-style-type: none;
	margin: 0;
	padding: 5px;
}
#emailTel li {
	display: inline;
	background-color: rgba(0,255,0,1);
	margin-right: 5px;
	margin-left: 5px;
	padding: 3px 15px 6px 15px;
	border-radius: 7px;
}
#emailTel a {
	color: #686868;
	font-size: 0.7em;
	text-decoration: none;
	font-weight: bold;
}
#baustelle {
	float: left;
	width: 8%;
	position: relative;
	margin-top: 2%;
}
#nav {		
	width: 90%;
	padding: 15px 10px 15px 0px;
	text-align: center;
}
.nav1{		  
	color: #fff;
	background-color: #686868;
	width: 60%;
	margin-right: 10px;
	text-decoration: none;
	padding: 10px 15px;
	border-top: #ffff00 1px solid;
	border-bottom: #ffff00 1px solid;
}		
a.nav1:hover, a.nav1:focus, a.nav1:active{
	border: #ffff00 2px solid;
	background-color: rgba(255,0,0,1);
	color: #ffff00;	
}
.nav2{		  
	color: #fff;
	background-color: #686868;
	width: 100%;
	margin-right: 10px;
	text-decoration: none;
	padding: 10px 15px;
	border-top: #ffff00 1px solid;
	border-bottom: #ffff00 1px solid;
}		
a.nav2:hover, a.nav2:focus, a.nav2:active{
	border: #ffff00 2px solid;
	background-color: rgba(0,255,0,1);
	color: #ffff00;	
}
.nav3{		  
	color: #fff;
	background-color: #686868;
	width: 100%;
	margin-right: 10px;
	text-decoration: none;
	padding: 10px 15px;
	border-top: #ffff00 1px solid;
	border-bottom: #ffff00 1px solid;
}		
a.nav3:hover, a.nav2:focus, a.nav2:active{
	border: #ffff00 2px solid;
	background-color: rgba(0,0,255,1);
	color: #ffff00;	
}
table {
	background-color: #fff;
	border-collapse: collapse;
	-webkit-border-radius:20px 20px 20px 20px;
	-moz-border-radius:20px 20px 20px 20px;
	border-radius:20px 20px 20px 20px;
	border-collapse:collapse;
	width: 80%;
	margin: auto;
}
td {
	text-align: center;
	line-height: 140%;
	vertical-align: top;
	font-size: 1.2em;			
	padding: 13px 5px;
	font-weight: bold;
	color: #0000ff;
}
#footer {
	text-align: center;
	border-top: #ffff00 2px solid;
	margin-right: 0;
	padding-top: 20px;
	width: 100%;
}
#footer ul {
	list-style-type: none;
	margin: 0;
	padding: 5px;
}
#footer li {
	display: inline;
	background-color: #fff;
	margin-right: 5px;
	margin-left: 5px;
	padding: 3px 15px 6px 15px;
	border: #ff0000 1px solid;
	border-radius: 7px;
}
#footer a {
	color: #ff0000;
	font-size: 0.7em;
	text-decoration: none;
	font-weight: bold;	
}
}
@media only screen and (max-width: 1200px) {/*01*/
	body {
		font: 90% arial, sans-serif;
	}
}
@media only screen and (max-width: 1100px) {/*02*/
	body {
		font: 85% arial, sans-serif;
	}
}
@media only screen and (max-width: 1000px) {/*03*/
	body {
		font: 80% arial, sans-serif;
	}
}
@media only screen and (max-width: 920px) {/*04*/
	body {
		font: 75% arial, sans-serif;
	}
	
}
@media only screen and (max-width: 830px) {/*05*/
	body {
		font: 70% arial, sans-serif;
	}
	#header1 {
		font-size: 0.85em;
		padding-top: 4%;
	}
}
@media only screen and (max-width: 770px) {/*06*/
	body {
		font: 63% arial, sans-serif;
	}	
}
@media only screen and (max-width: 650px) {/*07*/
	body {
		font: 54% arial, sans-serif;
	}	
}
@media only screen and (max-width: 590px) {/*08*/
	body {
		font: 44% arial, sans-serif;
	}
	
}
@media only screen and (max-width: 480px) {/*09*/
	body {
	font: 80% arial, sans-serif;
	color: #ffffff;
	background-color: #686868;
	height: 100%;
	}
	#logo {
		padding: 10px 0px 10px 0px;	
		text-align: center;
		width: 100%;
	}
	img {
		width: 50%;	
	}
	#header1 {
		font-size: 0.6em;
	}

	#header2 {
		text-align: center;
		padding-bottom: 0px;
		font-size: 1.3em;			
	}
	#emailTel {
		text-align: center;
		font-size: 1.7em;
	}
	#nav {		
		padding: 5px 0px 5px 0px;
		font-size: 0.49em;
	}
	.nav1{		  
		border-top: #ffff00 0px solid;
		border-bottom: #ffff00 0px solid;
	}
	.nav2{		  
		border-top: #ffff00 0px solid;
		border-bottom: #ffff00 0px solid;
	}
	.nav3{		  
		border-top: #ffff00 0px solid;
		border-bottom: #ffff00 0px solid;
	}
	table {
		width: 100%;
	}
	td {
		font-size: 0.65em;
	}
	#footer {
		text-align: center;
		border-top: #ffff00 2px solid;
		margin-right: 0;
		padding-top: 20px;
		width: 100%;
	}
}
	

@media print {
	body {
		font-family: serif;
		color: #000;
		font-size: 1.2em;
		background-color: #686868;
	}
	#nav {
		display: none;
	}
	img {				
		width: 50%;
	}
}