responsive CSS für A-Tag`12 - http://atag.accessiblemedia.at/2012

index.html

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

responsive.css

@media screen and (max-width: 480px) {
	#headerbg, #topmenue, #rahmen, #footer, #footerinner, #metanav, #metanavbg, #leftwrap, #content, #rightwrap {min-width:1px;min-height:1px;height:auto;width: 100%;}
	#metanav {width:auto;padding:.5em 1em;}
	#header {height:auto;}
	#headerleft {padding:0;height:auto;width:50%;}
	#headerleft img {width:95%;}
	#header {padding:1em;}
	#headermiddle, #headerright {height:auto;padding:0; text-align:left;width:50%;}
	#headerright img {margin-left:-10px;max-width:160px;width:95%;}
	#headerright p {margin:0;}
	#headermiddle h1 {font-size:2em;margin:0;}
	#sidebar_left {display: none;}
	#content {padding:0;}
	#mainarea2 {padding:0 1em;}
	#rightwrap .block {margin:0 0 1em;padding: 0;}
	#rightwrap #block-block-6 {margin-top: 0;}
	#footer_left {float:none;padding:1em;}
	#footerinner {padding:0;}
	#footer p {margin: 0;}
	#topmenue {text-align: center;}
	#topmenue ul li {background-image:none;min-height:1px;float:none;padding-left: 0;}
	br[style^="clear"] {display: none;}
	#rahmen {float: left !important;}
	#footer, #topmenue {clear: both;}
	iframe {width:100% !important;}
}