/* PM, RH: IE mag Meta-Viewport nicht. Deshalb so definieren. Siehe http://menacingcloud.com/?c=cssViewportOrMetaTag*/ 
	@-ms-viewport { width: device-width; }
	@-o-viewport { width: device-width; }
	@viewport { width: device-width; }

	
/** Standard = BIG-Auflösung / Desktop **/
	.hideIfSmall { display: block; }
	.showIfSmall { display: none; }
	.hideIfBig { display: block; }
	#wrapper .showIfDesktop, #wrapper .showIfIpad, #wrapper .showIfPhone {
		display: none;
	}

/* >1024px für Firefox */ 
@media screen and (min-width: 1037px) {
	.hideIfBig { display: none; }
	
	#wrapper .showIfIpad, #wrapper .showIfPhone {
		display: none;
	}
	#wrapper .showIfDesktop {
		display: block;
	}
}

/* <1024px für Firefox */
	@media screen and (max-width: 1037px) {
		
		#wrapper .showIfIpad {
			display: block;
		}
		#wrapper .showIfDesktop, #wrapper .showIfPhone {
			display: none;
		}
		
		
	}


/* <768px für Firefox */
	@media screen and (max-width: 778px) {
		.hideIfSmall { 
			display: none; 
		}
		.showIfSmall { 
			display: block; 
		}
		#wrapper .showIfPhone {
			display: block;
		}
		#wrapper .showIfDesktop, #wrapper .showIfIpad {
			display: none;
		}
		
		
	}
	
	


/* <420px für Firefox */
	@media screen and (max-width: 428px) {
		
		#banner { 
			display: none; 
		}
		
		#header_right { 
			display: none; 
		}
		
		#above_component {
			display: none;
		}
		#below_component {
			display: none;
		}
		
		
	}