/* http://www.thestyleworks.de/tut-art/layout_handheld.shtml */
/* http://www.alistapart.com/articles/pocket/ */

@media handheld{
	
	body{
		font-size:1em;
	}

	/*--------------------------------------------------------------------*/
	/* ----- IDs----- */
	/*--------------------------------------------------------------------*/
	
	#header {
		overflow: hidden;
	}
	
	#header img	{
		max-height: 1.5cm;
		max-width: none;
	}
	
	#page{ 
	}	
	
	#footer{
	}
	
	
	
	/*--------------------------------------------------------------------*/
	/* ----- UBERSCHRIFTEN----- */
	/*--------------------------------------------------------------------*/
	
	h1, h2, h3, h4, h5, h6{
		margin:5% 0 0 0;
	}
	
	
	
	/*--------------------------------------------------------------------*/
	/* ----- ABSAETZE, FORMULARE, TABELLEN ----- */
	/*--------------------------------------------------------------------*/
	p, form, table{
		margin:0 0 5% 0;
	}
	
	
	
	/*--------------------------------------------------------------------*/
	/* ----- LISTEN ----- */
	/*--------------------------------------------------------------------*/
	
	#main ol, #main ul, #main dl{
		margin:0 0 5% 20%; /*gleicher Abstand nach unten wie Absaetze; 20% Abstand nach links, um buendig mit dem Fliesstest zu sein*/
	}
	
	
	
	/*--------------------------------------------------------------------*/
	/* ----- BILDER----- */
	/*--------------------------------------------------------------------*/
	
	img{
		border:0;
		max-width:100%; /* möglichst nur Grafiken mit max 150px erstellen */
	}
	
	
	
	/*--------------------------------------------------------------------*/
	/* ----- FORMULARE ----- */
	/*--------------------------------------------------------------------*/
	
	form{
		margin:0 0 5% 0;
	}
	
	
	
	/*--------------------------------------------------------------------*/
	/* ----- TABELLEN ----- */
	/*--------------------------------------------------------------------*/
	
	table, tbody, tfoot, tr, td, th { 
		display: block; 
	}
}