html {
	background: url(../images/hintergrund.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	backgrount-margin-top:25px;
}

body{
	font-family:arial;
	font-size:90%;
}

a{
	color:#000;
}

.wrapper{ 
	width:1000px;
	margin:0 auto;
	padding-top:25px;
}

#left{
	float:left;
	width:50%;
	text-align:center;
}

#right{
	float:right;
	width:50%;
	margin-top:55px;
	font-size:100%;
	line-height:20px;
}

.firma{
	color:#989898;
	font-size:130%;
	letter-spacing:2px;
	font-weight:bold;
}

.tel{
	a: text-decoration:none;
	
}

.slogan{
	text-align:center;
	font-size:130%;
	margin-bottom:25px;
}

.baumeister{
	margin-left: 260px;
	margin-top: 50px;
}

#left .content{
	margin:25px 0;
	font-size:120%;
}

/* ---- SMALLER 1010 ---- */
@media only screen and (max-width: 1010px) {
	
	.wrapper{
		width:100%;
	}
}

/* ---- SMALLER 770 ---- */
@media only screen and (max-width: 770px) {
	#left{
		width:100%;
		float:none;
	}
	#right{
		width:420px;
		margin:50px auto;
		float:none;
		
	}
	html{
		background-image:none;
	}
	
	.wrapper{
		padding-top:3px;
	}
	
	body {
            font-size: 1.1em;
        }
}

/* ---- SMALLER 450 ---- */
@media only screen and (max-width: 450px) {
	#left{
		width:95%;
		float:none;
	}
	#right{
		width:95%;
		margin:10px auto;
		float:none;
		
	}
	#left img{
		max-width:80%;
		max-hight:80%;
		padding:2px;
		margin:0px;
	}
	
	#right img{
		margin:0px!important;
		width:335px;
		height:123px;
		padding-top:0px;
	}
	
	body {
            font-size: 1.1em;
        }
		
		.firma{
	font-size:140%;
	
}
}