diff --git a/Application/views/tpl/deliverynote.tpl b/Application/views/tpl/deliverynote.tpl
index 99392eb..30ca4e9 100644
--- a/Application/views/tpl/deliverynote.tpl
+++ b/Application/views/tpl/deliverynote.tpl
@@ -3,10 +3,11 @@
 
 <page backtop="30mm" backbottom="30mm" backleft="10mm" backright="10mm" pageset="new">
 	<style>
+		{*debug hilfe*}
 		.eraseBug{
 			border: dashed blueviolet 1px;
 		}
-
+		{*-----------------*}
 		table{
 			font-family: "helvetica";
 		}
@@ -39,16 +40,81 @@
 			padding-bottom: 5px;
 			padding-top: 5px;
 		}
+		{*---------------------*}
+		{*pdf_header*}
+		.pdf_header_positioning{
+			position: absolute;
+			top: 30px;
+			right: 44px;
+		}
+		{*---------------------*}
+		{*page_footer*}
+		.page_footer_table{
+			width: 688px;
+			font-size: 9px;
+			margin: 0 30px 0 30px;
+			border-top: solid 1px #000;
+		}
+		{*---------------------*}
+		{*pdf_heading*}
+		.pdf_heading_table{
+			width: 100%;
+			margin-top: 8mm;
+		}
+		{* order_aritcle_costs *}
+		.aritcle_costs_table{
+			width: 100%;
+			border-top: solid 0.15mm #000;
+		}
+		.aritcle_costs_table_td_width50{
+			width: 50%;
+		}
+		.aritcle_costs_table_paddingRight{
+			padding-right: -3px;
+		}
+
+		{*order_shop_past_thank*}
+		.past_thank_width100{
+			width: 100%;
+		}
+
+		{*order_article_listing*}
+		.order_article_listing_width_amount{
+			width: 20px;
+		}
+		.order_article_listing_width_desc{
+			width: 418px;
+		}
+		.order_article_listing_width_ust{
+			width: 10px;
+		}
+		.order_article_listing_width_unitPrice{
+			width: 80px;
+		}
+		.order_article_listing_width_total_Price{
+			width: 90px;
+		}
+
+		.order_article_listing_fontSize{
+			font-size: 11px;
+		}
+		{* footer styling *}
+		.footer_parts{
+			width: 33.33%;
+		}
 	</style>
 	<page_header>
-		<div  style="position: absolute; top: 30px; right: 44px;">
-			<img style="" src="[{$oViewConf->getImageUrl('Elektroversand-Schmidt_Logo_180.jpg')}]">
+		[{block name="pdf_header"}]
+		<div class="pdf_header_positioning">
+			<img src="[{$oViewConf->getImageUrl('Elektroversand-Schmidt_Logo_180.jpg')}]">
 		</div>
+		[{/block}]
 	</page_header>
 	<page_footer>
-		<table style="width: 688px; font-size: 9px; margin: 0 30px 0 30px; border-top: solid 1px #000;" cellspacing="0">
+		<table class="page_footer_table" style="cellspacing: 0;">
 			<tr>
-				<td style="width: 33.33%">
+				[{block name="shop_basic_information"}]
+				<td class="footer_parts">
 					<div>[{$shop->oxshops__oxname->value}]</div>
 					<div>[{$shop->oxshops__oxstreet->value}]</div>
 					<div>[{$shop->oxshops__oxzip->value}] [{$shop->oxshops__oxcity->value}]</div>
@@ -56,22 +122,31 @@
 					<div>[{$shop->oxshops__oxurl->value}]</div>
 					<div>[{$shop->oxshops__oxinfoemail->value}]</div>
 				</td>
-				<td style="width: 33.33%; vertical-align: top;">
+				[{/block}]
+				[{block name="owner_basic_information"}]
+				<td class="vertical-a footer_parts">
 					<div>[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_MANAGINGDIRECTOR"}][{$shop->oxshops__oxfname->value}] [{$shop->oxshops__oxlname->value}]</div>
 					<div>[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_COURT"}] [{$shop->oxshops__oxcourt->value}]</div>
 					<div>[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_HRBNR"}][{$shop->oxshops__oxhrbnr->value}]</div>
 					<div>[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_USTID"}][{$shop->oxshops__oxvatnumber->value}]</div>
 				</td>
-				<td style="width: 33.33%;  vertical-align: top;">
+				[{/block}]
+				[{block name="bank_basic_information"}]
+				<td class="vertical-a footer_parts">
 					<div>[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_BANKVERBINDUNG"}]</div>
 					<div>[{$shop->oxshops__oxbankname->value}]</div>
 					<div>[{oxmultilang ident="ORDER_OVERVIEW_PDF_ACCOUNTNR"}][{$shop->oxshops__oxibannumber->value}]</div>
 					<div>[{oxmultilang ident="ORDER_OVERVIEW_PDF_BANKCODE"}][{$shop->oxshops__oxbiccode->value}]</div>
 				</td>
+				[{/block}]
 			</tr>
 		</table>
 	</page_footer>
-	<table style="width: 100%; font-size: 12px; margin-top: 8mm;" cellspacing="0">
+
+	[{* +++++ main page part +++++ *}]
+[{block name="pdf_heading"}]
+	<table class="sizing pdf_heading_table" cellspacing="0">
+	[{block name="heading_owner_information"}]
 		<tr>
 			<td style="width: 65%;">
 				<div style="font-size: 8px;">[{$shop->oxshops__oxname->value}] - [{$shop->oxshops__oxstreet->value}] - [{$shop->oxshops__oxzip->value}] [{$shop->oxshops__oxcity->value}]</div>
@@ -83,8 +158,10 @@
 				<div class="aligning sizing">[{$shop->oxshops__oxinfoemail->value}]</div>
 			</td>
 		</tr>
+	[{/block}]
+	[{block name="heading_order_information"}]
 		<tr>
-			<td style="width: 65%; vertical-align: top; padding-top: -5px;">
+			<td class="vertical-a" style="width: 65%; padding-top: -5px;">
 			[{if $order->oxorder__oxbillcompany->value}]
 				<div>[{$order->oxorder__oxbillcompany->value}]</div>
 			[{/if}]
@@ -120,44 +197,40 @@
 				<div class="aligning">[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_USTIDNR"}][{$shop->oxshops__oxvatnumber->value}]</div>
 			</td>
 		</tr>
+		[{/block}]
 	</table>
-
+[{/block}]
 	[{* +++++Artikeltabelle+++++*}]
+[{block name="order_article_listing"}]
 	<table style="margin-top: 10px;" cellspacing="0">
 		<tr>
-			<td><div style="width: 20px; padding-bottom: 5px; font-size: 11px;" class="sizing vertical-a">[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_AMOUNT"}]</div></td>
-			<td><div style="width: 418px; padding-bottom: 5px; font-size: 11px;" class="sizing">[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_DESCRIPTION"}]</div></td>
-			<td><div style="width: 10px; padding-bottom: 5px; font-size: 11px;" class="sizing aligning">[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_USTPERCENTAGE"}]</div></td>
-			<td><div style="width: 80px; text-align: right; padding-bottom: 5px; font-size: 11px;" class="sizing">[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_UNITPRICE"}]</div></td>
-			<td><div style="width: 90px; padding-bottom: 5px; font-size: 11px;" class="aligning sizing">[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_TOTALPRICE"}]</div></td>
+			<td class="border-bottom mercurius order_article_listing_width_amount"><div class="vertical-a order_article_listing_fontSize">[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_AMOUNT"}]</div></td>
+			<td class="border-bottom mercurius order_article_listing_width_desc"><div class="order_article_listing_fontSize">[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_DESCRIPTION"}]</div></td>
+			<td class="border-bottom mercurius order_article_listing_width_ust"><div class="aligning order_article_listing_fontSize">[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_USTPERCENTAGE"}]</div></td>
+			<td class="border-bottom mercurius order_article_listing_width_unitPrice"><div class="aligning order_article_listing_fontSize">[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_UNITPRICE"}]</div></td>
+			<td class="border-bottom mercurius order_article_listing_width_total_Price"><div class="aligning order_article_listing_fontSize">[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_TOTALPRICE"}]</div></td>
 		</tr>
-		[{* +++++auslagerbar?+++++ *}]
+	[{foreach from=$order->getOrderArticles(true) item=oOrderArticle}]
 		<tr>
-			<td style="width: 20px; border-top: solid 0.15mm #000; padding-bottom: 5px"></td>
-			<td style="width: 418px; border-top: solid 0.15mm #000; padding-bottom: 5px"></td>
-			<td style="width: 10px; border-top: solid 0.15mm #000; padding-bottom: 5px"></td>
-			<td style="width: 80px; border-top: solid 0.15mm #000; padding-bottom: 5px"></td>
-			<td style="width: 90px; border-top: solid 0.15mm #000; padding-bottom: 5px"></td>
-		</tr>
-		[{foreach from=$order->getOrderArticles(true) item=oOrderArticle}]
-		<tr>
-			<td style="vertical-align: top;"><div style="width: 20px; padding-bottom:  5px; padding-right: 45px; text-align: right;" class='vertical-a sizing'>[{$oOrderArticle->oxorderarticles__oxamount->value }]</div></td>
-			<td style="vertical-align: top;"><div style="width: 418px; padding-bottom:  5px;" class='vertical-a sizing'>
+			<td class="hermes vertical-a mercurius" style="width: 20px;"><div class='sizing aligning' style="padding-right: 57.3px">[{$oOrderArticle->oxorderarticles__oxamount->value }]</div></td>
+			<td class="hermes vertical-a mercurius" style="width: 418px"><div class='sizing'>
 					[{$oOrderArticle->oxorderarticles__oxtitle->getRawValue() }] [{ $oOrderArticle->oxorderarticles__oxselvariant->getRawValue() }]
 					<br>
 					<span style="font-size: 9px">[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_ARTNR"}] [{$oOrderArticle->oxorderarticles__oxartnum->value }]</span>
 				</div></td>
-			<td style="vertical-align: top;"><div style="width: 10px; padding-bottom:  5px;" class='vertical-a sizing aligning'>[{$oOrderArticle->oxorderarticles__oxvat->value }]</div></td>
-			<td style="vertical-align: top;"><div style="width: 80px; padding-bottom: 5px; text-align: right;" class='vertical-a sizing'>[{$oOrderArticle->getBrutPriceFormated()}] [{$currency->name}]</div></td>
-			<td style="vertical-align: top;"><div style="width: 90px; padding-bottom:  5px;" class='aligning vertical-a sizing'>[{$oOrderArticle->getTotalBrutPriceFormated()}] [{$currency->name}]</div></td>
+			<td class="hermes vertical-a mercurius" style="width: 10px"><div class='aligning sizing'>[{$oOrderArticle->oxorderarticles__oxvat->value }]</div></td>
+			<td class="hermes vertical-a mercurius" style="width: 80px"><div class='aligning sizing'>[{$oOrderArticle->getBrutPriceFormated()}] [{$currency->name}]</div></td>
+			<td class="hermes vertical-a mercurius" style="width: 90px"><div class='aligning sizing'>[{$oOrderArticle->getTotalBrutPriceFormated()}] [{$currency->name}]</div></td>
 		</tr>
-		[{/foreach}]
+	[{/foreach}]
 	</table>
+[{/block}]
 	<nobreak>
-		<table style="width: 100%; border-top: solid 0.15mm #000;" class="border-bottom">
+		[{block name="order_aritcle_costs"}]
+		<table class="aritcle_costs_table border-bottom">
 			<tr>
 				[{* ++++++Artikelzusammenfassung++++++ *}]
-				<td style="width: 50%; padding-right: -3px;">
+				<td class="aritcle_costs_table_paddingRight aritcle_costs_table_td_width50 ">
 					<div class="order_sum sizing border-bottom  mercurius">[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_ORDERBILL_SUMBRUTTO"}]</div>
 				[{if $order->getFormattedDiscount() != 0}]
 					<div class="order_sum sizing border-bottom spacing_order_info">[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_ORDERBILL_DISCOUNT"}]</div>
@@ -167,11 +240,11 @@
 					<div class="order_sum sizing border-bottom spacing_order_info">[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_ORDERBILL_TAX"}] [{$VatKey}] [{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_ORDERBILL_PERCENTAGE"}] [{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_ORDERBILL_TAXPERCVALUE"}]</div>
 				[{/foreach}]
 					<div class="order_sum sizing hermes">[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_ORDERBILL_DELIVERY"}]</div>
-					<div class="sizing border-bottom spacing_order_info" style="text-align: right; padding-right: 65.9px; margin-left: -3px">[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_ORDERBILL_TAX"}] [{$VatKey}] [{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_ORDERBILL_PERCENTAGE"}] [{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_ORDERBILL_TAXPERCVALUE"}]</div>
+					<div class="sizing border-bottom spacing_order_info aligning" style="padding-right: 65.9px; margin-left: -3px">[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_ORDERBILL_TAX"}] [{$VatKey}] [{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_ORDERBILL_PERCENTAGE"}] [{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_ORDERBILL_TAXPERCVALUE"}]</div>
 					<div class="order_sum sizing hermes mercurius"><strong>[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_ORDERBILL_TOTALSUMBRUT"}]</strong></div>
 				</td>
 				[{* ++++++Zahlenteil der Zusammenfassung der Kosten++++++ *}]
-				<td style="width: 50%;">
+				<td class="aritcle_costs_table_td_width50">
 					<div class="order_sumNum aligning sizing border-bottom  mercurius">[{$order->getFormattedTotalBrutSum()}] [{$currency->name}]</div>
 				[{if $order->getFormattedDiscount() != 0}]
 					<div class="spacing_order_info order_sumNum aligning sizing border-bottom">-[{$order->getFormattedDiscount()}] [{$currency->name}]</div>
@@ -184,21 +257,23 @@
 				</td>
 			</tr>
 		</table>
-
-	<table style="width: 100%" cellspacing="0">
-		<tr><td style="width: 100%">&nbsp;</td></tr>
-		<tr><td style="width: 100%" class="sizing">[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_USED_PAYMENTMETHOD"}][{$payment->oxpayments__oxdesc->value}]</td></tr>
-
-	[{* +++++++Individueller Zahlungstext+++++++ *}]
-	[{if $order->oxorder__d3pdftextbestellbestaetigung->value}]
-		<tr><td style="width: 100%" class="sizing">[{$order->oxorder__d3pdftextbestellbestaetigung->value}]</td></tr>
-	[{else}]
-		<tr><td style="width: 100%" class="sizing">[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_USED_GREETINGSORDER"}]</td></tr>
-	[{/if}]
-		<tr><td style="width: 100%">&nbsp;</td></tr>
-		<tr><td style="width: 100%" class="sizing">[{oxmultilang ident="ORDER_OVERVIEW_PDF_GREETINGS_AUFTRAG_1"}]</td></tr>
-		<tr><td style="width: 100%" class="sizing">[{oxmultilang ident="ORDER_OVERVIEW_PDF_GREETINGS_AUFTRAG_2"}]</td></tr>
-	</table>
+	[{/block}]
+	[{block name="order_shop_past_thank"}]
+		<table class="past_thank_width100" cellspacing="0">
+			<tr><td class="past_thank_width100">&nbsp;</td></tr>
+			<tr><td class="past_thank_width100 sizing">[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_USED_PAYMENTMETHOD"}][{$payment->oxpayments__oxdesc->value}]</td></tr>
+		[{* +++++++Individueller Zahlungstext+++++++ *}]
+		[{if $order->oxorder__d3pdftextbestellbestaetigung->value}]
+			<tr><td class="past_thank_width100 sizing">[{$order->oxorder__d3pdftextbestellbestaetigung->value}]</td></tr>
+		[{else}]
+			<tr><td class="past_thank_width100 sizing">[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_USED_GREETINGSORDER"}]</td></tr>
+		[{/if}]
+		[{*+++++++++++*}]
+			<tr><td class="past_thank_width100">&nbsp;</td></tr>
+			<tr><td class="past_thank_width100 sizing">[{oxmultilang ident="ORDER_OVERVIEW_PDF_GREETINGS_AUFTRAG_1"}]</td></tr>
+			<tr><td class="past_thank_width100 sizing">[{oxmultilang ident="ORDER_OVERVIEW_PDF_GREETINGS_AUFTRAG_2"}]</td></tr>
+		</table>
+	[{/block}]
 	</nobreak>
 </page>