/*
@media print {
*/	

* {
margin: 0;
padding: 0;
}


img.smbu{
	width:	11px;
	height:	11px;
	padding: 2px;
	margin:	1px;
}

img.smbu:hover{
	background-color: red;
}

a.in	{	/*	infobox	*/
	padding:			none;
	border:				none;
	background-color:	none;
	width: 				50px;
	margin:				2px;
	font-size:			10px;
	border-radius:		10px;
}

a.nav {
	padding:			3px 3px 13px 5px;
	display:			flex;
	border:				1px solid black;
	background-color:	lightblue;
	margin:				0px -3px 5px -3px;
}

div.beg, div.ber {
	width: 15px;
	height: 15px;
	margin: 5px;
	font-size: 8px;
}

div.beg {
	border: 2px solid green;
}

div.ber {
	border: 2px solid red;
}

a	{
	text-decoration:	none;
}

a.nav:hover {
	background-color:	silver;
}

div.vor_a, div.vor_b, div.vor_c, div.vor_d, div.vor_e, div.vor_f, div.vor_g	{
	font-size: 12px;
	font-family:arial;
}

div.vor_a	{		/*	id	*/
	grid-column-start:1;
	grid-column-end:2;
}
div.vor_b	{		/*	product	*/
	grid-column-start:2;
	grid-column-end:3;
	font-size: 16px;
	font-weight: bold;
}
div.vor_c	{		/*	menge	*/
	grid-column-start:3;
	grid-column-end:4;
	text-align: right;
}
div.vor_d	{		/*	einheit	*/
	grid-column-start:4;
	grid-column-end:5;
}
div.vor_e	{		/*	price	*/
	grid-column-start:5;
	grid-column-end:6;
	text-align: right;
}
div.vor_f	{		/*	be1	*/
	grid-column-start:6;
	grid-column-end:7;
}
div.vor_g	{		/*	be2	*/
	grid-column-start:7;
	grid-column-end:8;
}
div.vor_f:hover	{		/*	be1	*/
	grid-column-start:6;
	grid-column-end:7;
	background-color: green;
}
div.vor_g:hover	{		/*	be2	*/
	grid-column-start:7;
	grid-column-end:8;
	background-color: red;
}

#nav {
	margin-right:		10px;
	flex: 3;
}

#cont {
	background-color:	lightblue;
	border:				1px solid black;
	padding:			3px;
	flex: 13;
}

#box-v {
	display:			flex;
	margin:				25px;
	min-height:			250px;
	width:				1100px;
}

#nav-v{
	margin-right:		10px;
	flex: 2;
}

#cont-v {
	background-color:	lightblue;
	border:				1px solid black;
	padding:			3px;
	flex: 15;
}

div.vorlist-x	{
	display: grid; 
	grid-template-columns: 20px 1fr 32px 15px 35px 25px 25px;
	width: 350px;
	height: 35px;
	background-color: #F2F2F2;
	border-bottom: 0.2mm solid black;
}

div.vorlist-v	{
	display: grid; 
	grid-template-columns: 20px 1fr 32px 15px 35px 25px 25px;
	height: 80px;
	font-size: 50px;
	background-color: #F2F2F2;
	border-bottom: 0.2mm solid black;
}

div.vorlist-v:nth-child(odd)	{
	background-color: #E6E6E6;
}
div.vorlist-v:hover, div.vorlist-x:hover	{
	background-color: #E3F3C5;
}

div#bearbeitung{
	display:flex;
	background-color: gray;
	margin-bottom:15px;
}

div.bearbeitung{
	background-color: white;
	flex: 1;
	margin: 2px;
}

p.abs {
	margin-bottom: 10px;
}

div.hinweis {
	padding: 5px;
	position: fixed;
	bottom: 5mm;
	right: 5mm;
	font-size: 14px;
	font-family: Courier New;
	color: yellow;
	background-color: red;
	border: 3px solid black;
	min-height: 45px;
	border-radius: 10px;
}

div.test{
	
	background-color: #EEE8AA;
	font-size: 9px;
	width:120px;
	height:25px;
	border-radius: 5px;
	-webkit-box-shadow:  3px 3px 7px 3px rgba(0,0,0,0.4);
-moz-box-shadow:  3px 3px 7px 3px rgba(0,0,0,0.4);
box-shadow:  3px 3px 7px 3px rgba(0,0,0,0.4);
border: 2px #BDB76B solid;
}

div.test:hover{
	background-color: #FFE4B5;
}