main index posts breaks after 2 post exist

i created a custom main index but i find a bug when i created my post at first post my site looks ok but after i created another post or my second post i find some bug that my content div indent itself

heres the code:

<?php get_header(); ?>
	<div class="row" style="box-shadow: 0 3px 0px 0px #888888,  7px 0 7px -4px #888888, -7px 0 7px -4px #888888;">
		<div id="content">
				<div class="twelve columns clearfix">

					<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

					<section class="nine columns clearfix" itemprop="articleBody" style="border-right: 1px solid #a79c7f; min-height:300px; background:transparent;">
							<?php the_content('Read more &raquo;'); ?>

					</section> 

					<?php get_sidebar(); // sidebar 1 ?>

					<?php endwhile; ?>			

					<?php if (function_exists('page_navi')) { // if expirimental feature is active ?>

						<?php page_navi(); // use the page navi function ?>

					<?php } else { // if it is disabled, display regular wp prev & next links ?>
						<nav class="wp-prev-next">
							<ul class="clearfix">
								<li class="prev-link"><?php next_posts_link(_e('&laquo; Older Entries', "bonestheme")) ?></li>
								<li class="next-link"><?php previous_posts_link(_e('Newer Entries &raquo;', "bonestheme")) ?></li>
							</ul>
						</nav>
					<?php } ?>
					<?php else : ?>
					<?php endif; ?>
				</div> <!-- end #main -->

<div class="twelve columns clearfix" itemprop="articleBody" style="background: #e5ddc8;">
<div class="contentfooter">
<section class="three columns clearfix">
<h1>Kontakt os<br></h1>
<p style="font-size: 11px; ">
Hotel Frederiksminde<br>
Klosternakken 8<br>
4720 Præstø, Denmark<br><br>

Tel:  <span id="skype_c2c_container" class="skype_c2c_container notranslate" dir="ltr" tabindex="-1" onmouseover="SkypeClick2Call.MenuInjectionHandler.showMenu(this, event)" onmouseout="SkypeClick2Call.MenuInjectionHandler.hideMenu(this, event)" onclick="SkypeClick2Call.MenuInjectionHandler.makeCall(this, event)" data-numbertocall="+4555909030" data-isfreecall="false" data-isrtl="false" data-ismobile="false"><span class="skype_c2c_highlighting_inactive_common" dir="ltr" skypeaction="skype_dropdown"><span class="skype_c2c_textarea_span" id="non_free_num_ui"><img width="0" height="0" class="skype_c2c_logo_img" src="chrome-extension://lifbcibllhkdhoafpjfnlhfpfgnpldfl/call_skype_logo.png"><span class="skype_c2c_text_span">+45 5590 9030</span><span class="skype_c2c_free_text_span"></span></span></span></span><br>
Fax: +45 5590 9031<br><br>

Email: <a href="mailto:info@frederiksminde.com">info@frederiksminde.com</a>
</p>
</section>

<section class="six columns clearfix" style="border-right: 1px solid #a79c7f; border-left: 1px solid #a79c7f;">
<h1>Hotel Frederiksmindes Åbningstider<br></h1>
<p style="font-size: 11px; margin-bottom:14px; ">

Hotellet er åbent for overnatning hver dag hele året.<br><br>

Restaurant<br>
Frokost kl.  12.00 - 15.00 (sommerperiode tirsdag – lørdag, vinterperiode fredag - lørdag)<br>
Aften kl.    18.00 - 21.00 (21.00 er seneste mulighed for bordreservation)<br>
Lukket søndag & mandag<br><br>

Vi holder meget gerne åbent søndag og mandag for selskaber over 20 personer.
</p>
</section>

<section class="three columns clearfix">
<a href="http://www.findsmiley.dk/da-DK/Searching/DetailsView.htm?virk=90851100">
<img src="http://fabioide.com/frederiksminde/wp-content/uploads/2014/09/rapportlogo_thumb_thumb.jpg" style="margin-top:14px;"></a>
</section>
</div>
</div>

		</div> <!-- end #content -->
</div>

<?php get_footer(); ?>

reference pic:
http://prntscr.com/4sm28e