body{			/* background-color: #f87820; */
				margin: 10px auto;
				max-width: 60em;
				/* font-family: sans-serif; */
				font-family: 'Roboto', sans-serif;
				color: #333333;
			}

			header, nav, main, article, section, aside, footer {
				border-radius: 0px 0.5em 0.5em;
				border: 1px solid;
				padding: 10px;
				margin: 10px;
			}

			header {
				background-color: #f3f3f3;
				/* background #e4ebf2; hellblau*/
				/* background: #f87820; */
				border-color: #d5d5d5;
			}

			nav {
				background: #fffbf0;
				border-color: #e7c157;
			}

			section {
				background: #F1F3F4;
				border-color: slateblue;
			}

			main {
				display: block;  /* für IE */
				background: #e6bb4d;
				border-color: #8a9da8;
			}
			

			article {
				background: #e6d096;
				border-color: #df6c20;
			}

			aside {
				background: #ebf5d7;
				border-color: #8db243;
			}

			footer {
				background: #76e9b0;
				border-color: #8a9da8;
			}
	a:link { text-decoration:none; font-weight:bold; color:#E00000; }
	a:visited { text-decoration:none; font-weight:bold; color:#800000; }
	a:hover { text-decoration:none; font-weight:bold; background-color:#FFFF00; }
	a:active { text-decoration:none; font-weight:bold; background-color:#CCFFFF; }