#lexicon {
	display: flex;
	gap: 20px;
	justify-content: space-between;
	align-items: flex-start;
	
	width: 100%;
}

#lexicon #navigation {
			width: 20%;
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			background: var(--accent-two);
			border: 1px solid var(--main-accent);
			padding: 1px;
			-moz-border-radius: 7px;
			-webkit-border-radius: 7px;
			border-radius: 7px;
}

#lexicon #navigation .navigation-headline {
			min-height: 30px;
			width: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
			font-weight: bold;
			text-transform: uppercase;
			text-align: center;
			padding: 0 5px;
			box-sizing: border-box;
			background: var(--accent-two);
			color: var(--main-font-color);
}

#lexicon #navigation .navigation-headline:first-child {
			-moz-border-radius-topleft: 6px;
			-moz-border-radius-topright: 6px;
			-webkit-border-top-left-radius: 6px;
			-webkit-border-top-right-radius: 6px;
			border-top-left-radius: 6px;
			border-top-right-radius: 6px;
}

#lexicon #navigation .navigation-headline:first-child a:link,
		#lexicon #navigation .navigation-headline:first-child a:visited,
		#lexicon #navigation .navigation-headline:first-child a:active,
		#lexicon #navigation .navigation-headline:first-child a:hover {
			margin-left: 0;
}

#lexicon #navigation .navigation-headline a:link,
		#lexicon #navigation .navigation-headline a:visited,
		#lexicon #navigation .navigation-headline a:active,
		#lexicon #navigation .navigation-headline a:hover {
			margin-left: 5px;
}

#lexicon #navigation .navigation-item {
			min-height: 25px;
			width: 100%;
			margin: 0 auto;
			padding: 5px 20px;
			display: flex;
			align-items: center;
			box-sizing: border-box;
			border-bottom: 1px solid var(--main-accent);
			background: var(--accent-three);
			font-weight: bold;
}

#lexicon #navigation .navigation-item:last-child {
			-moz-border-radius-bottomright: 6px;
			-webkit-border-bottom-right-radius: 6px;
			border-bottom-right-radius: 6px;
			-moz-border-radius-bottomleft: 6px;
			-webkit-border-bottom-left-radius: 6px;
			border-bottom-left-radius: 6px;
}

#lexicon #navigation .navigation-subitem {
			min-height: 25px;
			width: 100%;
			margin: 0 auto;
			padding: 0 20px 0px 30px;
			display: flex;
			align-items: center;
			box-sizing: border-box;
			border-bottom: 1px solid var(--main-accent);
			background: var(--accent-three);
			font-style: italic;
}

#lexicon #navigation .navigation-subitem i {
			font-size: 11px;
			padding-top: 1px;
}

#lexicon #navigation .navigation-externallink-option {
			width: 100%;
			text-align: right;
}

#lexicon #navigation .navigation-search {
			width: 100%;
			margin: 0 auto;
			padding: 10px 0;
			display: flex;
			align-items: center;
			box-sizing: border-box;
			border-bottom: 1px solid var(--main-accent);
			background: var(--accent-three);
			justify-content: center;
}

#lexicon #navigation .navigation-search input.textbox {
			width: 65%;
}

#lexicon .lexicon-entry {
			width: 80%;
			box-sizing: border-box;
			background: var(--accent-two);
			border: 1px solid var(--main-accent);
			padding: 1px;
			-moz-border-radius: 7px;
			-webkit-border-radius: 7px;
			border-radius: 7px;
}

#lexicon .lexicon-entry .entry-headline {
	height: 50px;
	width: 100%;
	font-size: 18px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	text-transform: uppercase;
	background: var(--accent-two);
	color: var(--main-font-color);
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	border-radius: 5px;
	letter-spacing: 2px;
	word-spacing: 5px;
}

#lexicon .lexicon-entry .entry-subline {
			text-align: right;
			padding-right: 10px;
			padding: 5px;
			background: var(--main-accent);
}

#lexicon .lexicon-entry .entry {
			background: var(--accent-three);
			padding: 20px 40px;
			text-align: justify;
			line-height: 180%;   
			-moz-border-radius-bottomright: 6px;
			-webkit-border-bottom-right-radius: 6px;
			border-bottom-right-radius: 6px;
			-moz-border-radius-bottomleft: 6px;
			-webkit-border-bottom-left-radius: 6px;
			border-bottom-left-radius: 6px;
}

#lexicon .lexicon-entry .entry.content {
			-moz-border-radius-bottomright: 0;
			-webkit-border-bottom-right-radius: 0;
			border-bottom-right-radius: 0;
			-moz-border-radius-bottomleft: 0;
			-webkit-border-bottom-left-radius: 0;
			border-bottom-left-radius: 0;
}

#lexicon .lexicon-entry .content-bit {
			padding: 0 40px 40px 40px;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			gap: 20px;
			background:#f5f5f5;
			-moz-border-radius-bottomright: 6px;
			-webkit-border-bottom-right-radius: 6px;
			border-bottom-right-radius: 6px;
			-moz-border-radius-bottomleft: 6px;
			-webkit-border-bottom-left-radius: 6px;
			border-bottom-left-radius: 6px;
}

#lexicon .lexicon-entry .content-bit .content-letter {
			width: 45%;
}

#lexicon .lexicon-entry .content-bit .content-letter .content-item {
			margin-bottom: 5px;
}

#lexicon .lexicon-entry .content-bit .content-letter .content-item .content-item-cat {
			font-size:0.7em;
}

#lexicon .lexicon-entry .lexicon_search_results {
			margin-bottom: 10px;
}