/*
@media print {
*/	
	

* {
margin: 0;
padding: 0;
font-family: Rajdhani;
}

a.in	{
	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;
/*	transform:			rotate(-3deg);	*/
}


div.beg, div.ber {
	width: 15px;
	height: 15px;
	margin: 5px;
	font-size: 13px;
}
div.beg {
	border: 2px solid green;
}
div.ber {
	border: 2px solid red;
}


a	{
	text-decoration:	none;
}

a.nav:hover {
	background-color:	silver;
}
/*----------------------------------------------------------------------------*/
#page	/*@page*/{
	/*seite*/
	border: 0.2mm solid black;
	padding: 1mm;
	padding-bottom: 10mm;
	width: 300mm;
/*	height: 450mm;*/
	margin-left: 15mm;
	margin-top: 15mm;
}

#page-1/*@page*/{
	border: 0.2mm solid black;
	padding: 1mm;
	width: 200mm;
/*	height: 440mm;*/
	margin-left: 35mm;
	margin-top: 35mm;
}
#page-2/*@page*/{
	border: 0.2mm solid black;
	padding: 1mm;
	width: 200mm;
/*	height: 440mm;*/
	margin-left: 35mm;
	margin-top: 35mm;
}
#page-3 @page*/{
	border: 0.2mm solid black;
	padding: 1mm;
	width: 200mm;
/*	height: 450mm;*/
	margin-left: 5mm;
	margin-top: 5mm;
}




div.vorlist	{
	display: grid; 
	grid-template-columns: 20px 1fr 32px 15px 35px 25px 25px;
	width: 500px;
	height: 35px;
	background-color: #F2F2F2;
	border-bottom: 0.2mm solid black;
}
div.vorlist:nth-child(odd)	{
	background-color: #E6E6E6;
}
div.vorlist:hover	{
	background-color: #E3F3C5;
}


}
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;
}
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;
}

#pagepp	/*@page*/{
	/*seite*/
	border: 0.2mm solid black;
	padding: 1mm;
	padding-bottom: 10mm;
	width: 450mm;
/*	height: 450mm;*/
	margin-left: 15mm;
	margin-top: 15mm;
	
	display:flex;
}

div.liste200 {
	/*liste*/
		border: 0.1mm dashed red;
}

div.pliste	{
	/*positionselemente*/
	display: grid;
		grid-template-rows: 19mm 6mm; 
		grid-template-columns: 250mm 17mm 7mm 23mm;
	grid-column-gap:	0px;
	grid-row-gap:		0px;
		border-bottom: 0.1mm solid gray;
}

div.liste200tw {
	/*liste*/
		width: 198mm;
		margin: 10mm;
		border: 0.1mm solid red;
}

.a, .b, .c, .d, .e, .f {
	background-color:	none;
	color:				navy;
	padding:			2px;
}


div.a	{		
	grid-column-start:1;
	grid-column-end:2;
	grid-row-start:1;
	grid-row-end:2;
	font-size: 8px;	
}

div.b	{		/*	product	*/
	grid-column-start:1;
	grid-column-end:2;
	grid-row-start:1;
	grid-row-end:2;
	font-size: 8mm;
	padding-left: 3mm;
}

div.c	{		/*	zusatz	*/
	grid-column-start:1;
	grid-column-end:5;
	grid-row-start:2;
	grid-row-end:3;
	padding-left: 3mm;
}

div.d	{		/*	menge	*/
	grid-column-start:2;
	grid-column-end:3;
	grid-row-start:1;
	grid-row-end:2;
	text-align:	right;
}

div.e	{	/*einheit*/
	grid-column-start:3;
	grid-column-end:4;
	grid-row-start:1;
	grid-row-end:2;	
}

div.f	{	/*preis*/
	grid-column-start:4;
	grid-column-end:5;
	grid-row-start:1;
	grid-row-end:2;
	font-size: 30px;
	text-align:	right;
	padding-right:	5px
}

small{
	margin-left: 5px;
	font-size: 18px;
}

small.id{
	width:9mm;
	height:9mm;
	padding:2mm;
	margin-right: 5mm;
	font-size: 18px;
	background-color:gray;
	border-radius:9mm;
}









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

#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-v	{
	display: grid; 
	grid-template-columns: 20px 1fr 32px 15px 35px 25px 25px;
	height: 35px;
	background-color: #F2F2F2;
	border-bottom: 0.2mm solid black;
}

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:nth-child(odd)	{
	background-color: #E6E6E6;
}
div.vorlist-v:hover	{
	background-color: #E3F3C5;
}

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

div.pr {
	color: black;
	border: 0.3mm solid red;
		margin: -0.3mm;
	/*	height: 25mm;	*/
		padding: 3mm;
		background-color: #ffffcc;
		font-size: 20mm;
		
}

div.eu {
	color: black;
	border: 0.3mm solid red;
		margin: 0mm;
		margin-top: -3.3mm;
		margin-right: -3.3mm;
	/*	height: 25mm;	*/
	/*	padding: 5mm;	*/
		background-color: #ffccff;
		text-align: right;
		width:	35mm;
		float: right;
		font-size: 12mm;
		padding-right: 5mm;		
}

div.be {
	font-size: 7.2mm;
	font-family: Courier New;

}

hr {
	color: white;
	float: none;
}



#impressum{
	background-color: lightblue;
	color: navy;
	text-align: center;
	font-size: 18px;
	font-family:arial;
	padding:15px;
	margin: auto;
	margin-top: 50px;
	border-radius:15px;
	/*border:1px solid white;*/
	width: 300px;
	box-shadow: inset 0 0 1em gold, 0 0 5em white;
}

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

input {
	background-color: silver;
	font-weight:bold;
	padding:3px;
	height: 25px;
}

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