/* Basis: Look von http://blog.fefe.de/typo3.css, angepasst auf
   die div-Struktur (body > div mit absolute Positionierung) */

/* Seitenhintergrund grau. !important noetig, weil das Inline-<style>
   in der index.html (body { background-color: #FFFFFF; }) nach dem
   Stylesheet kommt und sonst gewinnt. */
html, body {
	background-color: #d9d9d9 !important;
}

body {
	text-rendering: optimizeLegibility;
	font-variant-ligatures: common-ligatures;
	font-kerning: normal;
	font-family: Source Serif Pro, PT Sans, Trebuchet MS, Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 1.4;
	color: #000;
}

/* jeder positionierte Block = eine "Tabellenzelle" */
body > div {
	box-sizing: border-box;
	max-width: calc(100vw - 10px);
	padding: 0.2em 0.8em 0.3em;
	background-color: transparent;
	hyphens: auto;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
}

/* Footer-Block mit den Buttons ohne Box */
body > div:last-of-type,
body > div:nth-last-of-type(2) {
	background: none;
	padding: 0;
}

/* Listen kompakt, damit die festen top-Werte reichen */
body > div > ul {
	margin: 0.2em 0 0;
	padding-left: 1.3em;
	list-style-type: square;
}

body > div > ul > li {
	margin: 0;
	padding: 0;
}

/* Links */
a {
	color: #00e;
	text-decoration: none;
}

a:hover {
	background: #ffa;
	text-decoration: underline;
}

img {
	border: 0;
	vertical-align: middle;
}

/* Fefe-Reste, falls du sie spaeter brauchst */
blockquote {
	margin-left: 1em;
	border: 1px dashed black;
	background-color: #f0f0f0;
	padding: 0.5em;
}

pre {
	margin-left: 1em;
	margin-right: 3em;
	border-left: 2px dotted black;
	background-color: #f0f0ff;
	font-family: Ubuntu Mono, Luxi Mono, Courier, monospace;
	font-size: 80%;
	padding: 0.5em;
	overflow-x: scroll;
}