html {
	padding: 0;
}

body {
	font-family: Arial, sans-serif;

	padding: 0;
}

h1 {
	color: #0055a6;
	font-size: 17px;
	font-weight: bold;

	border-bottom: 1px dotted #ccc;

	margin-bottom: 1.25em;
	padding-bottom: 0.5em;
}

p, ul, form {
	font-size: 12px;
}

input[type="text"] {
	margin-bottom: 0.5em;
}

pre, code {
	font-size: 1.2em;
}

ul.anschlusstypen {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-left: 1em;

	margin-top: 2em;
	margin-bottom: 2em;
}

ul.anschlusstypen li {
	position: relative;

	opacity: 0.25;
}

ul.anschlusstypen li.active {
	opacity: 1;
}

ul.anschlusstypen li.active:before {
	content: " ➡";
	position: absolute;

	left: -1.25em;
	top: 0.2em;
}

span.farbcode {
	display: inline-block;
	width: 2em;
	height: 1em;

	border: 1px solid #ccc;

	position: relative;
	top: 3px;

	margin-right: 0.5em;
}

span.farbcode.rot {
	background: rgb(255,0,0);
}

span.farbcode.gelb {
	background: rgb(255,255,0);
}

span.farbcode.blau {
	background: rgb(0,0,255);
}

span.farbcode.gruen {
	background: rgb(0,255,0);
}

span.farbcode.weiss {
	background: rgb(255,255,255);
}





p#rechtshinweis {
	color: rgb(50,100,255);
	margin-top: 5em;
}

	p#rechtshinweis a {
		text-decoration: none;
		text-transform: uppercase;
		color: inherit;
		font-weight: bold;
	}

.ui-widget {
	font-size: 12px !important;
}