/*For more information visit: https://fipsok.de*/
.statusField {
	padding-left: 2em;
	padding-right: 2em;
	padding-top: 1em;
	border: 0;
	background: -webkit-linear-gradient(90deg, #CCCCCC, #FFFFFF) repeat scroll 0 0 transparent;
	background: -moz-linear-gradient(90deg, #CCCCCC, #FFFFFF) repeat scroll 0 0 transparent;
	border: 1px solid #AAAAAA;;
	border-radius: 10px 10px 10px 10px;
	box-shadow: 0 0 15px #AAAAAA;
	margin: 20px auto 0;
	padding: 20px;
}

	.statusField legend {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.075em;
		text-align: right;
		background: -webkit-linear-gradient(90deg, #CCCCCC, #FFFFFF) repeat scroll 0 0 transparent;
		background: -moz-linear-gradient(90deg, #CCCCCC, #FFFFFF) repeat scroll 0 0 transparent;
		border: 1px solid #AAAAAA;
		border-radius: 5px 5px 5px 5px;
		box-shadow: 0 0 15px #AAAAAA;
		padding-right: 1em;
		padding-left: 1em;
		position: absolute;
		margin: -30px 0px 0px 0px;
	}

body {
	font-family: sans-serif;
	display: flex;
	flex-flow: column;
	align-items: center;
}
h1,h2 {
	color: #e1e1e1;
	text-shadow: 2px 2px 2px black;
}
li {
	background-color: #e8e8e8;
	list-style-type: none;
	margin-bottom: 10px;
	padding-right: 5px;
	border-top: 3px solid #c4c4c4;
	border-bottom: 3px solid #c4c4c4;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.7);
	width: 420px;
}
	li a:first-child, li b {
		background-color: #606060;
		font-weight: bold;
		color: white;
		text-decoration: none;
		padding: 0 5px;
		border-top: 3.2px solid #606060;
		border-bottom: 3.6px solid #606060;
		text-shadow: 2px 2px 1px black;
		cursor: pointer;
	}
li strong {
	color: red;
}
input {
	height: 35px;
	font-size: 13px;
}
h1+main {
	display: flex;
}
aside {
	display: flex;
	flex-direction: column;
	padding: 0.2em;
}
#left {
	align-items: flex-end;
	text-shadow: 1px 1px 2px #757474;
}
.note {
	background-color: salmon;
	padding: 0.5em;
	margin-top: 1em;
	text-align: center;
	max-width: 320px;
	border-radius: 0.5em;
}
nav {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
}
.no {
	display: none;
}
#cr {
	font-weight: bold;
	cursor:pointer;
	font-size: 1.5em;
}

button[id] {
	margin-top: 1em;
}

form [title] {
	background-color: silver;
	font-size: 16px;
	width: 125px;
}
form:nth-of-type(2) {
	margin-bottom: 1em;
}
[name="group"] {
	display: none;
}
[name="group"] + label {
	font-size: 1.5em;
	margin-right: 5px;
}
[name="group"] + label::before {
	content: "\002610";
}	
[name="group"]:checked + label::before {
	content: '\002611\0027A5';
}