* {
	margin:0;
	padding:0;
	color:#000000;
}

#container {
	margin:0px auto;
	width:1280px;
	background:#f2f2f2;
}


#sidebar1 {
	float:left;
	width:33%;
	background:#f2f2f2;
}

#sidebar2 {
	float:left;
	width:33%;
	background:#f2f2f2;
}

#sidebar3 {
	float:left;
	width:33%;
	background:#f2f2f2;
}

#foot {
	float:center;
	width:100%;
	background:#043e68;
	height: auto;
}



@media only screen and (max-width: 1280px) {

#container { width:100%; }

#sidebar1 { 
	width:33%;
	height:415px;
 }

#sidebar2 {
	width:33%;
	height:415px;	
}

#sidebar3 {
	width:33%;
	height:415px;
}

#foot {
	float:center;
	width:100%;
	background:#043e68;
	height: auto;
}

} 



 /* For smaller displays like laptops */
@media only screen and (max-width: 979px) {
		
#container { width:100%; }

#sidebar1 {
	width:33%;
	height:380px;
}

#sidebar2 {
	width:33%;
	height:380px;
}

#sidebar3 {
	width:33%;
	height:380px;
}

#foot {
	float:center;
	width:100%;
	background:#043e68;
	height: auto;
}

    }
	
	

@media only screen and (max-width: 580px) {

#sidebar1 {
	width:100%;
	height:350px;
}

#sidebar2 {
	width:100%;
	height:350px;
}

#sidebar3 {
	width:100%;
	height:350px;
}

#foot {
	float:center;
	width:100%;
	background:#043e68;
	height: auto;
}

}









#bild img {
	width: auto; /* Firefox */
	max-width: 100%;
	max-height: 100%;
}