BODY { scrollbar-base-color: 000000; scrollbar-arrow-color: 000000; scrollbar-face-color: 660000; }

a:link { color:00f000; text-decoration: none font-family: Verdana, Arial, Sans-serif; }
a:visited { color:00f000; text-decoration: none font-family: Verdana, Arial, Sans-serif; }
a:hover { color:ffff00; text-decoration: underline font-family: Verdana, Arial, Sans-serif; }
a:active { color:00f000; text-decoration: none font-family: Verdana, Arial, Sans-serif; }

@font-face {
	font-family: 'myFont';
	src: url('myFont.eot');
	src: local('myFont'), local('myFont'), url('myFont.ttf') format('truetype');
}

table 	{ border-collapse: collapse;  
		margin-bottom: 1rem; 
}

input[type=button], input[type=submit], input[type=reset] {
  padding: 4px 10px;
  background-color: #4CAF50;
  border: none;
  border-radius: 10px;
  color: white;
}

input[type=text], input[type=password], input[type=number] {
  background-color: #333;
  border-radius: 10px;
  padding-left: 3px;
  color: white;
}

select {
  padding: 4px 10px;
  background-color: #4CAF50;
  border: none;
  border-radius: 10px;
  color: white;
}

/* Nur beim Drucken */
  @media print {
    /* Alles ausblenden */
    body * {
      visibility: hidden;
    }

    /* Nur der Rechnungsbereich bleibt sichtbar */
    #rechnungsbereich, #rechnungsbereich * {
      visibility: visible;
    }

    /* Rechnung oben links platzieren */
    #rechnungsbereich {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
    }
	
    /* Optional: Seitenränder für A4 */
    @page {
      size: A4;
      margin: 20mm;
    }
	
	  /* Hintergrundfarben und Rahmen beibehalten */
  * {
    -webkit-print-color-adjust: exact !important; /* Chrome, Safari */
    print-color-adjust: exact !important; /* Firefox */
    color-adjust: exact !important; /* älterer Standard */
	}
  }

.txt-adrX	{ 	
	border: 5px outset red;
	background-color: lightblue;    
	text-align: center;
	font-family: Calibri, Verdana, Gaze;
	font-size: 12pt;
	font-weight: bold;
	color: #ff00ff;
}

.txt-adr { 	
	font-family: Calibri, Verdana, Gaze;
	font-size: 12pt;
	font-weight: bold;
	color: #ffffff;
}

.txt-adr-box-left { 	
	border: 5px outset grey;
	padding: 5px;
	width: 200pt;
	font-family: Calibri, Verdana, Gaze;
	font-size: 12pt;
	font-weight: bold;
	color: #000000;
}

.txt-adr-box-right { 	
	border: 5px outset grey;
	padding: 5px;
	text-align: left;
	width: 150pt;
	font-family: Calibri, Verdana, Gaze;
	font-size: 12pt;
	font-weight: bold;
	color: #000000;
}

.tab-rech { 	
	font-family: Calibri, Verdana, Gaze;
	font-size: 12pt;
	font-weight: bold;
	color: #000000;
}

.tab-auftrag { 	
	font-family: Calibri, Verdana, Gaze;
	font-size: 12pt;
	font-weight: bold;
	color: #ffffff;
}

.tab-mahn { 	
	border: 5px outside grey;
	padding: 5px;
	text-align: left;
	width: 300pt;
	font-family: Calibri, Verdana, Gaze;
	font-size: 12pt;
	font-weight: bold;
	color: #000000;
	background-color: ffffff;  
}

.txt		{ 	
	font-family:Calibri, Verdana, Gaze;
	font-size:12pt;
	font-weight:bold;
	color: #ffffff;
}

.txt_h2		{ 	
	font-family:Calibri, Verdana, Gaze;
	font-size:20pt;
	font-weight:bold;
	color: #ffffff;
}

.txt_h3		{ 	
	font-family:Calibri, Verdana, Gaze;
	font-size:16pt;
	font-weight:bold;
	color: #ffffff;
}

.txt-black	{ 	
	font-family:Calibri, Verdana, Gaze;
	font-size:12pt;
	font-weight:bold;
	color: #000000;
}

.txt90		{ 	
	font-family:Calibri, Verdana, Gaze;
	font-size:10pt;
	font-weight:bold;
	color: #ffffff;
	-moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.txt2		{ 	
	font-family:Calibri, Verdana, Gaze;
	font-size:10pt;
	font-weight:bold;
	color: #ffffff;
}

.txt3	{ 	
	font-family:Calibri, Verdana, Gaze;
	font-size:12pt;
	font-weight:bold;
	color: #ffffff;
}