

		<!--
	body {
		font-family: Arial, Helvetica, sans-serif;
	}

	table {
		font-size: 1em;
		font-weight:bold;
	}

	a {
		text-decoration: none;
	}
	
	/* form{ display: none;} */
.scrollbereich {
    width:45px;
    height:63px;
    background-image: url('scroll.png');
    background-repeat:repeat;
	background-size:63px 63px;
    border: 1px solid black;
	overflow-y: auto;
}	
		.imgbutton { 
			cursor: pointer;
			width: 40px;					/* width: 9vw; vw = Proz. der viewportbreite (Bildschirmauflösung) für Handy im Hochformat optimal */
			padding: 6px;
			}

		.imgsmall { 
			cursor: pointer;
			max-width: 250px;
			max-height: 250px;
			padding: 6px;
			}
			
		.tdzelle { 
			cursor: pointer;
			border-radius: 15px;	
			border:1px solid #666666;
			}
			
		.kopf { 
			font-size:5mm; 
			background-color: #aa0000; 
			border-left: 1px solid; 
			border-right: 1px solid; 
			border-top: 1px solid; 
			color:#ffffff; 
			font-family:Arial, Verdana, Helvetica, sans-serif; 
			font-weight:bold; 
			cursor: pointer;
			border-radius: 15px;	
			padding: 6px;
			position: fixed; 
			bottom: 0;					/* bottom: 0; **Menü unten**    top:0; **Menü oben** vertikale Positionierung vom Menü oben/unten*/
			right:0;		
			z-index: 4;
			}

		.eingabebereich { 
			background-color: #cccccc; 
			position: fixed; 
			bottom: 4.6em;					/* bottom: 5em; **Menü unten**    top:5em;  **Menü oben** vertikale Verschiebung vom Eingabebereich wenn Menü oben/unten */
			right:0;		
			z-index: 4;
			}
			
		.voffset { 
			width: 100%;
			position: fixed;
			top:0em;				/*top:0em;  **Menü unten**     top:5em;  **Menü oben**   vertikale Verschiebung vom Kontent wenn Menü oben/unten */
			left:0em;
			max-height: calc(100% - 50px);
			overflow-y: auto;			
			}

		.newmenu { 
			width:100%;
			height:100%;
			display: none;
			background-color:white;
			position: fixed;
			right:0;
			top: 0;
			z-index: 5;
			border-radius: 10px;
			padding: 0px;
			max-height: calc(100% - 50px);
			overflow-y: auto;			
			}
			
			  
		.menu { 
			font-size:6mm; 
			background-color: #DDDDDD; 
			border-left: 1px solid; 
			border-right: 1px solid; 
			border-top: 1px solid; 
			color:#ffffff; 
			font-family:Arial, Verdana, Helvetica, sans-serif; 
			font-weight:bold; 
			cursor: pointer;
			border-radius: 15px;	
			padding: 6px;
			position: fixed; 
			bottom: 0;				
			right:0;
			
			}

		.menuitem { 
			font-size:4mm; 
			background-color: #FFFFFF; 

			border-bottom: 1px solid #dddddd; 			
			color:#777777; 
			font-family:Arial, Verdana, Helvetica, sans-serif; 
			font-weight:bold; 
			cursor: pointer;
			border-radius: 10px;	
			padding: 26px
			
			}
			
		.round_button{
		font-family: Arial,Helvetica,sans-serif;
		font-size: 5mm;
		line-height: 0.0;

		list-style: none;
		cursor:pointer;
		margin-bottom: 2px;
		background-color:#aaaaaa;
		color:#ffffff;
		width:70px;
		height:70px;
		padding:10px;
		text-align:center;
		font-weight:bold;
		border:1px solid #666666;
		border-radius: 40px;
		list-style-type: none; 
		display: flex;
		}

		.foto_button{ 
			/* width: 100%;  */
			font-size:3mm; 
			color:#333333; 
			font-family:Arial, Verdana, Helvetica, sans-serif; 
			font-weight:bold; 
			cursor: pointer;
			border-radius: 10px;
			padding-left: 10px;
			padding-right: 10px;
			padding-top: 6px;
			padding-bottom: 6px;			
			}
			
		.round_input{ 
			/* width: 95%; */ 
			font-size:7mm; 
			color:#333333; 
			font-family:Arial, Verdana, Helvetica, sans-serif; 
			font-weight:bold; 
			cursor: pointer;
			border-radius: 10px;
			padding-left: 10px;
			padding-right: 10px;
			padding-top: 6px;
			padding-bottom: 6px;			
			}

		.term_input{ 
			/* width: 95%; */ 
			font-size:4mm; 
			color:#333333; 
			font-family:Arial, Verdana, Helvetica, sans-serif; 
			font-weight:bold; 
			cursor: pointer;
			border-radius: 10px;
			padding-left: 10px;
			padding-right: 10px;
			padding-top: 6px;
			padding-bottom: 6px;			
			}			
			
		.listenfeld{ 
			font-size:4mm; 
			color:#333333; 
			font-family:Arial, Verdana, Helvetica, sans-serif; 
			font-weight:bold; 
			cursor: pointer;
			border-radius: 10px;
			padding-left: 10px;
			padding-right: 10px;
			padding-top: 6px;
			padding-bottom: 6px;			
			}

		.term_pdn{ 
			font-size:4mm; 
			color:#333333; 
			font-family:Arial, Verdana, Helvetica, sans-serif; 
			font-weight:bold; 
			cursor: pointer;
			border-radius: 10px;
			padding-left: 10px;
			padding-right: 10px;
			padding-top: 6px;
			padding-bottom: 6px;			
			}
			
		.anzahl{ 

			font-size:4mm; 
			color:#333333; 
			font-family:Arial, Verdana, Helvetica, sans-serif; 
			font-weight:bold; 
			cursor: pointer;
			border-radius: 10px;
			border:1px solid #666666;
			padding-left: 10px;
			padding-right: 10px;
			padding-top: 6px;
			padding-bottom: 6px;			
			}

		.artikel{ 
			width: 95%;
			font-size:4mm; 
			color:#333333; 
			font-family:Arial, Verdana, Helvetica, sans-serif; 
			font-weight:bold; 
			cursor: pointer;
			border-radius: 10px;
			border:1px solid #666666;
			padding-left: 10px;
			padding-right: 10px;
			padding-top: 6px;
			padding-bottom: 6px;			
			/*max-width: 200px;*/			/* Maximale Breite */
			white-space: nowrap;		/* Text bricht nicht um */
			overflow: hidden; 			/* Überlaufenden Text verbergen. U.u.wird Zellenwert bei Android nicht übergeben */
			text-overflow: ellipsis;	/* Ellipsis am Ende des Textes (xyz...)*/
			}			
		.test{ 
			/*width: 95%;*/
			font-size:4mm; 
			color:#333333; 
			font-family:Arial, Verdana, Helvetica, sans-serif; 
			font-weight:bold; 
			cursor: pointer;
			border-radius: 10px;
			border:1px solid #666666;
			padding-left: 10px;
			padding-right: 10px;
			padding-top: 6px;
			padding-bottom: 6px;			
			}


		.schrot {width: 1%;}

		.wap_button { width: 80%; font-size:5mm; color:#aa0000; font-family:Arial, Verdana, Helvetica, sans-serif; font-weight:bold; cursor: pointer;}
		.wap_pulldown { width: 100%; font-size:5mm; color:#333333; font-family:Arial, Verdana, Helvetica, sans-serif; font-weight:bold; cursor: pointer;}
		.wap_input_area { width: 100%; height: 120px; padding: 0px 0px; font-size:3mm; color:#333333; font-family:Arial, Verdana, Helvetica, sans-serif; font-weight:bold; cursor: pointer;}

		.wap_input{ 
			width: 95%;
			font-size:4mm; 
			color:#333333; 
			font-family:Arial, Verdana, Helvetica, sans-serif; 
			font-weight:bold; 
			cursor: pointer;
			border-radius: 10px;
			border:1px solid #666666;
			padding-left: 10px;
			padding-right: 10px;
			padding-top: 6px;
			padding-bottom: 6px;			
			}
			
			
		.wap_area { width: 100%; font-size:5mm; color:#333333; font-family:Arial, Verdana, Helvetica, sans-serif; font-weight:bold; cursor: pointer;}

		.wap_tdinput { font-size:5mm; background-color: #ffffff; color:#aa0000; font-family:Arial, Verdana, Helvetica, sans-serif; font-weight:bold; cursor: pointer;}

		.wap_tdtext { 
			font-size:5mm; 
			background-color: #ffffff; 
			border-bottom: 1px solid; 
			border-left: 1px solid; 
			border-right: 1px solid; 
			border-top: 1px solid; 
			color:#aa0000; 
			font-family:Arial, Verdana, Helvetica, sans-serif; 
			font-weight:bold; 
			cursor: pointer;
			border-radius: 10px;
			padding-left: 10px;
			padding-right: 10px;
			padding-top: 6px;
			padding-bottom: 6px;
			}
		
		.wap_tdinputhsign { font-size:5mm; background-color: #00aa00; border-left: 1px solid; border-right: 1px solid; border-top: 1px solid; color:#ffffff; font-family:Arial, Verdana, Helvetica, sans-serif; font-weight:bold; cursor: pointer;}

		.wap_tdtextsmall { font-size:4mm; background-color: #e8e8e8; border-bottom: 1px solid; border-left: 1px solid; border-right: 1px solid; border-top: 1px solid; color:#aa0000; font-family:Arial, Verdana, Helvetica, sans-serif; font-weight:bold; cursor: pointer;}
		.wap_tdtextlist { font-size:4mm; 
			border-bottom: 1px solid; 
			border-left: 1px solid; 
			border-right: 1px solid; 
			border-top: 1px solid; 
			color:#aa0000; 
			font-family:Arial, 
			Verdana, Helvetica, sans-serif; 
			font-weight:bold; 
			cursor: pointer;
			border-radius: 10px;
			padding-left: 10px;
			padding-right: 10px;
			padding-top: 6px;
			padding-bottom: 6px;			
			}

		.wap_tdtexterrorh { 
			font-size:6mm; 
			background-color: #ffdddd; 
			border-bottom: 1px solid; 
			border-left: 1px solid; 
			border-right: 1px solid; 
			border-top: 1px solid; 
			color:#cc0000; 
			font-family:Arial, Verdana, Helvetica, sans-serif; 
			font-weight:bold; 
			cursor: pointer;
			border-radius: 10px;
			}
		.wap_tdtexterror { 
			font-size:5mm; 
			background-color: #ffdddd; 
			border-bottom: 1px solid; 
			border-left: 1px solid; 
			border-right: 1px solid; 
			border-top: 1px solid; 
			color:#cc0000; 
			font-family:Arial, Verdana, Helvetica, sans-serif; 
			font-weight:bold; 
			cursor: pointer;
			border-radius: 10px;
			}

		.wap_tdtexterrorh1 { font-size:6mm; background-color: #ffffdd; border-bottom: 1px solid; border-left: 1px solid; border-right: 1px solid; border-top: 1px solid; color:#cc0000; font-family:Arial, Verdana, Helvetica, sans-serif; font-weight:bold; cursor: pointer;}
		.wap_tdtexterror1 { 
			font-size:5mm; 
			background-color: #ffffdd; 
			border-bottom: 1px solid; 
			border-left: 1px solid; 
			border-right: 1px solid; 
			border-top: 1px solid; 
			color:#cc0000; 
			font-family:Arial, Verdana, Helvetica, sans-serif; 
			font-weight:bold; 
			cursor: pointer;
			border-radius: 10px;
			}

		.wap_tdtextgood { font-size:5mm; background-color: #33aa33; border-bottom: 1px solid; border-left: 1px solid; border-right: 1px solid; border-top: 1px solid; color:#ffffff; font-family:Arial, Verdana, Helvetica, sans-serif; font-weight:bold; cursor: pointer;}

		.action_button {width: 80px;height: auto;cursor: pointer;}
		.logo {width: 100px;height: auto;}
		.logo1 {width: 80px;height: auto;}
		.abschluss{ 
			font-size:6mm; 
			color:#003232; 
			background-color: #32cc64; 
			font-family: Arial, Verdana, Helvetica, sans-serif; 
			font-weight:bold;
			border-radius: 10px;
			}
		
		.wap_bild_select{
			position: relative;
			overflow: hidden;
			display: inline-block;
			font-family:Arial, Verdana, Helvetica, sans-serif;
			font-size:4mm;
			color:#FFFFFF;
			width: 100%;
			height: 40px;
			text-decoration: none;
			border: 1px solid #444444;
			background: #222222 url("ui-bg_glass_65_0acb06_1x400.png") 50% 50% repeat-x;
			font-weight: bold;
			line-height: normal;
			margin-right: .1em;
			cursor: pointer;
			vertical-align: middle;
			text-align: center;
			
			margin: -1px;
			border-top-left-radius: 10px;
			border-top-right-radius: 10px;
			border-bottom-left-radius: 10px;
			border-bottom-right-radius: 10px;
		}
		.wap_bild_send{
			position: relative;
			overflow: hidden;
			display: inline-block;
			font-family:Arial, Verdana, Helvetica, sans-serif;
			font-size:4mm;
			color:#aa0000;
			width: 80%;
			height: 40px;
			text-decoration: none;
			border: 1px solid #444444;
			background: #222222 url("ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
			font-weight: bold;
			line-height: normal;
			margin-right: .1em;
			cursor: pointer;
			vertical-align: middle;
			text-align: center;
			
			margin: -1px;
			border-top-left-radius: 10px;
			border-top-right-radius: 10px;
			border-bottom-left-radius: 10px;
			border-bottom-right-radius: 10px;
		}
		.round_pulldown{
		font-family: Arial,Helvetica,sans-serif;
		font-size: 1em;
		/* line-height: 2.0; */
		font-size: 100%;
		list-style: none;
		cursor:pointer;
		margin-bottom: 2px;
		background-color:#aaaaaa;
		color:#ffffff;
		width:70px;
		height:40px;
		padding:10px;
		text-align:center;
		font-weight:bold;
		border:1px solid #666666;
		border-radius: 40px;
		list-style-type: none; 
		display: flex;
		/* list-style-image: <?php echo $vendor_image_path . "vertretung.png";?>; */
		/* background-image: <?php echo $vendor_image_path . "vertretung.png";?>; */
		}


		h1 { font-size:5mm; color:#aa0000; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight:bold;}
		h2 { font-size:6mm; color:#aa0000; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight:bold;}
		h3 { font-size:7mm; color:#aa0000; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight:bold;}
		-->