body {
	padding: 0;
	font-family: sans-serif;
	font-size: 14px;
	width: 90%;
	margin: 0 auto;
}
a {
	margin: 10px;
	text-decoration: underline;
}

h1 {
	text-align: center;
}

select {
	padding: 3px 8px;
	font-family: Arial;
}

input {
	padding: 3px 8px;
	border: 1px solid #lightgrey;
}
input[type="text"] {
	width: 50%;
}
input[type="number"] {
	width: 100px;
}

div.element {
	margin: 5px auto;
	padding: 5px 10px;
}
div.element:nth-child(2n+1) {
	background-color: #b2b2b2;
}
div.element label {
	width: 35%;
	display: inline-block;
}
div.element button {
	background-color: #fcfcfc;
	border: none;
	padding: 6px 12px;
}

div.message {
	width: 60%;
	padding: 8px 16px;
	padding-left: 25px;
	font-weight: 600;
	text-align: left;
	border: 1px solid transparent;
	border-radius: 4px;
}
div.message.success {
	background-color: #dff0d8;
	color: #3c763d;
	border-color: #8aac8a;
}
div.message.failure {
	background-color: #f0d8df;
	color: #dba1b2;
	border-color: #e5bdc9;
}

/* Übersicht */
div.row {
	padding: 8px 15px
}
div.cell {
	display: inline-block;
	width: 20%;
}
div.row.first {
	font-weight: bold;
	background-color: #666;
	color: #f2f2f2;
	text-transform: UPPERCASE
}
div.row:nth-child(2n+1) {
	background-color: #b2b2b2;
}

div.space {
	height: 20px;
}