Artikelbild wird auf index.php falsch im Post dargestellt

Hi,

derzeit schaff eich es nicht das ausgewählte Beitragsbild zum jeweiligen Post anzuzeigen

http://www.kcserver.info/gfbv/

index.php:
<div class="news">
<div id="beitragsbild">
<?php if (has_post_thumbnail()) {
the_post_thumbnail();
}?>
</div>
<?php the_post();?>
<h1><a href="<?php the_permalink();?>">
<?php the_title();?>
</a></h1>
<?php if(get_post_meta($post->ID, 'Subtitel', true) != null){
echo get_post_meta($post->ID, 'Subtitel', true);
}?>
<br>
<hr>

<div class="descr">
<?php the_time('j M Y'); ?>
</div>

<div id="beitrag">
<?php the_excerpt(); ?>
<br>
<div class="meta">
<?php the_tags('Tags: ',' '); ?>
</div>
</div>
</div>

ich habe die beiträge mittels float: left nebeneinander angeordnet.

jetzt wird pro zeile imme rdas selbe Artikelbild angezeigt. Leider ist es abe rnicht imme rdas richtige Bild

<?php
while(have_posts()) {
?>
<div class="news">

<div class="beitragsbild">
<?php if (has_post_thumbnail()) {
the_post_thumbnail();
}?>
</div>
<div class="beitrag">
<?php the_post();?>
<h1><a href="<?php the_permalink();?>">
<?php the_title();?>
</a></h1>
<?php if(get_post_meta($post->ID, 'Subtitel', true) != null){
echo get_post_meta($post->ID, 'Subtitel', true);
}?>
<br>
<hr>
<div class="descr">
<?php the_time('j M Y'); ?>
</div>
<?php the_excerpt(); ?>
<br>
<div class="meta">
<?php the_tags('Tags: ',' '); ?>
</div>
</div>
</div>
<?php
}
?>

so wie es aussieht wird das artikebild genau um 1 verschoben. ich meine das bild vom post 2 wird bei post 1 angezeigt, von post drei bei post 2,....

Auch wenn ich die Kategorie von einem Beitrag ändere wird der andere mitgeändert. Es muss auf jedenfall am loop liegen , leider finde ich keinen Fehler

Der Fehler war "[COLOR=#333333]<?php the_post();?>" war an eine rfalschen Position gesetzt .

[/COLOR]