/* VOCIS LATINAE - main.css - 10.04.2015 // 6.11.2017 // 6.1.2018 // 13.8.2022 */

	@font-face {
		font-family: "Gentium Book Basic";
		font-style: normal;
		src: url("../fnt/gentium-book-basic-v16-latin-700.woff2") format("woff2");
		font-weight: 700;
		font-display: swap;
	}
	@font-face {
		font-family: "Dr Sugiyama";
		font-style: normal;
		src: url("../fnt/dr-sugiyama-v22-latin-regular.woff2") format("woff2");
		font-weight: regular;
		font-display: swap;
	}
	html, body, div, img, p, h1, a, ul, ol, li, table, td, form, input, label, select, hr {
		margin: 0;
		padding: 0;
		}
		img, div, form {
			border: none;
			}
	html { height:100%; }
	body, label, input, select, p, td, a, li {
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	body {
		font-size: small;
		margin-top: 1px;
		padding-bottom: 5em;
		background-color: #f2f2f2;
		background-repeat: repeat;
		}
	div {
		margin: auto;
		width: 920px;
		margin-top: 0px;
		margin-bottom: 1px;
		background: #fff;
		height: 100%;
		}
	div#banner {
		background: #ffff99;
		height: 120px;
		}
	div#dd_menu {
/* 		width: 812px; */
		width: 920px;
		border: none;
		height: 30px;
		background: gray;
		}
	div#main {
		width: 730px;
		border: none;
		padding-bottom: 2.5em;
		padding-top: 1em;
		}
	p {
		padding-bottom: 0.6em;
		}
	p.nav {
		padding: 0;
		letter-spacing: 0.2px;
		}
	p.copyright {
		font-size: small;
		}
	p.fnsep {
		padding: 0;
		height: 1px;
		border-bottom: 1px solid gray;
		width: 300px;
		margin: 1em 0 1em 0;
		text-align: left;
	}
	h1#bntxt {
		font-family: "Gentium Book Basic", serif; 
		font-size: 1.8em; 
		margin-left: 62px;
		color: green;
		line-height: 144%;
		padding-top: 1.2em;
		letter-spacing: 0.5px;
	}
	img#banner_img {
		padding: 36px 0px 24px 62px;
		}
	a {
		color: darkblue;
		text-decoration: none;
		}
	a:hover {
		text-decoration: underline;
		}
	a.x {
		color: grey;
		padding: 0em;
		text-decoration: none;
		}
	a.x:hover {
		color: darkred;
		cursor: default;
		background: white;
		}
	h1 {
		font-size: medium;
		padding-top: 1.5em;
		padding-bottom: 0.5em;
		color: #333;
		}
	input[type="submit"]::-moz-focus-inner {border: 0; padding: 0; }
	input[type="button"]::-moz-focus-inner {border: 0; padding: 0; }
	input {
		background-color: #fff;
		border: 1px solid grey;
		font-size: small;
		padding: 0;
		width: 2.3em;
		}
	input.button {
		background-color: #f2f2f2;
		width: 7.2em;
		border-radius: 2px;
		border: 1px solid #aaa;
		}
	input.button:hover{
		background-color: white;
		}
	input.texteingabe {
		border: 1px solid #ccc;
		height: 1.5em;
		}
	select {
		background-color: #fff;
		border: 1px solid lightgrey;
		font-size: 0.9em;
		padding: 0em;
		margin-left: 1em;
		}
	pre { /* DB Connecting error */
		text-align: center;
		font-weight: bold;
		color: red;
		}
/* jQUERY autocomplete */
	.ui-autocomplete
		{
		max-height: 160px;
		overflow-y: auto; /* prevent horizontal scrollbar */
		overflow-x: hidden;
		}
	* html .ui-autocomplete
		{
			height: 100px;
		}
/* CSSMENU */
		.menu-link { display: none;}
		.menu { float: left; }
		.menu ul {
			padding: 0px;
			margin: 0px;
			list-style: none;
			position: relative;
			display: inline-table;
		}
		.menu ul li { padding: 0px; }
		.menu > ul > li { display: inline-block; }
		.menu ul li a { display: block; text-decoration: none; border: none; color: #fff; font-size: 12px; }
		.menu ul li > a { padding: 7px 6px 7px 6px; }
		.menu ul ul {
			display: none;
			position: absolute;
			top: 100%;
			min-width: 130px;
			border: 1px solid lightgrey;
		}
		.menu a:hover {}
		.menu ul li:hover > ul { display: block; }
		.menu ul ul > li { position: relative; }
		.menu ul ul > li a { padding: 4px 20px 4px 20px; height: auto; background-color: gray; }
		.menu ul ul > li a:hover { background-color: lightgrey; color: black; }
		.menu ul ul ul { position: absolute; left: 100%; top: 0; }
		.menu a.mnu_sep { border-bottom: 1px dotted lightgrey; }
