/* $Id: touch.css,v 1.5 2010/01/11 21:24:15 arne Exp $ */

@media screen and (max-device-width: 480px) {

	body {
		background: none;
		padding: 0;
		text-align: center;
	}
	
	#page {
		background: none;
		width: auto;
	}

	#page #header,
	#page #validity {
		display: none;
	}
	
	#page #contact {
		background: #f2f2f2 url(../images/header-touch.jpg) no-repeat top center;
		padding: 145px 20px 25px 20px;
		width: 100%;
	}
	
	#page #contact p {
		padding: 5px 0 0 0;
	}

	#page #content {
		background: #ffffff url(../images/header-touch.gif) no-repeat top center;
		clear: both;
		padding: 25px 20px 25px 20px;
		width: 100%;
	}
	
	#page #content a,
	#page #content a:hover {
		background: url(../images/dot-off.gif) no-repeat 2px 3px;
		text-decoration: none;
	}
	
	#page #content .element {
		margin: 0;
	}
}