Skift til ny kolonne

Hej
Jeg bøvler med at få en tekst til at hoppe op i en ny kolonne. Som udgangspunkt skulle det være muligt at have kalender i 1. kolonne, Nyheder i den næste og Billede i den sidste kolonne, men jeg kan ikke få det hen.
Min HTML ser sådan ud:

<div class="art-content-layout-wrapper" style="margin-bottom: 10px;">
<div class="art-content-layout">
<div class="art-content-layout-row">
<div class="art-layout-cell" style="color: #ffffff; background: rgba(175, 111, 63, 0.2); padding-right: 10px; padding-left: 10px; width: 25%;">
<h1>Showroom</h1>
<p><span style="font-style: italic;">Se hvad jeg laver og bliv inspireret</span></p>
<p><a href="index.php?option=com_content&amp;view=article&amp;id=3:showroom&amp;catid=2:uncategorised" target="_self"><img class="art-lightbox" style="display: block; margin-left: auto; margin-right: auto;" src="images/template-content/Billede%2006-01-2019%2010.49.22.jpg" alt="" width="150" height="150" /></a></p>
<p>De ting jeg laver, bliver lavet efter dine ønsker og ikke to tasker er ens. Derfor har jeg et showroom i stedet for en webbutik<br /><a href="index.php?option=com_content&amp;view=article&amp;id=3:showroom&amp;catid=2:uncategorised" target="_self">Læs mere...</a></p>
</div>
<div class="art-layout-cell" style="color: #ffffff; padding-right: 10px; padding-left: 10px; width: 25%;">
<h1>Reparation</h1>
<p>Når yndlingstasken ikke kan mere kan jeg måske hjælpe</p>
<p style="text-align: center;"><a href="index.php?option=com_content&amp;view=article&amp;id=4"><img class="art-lightbox" src="images/template-content/Billede%2016-09-2018%2016.53.32.jpg" alt="" width="113" height="150" /></a></p>
<p>Jeg kan reparere lidt af hvert. Så måske skal tasken, pungen seltøjet alligevel ikke smides ud?<br /><br /><a href="index.php?option=com_content&amp;view=article&amp;id=4:reparation&amp;catid=2:uncategorised" target="_self">Læs mere...</a></p>
</div>
<div class="art-layout-cell" style="color: #ffffff; background: rgba(175, 111, 63, 0.2); padding-right: 10px; padding-left: 10px; width: 25%;">
<h1>Kurser</h1>
<p><span style="font-style: italic;">Har du lyst til selv at komme i gang?</span></p>
<p style="text-align: center;"><a href="index.php?option=com_content&amp;view=article&amp;id=5"><img class="art-lightbox" src="images/template-content/Billede%2008-11-2018%2016.17.02.jpg" alt="" width="196" height="149" /></a></p>
<p>Det er ikke svært at komme i gang med læder. Jeg kan lære dig det grundlæggende<br /><br /><br /><a href="index.php?option=com_content&amp;view=article&amp;id=5:kurser&amp;catid=2:uncategorised" target="_self">Læs mere...</a></p>
</div>
<div class="art-layout-cell" style="color: #ffffff; padding-right: 10px; padding-left: 10px; width: 25%;">
<h1>Smedjen</h1>
<p><span style="font-style: italic;">Lidt om Jejsing Gamle Smedje<br /><br /></span></p>
<p> </p>
<p style="text-align: center;"><a href="index.php?option=com_content&amp;view=article&amp;id=6"><img class="art-lightbox" src="images/template-content/Smedjen_hist.jpg" alt="" width="205" height="130" /></a></p>
<p><br />At bo i Jejsing Gamle Smedje kalder nærmest på kreativitet.<br /><br /><br /><br /><a href="index.php?option=com_content&amp;view=article&amp;id=6:smedjen&amp;catid=2:uncategorised" target="_self">Læs mere...</a></p>
</div>
</div>
</div>
</div>
<div class="art-content-layout-br" style="border-top-width: 1px; border-top-style: Dashed; border-top-color: #7D3A07; margin-top: 5px; margin-bottom: 5px;"> </div>
<div class="art-content-layout-wrapper" style="margin-top: 10px;">
<div class="art-content-layout" style="border: 0px Dashed #7D3A07;">
<div class="art-content-layout-row">
<div class="art-layout-cell" style="padding: 10px; width: 33%;">
<h1>Kalender</h1>
<div class="newsdate">
<h6>1.</h6>
<p>April</p>
</div>
Åbning Stalden Bag Diget<br /><br clear="all" />
<div class="newsdate">
<h6>14.</h6>
<p>April</p>
</div>
Er jeg ved Stalden Bag Diget<br /><br clear="all" />
<div class="newsdate">
<h6>11.</h6>
<p>Maj</p>
</div>
Er jeg ved Stalden Bag Diget.<br /><br clear="all" />
<div class="newsdate">
<h6>22.</h6>
<p>Juni</p>
</div>
Er jeg ved Stalden Bag Diget.<br /><br clear="all" />
<div class="newsdate">
<h6>14.</h6>
<p>Juli.</p>
</div>
Er jeg ved Stalden Bag Diget.<br /><br clear="all" />
<div class="newsdate">
<h6>17.</h6>
<p>Aug.</p>
</div>
<p>Er jeg ved Stalden Bag Diget.</p>
<br /><br clear="all" />
<div class="art-layout-cell" style="padding: 10px; width: 33%;">
<h1>Nyheder</h1>
<p>1. april åbner Stalden Bag Diget i Højer.</p>
</div>
<div class="art-layout-cell" style="padding: 10px; width: 33%;">
<h1>Billede</h1>
<p>Kommer...</p>
</div>
</div>
</div>
</div>
</div>

Og link til siden er her:
http://www.jejsinggamlesmedje.dk/

Nu har jeg bøvlet og bøvlet og ville være dybt taknemlig hvis der er én her der kan finde fejlen.

Venlig hilsen
Lisbeth