table{ font-family: "helvetica"; } .header { padding: 5mm; height: 35mm; width: 100%; position: relative; } .header img.logo { float: right; margin: 10mm; margin-right: 0; } .addressarea, .deliveryaddress { left: 0; width: 80mm; height: 45mm; position: relative; } .deliveryaddress { margin-top: 10mm; height: 27.3mm; } .addressarea .returnAddress, .addressarea .recipientAddress { position: relative; } .addressarea .returnAddress { height: 17.7mm; font-size: 8px; } .addressarea .returnAddress div { padding-top: 3mm; } .addressarea .recipientAddress { height: 27.3mm; } .addressarea .recipientAddress .location, .deliveryaddress .location { font-weight: bold; } .addressarea .recipientAddress .country { padding-top: 5mm; } .deliveryaddress .headline { font-size: 10px; padding-bottom: 2mm; } .informations { width: 75mm; right: 0; top: 5mm; position: absolute; } .contactinformations, .bankaccountinformations, .documentinformations { margin-bottom: 5mm; } .contactinformations div, .bankaccountinformations div, .documentinformations div { text-align: right; font-size: 11px; } .contactinformations div.headline, .bankaccountinformations div.headline, .documentinformations div.headline { font-weight: bold; } .salutation { margin-top: 5mm; } .salutation .documenttype { font-weight: bold; margin-bottom: 5mm; } .article_table, .article_table_prices { width: 100%; margin-top: 5mm; border-spacing: 0; border-collapse: collapse; } .article_table th, .article_table td, .article_table_prices th, .article_table_prices td { padding-bottom: 2mm; vertical-align: top; } .article_table th, .article_table_prices th { border-bottom: solid 0.15mm #000; font-weight: normal; font-size: 11px; } .article_table td, .article_table_prices td { padding-top: 2mm; font-size: 12px; } .article_table th.amount, .article_table td.amount { width: 10%; } .article_table_prices th.amount, .article_table_prices td.amount, .article_table_prices th.tax, .article_table_prices td.tax { width: 10%; } .article_table_prices th.tax, .article_table_prices td.tax { text-align: right; padding-right: 0; } .article_table th.description, .article_table td.description { width: 90%; } .article_table_prices th.description, .article_table_prices td.description { width: 50%; } .article_table td.description .artnr, .article_table_prices td.description .artnr { font-size: 9px; } .article_table_prices th.unitPrice, .article_table_prices td.unitPrice, .article_table_prices th.totalPrice, .article_table_prices td.totalPrice { width: 15%; text-align: right; } .article_table td.amount, .article_table_prices td.amount { text-align: right; padding-right: 10mm; } .article_table_prices td.unitPrice, .article_table_prices td.totalPrice { text-align: right; padding-right: 0; } .article_costs_table{ width: 100%; border-spacing: 0; border-collapse: collapse; } .article_costs_table .indent { width: 10%; } .article_costs_table .description { width: 75%; } .article_costs_table td { padding-bottom: 5px; padding-top: 5px; font-size: 12px; } .article_costs_table .values { width: 15%; margin-right: -2.2px; text-align: right; } .article_costs_table .sumnetto td { border-top: solid 0.15mm #000; } .article_costs_table .voucherdiscount td, .article_costs_table .sumbrutto td { border-bottom: solid 0.15mm #000; } .article_costs_table .totalseparator td { height: 0; line-height: 0; } .article_costs_table .totalseparator td, .article_costs_table .totalsum td { border-bottom: solid 0.3mm #000; font-weight: bold; } .conclusion_payment, .conclusion_thankyou { margin-top: 5mm; font-size: 12px; } .footer{ width: 173mm; font-size: 9px; position: relative; margin: 0; padding: 0; } .footer table { border-top: solid 1px #000; width: 100%; position: relative; } .footerLeft, .footerCenter, .footerRight { width: 33%; padding: 0 2mm; }