2420 lines
120 KiB
HTML
2420 lines
120 KiB
HTML
<!DOCTYPE HTML>
|
|
<html xmlns:xr="urn:ce.eu:en16931:2017:xoev-de:kosit:standard:xrechnung-1"
|
|
xmlns:xrv="http://www.example.org/XRechnung-Viewer" xmlns:xs="http://www.w3.org/2001/XMLSchema" lang="de">
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|
<title>XRechnung</title>
|
|
<meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1.0">
|
|
<style>
|
|
|
|
|
|
/* Grundformatierung ********************************************/
|
|
|
|
*,
|
|
*:after,
|
|
*:before
|
|
{
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
}
|
|
|
|
.clear:after {
|
|
content: ".";
|
|
clear: both;
|
|
display: block;
|
|
visibility: hidden;
|
|
height: 0;
|
|
}
|
|
|
|
html, body {
|
|
height: 100%;
|
|
min-width: 320px;
|
|
margin: 0;
|
|
padding: 0;
|
|
color: #000;
|
|
font-size: 14px;
|
|
}
|
|
|
|
body {
|
|
overflow-y: scroll;
|
|
background-color: rgba(4, 101, 161, 0.08);
|
|
}
|
|
|
|
h4 {
|
|
color: inherit;
|
|
font-size: inherit;
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
|
|
/* Grundaufbau *************************************************/
|
|
.menue {
|
|
position: relative;
|
|
z-index: 2000;
|
|
background-color: #000;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.innen {
|
|
max-width: 1080px;
|
|
margin: 0 auto;
|
|
padding: 0 2%;
|
|
}
|
|
|
|
/* Formatierungen *************************************************/
|
|
.color2 {
|
|
color: rgba(0, 0, 0, 0.6);
|
|
}
|
|
|
|
.schwarz {
|
|
color: #555 !important;
|
|
}
|
|
|
|
.normal {
|
|
font-weight: normal;
|
|
}
|
|
|
|
.bold {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.abstandUnten {
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.abstandUntenKlein {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.noPaddingTop {
|
|
padding-top: 0 !important;
|
|
}
|
|
|
|
.ausrichtungRechts {
|
|
text-align: right;
|
|
}
|
|
|
|
/* Menü ********************************************************/
|
|
button {
|
|
position: relative;
|
|
font-family: serif;
|
|
padding-top: 15px;
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
margin-right: 2%;
|
|
}
|
|
|
|
.btnAktiv {
|
|
font-size: 22px;
|
|
color: #ffb619;
|
|
height: 50px;
|
|
outline: none;
|
|
border: none;
|
|
background: none;
|
|
}
|
|
|
|
.btnAktiv:after {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
top: 50px;
|
|
left: 50%;
|
|
z-index: 10;
|
|
font-size: 0;
|
|
line-height: 0;
|
|
height: 0;
|
|
padding: 0;
|
|
margin: 0;
|
|
transform: translateX(-50%);
|
|
border: 15px solid #000;
|
|
border-right-color: transparent;
|
|
border-bottom-color: transparent;
|
|
border-left-color: transparent;
|
|
}
|
|
|
|
.btnInaktiv, .tab {
|
|
font-size: 22px;
|
|
color: #fff;
|
|
height: 50px;
|
|
z-index: 0;
|
|
outline: none;
|
|
border: none;
|
|
background: none;
|
|
transition: color 0.3s ease;
|
|
}
|
|
|
|
.btnInaktiv:hover, .tab:hover {
|
|
color: #ffb619;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.divHide {
|
|
display: none;
|
|
}
|
|
|
|
/* Content *********************************************************************/
|
|
.inhalt {
|
|
font-family: sans-serif;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.haftungausschluss {
|
|
color: #000;
|
|
text-align: center;
|
|
padding: 7px;
|
|
margin-bottom: 30px;
|
|
width: 100%;
|
|
border: 1px solid #ffb619;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.box {
|
|
position: relative;
|
|
display: table-cell;
|
|
padding: 0;
|
|
border: 1px solid rgba(4, 101, 161, 0.2);
|
|
background-color: #fff;
|
|
}
|
|
|
|
.subBox {
|
|
border-top: none;
|
|
width: 50%;
|
|
}
|
|
|
|
.subBox:last-child {
|
|
border-left: none;
|
|
}
|
|
|
|
.first > .boxzeile > .subBox {
|
|
border-top: 1px solid rgba(4, 101, 161, 0.2) !important;
|
|
}
|
|
|
|
.boxtitel {
|
|
display: inline-block;
|
|
background-color: #0465A1;
|
|
padding: 7px 10px;
|
|
color: #fff;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.boxBorderTop {
|
|
border-top: none;
|
|
}
|
|
|
|
.boxBorderLeft {
|
|
border-left: none;
|
|
}
|
|
|
|
.boxtitelSub {
|
|
color: #000;
|
|
background-color: rgba(4, 101, 161, 0.1);
|
|
border-right: 1px solid rgba(4, 101, 161, 0.2);
|
|
border-bottom: 1px solid rgba(4, 101, 161, 0.2);
|
|
}
|
|
|
|
.boxinhalt {
|
|
padding: 15px 20px;
|
|
}
|
|
|
|
.boxtabelle {
|
|
display: table;
|
|
width: 100%;
|
|
}
|
|
|
|
.borderSpacing {
|
|
border-spacing: 0 5px;
|
|
}
|
|
|
|
.boxabstandtop {
|
|
margin-top: 30px;
|
|
}
|
|
|
|
.boxzeile {
|
|
display: table-row;
|
|
}
|
|
|
|
.boxzeile .box:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.boxdaten {
|
|
display: table-cell;
|
|
padding: 5px 0;
|
|
vertical-align: middle;
|
|
height: 38px; /* -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; */
|
|
}
|
|
|
|
.boxdaten.wert {
|
|
padding: 5px 10px;
|
|
}
|
|
|
|
.boxcell {
|
|
display: table-cell;
|
|
}
|
|
|
|
.boxdatenBlock {
|
|
display: block;
|
|
padding: 3px 0; /* -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; */
|
|
}
|
|
|
|
.noBreak {
|
|
-ms-word-break: keep-all;
|
|
word-break: keep-all;
|
|
word-break: keep-all;
|
|
-webkit-hyphens: none;
|
|
-moz-hyphens: none;
|
|
hyphens: none;
|
|
}
|
|
|
|
.boxabstand {
|
|
display: table-cell;
|
|
width: 30px;
|
|
}
|
|
|
|
.legende {
|
|
color: rgba(0, 0, 0, 0.6);
|
|
width: 170px;
|
|
font-size: 13px;
|
|
line-height: 16px;
|
|
padding-right: 5px;
|
|
}
|
|
|
|
.wert {
|
|
background-color: rgba(4, 101, 161, 0.03);
|
|
}
|
|
|
|
.boxtabelleEinspaltig {
|
|
width: 49%;
|
|
}
|
|
|
|
.boxtabelleZweispaltig, .boxtabelleDreispaltig {
|
|
width: 100%;
|
|
}
|
|
|
|
.box5050 {
|
|
width: 50%;
|
|
}
|
|
|
|
.boxEinspaltig {
|
|
width: 100%;
|
|
}
|
|
|
|
.boxZweispaltig {
|
|
width: 48.5%;
|
|
}
|
|
|
|
.boxSpalte1 {
|
|
width: 50%;
|
|
}
|
|
|
|
.boxSpalte2 {
|
|
width: 50%;
|
|
padding-left: 20px;
|
|
}
|
|
|
|
.paddingLeft {
|
|
padding-left: 0.1em;
|
|
}
|
|
|
|
.noPadding {
|
|
padding-top: 0 !important;
|
|
padding-bottom: 0 !important;
|
|
}
|
|
|
|
.rechnungsZeile {
|
|
display: table-row;
|
|
}
|
|
|
|
.rechnungsZeile .boxdaten {
|
|
height: auto;
|
|
}
|
|
|
|
.rechnungSp1 {
|
|
width: 65%;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.rechnungSp2 {
|
|
width: 10%;
|
|
}
|
|
|
|
.rechnungSp3 {
|
|
width: 25%;
|
|
font-size: 16px;
|
|
text-align: right;
|
|
}
|
|
|
|
.detailSp1, .detailSp2 {
|
|
width: 50%;
|
|
}
|
|
|
|
.detailSp2 {
|
|
text-align: right;
|
|
}
|
|
|
|
.line1Bottom {
|
|
border-bottom: 1px solid #000;
|
|
}
|
|
|
|
.line1BottomLight {
|
|
padding-bottom: 5px;
|
|
border-bottom: 1px solid #f0f0f0;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.line2Bottom {
|
|
border-bottom: 2px solid #000;
|
|
}
|
|
|
|
.paddingTop {
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.paddingBottom {
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
.grund {
|
|
font-size: 16px;
|
|
display: block;
|
|
width: 100%;
|
|
padding: 0 20px 15px 20px;
|
|
}
|
|
|
|
.grundDetail {
|
|
display: block;
|
|
width: 100%;
|
|
padding: 0 20px 15px 20px;
|
|
}
|
|
|
|
/* Übersichtformatierungen */
|
|
#uebersichtLastschrift.box, #uebersichtUeberweisung.box {
|
|
border-top: none;
|
|
}
|
|
|
|
#uebersichtUeberweisung.box {
|
|
border-left: none;
|
|
}
|
|
|
|
/* Formatierungen Detailseite */
|
|
.detailsSpalte1, .detailsSpalte2 {
|
|
width: 30%;
|
|
float: left;
|
|
font-size: 90%;
|
|
line-height: 115%;
|
|
margin-right: 5%;
|
|
}
|
|
|
|
.detailsSpalte3 {
|
|
width: 30%;
|
|
float: left;
|
|
font-size: 90%;
|
|
line-height: 115%;
|
|
}
|
|
|
|
.detailsSpalte1 .legende, .detailsSpalte2 .legende, .detailsSpalte3 .legende {
|
|
width: 145px;
|
|
}
|
|
|
|
.titelPosition {
|
|
font-size: 17px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
/* Laufzettelformatierungen */
|
|
#laufzettelHistorie .boxtabelle:not(:nth-child(2)) {
|
|
border-top: 1px solid rgba(4, 101, 161, 0.2);
|
|
padding-top: 10px;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
/* 1023px und kleiner ************************************************/
|
|
@media screen and (max-width: 1023px) {
|
|
.box {
|
|
display: block;
|
|
width: 100%;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.boxabstandtop {
|
|
margin-top: 15px;
|
|
}
|
|
|
|
.subBox:first-child {
|
|
margin-bottom: 0 !important;
|
|
}
|
|
|
|
.subBox:last-child {
|
|
border-left: 1px solid rgba(4, 101, 161, 0.2);
|
|
}
|
|
|
|
.first > .boxzeile > .subBox {
|
|
border-top: none !important;
|
|
}
|
|
|
|
.first > .boxzeile > .subBox:first-child {
|
|
border-top: 1px solid rgba(4, 101, 161, 0.2) !important;
|
|
}
|
|
|
|
.first > .boxzeile {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
#uebersichtUeberweisung.box {
|
|
border-left: 1px solid rgba(4, 101, 161, 0.2);
|
|
}
|
|
|
|
#uebersichtLastschrift.box {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.boxzeile {
|
|
display: block;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.boxzeile:after {
|
|
visibility: hidden;
|
|
display: block;
|
|
font-size: 0;
|
|
content: " ";
|
|
clear: both;
|
|
height: 0;
|
|
}
|
|
|
|
#details > .boxtabelle > .boxzeile {
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
.boxcell {
|
|
display: block;
|
|
}
|
|
|
|
.boxcell:last-child {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.boxZweispaltig {
|
|
width: 100%;
|
|
}
|
|
|
|
.legende {
|
|
display: block;
|
|
float: left;
|
|
width: 170px;
|
|
padding: 5px 0;
|
|
height: auto;
|
|
}
|
|
|
|
.wert {
|
|
display: block;
|
|
float: left;
|
|
width: calc(100% - 170px);
|
|
padding: 11px 10px !important;
|
|
line-height: 1.3;
|
|
min-height: 38px;
|
|
height: auto;
|
|
}
|
|
|
|
.boxdaten .legende {
|
|
height: auto;
|
|
}
|
|
|
|
.rechnungsZeile .boxdaten {
|
|
padding: 5px 0;
|
|
}
|
|
|
|
.boxabstand {
|
|
display: none;
|
|
}
|
|
|
|
.boxtabelleEinspaltig {
|
|
width: 100%;
|
|
}
|
|
|
|
.boxSpalte1 {
|
|
display: block;
|
|
width: auto;
|
|
}
|
|
|
|
.boxSpalte2 {
|
|
display: block;
|
|
width: auto;
|
|
padding-left: 0px;
|
|
margin-top: 1.2rem;
|
|
}
|
|
|
|
.detailsSpalte1, .detailsSpalte2, .detailsSpalte3 {
|
|
width: 100%;
|
|
float: none;
|
|
padding-right: 0px;
|
|
}
|
|
|
|
.detailsSpalte2, .detailsSpalte3 {
|
|
margin-top: 15px;
|
|
}
|
|
|
|
.detailsSpalte2, .detailsSpalte3 {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.tableNumberAlignRight {
|
|
display: block;
|
|
width: 130px;
|
|
text-align: right;
|
|
}
|
|
}
|
|
|
|
/* 800px und kleiner ************************************************/
|
|
@media screen and (max-width: 800px) {
|
|
button {
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.btnAktiv, .btnInaktiv, .tab {
|
|
font-size: 20px;
|
|
height: 40px;
|
|
}
|
|
|
|
.btnAktiv:after {
|
|
top: 40px;
|
|
}
|
|
|
|
.rechnungSp1 {
|
|
width: 55%;
|
|
font-size: 15px;
|
|
}
|
|
|
|
.rechnungSp2 {
|
|
width: 10%;
|
|
}
|
|
|
|
.rechnungSp3 {
|
|
width: 35%;
|
|
text-align: right;
|
|
font-size: 15px;
|
|
}
|
|
|
|
.grund {
|
|
font-size: 15px;
|
|
}
|
|
}
|
|
|
|
/* 450px und kleiner ************************************************/
|
|
@media screen and (max-width: 450px) {
|
|
html, body {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.menue {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
button {
|
|
padding-top: 5px;
|
|
}
|
|
|
|
.btnAktiv, .btnInaktiv, .tab {
|
|
font-size: 17px;
|
|
height: 35px;
|
|
}
|
|
|
|
.btnAktiv:after {
|
|
top: 35px;
|
|
}
|
|
|
|
.legende {
|
|
font-size: 12px;
|
|
width: 100%;
|
|
}
|
|
|
|
.wert {
|
|
font-size: 12px;
|
|
line-height: 1.3;
|
|
width: 100%;
|
|
margin-bottom: 10px
|
|
}
|
|
|
|
.boxzeile {
|
|
margin-bottom: 0px
|
|
}
|
|
|
|
.boxdaten {
|
|
height: auto;
|
|
}
|
|
|
|
.haftungausschluss {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.boxinhalt {
|
|
margin-top: 0px;
|
|
}
|
|
|
|
.boxabstandtop {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.boxtitel {
|
|
padding: 7px 8px;
|
|
}
|
|
|
|
.box {
|
|
margin-bottom: 10px;
|
|
padding: 0;
|
|
}
|
|
|
|
.boxabstandtop {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.boxdaten, .boxdatenBlock {
|
|
padding: 2px 0;
|
|
}
|
|
|
|
.rechnungSp1 {
|
|
width: 50%;
|
|
font-size: inherit;
|
|
}
|
|
|
|
.rechnungSp2 {
|
|
width: 15%;
|
|
}
|
|
|
|
.rechnungSp3 {
|
|
width: 35%;
|
|
font-size: inherit;
|
|
text-align: right;
|
|
}
|
|
|
|
.grund {
|
|
font-size: inherit;
|
|
}
|
|
|
|
.titelPosition {
|
|
font-size: 15px;
|
|
}
|
|
|
|
.abstandUnten {
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.detailsSpalte1, .detailsSpalte2, .detailsSpalte3 {
|
|
font-size: inherit;
|
|
line-height: inherit;
|
|
}
|
|
}
|
|
|
|
/* 380px und kleiner ************************************************/
|
|
@media screen and (max-width: 380px) {
|
|
html, body {
|
|
font-size: 11px;
|
|
line-height: 100%;
|
|
}
|
|
|
|
.btnAktiv, .btnInaktiv, .tab {
|
|
font-size: 15px;
|
|
}
|
|
|
|
.boxdaten .boxdatenBlock {
|
|
padding: 2px 0;
|
|
}
|
|
|
|
.boxinhalt {
|
|
margin-top: 0px;
|
|
}
|
|
|
|
.boxtitel {
|
|
padding: 5px 7px;
|
|
}
|
|
} </style>
|
|
</head>
|
|
<body>
|
|
<form>
|
|
<div class="menue">
|
|
<div class="innen">
|
|
<button type="button" class="tab" id="menueUebersicht" onclick="show(this);">Übersicht</button>
|
|
<button type="button" class="tab" id="menueDetails" onclick="show(this);">Positionen</button>
|
|
<button type="button" class="tab" id="menueZusaetze" onclick="show(this)">Informationen</button>
|
|
<button type="button" class="tab" id="menueAnlagen" onclick="show(this)">Anhänge</button>
|
|
<button type="button" class="tab" id="menueLaufzettel" onclick="show(this)">Bearbeitungshistorie</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
<div class="inhalt">
|
|
<div class="innen">
|
|
<div id="uebersicht" class="divShow">
|
|
<div class="haftungausschluss">Wir übernehmen keine Haftung für die Richtigkeit der Daten.</div>
|
|
<div class="boxtabelle boxtabelleZweispaltig">
|
|
<div class="boxzeile">
|
|
<div id="uebersichtKaeufer" class="box boxZweispaltig">
|
|
<div id="BG-7" title="BG-7" class="boxtitel">Informationen zum Käufer</div>
|
|
<div class="boxtabelle boxinhalt borderSpacing">
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Leitweg-ID:</div>
|
|
<div id="BT-10" title="BT-10" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Name:</div>
|
|
<div id="BT-44" title="BT-44" class="boxdaten wert">MUSTER-KUNDE GMBH</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Straße / Haus-Nr.:</div>
|
|
<div id="BT-50" title="BT-50" class="boxdaten wert">KUNDENWEG 88</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Postfach:</div>
|
|
<div id="BT-51" title="BT-51" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Adresszusatz:</div>
|
|
<div id="BT-163" title="BT-163" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">PLZ:</div>
|
|
<div id="BT-53" title="BT-53" class="boxdaten wert">40235</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Ort:</div>
|
|
<div id="BT-52" title="BT-52" class="boxdaten wert">DUESSELDORF</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Bundesland:</div>
|
|
<div id="BT-54" title="BT-54" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Land:</div>
|
|
<div id="BT-55" title="BT-55" class="boxdaten wert">DE (Deutschland)</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Kennung / Kunden-Nr.:</div>
|
|
<div id="BT-46" title="BT-46" class="boxdaten wert">4304171000002</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Schema der Kennung:</div>
|
|
<div id="BT-46-scheme-id" title="BT-46-scheme-id" class="boxdaten wert">0088 (EAN
|
|
Location Code)
|
|
</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Name:</div>
|
|
<div id="BT-56" title="BT-56" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Telefon:</div>
|
|
<div id="BT-57" title="BT-57" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">E-Mail-Adresse:</div>
|
|
<div id="BT-58" title="BT-58" class="boxdaten wert"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="boxabstand"></div>
|
|
<div id="uebersichtVerkaeufer" class="box boxZweispaltig">
|
|
<div id="BG-4" title="BG-4" class="boxtitel">Informationen zum Verkäufer</div>
|
|
<div class="boxtabelle boxinhalt borderSpacing">
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende"></div>
|
|
<div class="boxdaten wert" style="background-color: white;"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Firmenname:</div>
|
|
<div id="BT-27" title="BT-27" class="boxdaten wert">MUSTERLIEFERANT GMBH</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Straße / Haus-Nr.:</div>
|
|
<div id="BT-35" title="BT-35" class="boxdaten wert">BAHNHOFSTRASSE 99</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Postfach:</div>
|
|
<div id="BT-36" title="BT-36" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Adresszusatz:</div>
|
|
<div id="BT-162" title="BT-162" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">PLZ:</div>
|
|
<div id="BT-38" title="BT-38" class="boxdaten wert">99199</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Ort:</div>
|
|
<div id="BT-37" title="BT-37" class="boxdaten wert">MUSTERHAUSEN</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Bundesland:</div>
|
|
<div id="BT-39" title="BT-39" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Ländercode:</div>
|
|
<div id="BT-40" title="BT-40" class="boxdaten wert">DE (Deutschland)</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Kennung:</div>
|
|
<div id="BT-29" title="BT-29" class="boxdaten wert">4333741000005</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Schema der Kennung:</div>
|
|
<div id="BT-29-scheme-id" title="BT-29-scheme-id" class="boxdaten wert">0088 (EAN
|
|
Location Code)
|
|
</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Name:</div>
|
|
<div id="BT-41" title="BT-41" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Telefon:</div>
|
|
<div id="BT-42" title="BT-42" class="boxdaten wert">+49 932 431 500</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">E-Mail-Adresse:</div>
|
|
<div id="BT-43" title="BT-43" class="boxdaten wert">max.mustermann@musterlieferant.de
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="boxtabelle boxabstandtop boxtabelleZweispaltig">
|
|
<div class="boxzeile">
|
|
<div id="uebersichtRechnungsinfo" class="box box1v2">
|
|
<div class="boxtitel">Rechnungsdaten</div>
|
|
<div class="boxtabelle boxinhalt">
|
|
<div class="boxcell boxZweispaltig">
|
|
<div class="boxtabelle borderSpacing">
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Rechnungsnummer:</div>
|
|
<div id="BT-1" title="BT-1" class="boxdaten wert">KR87654321012</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Rechnungsdatum:</div>
|
|
<div id="BT-2" title="BT-2" class="boxdaten wert">15.11.2024</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Rechnungsart:</div>
|
|
<div id="BT-3" title="BT-3" class="boxdaten wert">380 (Commercial invoice)</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Währung</div>
|
|
<div id="BT-5" title="BT-5" class="boxdaten wert">EUR (Euro)</div>
|
|
</div>
|
|
</div>
|
|
<h4>Abrechnungszeitraum:</h4>
|
|
<div class="boxtabelle borderSpacing">
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">von:</div>
|
|
<div id="BT-73" title="BT-73" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">bis:</div>
|
|
<div id="BT-74" title="BT-74" class="boxdaten wert"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="boxabstand"></div>
|
|
<div class="boxcell boxZweispaltig">
|
|
<div class="boxtabelle borderSpacing">
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Projektnummer:</div>
|
|
<div id="BT-11" title="BT-11" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Vertragsnummer:</div>
|
|
<div id="BT-12" title="BT-12" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Bestellnummer:</div>
|
|
<div id="BT-13" title="BT-13" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Auftragsnummer:</div>
|
|
<div id="BT-14" title="BT-14" class="boxdaten wert"></div>
|
|
</div>
|
|
</div>
|
|
<h4>Vorausgegangene Rechnungen:</h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="boxtabelle boxabstandtop boxtabelleZweispaltig">
|
|
<div class="boxzeile">
|
|
<div id="uebersichtRechnungsuebersicht" class="box">
|
|
<div id="BG-22" title="BG-22" class="boxtitel">Gesamtbeträge der Rechnung</div>
|
|
<div class="boxtabelle boxinhalt">
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten rechnungSp1">Summe aller Positionen</div>
|
|
<div class="boxdaten rechnungSp2 color2">netto</div>
|
|
<div id="BT-106" title="BT-106" class="boxdaten rechnungSp3">410,10</div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten rechnungSp1">Summe Nachlässe</div>
|
|
<div class="boxdaten rechnungSp2 color2">netto</div>
|
|
<div id="BT-107" title="BT-107" class="boxdaten rechnungSp3">21,55</div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten rechnungSp1 paddingBottom line1Bottom">Summe Zuschläge</div>
|
|
<div class="boxdaten rechnungSp2 paddingBottom line1Bottom color2">netto</div>
|
|
<div id="BT-108" title="BT-108" class="boxdaten rechnungSp3 paddingBottom line1Bottom">
|
|
15,00
|
|
</div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten rechnungSp1 paddingTop">Gesamtsumme</div>
|
|
<div class="boxdaten rechnungSp2 paddingTop color2">netto</div>
|
|
<div id="BT-109" title="BT-109" class="boxdaten rechnungSp3 paddingTop">403,55</div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten rechnungSp1">Summe Umsatzsteuer</div>
|
|
<div class="boxdaten rechnungSp2 color2"></div>
|
|
<div id="BT-110" title="BT-110" class="boxdaten rechnungSp3"></div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten rechnungSp1 paddingBottom line1Bottom">Summe Umsatzsteuer in
|
|
Abrechnungswährung
|
|
</div>
|
|
<div class="boxdaten rechnungSp2 paddingBottom line1Bottom color2"></div>
|
|
<div id="BT-111" title="BT-111" class="boxdaten rechnungSp3 paddingBottom line1Bottom">
|
|
76,67
|
|
</div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten rechnungSp1 paddingTop">Gesamtsumme</div>
|
|
<div class="boxdaten rechnungSp2 paddingTop color2">brutto</div>
|
|
<div id="BT-112" title="BT-112" class="boxdaten rechnungSp3 paddingTop">480,22</div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten rechnungSp1">Gezahlter Betrag</div>
|
|
<div class="boxdaten rechnungSp2 color2">brutto</div>
|
|
<div id="BT-113" title="BT-113" class="boxdaten rechnungSp3">0,00</div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten rechnungSp1 paddingBottom line2Bottom">Rundungsbetrag</div>
|
|
<div class="boxdaten rechnungSp2 paddingBottom line2Bottom color2">brutto</div>
|
|
<div id="BT-114" title="BT-114"
|
|
class="boxdaten rechnungSp3 paddingBottom line2Bottom"></div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten rechnungSp1 paddingTop bold">Fälliger Betrag</div>
|
|
<div class="boxdaten rechnungSp2 paddingTop color2">brutto</div>
|
|
<div id="BT-115" title="BT-115" class="boxdaten rechnungSp3 paddingTop bold">480,22
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="boxtabelle boxabstandtop boxtabelleZweispaltig">
|
|
<div class="boxzeile">
|
|
<div id="uebersichtUmsatzsteuer" class="box">
|
|
<div id="BG-23" title="BG-23" class="boxtitel">Aufschlüsselung der Umsatzsteuer auf Ebene der
|
|
Rechnung
|
|
</div>
|
|
<div class="boxtabelle boxinhalt">
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten rechnungSp1 bold">Umsatzsteuerkategorie: <span id="BT-118"
|
|
title="BT-118">S (Standard rate)</span>
|
|
</div>
|
|
<div class="boxdaten rechnungSp2"></div>
|
|
<div class="boxdaten rechnungSp3"></div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten rechnungSp1">Gesamtsumme</div>
|
|
<div class="boxdaten rechnungSp2 color2">netto</div>
|
|
<div id="BT-116" title="BT-116" class="boxdaten rechnungSp3">403,55</div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten rechnungSp1 line1Bottom">Umsatzsteuersatz</div>
|
|
<div class="boxdaten rechnungSp2 color2 line1Bottom"></div>
|
|
<div id="BT-119" title="BT-119" class="boxdaten rechnungSp3 line1Bottom">19.00%</div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten rechnungSp1">Umsatzsteuerbetrag</div>
|
|
<div class="boxdaten rechnungSp2 color2"></div>
|
|
<div id="BT-117" title="BT-117" class="boxdaten rechnungSp3 bold">76,67</div>
|
|
</div>
|
|
</div>
|
|
<div class="grund">
|
|
<div>Befreiungsgrund: <span id="BT-120" title="BT-120" class="bold"></span></div>
|
|
<div>Kennung für den Befreiungsgrund: <span id="BT-121" title="BT-121" class="bold"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="boxtabelle boxabstandtop boxtabelleZweispaltig">
|
|
<div class="boxzeile">
|
|
<div id="uebersichtNachlass" class="box">
|
|
<div id="BG-20" title="BG-20" class="boxtitel">Nachlass auf Ebene der Rechnung</div>
|
|
<div class="boxtabelle boxinhalt">
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten rechnungSp1 bold">Umsatzsteuerkategorie des Nachlasses: <span
|
|
title="BT-95">S (Standard rate)</span></div>
|
|
<div class="boxdaten rechnungSp2"></div>
|
|
<div class="boxdaten rechnungSp3"></div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten rechnungSp1">Grundbetrag</div>
|
|
<div class="boxdaten rechnungSp2 color2">netto</div>
|
|
<div id="BT-93" title="BT-93" class="boxdaten rechnungSp3">410,10</div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten rechnungSp1 line1Bottom">Prozentsatz</div>
|
|
<div class="boxdaten rechnungSp2 color2 line1Bottom"></div>
|
|
<div id="BT-94" title="BT-94" class="boxdaten rechnungSp3 line1Bottom">%</div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten rechnungSp1">Nachlass</div>
|
|
<div class="boxdaten rechnungSp2 color2">netto</div>
|
|
<div id="BT-92" title="BT-92" class="boxdaten rechnungSp3 bold">21,55</div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten rechnungSp1">Umsatzsteuersatz des Nachlasses</div>
|
|
<div class="boxdaten rechnungSp2 color2"></div>
|
|
<div id="BT-96" title="BT-96" class="boxdaten rechnungSp3">19.00</div>
|
|
</div>
|
|
</div>
|
|
<div class="grund">
|
|
<div>Grund für den Nachlass: <span id="BT-97" title="BT-97" class="bold">Sonderrabatt</span>
|
|
</div>
|
|
<div>Document level allowance reason code: <span id="BT-98" title="BT-98"
|
|
class="bold"></span></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="boxabstand"></div>
|
|
</div>
|
|
<div class="boxtabelle boxabstandtop boxtabelleZweispaltig"></div>
|
|
<div class="boxtabelle boxabstandtop boxtabelleZweispaltig">
|
|
<div class="boxzeile">
|
|
<div id="uebersichtVersandkosten" class="box">
|
|
<div id="BG-X-42" title="BG-X-42" class="boxtitel">Versandkosten</div>
|
|
<div class="boxtabelle boxinhalt">
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten rechnungSp1 bold">Umsatzsteuerkategorie der Versandkosten: <span
|
|
title="BT-X-274">S (Standard rate)</span></div>
|
|
<div class="boxdaten rechnungSp2"></div>
|
|
<div class="boxdaten rechnungSp3"></div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten rechnungSp1">Betrag</div>
|
|
<div class="boxdaten rechnungSp2 color2">netto</div>
|
|
<div id="BT-X-272" title="BT-X-272" class="boxdaten rechnungSp3 bold">15,00</div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten rechnungSp1">Umsatzsteuersatz der Versandkosten</div>
|
|
<div class="boxdaten rechnungSp2 color2"></div>
|
|
<div id="BT-X-273" title="BT-X-273" class="boxdaten rechnungSp3">19.00</div>
|
|
</div>
|
|
</div>
|
|
<div class="grund">
|
|
<div>Versandkostenbeschreibung: <span id="BT-X-271" title="BT-X-271" class="bold">Transportkosten: Frachbetrag</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="boxabstand"></div>
|
|
</div>
|
|
<div class="boxtabelle boxabstandtop boxtabelleZweispaltig first">
|
|
<div class="boxzeile">
|
|
<div id="uebersichtZahlungsinformationen" class="box subBox">
|
|
<div title="" class="boxtitel">Zahlungsdaten</div>
|
|
<div class="boxtabelle boxinhalt borderSpacing">
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Skonto; weitere Zahlungsbed.:</div>
|
|
<div id="BT-20" title="BT-20" class="boxdaten wert"> #SKONTO# TAGE =10#PROZENT=2.00#
|
|
Skontovereinbarung: 2% bei Zahlung innerhalb 10 Tagen nach Rechnungsdatum
|
|
</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Fälligkeitsdatum:</div>
|
|
<div id="BT-9" title="BT-9" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Code für das Zahlungsmittel:</div>
|
|
<div id="BT-81" title="BT-81" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Zahlungsmittel:</div>
|
|
<div id="BT-82" title="BT-82" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Verwendungszweck:</div>
|
|
<div id="BT-83" title="BT-83" class="boxdaten wert"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="uebersichtCard" class="box subBox">
|
|
<div id="BG-18" title="BG-18" class="boxtitel boxtitelSub">Karteninformation</div>
|
|
<div class="boxtabelle boxinhalt borderSpacing">
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Kartennummer:</div>
|
|
<div id="BT-87" title="BT-87" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Karteninhaber:</div>
|
|
<div id="BT-88" title="BT-88" class="boxdaten wert"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="boxtabelle">
|
|
<div class="boxzeile">
|
|
<div id="uebersichtLastschrift" class="box subBox">
|
|
<div id="BG-19" title="BG-19" class="boxtitel boxtitelSub">Lastschrift</div>
|
|
<div class="boxtabelle boxinhalt borderSpacing">
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Mandatsreferenznr.:</div>
|
|
<div id="BT-89" title="BT-89" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">IBAN:</div>
|
|
<div id="BT-91" title="BT-91" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Gläubiger-ID:</div>
|
|
<div id="BT-90" title="BT-90" class="boxdaten wert"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="uebersichtUeberweisung" class="box subBox">
|
|
<div id="BG-17" title="BG-17" class="boxtitel boxtitelSub">Überweisung</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="boxtabelle boxabstandtop">
|
|
<div class="boxzeile">
|
|
<div id="uebersichtBemerkungen" class="box">
|
|
<div id="BG-1" title="BG-1" class="boxtitel">Bemerkung zur Rechnung</div>
|
|
<div class="boxtabelle boxinhalt borderSpacing">
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Betreff:</div>
|
|
<div id="BT-21" title="BT-21" class="boxdaten wert">AAK (Price conditions)</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Bemerkung:</div>
|
|
<div id="BT-22" title="BT-22" class="boxdaten wert">Es bestehen Rabatt- oder
|
|
Bonusvereinbarungen.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="uebersichtBemerkungen" class="box">
|
|
<div id="BG-1" title="BG-1" class="boxtitel">Bemerkung zur Rechnung</div>
|
|
<div class="boxtabelle boxinhalt borderSpacing">
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Betreff:</div>
|
|
<div id="BT-21" title="BT-21" class="boxdaten wert">AAJ (Additional conditions of
|
|
sale/purchase)
|
|
</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Bemerkung:</div>
|
|
<div id="BT-22" title="BT-22" class="boxdaten wert">Der Verkäufer bleibt Eigentümer der
|
|
Waren bis zur vollständigen Erfüllung der Kaufpreisforderung.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="uebersichtBemerkungen" class="box">
|
|
<div id="BG-1" title="BG-1" class="boxtitel">Bemerkung zur Rechnung</div>
|
|
<div class="boxtabelle boxinhalt borderSpacing">
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Betreff:</div>
|
|
<div id="BT-21" title="BT-21" class="boxdaten wert">REG (Regulatory information)</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Bemerkung:</div>
|
|
<div id="BT-22" title="BT-22" class="boxdaten wert">MUSTERLIEFERANT GMBH BAHNHOFSTRASSE
|
|
99 99199 MUSTERHAUSEN Geschäftsführung: Max Mustermann USt-IdNr: DE123456789
|
|
Telefon: +49 932 431 0 www.musterlieferant.de HRB Nr. 372876 Amtsgericht Musterstadt
|
|
GLN 4304171000002
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="details" class="divHide">
|
|
<div class="haftungausschluss">Wir übernehmen keine Haftung für die Richtigkeit der Daten.</div>
|
|
<div class="boxtabelle boxabstandtop boxtabelleZweispaltig first">
|
|
<div class="boxzeile">
|
|
<div class="box subBox">
|
|
<div id="BT-126" title="BT-126" class="boxtitel">Position1</div>
|
|
<div class="boxtabelle boxinhalt borderSpacing">
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Freitext:</div>
|
|
<div id="BT-127" title="BT-127" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Objektkennung:</div>
|
|
<div id="BT-128" title="BT-128" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Schema der Objektkennung:</div>
|
|
<div id="BT-128-scheme-id" title="BT-128-scheme-id" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Nummer der Auftragsposition:</div>
|
|
<div id="BT-132" title="BT-132" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Kontierungshinweis /Kostenstelle:</div>
|
|
<div id="BT-133" title="BT-133" class="boxdaten wert"></div>
|
|
</div>
|
|
<h4 id="BG-26" title="BG-26">Abrechnungszeitraum:</h4>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">von:</div>
|
|
<div id="BT-134" title="BT-134" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">bis:</div>
|
|
<div id="BT-135" title="BT-135" class="boxdaten wert"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="box subBox">
|
|
<div id="BG-29" title="BG-29" class="boxtitel boxtitelSub">Preiseinzelheiten</div>
|
|
<div class="boxtabelle boxinhalt">
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten detailSp1 color2">Menge</div>
|
|
<div id="BT-129" title="BT-129" class="boxdaten detailSp2">1000.0000</div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten detailSp1 color2">Einheit</div>
|
|
<div id="BT-130" title="BT-130" class="boxdaten detailSp2">KWH (kilowatt hour)</div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten detailSp1 line1Bottom color2">Preis pro Einheit (netto)</div>
|
|
<div id="BT-146" title="BT-146" class="boxdaten detailSp2 line1Bottom">0,05</div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten detailSp1 color2">Gesamtpreis (netto)</div>
|
|
<div id="BT-131" title="BT-131" class="boxdaten detailSp2 bold">52,00</div>
|
|
</div>
|
|
</div>
|
|
<div class="boxtabelle boxinhalt noPaddingTop borderSpacing">
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Rabatt (netto):</div>
|
|
<div id="BT-147" title="BT-147" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Listenpreis (netto):</div>
|
|
<div id="BT-148" title="BT-148" class="boxdaten wert">0,05</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Anzahl der Einheit:</div>
|
|
<div id="BT-149" title="BT-149" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Code der Maßeinheit:</div>
|
|
<div id="BT-150" title="BT-150" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Umsatzsteuer:</div>
|
|
<div id="BT-151" title="BT-151" class="boxdaten wert">S (Standard rate)</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Umsatzsteuersatz in %:</div>
|
|
<div id="BT-152" title="BT-152" class="boxdaten wert">19%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="boxtabelle">
|
|
<div class="boxzeile">
|
|
<div class="box subBox">
|
|
<div id="BG-27" title="BG-27" class="boxtitel boxtitelSub">Nachlässe auf Ebene der
|
|
Rechnungsposition
|
|
</div>
|
|
</div>
|
|
<div class="box subBox">
|
|
<div id="BG-28" title="BG-28" class="boxtitel boxtitelSub">Zuschläge auf Ebene der
|
|
Rechnungsposition
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="boxtabelle">
|
|
<div class="boxzeile">
|
|
<div class="box subBox">
|
|
<div id="BG-31" title="BG-31" class="boxtitel boxtitelSub">Artikelinformationen</div>
|
|
<div class="boxtabelle boxinhalt ">
|
|
<div class="boxzeile">
|
|
<div class="boxcell boxZweispaltig">
|
|
<div class="boxtabelle borderSpacing">
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Bezeichnung:</div>
|
|
<div id="BT-153" title="BT-153" class="boxdaten wert bold">Wirkarbeit HT
|
|
</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Beschreibung:</div>
|
|
<div id="BT-154" title="BT-154" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Artikelnummer:</div>
|
|
<div id="BT-155" title="BT-155" class="boxdaten wert">WA997</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Kunden-Material-Nr.:</div>
|
|
<div id="BT-156" title="BT-156" class="boxdaten wert"></div>
|
|
</div>
|
|
<h4 id="BG-32" title="BG-32">Eigenschaften des Artikels:</h4>
|
|
<div class="boxzeile">
|
|
<div id="BT-160" title="BT-160" class="boxdaten legende ">Zählpunkt</div>
|
|
<div id="BT-161" title="BT-161" class="boxdaten wert">
|
|
DE0001346484600000000000000100038
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="boxabstand"></div>
|
|
<div class="boxcell boxZweispaltig">
|
|
<div class="boxtabelle borderSpacing">
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Artikelkennung (EAN):</div>
|
|
<div id="BT-157" title="BT-157" class="boxdaten wert">4123456000014</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Schema der Artikelkennung:</div>
|
|
<div id="BT-157-scheme-id" title="BT-157-scheme-id" class="boxdaten wert">
|
|
0088 (EAN Location Code)
|
|
</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Code der Artikelklassifizierung:</div>
|
|
<div id="BT-158" title="BT-158" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Kennung zur Bildung des Schemas:</div>
|
|
<div id="BT-158-scheme-id" title="BT-158-scheme-id"
|
|
class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Version zur Bildung des Schemas:</div>
|
|
<div id="BT-158-scheme-version-id" title="BT-158-scheme-version-id"
|
|
class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Code des Herkunftslandes:</div>
|
|
<div id="BT-159" title="BT-159" class="boxdaten wert"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="boxtabelle boxabstandtop boxtabelleZweispaltig first">
|
|
<div class="boxzeile">
|
|
<div class="box subBox">
|
|
<div id="BT-126" title="BT-126" class="boxtitel">Position2</div>
|
|
<div class="boxtabelle boxinhalt borderSpacing">
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Freitext:</div>
|
|
<div id="BT-127" title="BT-127" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Objektkennung:</div>
|
|
<div id="BT-128" title="BT-128" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Schema der Objektkennung:</div>
|
|
<div id="BT-128-scheme-id" title="BT-128-scheme-id" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Nummer der Auftragsposition:</div>
|
|
<div id="BT-132" title="BT-132" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Kontierungshinweis /Kostenstelle:</div>
|
|
<div id="BT-133" title="BT-133" class="boxdaten wert"></div>
|
|
</div>
|
|
<h4 id="BG-26" title="BG-26">Abrechnungszeitraum:</h4>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">von:</div>
|
|
<div id="BT-134" title="BT-134" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">bis:</div>
|
|
<div id="BT-135" title="BT-135" class="boxdaten wert"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="box subBox">
|
|
<div id="BG-29" title="BG-29" class="boxtitel boxtitelSub">Preiseinzelheiten</div>
|
|
<div class="boxtabelle boxinhalt">
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten detailSp1 color2">Menge</div>
|
|
<div id="BT-129" title="BT-129" class="boxdaten detailSp2">1000.0000</div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten detailSp1 color2">Einheit</div>
|
|
<div id="BT-130" title="BT-130" class="boxdaten detailSp2">KWH (kilowatt hour)</div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten detailSp1 line1Bottom color2">Preis pro Einheit (netto)</div>
|
|
<div id="BT-146" title="BT-146" class="boxdaten detailSp2 line1Bottom">0,02</div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten detailSp1 color2">Gesamtpreis (netto)</div>
|
|
<div id="BT-131" title="BT-131" class="boxdaten detailSp2 bold">20,50</div>
|
|
</div>
|
|
</div>
|
|
<div class="boxtabelle boxinhalt noPaddingTop borderSpacing">
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Rabatt (netto):</div>
|
|
<div id="BT-147" title="BT-147" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Listenpreis (netto):</div>
|
|
<div id="BT-148" title="BT-148" class="boxdaten wert">0,02</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Anzahl der Einheit:</div>
|
|
<div id="BT-149" title="BT-149" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Code der Maßeinheit:</div>
|
|
<div id="BT-150" title="BT-150" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Umsatzsteuer:</div>
|
|
<div id="BT-151" title="BT-151" class="boxdaten wert">S (Standard rate)</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Umsatzsteuersatz in %:</div>
|
|
<div id="BT-152" title="BT-152" class="boxdaten wert">19%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="boxtabelle">
|
|
<div class="boxzeile">
|
|
<div class="box subBox">
|
|
<div id="BG-27" title="BG-27" class="boxtitel boxtitelSub">Nachlässe auf Ebene der
|
|
Rechnungsposition
|
|
</div>
|
|
</div>
|
|
<div class="box subBox">
|
|
<div id="BG-28" title="BG-28" class="boxtitel boxtitelSub">Zuschläge auf Ebene der
|
|
Rechnungsposition
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="boxtabelle">
|
|
<div class="boxzeile">
|
|
<div class="box subBox">
|
|
<div id="BG-31" title="BG-31" class="boxtitel boxtitelSub">Artikelinformationen</div>
|
|
<div class="boxtabelle boxinhalt ">
|
|
<div class="boxzeile">
|
|
<div class="boxcell boxZweispaltig">
|
|
<div class="boxtabelle borderSpacing">
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Bezeichnung:</div>
|
|
<div id="BT-153" title="BT-153" class="boxdaten wert bold">Ökosteuer
|
|
Lieferant
|
|
</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Beschreibung:</div>
|
|
<div id="BT-154" title="BT-154" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Artikelnummer:</div>
|
|
<div id="BT-155" title="BT-155" class="boxdaten wert">ÖST250</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Kunden-Material-Nr.:</div>
|
|
<div id="BT-156" title="BT-156" class="boxdaten wert"></div>
|
|
</div>
|
|
<h4 id="BG-32" title="BG-32">Eigenschaften des Artikels:</h4></div>
|
|
</div>
|
|
<div class="boxabstand"></div>
|
|
<div class="boxcell boxZweispaltig">
|
|
<div class="boxtabelle borderSpacing">
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Artikelkennung (EAN):</div>
|
|
<div id="BT-157" title="BT-157" class="boxdaten wert">4123456000021</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Schema der Artikelkennung:</div>
|
|
<div id="BT-157-scheme-id" title="BT-157-scheme-id" class="boxdaten wert">
|
|
0088 (EAN Location Code)
|
|
</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Code der Artikelklassifizierung:</div>
|
|
<div id="BT-158" title="BT-158" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Kennung zur Bildung des Schemas:</div>
|
|
<div id="BT-158-scheme-id" title="BT-158-scheme-id"
|
|
class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Version zur Bildung des Schemas:</div>
|
|
<div id="BT-158-scheme-version-id" title="BT-158-scheme-version-id"
|
|
class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Code des Herkunftslandes:</div>
|
|
<div id="BT-159" title="BT-159" class="boxdaten wert"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="boxtabelle boxabstandtop boxtabelleZweispaltig first">
|
|
<div class="boxzeile">
|
|
<div class="box subBox">
|
|
<div id="BT-126" title="BT-126" class="boxtitel">Position3</div>
|
|
<div class="boxtabelle boxinhalt borderSpacing">
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Freitext:</div>
|
|
<div id="BT-127" title="BT-127" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Objektkennung:</div>
|
|
<div id="BT-128" title="BT-128" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Schema der Objektkennung:</div>
|
|
<div id="BT-128-scheme-id" title="BT-128-scheme-id" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Nummer der Auftragsposition:</div>
|
|
<div id="BT-132" title="BT-132" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Kontierungshinweis /Kostenstelle:</div>
|
|
<div id="BT-133" title="BT-133" class="boxdaten wert"></div>
|
|
</div>
|
|
<h4 id="BG-26" title="BG-26">Abrechnungszeitraum:</h4>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">von:</div>
|
|
<div id="BT-134" title="BT-134" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">bis:</div>
|
|
<div id="BT-135" title="BT-135" class="boxdaten wert"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="box subBox">
|
|
<div id="BG-29" title="BG-29" class="boxtitel boxtitelSub">Preiseinzelheiten</div>
|
|
<div class="boxtabelle boxinhalt">
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten detailSp1 color2">Menge</div>
|
|
<div id="BT-129" title="BT-129" class="boxdaten detailSp2">27.5000</div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten detailSp1 color2">Einheit</div>
|
|
<div id="BT-130" title="BT-130" class="boxdaten detailSp2">HUR (hour)</div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten detailSp1 line1Bottom color2">Preis pro Einheit (netto)</div>
|
|
<div id="BT-146" title="BT-146" class="boxdaten detailSp2 line1Bottom">10,50</div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten detailSp1 color2">Gesamtpreis (netto)</div>
|
|
<div id="BT-131" title="BT-131" class="boxdaten detailSp2 bold">288,75</div>
|
|
</div>
|
|
</div>
|
|
<div class="boxtabelle boxinhalt noPaddingTop borderSpacing">
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Rabatt (netto):</div>
|
|
<div id="BT-147" title="BT-147" class="boxdaten wert">4,50</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Listenpreis (netto):</div>
|
|
<div id="BT-148" title="BT-148" class="boxdaten wert">15,00</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Anzahl der Einheit:</div>
|
|
<div id="BT-149" title="BT-149" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Code der Maßeinheit:</div>
|
|
<div id="BT-150" title="BT-150" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Umsatzsteuer:</div>
|
|
<div id="BT-151" title="BT-151" class="boxdaten wert">S (Standard rate)</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Umsatzsteuersatz in %:</div>
|
|
<div id="BT-152" title="BT-152" class="boxdaten wert">19%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="boxtabelle">
|
|
<div class="boxzeile">
|
|
<div class="box subBox">
|
|
<div id="BG-27" title="BG-27" class="boxtitel boxtitelSub">Nachlässe auf Ebene der
|
|
Rechnungsposition
|
|
</div>
|
|
</div>
|
|
<div class="box subBox">
|
|
<div id="BG-28" title="BG-28" class="boxtitel boxtitelSub">Zuschläge auf Ebene der
|
|
Rechnungsposition
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="boxtabelle">
|
|
<div class="boxzeile">
|
|
<div class="box subBox">
|
|
<div id="BG-31" title="BG-31" class="boxtitel boxtitelSub">Artikelinformationen</div>
|
|
<div class="boxtabelle boxinhalt ">
|
|
<div class="boxzeile">
|
|
<div class="boxcell boxZweispaltig">
|
|
<div class="boxtabelle borderSpacing">
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Bezeichnung:</div>
|
|
<div id="BT-153" title="BT-153" class="boxdaten wert bold">Kommissionierer
|
|
1250032 D. Muster
|
|
</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Beschreibung:</div>
|
|
<div id="BT-154" title="BT-154" class="boxdaten wert">Besteller: Hr. Mayer,
|
|
Personalnr. 4488
|
|
</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Artikelnummer:</div>
|
|
<div id="BT-155" title="BT-155" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Kunden-Material-Nr.:</div>
|
|
<div id="BT-156" title="BT-156" class="boxdaten wert"></div>
|
|
</div>
|
|
<h4 id="BG-32" title="BG-32">Eigenschaften des Artikels:</h4></div>
|
|
</div>
|
|
<div class="boxabstand"></div>
|
|
<div class="boxcell boxZweispaltig">
|
|
<div class="boxtabelle borderSpacing">
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Artikelkennung (EAN):</div>
|
|
<div id="BT-157" title="BT-157" class="boxdaten wert">4260331811362</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Schema der Artikelkennung:</div>
|
|
<div id="BT-157-scheme-id" title="BT-157-scheme-id" class="boxdaten wert">
|
|
0088 (EAN Location Code)
|
|
</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Code der Artikelklassifizierung:</div>
|
|
<div id="BT-158" title="BT-158" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Kennung zur Bildung des Schemas:</div>
|
|
<div id="BT-158-scheme-id" title="BT-158-scheme-id"
|
|
class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Version zur Bildung des Schemas:</div>
|
|
<div id="BT-158-scheme-version-id" title="BT-158-scheme-version-id"
|
|
class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Code des Herkunftslandes:</div>
|
|
<div id="BT-159" title="BT-159" class="boxdaten wert"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="boxtabelle boxabstandtop boxtabelleZweispaltig first">
|
|
<div class="boxzeile">
|
|
<div class="box subBox">
|
|
<div id="BT-126" title="BT-126" class="boxtitel">Position4</div>
|
|
<div class="boxtabelle boxinhalt borderSpacing">
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Freitext:</div>
|
|
<div id="BT-127" title="BT-127" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Objektkennung:</div>
|
|
<div id="BT-128" title="BT-128" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Schema der Objektkennung:</div>
|
|
<div id="BT-128-scheme-id" title="BT-128-scheme-id" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Nummer der Auftragsposition:</div>
|
|
<div id="BT-132" title="BT-132" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Kontierungshinweis /Kostenstelle:</div>
|
|
<div id="BT-133" title="BT-133" class="boxdaten wert"></div>
|
|
</div>
|
|
<h4 id="BG-26" title="BG-26">Abrechnungszeitraum:</h4>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">von:</div>
|
|
<div id="BT-134" title="BT-134" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">bis:</div>
|
|
<div id="BT-135" title="BT-135" class="boxdaten wert"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="box subBox">
|
|
<div id="BG-29" title="BG-29" class="boxtitel boxtitelSub">Preiseinzelheiten</div>
|
|
<div class="boxtabelle boxinhalt">
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten detailSp1 color2">Menge</div>
|
|
<div id="BT-129" title="BT-129" class="boxdaten detailSp2">3500.0000</div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten detailSp1 color2">Einheit</div>
|
|
<div id="BT-130" title="BT-130" class="boxdaten detailSp2">H87 (piece)</div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten detailSp1 line1Bottom color2">Preis pro Einheit (netto)</div>
|
|
<div id="BT-146" title="BT-146" class="boxdaten detailSp2 line1Bottom">0,01</div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten detailSp1 color2">Gesamtpreis (netto)</div>
|
|
<div id="BT-131" title="BT-131" class="boxdaten detailSp2 bold">36,75</div>
|
|
</div>
|
|
</div>
|
|
<div class="boxtabelle boxinhalt noPaddingTop borderSpacing">
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Rabatt (netto):</div>
|
|
<div id="BT-147" title="BT-147" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Listenpreis (netto):</div>
|
|
<div id="BT-148" title="BT-148" class="boxdaten wert">0,01</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Anzahl der Einheit:</div>
|
|
<div id="BT-149" title="BT-149" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Code der Maßeinheit:</div>
|
|
<div id="BT-150" title="BT-150" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Umsatzsteuer:</div>
|
|
<div id="BT-151" title="BT-151" class="boxdaten wert">S (Standard rate)</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Umsatzsteuersatz in %:</div>
|
|
<div id="BT-152" title="BT-152" class="boxdaten wert">19%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="boxtabelle">
|
|
<div class="boxzeile">
|
|
<div class="box subBox">
|
|
<div id="BG-27" title="BG-27" class="boxtitel boxtitelSub">Nachlässe auf Ebene der
|
|
Rechnungsposition
|
|
</div>
|
|
</div>
|
|
<div class="box subBox">
|
|
<div id="BG-28" title="BG-28" class="boxtitel boxtitelSub">Zuschläge auf Ebene der
|
|
Rechnungsposition
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="boxtabelle">
|
|
<div class="boxzeile">
|
|
<div class="box subBox">
|
|
<div id="BG-31" title="BG-31" class="boxtitel boxtitelSub">Artikelinformationen</div>
|
|
<div class="boxtabelle boxinhalt ">
|
|
<div class="boxzeile">
|
|
<div class="boxcell boxZweispaltig">
|
|
<div class="boxtabelle borderSpacing">
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Bezeichnung:</div>
|
|
<div id="BT-153" title="BT-153" class="boxdaten wert bold">FALTENBEUTEL
|
|
16x6x28 CM
|
|
</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Beschreibung:</div>
|
|
<div id="BT-154" title="BT-154" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Artikelnummer:</div>
|
|
<div id="BT-155" title="BT-155" class="boxdaten wert">FB05</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Kunden-Material-Nr.:</div>
|
|
<div id="BT-156" title="BT-156" class="boxdaten wert"></div>
|
|
</div>
|
|
<h4 id="BG-32" title="BG-32">Eigenschaften des Artikels:</h4></div>
|
|
</div>
|
|
<div class="boxabstand"></div>
|
|
<div class="boxcell boxZweispaltig">
|
|
<div class="boxtabelle borderSpacing">
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Artikelkennung (EAN):</div>
|
|
<div id="BT-157" title="BT-157" class="boxdaten wert">2001015001325</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Schema der Artikelkennung:</div>
|
|
<div id="BT-157-scheme-id" title="BT-157-scheme-id" class="boxdaten wert">
|
|
0088 (EAN Location Code)
|
|
</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Code der Artikelklassifizierung:</div>
|
|
<div id="BT-158" title="BT-158" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Kennung zur Bildung des Schemas:</div>
|
|
<div id="BT-158-scheme-id" title="BT-158-scheme-id"
|
|
class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Version zur Bildung des Schemas:</div>
|
|
<div id="BT-158-scheme-version-id" title="BT-158-scheme-version-id"
|
|
class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Code des Herkunftslandes:</div>
|
|
<div id="BT-159" title="BT-159" class="boxdaten wert"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="boxtabelle boxabstandtop boxtabelleZweispaltig first">
|
|
<div class="boxzeile">
|
|
<div class="box subBox">
|
|
<div id="BT-126" title="BT-126" class="boxtitel">Position5</div>
|
|
<div class="boxtabelle boxinhalt borderSpacing">
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Freitext:</div>
|
|
<div id="BT-127" title="BT-127" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Objektkennung:</div>
|
|
<div id="BT-128" title="BT-128" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Schema der Objektkennung:</div>
|
|
<div id="BT-128-scheme-id" title="BT-128-scheme-id" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Nummer der Auftragsposition:</div>
|
|
<div id="BT-132" title="BT-132" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Kontierungshinweis /Kostenstelle:</div>
|
|
<div id="BT-133" title="BT-133" class="boxdaten wert"></div>
|
|
</div>
|
|
<h4 id="BG-26" title="BG-26">Abrechnungszeitraum:</h4>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">von:</div>
|
|
<div id="BT-134" title="BT-134" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">bis:</div>
|
|
<div id="BT-135" title="BT-135" class="boxdaten wert"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="box subBox">
|
|
<div id="BG-29" title="BG-29" class="boxtitel boxtitelSub">Preiseinzelheiten</div>
|
|
<div class="boxtabelle boxinhalt">
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten detailSp1 color2">Menge</div>
|
|
<div id="BT-129" title="BT-129" class="boxdaten detailSp2">1210.0000</div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten detailSp1 color2">Einheit</div>
|
|
<div id="BT-130" title="BT-130" class="boxdaten detailSp2">H87 (piece)</div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten detailSp1 line1Bottom color2">Preis pro Einheit (netto)</div>
|
|
<div id="BT-146" title="BT-146" class="boxdaten detailSp2 line1Bottom">0,01</div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten detailSp1 color2">Gesamtpreis (netto)</div>
|
|
<div id="BT-131" title="BT-131" class="boxdaten detailSp2 bold">12,10</div>
|
|
</div>
|
|
</div>
|
|
<div class="boxtabelle boxinhalt noPaddingTop borderSpacing">
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Rabatt (netto):</div>
|
|
<div id="BT-147" title="BT-147" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Listenpreis (netto):</div>
|
|
<div id="BT-148" title="BT-148" class="boxdaten wert">0,01</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Anzahl der Einheit:</div>
|
|
<div id="BT-149" title="BT-149" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Code der Maßeinheit:</div>
|
|
<div id="BT-150" title="BT-150" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Umsatzsteuer:</div>
|
|
<div id="BT-151" title="BT-151" class="boxdaten wert">S (Standard rate)</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Umsatzsteuersatz in %:</div>
|
|
<div id="BT-152" title="BT-152" class="boxdaten wert">19%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="boxtabelle">
|
|
<div class="boxzeile">
|
|
<div class="box subBox">
|
|
<div id="BG-27" title="BG-27" class="boxtitel boxtitelSub">Nachlässe auf Ebene der
|
|
Rechnungsposition
|
|
</div>
|
|
</div>
|
|
<div class="box subBox">
|
|
<div id="BG-28" title="BG-28" class="boxtitel boxtitelSub">Zuschläge auf Ebene der
|
|
Rechnungsposition
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="boxtabelle">
|
|
<div class="boxzeile">
|
|
<div class="box subBox">
|
|
<div id="BG-31" title="BG-31" class="boxtitel boxtitelSub">Artikelinformationen</div>
|
|
<div class="boxtabelle boxinhalt ">
|
|
<div class="boxzeile">
|
|
<div class="boxcell boxZweispaltig">
|
|
<div class="boxtabelle borderSpacing">
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Bezeichnung:</div>
|
|
<div id="BT-153" title="BT-153" class="boxdaten wert bold">Kopierpapier A4
|
|
</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Beschreibung:</div>
|
|
<div id="BT-154" title="BT-154" class="boxdaten wert">Zählerstand von-bis:
|
|
543210 - 544420
|
|
</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Artikelnummer:</div>
|
|
<div id="BT-155" title="BT-155" class="boxdaten wert">KOP05</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Kunden-Material-Nr.:</div>
|
|
<div id="BT-156" title="BT-156" class="boxdaten wert"></div>
|
|
</div>
|
|
<h4 id="BG-32" title="BG-32">Eigenschaften des Artikels:</h4>
|
|
<div class="boxzeile">
|
|
<div id="BT-160" title="BT-160" class="boxdaten legende ">Zähler-Nr.</div>
|
|
<div id="BT-161" title="BT-161" class="boxdaten wert">MG-X79318</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="boxabstand"></div>
|
|
<div class="boxcell boxZweispaltig">
|
|
<div class="boxtabelle borderSpacing">
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Artikelkennung (EAN):</div>
|
|
<div id="BT-157" title="BT-157" class="boxdaten wert">4123456000038</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Schema der Artikelkennung:</div>
|
|
<div id="BT-157-scheme-id" title="BT-157-scheme-id" class="boxdaten wert">
|
|
0088 (EAN Location Code)
|
|
</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Code der Artikelklassifizierung:</div>
|
|
<div id="BT-158" title="BT-158" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Kennung zur Bildung des Schemas:</div>
|
|
<div id="BT-158-scheme-id" title="BT-158-scheme-id"
|
|
class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Version zur Bildung des Schemas:</div>
|
|
<div id="BT-158-scheme-version-id" title="BT-158-scheme-version-id"
|
|
class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Code des Herkunftslandes:</div>
|
|
<div id="BT-159" title="BT-159" class="boxdaten wert"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="zusaetze" class="divHide">
|
|
<div class="haftungausschluss">Wir übernehmen keine Haftung für die Richtigkeit der Daten.</div>
|
|
<div class="boxtabelle boxtabelleZweispaltig">
|
|
<div class="boxzeile">
|
|
<div id="zusaetzeVerkaeufer" class="box boxZweispaltig">
|
|
<div id="BG-4" title="BG-4" class="boxtitel">Informationen zum Verkäufer</div>
|
|
<div class="boxtabelle boxinhalt borderSpacing">
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Abweichender Handelsname:</div>
|
|
<div id="BT-28" title="BT-28" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Bundesland:</div>
|
|
<div id="BT-39" title="BT-39" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Elektronische Adresse:</div>
|
|
<div id="BT-34" title="BT-34" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Schema der elektronischen Adresse:</div>
|
|
<div id="BT-34-scheme-id" title="BT-34-scheme-id" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Register-/Registriernummer:</div>
|
|
<div id="BT-30" title="BT-30" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Umsatzsteuer-ID:</div>
|
|
<div id="BT-31" title="BT-31" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Steuernummer:</div>
|
|
<div id="BT-32" title="BT-32" class="boxdaten wert">201/113/40209</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Schema der Steuernummer:</div>
|
|
<div id="BT-32-scheme" title="BT-32-scheme" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Weitere rechtliche Informationen:</div>
|
|
<div id="BT-33" title="BT-33" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Code der Umsatzsteuerwährung:</div>
|
|
<div id="BT-6" title="BT-6" class="boxdaten wert"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="boxabstand"></div>
|
|
</div>
|
|
</div>
|
|
<div class="boxtabelle boxabstandtop boxtabelleZweispaltig">
|
|
<div class="boxzeile">
|
|
<div id="zusaetzeKaeufer" class="box boxZweispaltig">
|
|
<div id="BG-7" title="BG-7" class="boxtitel">Informationen zum Käufer</div>
|
|
<div class="boxtabelle boxinhalt borderSpacing">
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Abweichender Handelsname:</div>
|
|
<div id="BT-45" title="BT-45" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Bundesland:</div>
|
|
<div id="BT-54" title="BT-54" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Elektronische Adresse:</div>
|
|
<div id="BT-49" title="BT-49" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Schema der elektronischen Adresse:</div>
|
|
<div id="BT-49-scheme-id" title="BT-49-scheme-id" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Register-/Registriernummer:</div>
|
|
<div id="BT-47" title="BT-47" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Schema der Register-/Registriernummer:</div>
|
|
<div id="BT-47-scheme-id" title="BT-47-scheme-id" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Umsatzsteuer-ID:</div>
|
|
<div id="BT-48" title="BT-48" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Abrechnungsdatum der Umsatzsteuer:</div>
|
|
<div id="BT-7" title="BT-7" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Code des Umsatzsteuer-Abrechnungsdatums:</div>
|
|
<div id="BT-8" title="BT-8" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Kontierungsinformation / Kostenstelle:</div>
|
|
<div id="BT-19" title="BT-19" class="boxdaten wert"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="boxabstand"></div>
|
|
<div id="zusaetzeLieferung" class="box boxZweispaltig">
|
|
<div id="BG-13" title="BG-13" class="boxtitel">Lieferinformationen</div>
|
|
<div class="boxtabelle boxinhalt borderSpacing">
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Kennung des Lieferorts:</div>
|
|
<div id="BT-71" title="BT-71" class="boxdaten wert">4304171088093</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Schema der Kennung:</div>
|
|
<div id="BT-71-scheme-id" title="BT-71-scheme-id" class="boxdaten wert">0088</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Lieferdatum:</div>
|
|
<div id="BT-72" title="BT-72" class="boxdaten wert">30.10.2024</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Name des Empfängers:</div>
|
|
<div id="BT-70" title="BT-70" class="boxdaten wert">MUSTER-MARKT</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Straße / Haus-Nr.:</div>
|
|
<div id="BT-75" title="BT-75" class="boxdaten wert">HAUPTSTRASSE 44</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Postfach:</div>
|
|
<div id="BT-76" title="BT-76" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Adresszusatz:</div>
|
|
<div title="BT-165" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">PLZ:</div>
|
|
<div id="BT-78" title="BT-78" class="boxdaten wert">31157</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Ort:</div>
|
|
<div id="BT-77" title="BT-77" class="boxdaten wert">SARSTEDT</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Bundesland:</div>
|
|
<div id="BT-79" title="BT-79" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Land:</div>
|
|
<div id="BT-80" title="BT-80" class="boxdaten wert">DE (Deutschland)</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="boxtabelle boxabstandtop boxtabelleZweispaltig">
|
|
<div class="boxzeile">
|
|
<div id="zusaetzeVertrag" class="box boxZweispaltig">
|
|
<div class="boxtitel">Vertragsdaten</div>
|
|
<div class="boxtabelle boxinhalt borderSpacing">
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Vergabenummer:</div>
|
|
<div id="BT-17" title="BT-17" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Kennung der Empfangsbestätigung:</div>
|
|
<div id="BT-15" title="BT-15" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Kennung der Versandanzeige:</div>
|
|
<div id="BT-16" title="BT-16" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Prozesskennung:</div>
|
|
<div id="BT-23" title="BT-23" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Spezifikationskennung:</div>
|
|
<div id="BT-24" title="BT-24" class="boxdaten wert">
|
|
urn:cen.eu:en16931:2017#conformant#urn:factur-x.eu:1p0:extended
|
|
</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Objektkennung:</div>
|
|
<div id="BT-18" title="BT-18" class="boxdaten wert">A777123</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Schema der Objektkennung:</div>
|
|
<div id="BT-18-scheme-id" title="BT-18-scheme-id" class="boxdaten wert"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="boxabstand"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="anlagen" class="divHide">
|
|
<div class="haftungausschluss">Wir übernehmen keine Haftung für die Richtigkeit der Daten.</div>
|
|
<div class="boxtabelle boxabstandtop">
|
|
<div class="boxzeile">
|
|
<div id="anlagenListe" class="box">
|
|
<div id="BG-24" title="BG-24" class="boxtitel">Rechnungsbegründende Unterlagen</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="laufzettel" class="divHide">
|
|
<div class="boxtabelle boxabstandtop">
|
|
<div class="boxzeile">
|
|
<div id="laufzettelHistorie" class="box">
|
|
<div class="boxtitel">Bearbeitungshistorie</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
<script>
|
|
//
|
|
/* Tab-Container aufbauen **************************************************/
|
|
var a = new Array("uebersicht", "details", "zusaetze", "anlagen", "laufzettel");
|
|
var b = new Array("menueUebersicht", "menueDetails", "menueZusaetze", "menueAnlagen", "menueLaufzettel");
|
|
|
|
function show(e) {
|
|
var i = 0;
|
|
var j = 1;
|
|
for (var t = 0; t < b.length; t++) {
|
|
if (b[t] === e.id) {
|
|
i = t;
|
|
if (i > 0) {
|
|
j = 0;
|
|
} else {
|
|
j = i + 1;
|
|
}
|
|
break;
|
|
}
|
|
}
|
|
e.setAttribute("class", "btnAktiv");
|
|
for (var k = 0; k < b.length; k++) {
|
|
if (k === i && (document.getElementById(a[k]) != null)) {
|
|
document.getElementById(a[k]).style.display = "block";
|
|
if (i === j) j = i + 1;
|
|
} else {
|
|
if (document.getElementById(a[k]) != null) {
|
|
document.getElementById(a[j]).style.display = "none";
|
|
document.getElementById(b[j]).setAttribute("class", "btnInaktiv");
|
|
j += 1;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
window.onload = function () {
|
|
document.getElementById(b[0]).setAttribute("class", "btnAktiv");
|
|
}/* Eingebettete Binaerdaten runterladen ************************************/
|
|
function base64_to_binary(data) {
|
|
var chars = atob(data);
|
|
var bytes = new Array(chars.length);
|
|
for (var i = 0; i < chars.length; i++) {
|
|
bytes[i] = chars.charCodeAt(i);
|
|
}
|
|
return new Uint8Array(bytes);
|
|
}
|
|
|
|
function downloadData(element_id) {
|
|
var data_element = document.getElementById(element_id);
|
|
var mimetype = data_element.getAttribute('mimeType');
|
|
var filename = data_element.getAttribute('filename');
|
|
var text = data_element.innerHTML;
|
|
var binary = base64_to_binary(text);
|
|
var blob = new Blob([binary], {type: mimetype, size: binary.length});
|
|
if (window.navigator && window.navigator.msSaveOrOpenBlob) { // IE
|
|
window.navigator.msSaveOrOpenBlob(blob, filename);
|
|
} else {
|
|
// Non-IE
|
|
var url = window.URL.createObjectURL(blob);
|
|
window.open(url);
|
|
}
|
|
}
|
|
|
|
|
|
/* Polyfill IE atob/btoa ************************************/
|
|
(function (root, factory) {
|
|
if (typeof define === 'function' && define.amd) { // AMD. Register as an anonymous module.
|
|
define([], function () {
|
|
factory(root);
|
|
});
|
|
} else factory(root);
|
|
// node.js has always supported base64 conversions, while browsers that support
|
|
// web workers support base64 too, but you may never know.
|
|
})(typeof exports !== "undefined" ? exports: this, function (root) {
|
|
if (root.atob) {
|
|
// Some browsers' implementation of atob doesn't support whitespaces
|
|
// in the encoded string (notably, IE). This wraps the native atob
|
|
// in a function that strips the whitespaces.
|
|
// The original function can be retrieved in atob.original
|
|
try {
|
|
root.atob(" ");
|
|
} catch (e) {
|
|
root.atob = (function (atob) {
|
|
var func = function (string) {
|
|
return atob(String(string).replace(/[\t\n\f\r ]+/g, ""));
|
|
};
|
|
func.original = atob;
|
|
return func;
|
|
})(root.atob);
|
|
}
|
|
return;
|
|
}
|
|
// base64 character set, plus padding character (=)
|
|
var b64 = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=", // Regular expression to check formal correctness of base64 encoded strings
|
|
b64re = /^(?:[A-Za-z\d+\/]{4})*?(?:[A-Za-z\d+\/]{2}(?:==)?|[A-Za-z\d+\/]{3}=?)?$/;
|
|
root.btoa = function (string) {
|
|
string = String(string);
|
|
var bitmap, a, b, c, result = "", i = 0, rest = string.length % 3;
|
|
// To determine the final padding
|
|
for (; i < string.length;) {
|
|
if ((a = string.charCodeAt(i++)) > 255 || (b = string.charCodeAt(i++)) > 255 || (c = string.charCodeAt(i++)) > 255) throw new TypeError("Failed to execute 'btoa' on 'Window': The string to be encoded contains characters outside of the Latin1 range.");
|
|
bitmap = (a << 16) | (b << 8) | c;
|
|
result += b64.charAt(bitmap >> 18 & 63) + b64.charAt(bitmap >> 12 & 63) + b64.charAt(bitmap >> 6 & 63) + b64.charAt(bitmap & 63);
|
|
}
|
|
// If there's need of padding, replace the last 'A's with equal signs
|
|
return rest ? result.slice(0, rest - 3) + "===".substring(rest) : result;
|
|
};
|
|
root.atob = function (string) { // atob can work with strings with whitespaces, even inside the encoded part,
|
|
// but only \t, \n, \f, \r and ' ', which can be stripped.
|
|
string = String(string).replace(/[\t\n\f\r ]+/g, "");
|
|
if (!b64re.test(string)) throw new TypeError("Failed to execute 'atob' on 'Window': The string to be decoded is not correctly encoded."); // Adding the padding if missing, for semplicity
|
|
string += "==".slice(2 - (string.length & 3));
|
|
var bitmap, result = "", r1, r2, i = 0;
|
|
for (; i < string.length;) {
|
|
bitmap = b64.indexOf(string.charAt(i++)) << 18 | b64.indexOf(string.charAt(i++)) << 12 | (r1 = b64.indexOf(string.charAt(i++))) << 6 | (r2 = b64.indexOf(string.charAt(i++)));
|
|
result += r1 === 64 ? String.fromCharCode(bitmap >> 16 & 255) : r2 === 64 ? String.fromCharCode(bitmap >> 16 & 255, bitmap >> 8 & 255) : String.fromCharCode(bitmap >> 16 & 255, bitmap >> 8 & 255, bitmap & 255);
|
|
}
|
|
return result;
|
|
};
|
|
});
|
|
//
|
|
</script>
|
|
</html>
|