/* backgrounds */
body { margin:0px; }

/* font        family and color */
p, h2, h3, h4, ul, ol, div, td, th, input, li, dd, dt, dl { font-family:Verdana,Helvetica,sans-serif; }
@font-face {
	font-family: 'FontAwesome';
	font-weight: 400;
	font-style: normal;
	src: url('./lib/fa-regular-400.ttf') format('truetype');
}
@font-face {
	font-family: 'FontAwesome4';
	font-weight: 1600;
	font-style: normal;
	src: url('./lib/fontawesome-webfont.ttf') format('truetype');
}
.fa {font-family: 'FontAwesome';font-weight:400;}
.fa4 {font-family: 'FontAwesome4';font-weight: normal;}
.error, .attention { font-weight:bold; color:red; }

fieldset { border:1px solid #eee; padding:3px; background-color:white; } /* position:relative; */
fieldset:hover { border:1px solid #ccc; }
fieldset.over { background-color:#eee; }
fieldset fieldset.over { background-color:#ccc; }
fieldset legend { color:#ccc; }
fieldset legend a { color:#ccc; }
fieldset fieldset legend { color:#000; }
fieldset fieldset legend a { color:#000; }

#buttonnext { background-color:red; color:white; font-weight:bold; }
#buttonnext:disabled { background-color:#ddd; color:#ccc; font-weight:bold; }

[draggable=true] {
  user-drag: element;
  user-select: none;
  cursor: pointer;
}
/* sizes */
p, div, ol, ul, h4 { font-size:10pt; }
/* td, th, dd, dt, dl { font-size:9pt; } */
#liste tr:nth-child(odd) { background-color:#eee; }

dl { margin:0px; }
dd { margin:0 0 0 10px; }

h2 { font-size:14pt; font-weight:bold; }
h3 { font-size:12pt; font-weight:bold; }
h4 { font-size:10pt; font-weight:bold; }
.gross { font-size:14pt; }
.klein, td.footer { font-size:8pt; }
.small { font-size:8pt; color:#555555; }
.shidden { color:#eee; }
.shidden:hover { color:black; }
.sehr_klein, .very_small{ font-size:6pt; }

form { margin:0px; padding:0px; font-size:10pt; }
button { font-size:8pt; border-width:2px; }
hr.black { border-width:1px; border-style:dashed; color:#000000; }

/* links */
a { font-style:normal;  }

input[type=button], input[type=select] { font-size:8pt; border-width:2px; }

/* info */
table.info { border:1px solid #000000; }
table.right { border: 1px solid #777777; }
tr.new { border-left: 1px solid white; border-top: 1px solid white; }
td.new { border-right: 1px solid white; border-bottom: 1px solid white; }
th { background-color:#cccccc; }
th a {color:white; }
/* tr:nth-child(odd) { background-color: #ddd; } */

/* alte Formate */
#bez { font-weight:bold; font-size:11pt; }
#ean { font-weight:normal; font-size:7pt; }

/* Navigation */
div#menu { background-color:#111; border:0px; height:36px; width:100%; }
#menu { margin: 0; padding: 0; }
#menu ul { font-family: Verdana,Helvetica,sans-serif; font-size: 12pt; margin: 0; padding: 0; list-style: none; }
#menu ul li { cursor:pointer; display: block; position: relative; float: left; font-size:12pt; color:#ffffff; }
#menu li ul { display: none; min-width: 10em; }

#menu ul li a { z-index:100; display: block; height: 22px; text-decoration: none; color: #ffffff; padding: 7px; background-color:#111; white-space: nowrap; }
#menu ul li a:hover {	z-index:101; color: #000; background-color:#fff; }
#menu li:hover ul, #menu li.hover ul { z-index:111; display: block; position: absolute; border: 1px solid black; margin:0; padding:0; background-color:#fff; box-shadow: 5px 5px 10px #777; }
#menu li:hover li, #menu li.hover li { z-index:112; float: none; font-size: 12pt; }
#menu li:hover a, #menu li.hover a { color: #000; background-color:#fff; }
#menu li:hover li a:hover, #menu li.hover li a.hover { color: #fff; background-color:#000; }

#infoframe { position:absolute; left:50%; box-shadow: 10px 10px 20px #333; }
div#infoframe { margin-left:-250px; top:50px; width:500px; padding:10px; height:auto; min-height:300px; overflow:auto; max-height:80%; text-align:left; background-color:rgb(255,255,255); color:rgb(0,0,0); border:2px solid rgb(100,100,100); }
iframe#infoframe { margin-left:-250px; top:50px; width:500px; padding:0; height:70%; }
div ~ #close {position:inherit; left:50%; margin-left:255px; top:35px;}
iframe ~ #close {position:inherit; left:50%; margin-left:235px; top:35px;}

.hide { color:white; }
.hide:hover { color:black; }

.beschreibung { font-size:7pt; color:#999999; }
.aktbesch { font-size:7pt; color:#000000; }
.bezeichnung { font-size:9pt; color:#000000; }
.aktbez { font-size:9pt; color:#000000; }
input,select,textarea { font-size:9pt; background-color:inherit;border: 1px solid #666; }
label { font-size:8pt; }
#ontop{
	margin:0;
	position:fixed;
	height: 100%;
	z-index:999;
	padding:0px;
	width:100%;
	left:0px; top:0px;
	clear:none;
	background:url('images/50proz.png');
}

.sidebar {
	margin:0px;
	padding:15px;
	background:#ccc;
	position:fixed;
	width:270px;
	top:80px;
	right:-290px;
	border:2px solid #bbb;
	overflow:hidden;
}
.sidebar:hover {
	background:#fff;
	width:270px;
	top:80px;
	right:0px;
	overflow:hidden;
}

.ac_menu { border:1px solid black; text-align:left; }
.ac_normal { background-color:#ffffff; cursor:pointer; text-align:left;}
.ac_highlight { background-color:#3366cc; color:white; cursor:pointer; text-align:left; }
.ac_normal .a { font-size:11px; color:black; text-align:left; }
.ac_highlight .a { font-size:11px; }
.ac_normal .d { float:right; font-size:8px; color:green; }
.ac_highlight .d { float:right; font-size:8px; }

.entry { width:300px; height:200px; float:left; margin:1em 15px 0 15px; padding:0; background-position: center; background-repeat: no-repeat; background-size: contain; }
#uploadzone { width:200px; text-align: center; height:200px; float:right; margin:0 0 1em 1em; padding:0; cursor:pointer; background-position: center; background-repeat: no-repeat; background-size: contain; display:none; border: 5px dashed #ccc; color:#ccc; font-size:1em; background-image:url('data:image/svg+xml;utf8,<svg class="box__icon" xmlns="http://www.w3.org/2000/svg" width="50" height="43" viewBox="0 0 50 43"><path d="M48.4 26.5c-.9 0-1.7.7-1.7 1.7v11.6h-43.3v-11.6c0-.9-.7-1.7-1.7-1.7s-1.7.7-1.7 1.7v13.2c0 .9.7 1.7 1.7 1.7h46.7c.9 0 1.7-.7 1.7-1.7v-13.2c0-1-.7-1.7-1.7-1.7zm-24.5 6.1c.3.3.8.5 1.2.5.4 0 .9-.2 1.2-.5l10-11.6c.7-.7.7-1.7 0-2.4s-1.7-.7-2.4 0l-7.1 8.3v-25.3c0-.9-.7-1.7-1.7-1.7s-1.7.7-1.7 1.7v25.3l-7.1-8.3c-.7-.7-1.7-.7-2.4 0s-.7 1.7 0 2.4l10 11.6z" style="fill:%23999999;stroke-width:0.27"/></svg>'); background-size: 25% auto; }

@media screen and (max-width: 750px) {
	.minfo { display:none; }
	div#menu { height:48px; }
	#menu ul { font-size:20pt; }
	#menu ul li { font-size:20pt; }
}
@media print {
	td, th {font-size:0.8em;}
}