#moonlightlegend {
	width: 500px; 
	padding: 15px; 
	border: 7px solid #cccccc; 
	background: #dbdbdb; 
	box-sizing: border-box;
}


.ml-header {
	padding: 15px; 
	background: #cccccc; 
	text-align: center; 
	box-sizing: border-box;
}

.ml-titel {
	font-family: Abel; 
	font-size: 25px; 
	line-height: 20px; 
	color: #2e95b7; 
	font-weight: bold; 
	text-transform: uppercase; 
	margin: 3px;
}

.ml-subtitel {
	font-family: Abel; 
	font-size: 10px; 
	line-height: 10px; 
	color: #727272; 
	font-weight: bold; 
	text-transform: uppercase; 
	padding: 0 30px;
	letter-spacing: 1px;
}

.ml-textbox {
	height: 250px;
	overflow: none;
	padding: 15px 15px 0 15px; 
	background: #e6e6e6; 
	font-family: verdana;
	font-size: 11px; 
	text-align: justify;
	color: #363636;
	border-bottom: 15px solid rgba(0,0,0,0); 
	box-sizing: border-box;
}

.ml-textbox1 {
	max-height: 230px; 
	overflow: auto; 
	scrollbar-color: #2e95b7 #e6e6e6;
    scrollbar-width: thin;
	padding-right: 10px;
	background: #e6e6e6; 
	font-family: verdana;
	font-size: 11px; 
	text-align: justify;
	color: #363636;
	border: 15px solid rgba(0,0,0,0); 
	box-sizing: border-box;
}


#moonlightlegend ::-webkit-scrollbar {
	width: 5px;
} 

#moonlightlegend ::-webkit-scrollbar-track-piece {
	background-color:#e6e6e6;
} 

#moonlightlegend ::-webkit-scrollbar-thumb:vertical {
	background-color:#2e95b7;
}


.ml-columns {
	-webkit-columns: 2 120px; 
	-moz-columns: 2 120px; 
	columns: 2 120px; 
	-webkit-column-gap: 50px; 
	-moz-column-gap: 20px; 
	column-gap: 20px; 
	font-family: verdana; 
	font-size: 11px; 
	text-align: justify;
}

.ml-fakt {
	width: 160px; 
	text-align: center; 
	padding: 3px 5px; 
	font-family: Abel; 
	font-size: 13px; 
	color: #eaeaea; 
	background: #2e95b7; 
	text-transform: uppercase; 
	margin-bottom: 3px;
}

.ml-katleft {
	width: 100%; 
	height: 30px; 
	padding-left: 15px; 
	background-color: #cccccc; 
	display: table; 
	text-align: left; 
	overflow: hidden; 
	box-sizing: border-box;
}

.ml-katright {
	width: 100%; 
	height: 30px; 
	padding-right: 15px; 
	background-color: #cccccc; 
	display: table; 
	text-align: right; 
	overflow: hidden; 
	box-sizing: border-box;
}

.ml-katleftfarbe {
	background-color: #2e95b7; 
	display: table-cell; 
	width: 65%; 
	height: 100%; 
	transform: translate(50px) skewX(25deg);
}

.ml-katrightfarbe {
	background-color: #2e95b7; 
	display: table-cell; 
	width: 65%; 
	height: 100%; 
	position: relative; 
	left: -100px; 
	transform: translate(50px) skewX(25deg);
}

.ml-kattitel {
	font-family: Abel; 
	font-size: 18px; 
	line-height: 30px; 
	color: #2e95b7; 
	font-weight: bold; 
	text-transform: uppercase;
}

.ml-tboxl1 {
	width: 175px; 
	margin-right: 10px; 
	text-align: center; 
	float: left;
}

.ml-tboxr1 {
	width: 230px; 
	max-height: 215px; 
	overflow: auto; 
	padding-right: 10px; 
	scrollbar-color: #2e95b7 #e6e6e6;
    scrollbar-width: thin;
	font-family: verdana; 
	font-size: 11px; 
	text-align: justify; 
	float: right;
}

.ml-tboxl2 {
	width: 230px; 
	max-height: 215px; 
	overflow: auto; 
	padding-right: 10px;
	scrollbar-color: #2e95b7 #e6e6e6;
    scrollbar-width: thin;
	font-family: verdana; 
	font-size: 11px; 
	text-align: justify; 
	float: left; 
	margin-right: 10px;
}

.ml-tboxr2 {
	width: 175px; 
	text-align: center; 
	float: right;
}

.ml-img {
	width: 160px; 
	height: 80px;
	border: 5px solid #cccccc; 
	margin-bottom: 5px;
	background: #cccccc;
}