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

	html {
	  overflow-x: hidden;
	}

	body {
		background: #e3ddd9;
		font: 400 1em/1.38 Helvetica;
		font-size: 14px;
		color: rgb(0, 0, 0);
		overflow-x: hidden;
		width: 100%;
	}
	
	
	#header {
		clear: both;
		display: block;
		background-color: white;
		margin: 0px;
		width: 100%;
		min-width: 300px;
		height: auto;
	}
	#header > div {
		width: 100%;
		margin: auto;
		padding: 0px;
	}
	
	#header img#logo {
	  height: auto;
	  max-width: 100%;
	  margin: 15px;
	  margin-top: 20px;
	}
	
	
	#footer {
		clear: both;
		margin: auto;
		background: none;
		width: 95%;	
		max-width: 95%;	
		min-width: 300px;
	}
	
	#footer > ul {
		clear: both;
		margin: auto;
		background: none;
		width: 95%;
	}
	
	#minfooter,
	#minfooter	ul {
		clear: both;
		min-width: 300px;
		max-width: 100%;
		width: 100%;
	}
	
	#wrapper {
		margin: auto;
		margin-top: 35px;
		width: 95%;
	}
	
	#topnavi {
		position: static;
		clear: both;
		display: block;
		padding: 0px;
		margin: 0px;
		width: 100%;
	}
	#topnavi ul {
		clear: both;
		display: block;
		list-style: none;
		padding: 0px;
		margin: 0px;
		width: 100%;
		height: auto;
	}
	#topnavi ul li {
		padding: 10px 0px;
		margin: 0px;
		margin-bottom: 1px;
		clear: both;
		float: static;
		display: block;
		width: 100%;
		background: #880017;		
		text-align: center;
		border-radius: 0px;
	}
	#topnavi ul li.size_2 {	width: 100%; }
	#topnavi ul li.size_3 {	width: 100%; }

	
	#right {
		clear: both;
		float: none;
		display: block;
		width: 100%;
	}
	
	#main {
		float: static;
		display: block;
		margin-top: -10px;
		margin-bottom: 20px;
		width: 100%;
	}
	
	#content {
		margin: 30px;
		display: block;
		clear: both;
	}
	
	#content h1 {
		font-size: 24px;
	}
	
	div.module {
		clear: both;
		display: block;
	}



	
	#addr {
		width: 100%;		
		max-width: 100%;
	}
	#maps {
		width: 100%;
		max-width: 100%;
	}
	#maps iframe {
		width: 100%;
		max-width: 100%;
		margin-top: 1em;
	}

}