2628 lines
128 KiB
HTML
2628 lines
128 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);">Overview</button><button type="button" class="tab" id="menueDetails" onclick="show(this);">Items</button><button type="button" class="tab" id="menueZusaetze" onclick="show(this)">Information</button><button type="button" class="tab" id="menueAnlagen" onclick="show(this)">Attachments</button><button type="button" class="tab" id="menueLaufzettel" onclick="show(this)">History</button></div>
|
|
</div>
|
|
</form>
|
|
<div class="inhalt">
|
|
<div class="innen">
|
|
<div id="uebersicht" class="divShow">
|
|
<div class="haftungausschluss">We accept no liability for the correctness of the data</div>
|
|
<div class="boxtabelle boxtabelleZweispaltig">
|
|
<div class="boxzeile">
|
|
<div id="uebersichtKaeufer" class="box boxZweispaltig">
|
|
<div id="BG-7" title="BG-7" class="boxtitel">Buyer Information</div>
|
|
<div class="boxtabelle boxinhalt borderSpacing">
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Routing 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">The buyercompany inc.</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Street / house number:</div>
|
|
<div id="BT-50" title="BT-50" class="boxdaten wert">Anystreet</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">PO Box:</div>
|
|
<div id="BT-51" title="BT-51" class="boxdaten wert">Back door</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Address Addition:</div>
|
|
<div id="BT-163" title="BT-163" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Postcode:</div>
|
|
<div id="BT-53" title="BT-53" class="boxdaten wert">101</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Place:</div>
|
|
<div id="BT-52" title="BT-52" class="boxdaten wert">Anytown</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">State/Province:</div>
|
|
<div id="BT-54" title="BT-54" class="boxdaten wert">RegionB</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Country:</div>
|
|
<div id="BT-55" title="BT-55" class="boxdaten wert">BE (Belgien)</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">ID:</div>
|
|
<div id="BT-46" title="BT-46" class="boxdaten wert">345KS5324</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">ID scheme:</div>
|
|
<div id="BT-46-scheme-id" title="BT-46-scheme-id" class="boxdaten wert">ZZZ</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">Phone:</div>
|
|
<div id="BT-57" title="BT-57" class="boxdaten wert">5121230</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">E-mail address:</div>
|
|
<div id="BT-58" title="BT-58" class="boxdaten wert">john@buyercompany.eu</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="boxabstand"></div>
|
|
<div id="uebersichtVerkaeufer" class="box boxZweispaltig">
|
|
<div id="BG-4" title="BG-4" class="boxtitel">Seller Information</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">Company name:</div>
|
|
<div id="BT-27" title="BT-27" class="boxdaten wert">The Sellercompany Incorporated</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Street / house number:</div>
|
|
<div id="BT-35" title="BT-35" class="boxdaten wert">Main street</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">PO Box:</div>
|
|
<div id="BT-36" title="BT-36" class="boxdaten wert">Suite 123</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Address Addition:</div>
|
|
<div id="BT-162" title="BT-162" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Code postal:</div>
|
|
<div id="BT-38" title="BT-38" class="boxdaten wert">54321</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Place:</div>
|
|
<div id="BT-37" title="BT-37" class="boxdaten wert">Big city</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">State/Province:</div>
|
|
<div id="BT-39" title="BT-39" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Country code:</div>
|
|
<div id="BT-40" title="BT-40" class="boxdaten wert">DK (Dänemark)</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">ID:</div>
|
|
<div id="BT-29" title="BT-29" class="boxdaten wert">Supp123</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">ID scheme:</div>
|
|
<div id="BT-29-scheme-id" title="BT-29-scheme-id" class="boxdaten wert">ZZZ</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">Phone:</div>
|
|
<div id="BT-42" title="BT-42" class="boxdaten wert">4621230</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">E-mail address:</div>
|
|
<div id="BT-43" title="BT-43" class="boxdaten wert">antonio@salescompany.dk</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="boxtabelle boxabstandtop boxtabelleZweispaltig">
|
|
<div class="boxzeile">
|
|
<div id="uebersichtRechnungsinfo" class="box box1v2">
|
|
<div class="boxtitel">Invoice details</div>
|
|
<div class="boxtabelle boxinhalt">
|
|
<div class="boxcell boxZweispaltig">
|
|
<div class="boxtabelle borderSpacing">
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Seller Information:</div>
|
|
<div id="BT-1" title="BT-1" class="boxdaten wert">TOSL108</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Invoice date:</div>
|
|
<div id="BT-2" title="BT-2" class="boxdaten wert">15.12.2009</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Invoice type:</div>
|
|
<div id="BT-3" title="BT-3" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Currency</div>
|
|
<div id="BT-5" title="BT-5" class="boxdaten wert">EUR (Euro)</div>
|
|
</div>
|
|
</div>
|
|
<h4>Billing period:</h4>
|
|
<div class="boxtabelle borderSpacing">
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">from:</div>
|
|
<div id="BT-73" title="BT-73" class="boxdaten wert">1.11.2009</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">to:</div>
|
|
<div id="BT-74" title="BT-74" class="boxdaten wert">30.11.2009</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="boxabstand"></div>
|
|
<div class="boxcell boxZweispaltig">
|
|
<div class="boxtabelle borderSpacing">
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Project number:</div>
|
|
<div id="BT-11" title="BT-11" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Contract Number:</div>
|
|
<div id="BT-12" title="BT-12" class="boxdaten wert">Contract321</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Order number:</div>
|
|
<div id="BT-13" title="BT-13" class="boxdaten wert">123</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Order number:</div>
|
|
<div id="BT-14" title="BT-14" class="boxdaten wert"></div>
|
|
</div>
|
|
</div>
|
|
<h4>Previous invoices:</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">Total amounts of the invoice</div>
|
|
<div class="boxtabelle boxinhalt">
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten rechnungSp1">Line total</div>
|
|
<div class="boxdaten rechnungSp2 color2">netto</div>
|
|
<div id="BT-106" title="BT-106" class="boxdaten rechnungSp3">1.436,50</div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten rechnungSp1">Total discounts</div>
|
|
<div class="boxdaten rechnungSp2 color2">netto</div>
|
|
<div id="BT-107" title="BT-107" class="boxdaten rechnungSp3">100,00</div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten rechnungSp1 paddingBottom line1Bottom">Total charges</div>
|
|
<div class="boxdaten rechnungSp2 paddingBottom line1Bottom color2">netto</div>
|
|
<div id="BT-108" title="BT-108" class="boxdaten rechnungSp3 paddingBottom line1Bottom">100,00</div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten rechnungSp1 paddingTop">Grand total</div>
|
|
<div class="boxdaten rechnungSp2 paddingTop color2">netto</div>
|
|
<div id="BT-109" title="BT-109" class="boxdaten rechnungSp3 paddingTop">1.436,50</div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten rechnungSp1">VAT amount</div>
|
|
<div class="boxdaten rechnungSp2 color2"></div>
|
|
<div id="BT-110" title="BT-110" class="boxdaten rechnungSp3">292,20</div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten rechnungSp1 paddingBottom line1Bottom">Total VAT</div>
|
|
<div class="boxdaten rechnungSp2 paddingBottom line1Bottom color2"></div>
|
|
<div id="BT-111" title="BT-111" class="boxdaten rechnungSp3 paddingBottom line1Bottom">292,20</div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten rechnungSp1 paddingTop">Grand total</div>
|
|
<div class="boxdaten rechnungSp2 paddingTop color2">brutto</div>
|
|
<div id="BT-112" title="BT-112" class="boxdaten rechnungSp3 paddingTop">1.729,00</div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten rechnungSp1">Amount paid</div>
|
|
<div class="boxdaten rechnungSp2 color2">brutto</div>
|
|
<div id="BT-113" title="BT-113" class="boxdaten rechnungSp3">1.000,00</div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten rechnungSp1 paddingBottom line2Bottom">rounding amount</div>
|
|
<div class="boxdaten rechnungSp2 paddingBottom line2Bottom color2">brutto</div>
|
|
<div id="BT-114" title="BT-114" class="boxdaten rechnungSp3 paddingBottom line2Bottom">0,30</div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten rechnungSp1 paddingTop bold">Amount Due</div>
|
|
<div class="boxdaten rechnungSp2 paddingTop color2">brutto</div>
|
|
<div id="BT-115" title="BT-115" class="boxdaten rechnungSp3 paddingTop bold">729,00</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">Breakdown of VAT at invoice level</div>
|
|
<div class="boxtabelle boxinhalt">
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten rechnungSp1 bold">VAT category: <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">Grand total</div>
|
|
<div class="boxdaten rechnungSp2 color2">netto</div>
|
|
<div id="BT-116" title="BT-116" class="boxdaten rechnungSp3">1.460,50</div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten rechnungSp1 line1Bottom">VAT rate</div>
|
|
<div class="boxdaten rechnungSp2 color2 line1Bottom"></div>
|
|
<div id="BT-119" title="BT-119" class="boxdaten rechnungSp3 line1Bottom">20%</div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten rechnungSp1">VAT amount</div>
|
|
<div class="boxdaten rechnungSp2 color2"></div>
|
|
<div id="BT-117" title="BT-117" class="boxdaten rechnungSp3 bold">292,10</div>
|
|
</div>
|
|
</div>
|
|
<div class="grund">
|
|
<div>Reason for exemption:: <span id="BT-120" title="BT-120" class="bold"></span></div>
|
|
<div>ID for the exemption reason:: <span id="BT-121" title="BT-121" class="bold"></span></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div id="uebersichtUmsatzsteuer" class="box">
|
|
<div id="BG-23" title="BG-23" class="boxtitel">Breakdown of VAT at invoice level</div>
|
|
<div class="boxtabelle boxinhalt">
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten rechnungSp1 bold">VAT category: <span id="BT-118" title="BT-118">AA (Lower rate)</span></div>
|
|
<div class="boxdaten rechnungSp2"></div>
|
|
<div class="boxdaten rechnungSp3"></div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten rechnungSp1">Grand total</div>
|
|
<div class="boxdaten rechnungSp2 color2">netto</div>
|
|
<div id="BT-116" title="BT-116" class="boxdaten rechnungSp3">1,00</div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten rechnungSp1 line1Bottom">VAT rate</div>
|
|
<div class="boxdaten rechnungSp2 color2 line1Bottom"></div>
|
|
<div id="BT-119" title="BT-119" class="boxdaten rechnungSp3 line1Bottom">10%</div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten rechnungSp1">VAT amount</div>
|
|
<div class="boxdaten rechnungSp2 color2"></div>
|
|
<div id="BT-117" title="BT-117" class="boxdaten rechnungSp3 bold">0,10</div>
|
|
</div>
|
|
</div>
|
|
<div class="grund">
|
|
<div>Reason for exemption:: <span id="BT-120" title="BT-120" class="bold"></span></div>
|
|
<div>ID for the exemption reason:: <span id="BT-121" title="BT-121" class="bold"></span></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div id="uebersichtUmsatzsteuer" class="box">
|
|
<div id="BG-23" title="BG-23" class="boxtitel">Breakdown of VAT at invoice level</div>
|
|
<div class="boxtabelle boxinhalt">
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten rechnungSp1 bold">VAT category: <span id="BT-118" title="BT-118">E (Exempt from tax)</span></div>
|
|
<div class="boxdaten rechnungSp2"></div>
|
|
<div class="boxdaten rechnungSp3"></div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten rechnungSp1">Grand total</div>
|
|
<div class="boxdaten rechnungSp2 color2">netto</div>
|
|
<div id="BT-116" title="BT-116" class="boxdaten rechnungSp3">-25,00</div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten rechnungSp1 line1Bottom">VAT rate</div>
|
|
<div class="boxdaten rechnungSp2 color2 line1Bottom"></div>
|
|
<div id="BT-119" title="BT-119" class="boxdaten rechnungSp3 line1Bottom">0%</div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten rechnungSp1">VAT amount</div>
|
|
<div class="boxdaten rechnungSp2 color2"></div>
|
|
<div id="BT-117" title="BT-117" class="boxdaten rechnungSp3 bold">0,00</div>
|
|
</div>
|
|
</div>
|
|
<div class="grund">
|
|
<div>Reason for exemption:: <span id="BT-120" title="BT-120" class="bold">Exempt New Means of Transport</span></div>
|
|
<div>ID for the exemption reason:: <span id="BT-121" title="BT-121" class="bold">AAM</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">Allowance at invoice level</div>
|
|
<div class="boxtabelle boxinhalt">
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten rechnungSp1 bold">VAT category of the discount:: <span title="BT-95"></span></div>
|
|
<div class="boxdaten rechnungSp2"></div>
|
|
<div class="boxdaten rechnungSp3"></div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten rechnungSp1">Basic amount</div>
|
|
<div class="boxdaten rechnungSp2 color2">netto</div>
|
|
<div id="BT-93" title="BT-93" class="boxdaten rechnungSp3"></div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten rechnungSp1 line1Bottom">Percentage</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">Allowance</div>
|
|
<div class="boxdaten rechnungSp2 color2">netto</div>
|
|
<div id="BT-92" title="BT-92" class="boxdaten rechnungSp3 bold">100,00</div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten rechnungSp1">VAT rate on allowance</div>
|
|
<div class="boxdaten rechnungSp2 color2"></div>
|
|
<div id="BT-96" title="BT-96" class="boxdaten rechnungSp3"></div>
|
|
</div>
|
|
</div>
|
|
<div class="grund">
|
|
<div>Reason for the allowance: <span id="BT-97" title="BT-97" class="bold">Promotion discount</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 class="boxzeile">
|
|
<div id="uebersichtZuschlaege" class="box">
|
|
<div id="BG-21" title="BG-21" class="boxtitel">Charge amount at invoice level</div>
|
|
<div class="boxtabelle boxinhalt">
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten rechnungSp1 bold">VAT category of the charge amount: <span title="BT-102"></span></div>
|
|
<div class="boxdaten rechnungSp2"></div>
|
|
<div class="boxdaten rechnungSp3"></div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten rechnungSp1">Basic amount</div>
|
|
<div class="boxdaten rechnungSp2 color2">netto</div>
|
|
<div id="BT-100" title="BT-100" class="boxdaten rechnungSp3"></div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten rechnungSp1 line1Bottom">Percentage</div>
|
|
<div class="boxdaten rechnungSp2 color2 line1Bottom"></div>
|
|
<div id="BT-101" title="BT-101" class="boxdaten rechnungSp3 line1Bottom">%</div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten rechnungSp1">Charge amount</div>
|
|
<div class="boxdaten rechnungSp2 color2">netto</div>
|
|
<div id="BT-99" title="BT-99" class="boxdaten rechnungSp3 bold">100,00</div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten rechnungSp1">VAT rate of the charge amount</div>
|
|
<div class="boxdaten rechnungSp2 color2"></div>
|
|
<div id="BT-103" title="BT-103" class="boxdaten rechnungSp3"></div>
|
|
</div>
|
|
</div>
|
|
<div class="grund">
|
|
<div>Reason for the charge amount:: <span id="BT-104" title="BT-104" class="bold">Packing cost</span></div>
|
|
<div>Document level charge reason code: <span id="BT-105" title="BT-105" class="bold"></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">Payment details</div>
|
|
<div class="boxtabelle boxinhalt borderSpacing">
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Discount; other payment terms:</div>
|
|
<div id="BT-20" title="BT-20" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Due date:</div>
|
|
<div id="BT-9" title="BT-9" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Code for the means of payment:</div>
|
|
<div id="BT-81" title="BT-81" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Means of payment:</div>
|
|
<div id="BT-82" title="BT-82" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Usage:</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">Card information</div>
|
|
<div class="boxtabelle boxinhalt borderSpacing">
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Card number:</div>
|
|
<div id="BT-87" title="BT-87" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Card holder:</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">Direct debit</div>
|
|
<div class="boxtabelle boxinhalt borderSpacing">
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Mandate Reference No:</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">Creditor 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">Transfer</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">Invoice Comment</div>
|
|
<div class="boxtabelle boxinhalt borderSpacing">
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Subject:</div>
|
|
<div id="BT-21" title="BT-21" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Comment:</div>
|
|
<div id="BT-22" title="BT-22" class="boxdaten wert">Ordered in our booth at the convention.</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="details" class="divHide">
|
|
<div class="haftungausschluss">We accept no liability for the correctness of the data</div>
|
|
<div class="boxtabelle boxabstandtop boxtabelleZweispaltig first">
|
|
<div class="boxzeile">
|
|
<div class="box subBox">
|
|
<div id="BT-126" title="BT-126" class="boxtitel">Line1</div>
|
|
<div class="boxtabelle boxinhalt borderSpacing">
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Free text:</div>
|
|
<div id="BT-127" title="BT-127" class="boxdaten wert">Scratch on box</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Object ID:</div>
|
|
<div id="BT-128" title="BT-128" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Object ID schema:</div>
|
|
<div id="BT-128-scheme-id" title="BT-128-scheme-id" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Order line number:</div>
|
|
<div id="BT-132" title="BT-132" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Account assignment information:</div>
|
|
<div id="BT-133" title="BT-133" class="boxdaten wert">BookingCode001</div>
|
|
</div>
|
|
<h4 id="BG-26" title="BG-26">Billing period:</h4>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">from:</div>
|
|
<div id="BT-134" title="BT-134" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">to:</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">Price details</div>
|
|
<div class="boxtabelle boxinhalt">
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten detailSp1 color2">Quantity</div>
|
|
<div id="BT-129" title="BT-129" class="boxdaten detailSp2">1</div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten detailSp1 color2">Unit</div>
|
|
<div id="BT-130" title="BT-130" class="boxdaten detailSp2">C62 (one)</div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten detailSp1 line1Bottom color2">Unit price (net)</div>
|
|
<div id="BT-146" title="BT-146" class="boxdaten detailSp2 line1Bottom">1.273,00</div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten detailSp1 color2">Total price (net)</div>
|
|
<div id="BT-131" title="BT-131" class="boxdaten detailSp2 bold">1.273,00</div>
|
|
</div>
|
|
</div>
|
|
<div class="boxtabelle boxinhalt noPaddingTop borderSpacing">
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Discount (net):</div>
|
|
<div id="BT-147" title="BT-147" class="boxdaten wert">225,00</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Net list price:</div>
|
|
<div id="BT-148" title="BT-148" class="boxdaten wert">1.500,00</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Number of units:</div>
|
|
<div id="BT-149" title="BT-149" class="boxdaten wert">1</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Unit of measure code:</div>
|
|
<div id="BT-150" title="BT-150" class="boxdaten wert">C62 (one)</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">VAT:</div>
|
|
<div id="BT-151" title="BT-151" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">VAT rate in percent:</div>
|
|
<div id="BT-152" title="BT-152" class="boxdaten wert">%</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">Allowances at line level</div>
|
|
</div>
|
|
<div class="box subBox">
|
|
<div id="BG-28" title="BG-28" class="boxtitel boxtitelSub">Charges at invoice line level</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="boxtabelle">
|
|
<div class="boxzeile">
|
|
<div class="box subBox">
|
|
<div id="BG-31" title="BG-31" class="boxtitel boxtitelSub">Item Information</div>
|
|
<div class="boxtabelle boxinhalt ">
|
|
<div class="boxzeile">
|
|
<div class="boxcell boxZweispaltig">
|
|
<div class="boxtabelle borderSpacing">
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Name:</div>
|
|
<div id="BT-153" title="BT-153" class="boxdaten wert bold">Labtop computer</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Description:</div>
|
|
<div id="BT-154" title="BT-154" class="boxdaten wert">Processor: Intel Core 2 Duo SU9400 LV (1.4GHz). RAM:
|
|
3MB. Screen 1440x900</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Part number:</div>
|
|
<div id="BT-155" title="BT-155" class="boxdaten wert">JB007</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Customer's material number:</div>
|
|
<div id="BT-156" title="BT-156" class="boxdaten wert"></div>
|
|
</div>
|
|
<h4 id="BG-32" title="BG-32">Article properties:</h4>
|
|
<div class="boxzeile">
|
|
<div id="BT-160" title="BT-160" class="boxdaten legende ">Color</div>
|
|
<div id="BT-161" title="BT-161" class="boxdaten wert">black</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="boxabstand"></div>
|
|
<div class="boxcell boxZweispaltig">
|
|
<div class="boxtabelle borderSpacing">
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Item ID:</div>
|
|
<div id="BT-157" title="BT-157" class="boxdaten wert">1234567890124</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Item ID schema:</div>
|
|
<div id="BT-157-scheme-id" title="BT-157-scheme-id" class="boxdaten wert">GTIN</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Item classification code:</div>
|
|
<div id="BT-158" title="BT-158" class="boxdaten wert">12344321 65434568</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Identifier to form the schema:</div>
|
|
<div id="BT-158-scheme-id" title="BT-158-scheme-id" class="boxdaten wert">UNSPSC CPV</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Version for creating the schema:</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 ">Country of origin code:</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">Line2</div>
|
|
<div class="boxtabelle boxinhalt borderSpacing">
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Free text:</div>
|
|
<div id="BT-127" title="BT-127" class="boxdaten wert">Cover is slightly damaged.</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Object ID:</div>
|
|
<div id="BT-128" title="BT-128" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Object ID schema:</div>
|
|
<div id="BT-128-scheme-id" title="BT-128-scheme-id" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Order line number:</div>
|
|
<div id="BT-132" title="BT-132" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Account assignment information:</div>
|
|
<div id="BT-133" title="BT-133" class="boxdaten wert"></div>
|
|
</div>
|
|
<h4 id="BG-26" title="BG-26">Billing period:</h4>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">from:</div>
|
|
<div id="BT-134" title="BT-134" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">to:</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">Price details</div>
|
|
<div class="boxtabelle boxinhalt">
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten detailSp1 color2">Quantity</div>
|
|
<div id="BT-129" title="BT-129" class="boxdaten detailSp2">-1</div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten detailSp1 color2">Unit</div>
|
|
<div id="BT-130" title="BT-130" class="boxdaten detailSp2">C62 (one)</div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten detailSp1 line1Bottom color2">Unit price (net)</div>
|
|
<div id="BT-146" title="BT-146" class="boxdaten detailSp2 line1Bottom">3,96</div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten detailSp1 color2">Total price (net)</div>
|
|
<div id="BT-131" title="BT-131" class="boxdaten detailSp2 bold">-3,96</div>
|
|
</div>
|
|
</div>
|
|
<div class="boxtabelle boxinhalt noPaddingTop borderSpacing">
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Discount (net):</div>
|
|
<div id="BT-147" title="BT-147" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Net list price:</div>
|
|
<div id="BT-148" title="BT-148" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Number of units:</div>
|
|
<div id="BT-149" title="BT-149" class="boxdaten wert">1</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Unit of measure code:</div>
|
|
<div id="BT-150" title="BT-150" class="boxdaten wert">C62 (one)</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">VAT:</div>
|
|
<div id="BT-151" title="BT-151" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">VAT rate in percent:</div>
|
|
<div id="BT-152" title="BT-152" class="boxdaten wert">%</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">Allowances at line level</div>
|
|
</div>
|
|
<div class="box subBox">
|
|
<div id="BG-28" title="BG-28" class="boxtitel boxtitelSub">Charges at invoice line level</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="boxtabelle">
|
|
<div class="boxzeile">
|
|
<div class="box subBox">
|
|
<div id="BG-31" title="BG-31" class="boxtitel boxtitelSub">Item Information</div>
|
|
<div class="boxtabelle boxinhalt ">
|
|
<div class="boxzeile">
|
|
<div class="boxcell boxZweispaltig">
|
|
<div class="boxtabelle borderSpacing">
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Name:</div>
|
|
<div id="BT-153" title="BT-153" class="boxdaten wert bold">Returned "Advanced computing" book</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Description:</div>
|
|
<div id="BT-154" title="BT-154" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Part number:</div>
|
|
<div id="BT-155" title="BT-155" class="boxdaten wert">JB008</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Customer's material number:</div>
|
|
<div id="BT-156" title="BT-156" class="boxdaten wert"></div>
|
|
</div>
|
|
<h4 id="BG-32" title="BG-32">Article properties:</h4>
|
|
</div>
|
|
</div>
|
|
<div class="boxabstand"></div>
|
|
<div class="boxcell boxZweispaltig">
|
|
<div class="boxtabelle borderSpacing">
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Item ID:</div>
|
|
<div id="BT-157" title="BT-157" class="boxdaten wert">1234567890125</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Item ID schema:</div>
|
|
<div id="BT-157-scheme-id" title="BT-157-scheme-id" class="boxdaten wert">GTIN</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Item classification code:</div>
|
|
<div id="BT-158" title="BT-158" class="boxdaten wert">32344324 65434567</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Identifier to form the schema:</div>
|
|
<div id="BT-158-scheme-id" title="BT-158-scheme-id" class="boxdaten wert">UNSPSC CPV</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Version for creating the schema:</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 ">Country of origin code:</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">Line3</div>
|
|
<div class="boxtabelle boxinhalt borderSpacing">
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Free text:</div>
|
|
<div id="BT-127" title="BT-127" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Object ID:</div>
|
|
<div id="BT-128" title="BT-128" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Object ID schema:</div>
|
|
<div id="BT-128-scheme-id" title="BT-128-scheme-id" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Order line number:</div>
|
|
<div id="BT-132" title="BT-132" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Account assignment information:</div>
|
|
<div id="BT-133" title="BT-133" class="boxdaten wert"></div>
|
|
</div>
|
|
<h4 id="BG-26" title="BG-26">Billing period:</h4>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">from:</div>
|
|
<div id="BT-134" title="BT-134" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">to:</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">Price details</div>
|
|
<div class="boxtabelle boxinhalt">
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten detailSp1 color2">Quantity</div>
|
|
<div id="BT-129" title="BT-129" class="boxdaten detailSp2">2</div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten detailSp1 color2">Unit</div>
|
|
<div id="BT-130" title="BT-130" class="boxdaten detailSp2">C62 (one)</div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten detailSp1 line1Bottom color2">Unit price (net)</div>
|
|
<div id="BT-146" title="BT-146" class="boxdaten detailSp2 line1Bottom">2,48</div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten detailSp1 color2">Total price (net)</div>
|
|
<div id="BT-131" title="BT-131" class="boxdaten detailSp2 bold">4,96</div>
|
|
</div>
|
|
</div>
|
|
<div class="boxtabelle boxinhalt noPaddingTop borderSpacing">
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Discount (net):</div>
|
|
<div id="BT-147" title="BT-147" class="boxdaten wert">0,28</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Net list price:</div>
|
|
<div id="BT-148" title="BT-148" class="boxdaten wert">2,75</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Number of units:</div>
|
|
<div id="BT-149" title="BT-149" class="boxdaten wert">1</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Unit of measure code:</div>
|
|
<div id="BT-150" title="BT-150" class="boxdaten wert">C62 (one)</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">VAT:</div>
|
|
<div id="BT-151" title="BT-151" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">VAT rate in percent:</div>
|
|
<div id="BT-152" title="BT-152" class="boxdaten wert">%</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">Allowances at line level</div>
|
|
</div>
|
|
<div class="box subBox">
|
|
<div id="BG-28" title="BG-28" class="boxtitel boxtitelSub">Charges at invoice line level</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="boxtabelle">
|
|
<div class="boxzeile">
|
|
<div class="box subBox">
|
|
<div id="BG-31" title="BG-31" class="boxtitel boxtitelSub">Item Information</div>
|
|
<div class="boxtabelle boxinhalt ">
|
|
<div class="boxzeile">
|
|
<div class="boxcell boxZweispaltig">
|
|
<div class="boxtabelle borderSpacing">
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Name:</div>
|
|
<div id="BT-153" title="BT-153" class="boxdaten wert bold">"Computing for dummies" book</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Description:</div>
|
|
<div id="BT-154" title="BT-154" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Part number:</div>
|
|
<div id="BT-155" title="BT-155" class="boxdaten wert">JB009</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Customer's material number:</div>
|
|
<div id="BT-156" title="BT-156" class="boxdaten wert"></div>
|
|
</div>
|
|
<h4 id="BG-32" title="BG-32">Article properties:</h4>
|
|
</div>
|
|
</div>
|
|
<div class="boxabstand"></div>
|
|
<div class="boxcell boxZweispaltig">
|
|
<div class="boxtabelle borderSpacing">
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Item ID:</div>
|
|
<div id="BT-157" title="BT-157" class="boxdaten wert">1234567890126</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Item ID schema:</div>
|
|
<div id="BT-157-scheme-id" title="BT-157-scheme-id" class="boxdaten wert">GTIN</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Item classification code:</div>
|
|
<div id="BT-158" title="BT-158" class="boxdaten wert">32344324 65434566</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Identifier to form the schema:</div>
|
|
<div id="BT-158-scheme-id" title="BT-158-scheme-id" class="boxdaten wert">UNSPSC CPV</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Version for creating the schema:</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 ">Country of origin code:</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">Line4</div>
|
|
<div class="boxtabelle boxinhalt borderSpacing">
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Free text:</div>
|
|
<div id="BT-127" title="BT-127" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Object ID:</div>
|
|
<div id="BT-128" title="BT-128" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Object ID schema:</div>
|
|
<div id="BT-128-scheme-id" title="BT-128-scheme-id" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Order line number:</div>
|
|
<div id="BT-132" title="BT-132" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Account assignment information:</div>
|
|
<div id="BT-133" title="BT-133" class="boxdaten wert"></div>
|
|
</div>
|
|
<h4 id="BG-26" title="BG-26">Billing period:</h4>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">from:</div>
|
|
<div id="BT-134" title="BT-134" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">to:</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">Price details</div>
|
|
<div class="boxtabelle boxinhalt">
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten detailSp1 color2">Quantity</div>
|
|
<div id="BT-129" title="BT-129" class="boxdaten detailSp2">-1</div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten detailSp1 color2">Unit</div>
|
|
<div id="BT-130" title="BT-130" class="boxdaten detailSp2">C62 (one)</div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten detailSp1 line1Bottom color2">Unit price (net)</div>
|
|
<div id="BT-146" title="BT-146" class="boxdaten detailSp2 line1Bottom">25,00</div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten detailSp1 color2">Total price (net)</div>
|
|
<div id="BT-131" title="BT-131" class="boxdaten detailSp2 bold">-25,00</div>
|
|
</div>
|
|
</div>
|
|
<div class="boxtabelle boxinhalt noPaddingTop borderSpacing">
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Discount (net):</div>
|
|
<div id="BT-147" title="BT-147" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Net list price:</div>
|
|
<div id="BT-148" title="BT-148" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Number of units:</div>
|
|
<div id="BT-149" title="BT-149" class="boxdaten wert">1</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Unit of measure code:</div>
|
|
<div id="BT-150" title="BT-150" class="boxdaten wert">C62 (one)</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">VAT:</div>
|
|
<div id="BT-151" title="BT-151" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">VAT rate in percent:</div>
|
|
<div id="BT-152" title="BT-152" class="boxdaten wert">%</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">Allowances at line level</div>
|
|
</div>
|
|
<div class="box subBox">
|
|
<div id="BG-28" title="BG-28" class="boxtitel boxtitelSub">Charges at invoice line level</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="boxtabelle">
|
|
<div class="boxzeile">
|
|
<div class="box subBox">
|
|
<div id="BG-31" title="BG-31" class="boxtitel boxtitelSub">Item Information</div>
|
|
<div class="boxtabelle boxinhalt ">
|
|
<div class="boxzeile">
|
|
<div class="boxcell boxZweispaltig">
|
|
<div class="boxtabelle borderSpacing">
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Name:</div>
|
|
<div id="BT-153" title="BT-153" class="boxdaten wert bold">Returned IBM 5150 desktop</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Description:</div>
|
|
<div id="BT-154" title="BT-154" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Part number:</div>
|
|
<div id="BT-155" title="BT-155" class="boxdaten wert">JB010</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Customer's material number:</div>
|
|
<div id="BT-156" title="BT-156" class="boxdaten wert"></div>
|
|
</div>
|
|
<h4 id="BG-32" title="BG-32">Article properties:</h4>
|
|
</div>
|
|
</div>
|
|
<div class="boxabstand"></div>
|
|
<div class="boxcell boxZweispaltig">
|
|
<div class="boxtabelle borderSpacing">
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Item ID:</div>
|
|
<div id="BT-157" title="BT-157" class="boxdaten wert">1234567890127</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Item ID schema:</div>
|
|
<div id="BT-157-scheme-id" title="BT-157-scheme-id" class="boxdaten wert">GTIN</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Item classification code:</div>
|
|
<div id="BT-158" title="BT-158" class="boxdaten wert">12344322 65434565</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Identifier to form the schema:</div>
|
|
<div id="BT-158-scheme-id" title="BT-158-scheme-id" class="boxdaten wert">UNSPSC CPV</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Version for creating the schema:</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 ">Country of origin code:</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">Line5</div>
|
|
<div class="boxtabelle boxinhalt borderSpacing">
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Free text:</div>
|
|
<div id="BT-127" title="BT-127" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Object ID:</div>
|
|
<div id="BT-128" title="BT-128" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Object ID schema:</div>
|
|
<div id="BT-128-scheme-id" title="BT-128-scheme-id" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Order line number:</div>
|
|
<div id="BT-132" title="BT-132" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Account assignment information:</div>
|
|
<div id="BT-133" title="BT-133" class="boxdaten wert">BookingCode002</div>
|
|
</div>
|
|
<h4 id="BG-26" title="BG-26">Billing period:</h4>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">from:</div>
|
|
<div id="BT-134" title="BT-134" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">to:</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">Price details</div>
|
|
<div class="boxtabelle boxinhalt">
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten detailSp1 color2">Quantity</div>
|
|
<div id="BT-129" title="BT-129" class="boxdaten detailSp2">250</div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten detailSp1 color2">Unit</div>
|
|
<div id="BT-130" title="BT-130" class="boxdaten detailSp2">C62 (one)</div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten detailSp1 line1Bottom color2">Unit price (net)</div>
|
|
<div id="BT-146" title="BT-146" class="boxdaten detailSp2 line1Bottom">0,75</div>
|
|
</div>
|
|
<div class="rechnungsZeile">
|
|
<div class="boxdaten detailSp1 color2">Total price (net)</div>
|
|
<div id="BT-131" title="BT-131" class="boxdaten detailSp2 bold">187,50</div>
|
|
</div>
|
|
</div>
|
|
<div class="boxtabelle boxinhalt noPaddingTop borderSpacing">
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Discount (net):</div>
|
|
<div id="BT-147" title="BT-147" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Net list price:</div>
|
|
<div id="BT-148" title="BT-148" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Number of units:</div>
|
|
<div id="BT-149" title="BT-149" class="boxdaten wert">1</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Unit of measure code:</div>
|
|
<div id="BT-150" title="BT-150" class="boxdaten wert">C62 (one)</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">VAT:</div>
|
|
<div id="BT-151" title="BT-151" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">VAT rate in percent:</div>
|
|
<div id="BT-152" title="BT-152" class="boxdaten wert">%</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">Allowances at line level</div>
|
|
</div>
|
|
<div class="box subBox">
|
|
<div id="BG-28" title="BG-28" class="boxtitel boxtitelSub">Charges at invoice line level</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="boxtabelle">
|
|
<div class="boxzeile">
|
|
<div class="box subBox">
|
|
<div id="BG-31" title="BG-31" class="boxtitel boxtitelSub">Item Information</div>
|
|
<div class="boxtabelle boxinhalt ">
|
|
<div class="boxzeile">
|
|
<div class="boxcell boxZweispaltig">
|
|
<div class="boxtabelle borderSpacing">
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Name:</div>
|
|
<div id="BT-153" title="BT-153" class="boxdaten wert bold">Network cable</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Description:</div>
|
|
<div id="BT-154" title="BT-154" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Part number:</div>
|
|
<div id="BT-155" title="BT-155" class="boxdaten wert">JB011</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Customer's material number:</div>
|
|
<div id="BT-156" title="BT-156" class="boxdaten wert"></div>
|
|
</div>
|
|
<h4 id="BG-32" title="BG-32">Article properties:</h4>
|
|
<div class="boxzeile">
|
|
<div id="BT-160" title="BT-160" class="boxdaten legende ">Type</div>
|
|
<div id="BT-161" title="BT-161" class="boxdaten wert">Cat5</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="boxabstand"></div>
|
|
<div class="boxcell boxZweispaltig">
|
|
<div class="boxtabelle borderSpacing">
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Item ID:</div>
|
|
<div id="BT-157" title="BT-157" class="boxdaten wert">1234567890128</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Item ID schema:</div>
|
|
<div id="BT-157-scheme-id" title="BT-157-scheme-id" class="boxdaten wert">GTIN</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Item classification code:</div>
|
|
<div id="BT-158" title="BT-158" class="boxdaten wert">12344325 65434564</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Identifier to form the schema:</div>
|
|
<div id="BT-158-scheme-id" title="BT-158-scheme-id" class="boxdaten wert">UNSPSC CPV</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende ">Version for creating the schema:</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 ">Country of origin code:</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">We accept no liability for the correctness of the data</div>
|
|
<div class="boxtabelle boxtabelleZweispaltig">
|
|
<div class="boxzeile">
|
|
<div id="zusaetzeVerkaeufer" class="box boxZweispaltig">
|
|
<div id="BG-4" title="BG-4" class="boxtitel">Seller Information</div>
|
|
<div class="boxtabelle boxinhalt borderSpacing">
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Differing trade name:</div>
|
|
<div id="BT-28" title="BT-28" class="boxdaten wert">Salescompany ltd.</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">State/Province:</div>
|
|
<div id="BT-39" title="BT-39" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Electronic address:</div>
|
|
<div id="BT-34" title="BT-34" class="boxdaten wert">1234567890123</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Electronic address scheme:</div>
|
|
<div id="BT-34-scheme-id" title="BT-34-scheme-id" class="boxdaten wert">GLN</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Register number:</div>
|
|
<div id="BT-30" title="BT-30" class="boxdaten wert">5402697509</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">VAT ID:</div>
|
|
<div id="BT-31" title="BT-31" class="boxdaten wert">DK12345</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Tax ID:</div>
|
|
<div id="BT-32" title="BT-32" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Tax ID scheme:</div>
|
|
<div id="BT-32-scheme" title="BT-32-scheme" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Further legal information:</div>
|
|
<div id="BT-33" title="BT-33" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">VAT currency code:</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">Buyer Information</div>
|
|
<div class="boxtabelle boxinhalt borderSpacing">
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Differing trade name:</div>
|
|
<div id="BT-45" title="BT-45" class="boxdaten wert">Buyercompany ltd</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">State/Province:</div>
|
|
<div id="BT-54" title="BT-54" class="boxdaten wert">RegionB</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">E-mail address:</div>
|
|
<div id="BT-49" title="BT-49" class="boxdaten wert">1234567987654</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Electronic address scheme:</div>
|
|
<div id="BT-49-scheme-id" title="BT-49-scheme-id" class="boxdaten wert">GLN</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Register number:</div>
|
|
<div id="BT-47" title="BT-47" class="boxdaten wert">5645342123 ZZZ</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Scheme of register/register number:</div>
|
|
<div id="BT-47-scheme-id" title="BT-47-scheme-id" class="boxdaten wert">ZZZ</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">VAT ID:</div>
|
|
<div id="BT-48" title="BT-48" class="boxdaten wert">BE54321</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">VAT payday date:</div>
|
|
<div id="BT-7" title="BT-7" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">VAT Statement Date Code:</div>
|
|
<div id="BT-8" title="BT-8" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Account assignment information:</div>
|
|
<div id="BT-19" title="BT-19" class="boxdaten wert">Project cost code 123</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="boxabstand"></div>
|
|
</div>
|
|
</div>
|
|
<div class="boxtabelle boxabstandtop boxtabelleZweispaltig">
|
|
<div class="boxzeile">
|
|
<div id="zusaetzeVertrag" class="box boxZweispaltig">
|
|
<div class="boxtitel">Contract Information</div>
|
|
<div class="boxtabelle boxinhalt borderSpacing">
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Assignment number:</div>
|
|
<div id="BT-17" title="BT-17" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Receipt confirmation ID:</div>
|
|
<div id="BT-15" title="BT-15" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Dispatch note ID:</div>
|
|
<div id="BT-16" title="BT-16" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Process ID:</div>
|
|
<div id="BT-23" title="BT-23" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Specification ID:</div>
|
|
<div id="BT-24" title="BT-24" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Object ID:</div>
|
|
<div id="BT-18" title="BT-18" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Object ID schema:</div>
|
|
<div id="BT-18-scheme-id" title="BT-18-scheme-id" class="boxdaten wert"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="boxabstand"></div>
|
|
<div id="zusaetzeZahlungsempfaenger" class="box boxZweispaltig">
|
|
<div id="BG-10" title="BG-10" class="boxtitel">Payee other than Seller</div>
|
|
<div class="boxtabelle boxinhalt borderSpacing">
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Name:</div>
|
|
<div id="BT-59" title="BT-59" class="boxdaten wert">Ebeneser Scrooge Inc.</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">ID:</div>
|
|
<div id="BT-60" title="BT-60" class="boxdaten wert">098740918237</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">ID scheme:</div>
|
|
<div id="BT-60-scheme-id" title="BT-60-scheme-id" class="boxdaten wert">GLN</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Register number:</div>
|
|
<div id="BT-61" title="BT-61" class="boxdaten wert">6411982340</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Scheme of register/register number:</div>
|
|
<div id="BT-61-scheme-id" title="BT-61-scheme-id" class="boxdaten wert">UK:CH</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="anlagen" class="divHide">
|
|
<div class="haftungausschluss">We accept no liability for the correctness of the data</div>
|
|
<div class="boxtabelle boxabstandtop">
|
|
<div class="boxzeile">
|
|
<div id="anlagenListe" class="box">
|
|
<div id="BG-24" title="BG-24" class="boxtitel">Documents justifying the invoice</div>
|
|
<div class="boxtabelle boxinhalt borderSpacing">
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">ID:</div>
|
|
<div id="BT-122" title="BT-122" class="boxdaten wert">Doc1</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Description:</div>
|
|
<div id="BT-123" title="BT-123" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Reference (e.g. Internet address):</div>
|
|
<div id="BT-124" title="BT-124" class="boxdaten wert"><a href="http://www.suppliersite.eu/sheet001.html">http://www.suppliersite.eu/sheet001.html</a></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Attachment:</div>
|
|
<div id="BT-125" title="BT-125" class="boxdaten wert"><a href="#" onClick="downloadData('Doc1')">Öffnen</a></div>
|
|
<div id="Doc1" mimetype="" filename="" style="display:none;"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Format of attachment:</div>
|
|
<div id="BT-125" title="BT-125" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Name of attachment:</div>
|
|
<div id="BT-125" title="BT-125" class="boxdaten wert"></div>
|
|
</div>
|
|
</div>
|
|
<div class="boxtabelle boxinhalt borderSpacing">
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">ID:</div>
|
|
<div id="BT-122" title="BT-122" class="boxdaten wert">Doc2</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Description:</div>
|
|
<div id="BT-123" title="BT-123" class="boxdaten wert"></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Reference (e.g. Internet address):</div>
|
|
<div id="BT-124" title="BT-124" class="boxdaten wert"><a href=""></a></div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Attachment:</div>
|
|
<div id="BT-125" title="BT-125" class="boxdaten wert"><a href="#" onClick="downloadData('Doc2')">Öffnen</a></div>
|
|
<div id="Doc2" mimetype="application/pdf" filename="" style="display:none;">UjBsR09EbGhjZ0dTQUxNQUFBUUNBRU1tQ1p0dU1GUXhEUzhi</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Format of attachment:</div>
|
|
<div id="BT-125" title="BT-125" class="boxdaten wert">application/pdf</div>
|
|
</div>
|
|
<div class="boxzeile">
|
|
<div class="boxdaten legende">Name of attachment:</div>
|
|
<div id="BT-125" title="BT-125" class="boxdaten wert"></div>
|
|
</div>
|
|
</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">History</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> |