main {
			width: 100%;
		}

		/*header, article, nav, aside, footer {*/
		article, nav, aside {
			margin: 0.25em;
			padding: 0.5em;
		}
		article, nav{
			border: 1px solid #ccc;
			border-radius: 0.5em;
		}

		article {
			width: 70%;
			float: left;
			max-width: 30em;
			-webkit-box-sizing: border-box; /* Safari/Chrome, andere WebKit-Browser */
			-moz-box-sizing: border-box;    /* Firefox, andere Gecko-Browser */
			box-sizing: border-box;         /* W3C */

		}

		nav{
			width: 10%;
			min-width: 7em;
			float: left;
			-webkit-box-sizing: border-box; /* Safari/Chrome, andere WebKit-Browser */
			-moz-box-sizing: border-box;    /* Firefox, andere Gecko-Browser */
			box-sizing: border-box;         /* W3C */

		}

		aside {			
			width: 10%;
			min-width: 5em;

			float: left;
			-webkit-box-sizing: border-box; /* Safari/Chrome, andere WebKit-Browser */
			-moz-box-sizing: border-box;    /* Firefox, andere Gecko-Browser */
			box-sizing: border-box;         /* W3C */

		}

		img {
			max-width:100%;
			height: auto;
		}
		@media only screen and (min-width: 1280px) {
			main {
				width: 1280px;
				margin: 0 auto;
			}
		}

		@media only screen and (max-width: 35em) {
			main, nav, article,aside{
				float: none;
			}
			article {
			width: 100%;
			}
		}