/**
 * Legende
 */
/*** Legende ***/
.legend {
	float: left;
	width: auto;
	display: inline;
	vertical-align: middle;
	margin-top: 10px;
/*	margin-bottom: 30px; */
}

/*  Die Buttons sollen nebeneinander dargestellt werden */
.legend .legend-button {
	float: left;
	margin: 3px;
	border-radius: 5px;
}

/*
 * jQuery Settings
 */
/* Der ganze Button */
.legend .ui-button {
	/* Den Border, den jQuery hinzufügt unterdrücken */
	border: 0;
	width: 100%;
	padding: 10px;
}

/* Das Icon, entweder Radiobutton-Kreise bzw. Checkbox-Kästechen */
.legend .ui-icon {
	/* Anzeigen der Radiobutton-Kreise bzw. Checkbox-Kästechen unterdrücken */
	display: none;
}

.legend .ui-button:hover {
	background-color: transparent;
	border: 0;
	outline: 3px solid blue;
	border-radius: 5px;
}

.legend .ui-button:active,
.legend a.ui-button:active {
	background-color: transparent;
	border: 0;
	outline: 3px solid blue;
}

.legend .ui-state-active {
	background-color: transparent;
	border: 0;
	outline: 3px solid blue;
}

.legend .ui-state-active:hover {
	background-color: transparent;
	outline: 3px solid blue;
}

.legend .ui-button:focus {
	background-color: transparent;
	border: 0;
	outline: 3px solid blue;
}

.legend .ui-state-focus {
	background-color: transparent;
	border: 0;
	outline: 3px solid blue;
}

.legend label {
	font-size: 0.9em;
}