"vorherige posts" positionieren

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" 


<?php get_header(); ?> 
         
   <div id="main">


      <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<?php if(has_post_thumbnail()){
  the_post_thumbnail();} ?>
 <h3><a class="Überschrift" href="<?php the_permalink() ?>"><?php the_title(); ?></a></h3>
         <div class="entry">


            <?php the_content('MORE','',''); ?><div id="meta"></div><div id="erstellt_am">
            <p>erstellt am: <?php the_date('d.m.Y'); ?>-<a class="comments" href="<?php the_permalink(); ?>#comments" title="Kommentare zu '<?php the_title(); ?>'"><?php comments_number('Keine Kommentare','1 Kommentar','%Kommentare'); ?></a>
         </div></div>
         
      <?php endwhile; endif; ?>


<!-- main --></br><div id="navigation">


<div id="alignleft"><?php previous_posts_link( '&laquo; NEWER POSTS' ); ?></div>
<div id="alignright"><?php next_posts_link( 'OLDER POSTS &raquo;', '' ); ?></div>
</div> 
</div>








<div id="sidebar">
 <?php get_sidebar(); ?>
</div><!-- sidebar --> 








<div id="footer">
 <?php get_footer(); ?>
</div><!-- footer -->

body       {color: #333; background: #ffffff; text-align: center;padding-bottom:15´px; }
#wrapper    {width: 900px; margin:auto; ; text-align: left; background: #fff;}
#header     {color: #7FFFd4; height: 160px; padding-top: 0px; border-bottom: 1px solid #fff;}
#main       {border-bottom: solid;border-width:thin;border-color:#000000;list-style-type: none;      
             width: 620px; padding: 30px; float: left; font-family: Times New Roman;
             align: center; text-align:justify; font-size: 17px; position: relative; }
#thumbnail  {width:620px; padding: 30px;height: 6px;}
#sidebar    {width: 170px; float: right;  text-align: left; 
              list-style: none; font-size: 12;letter-spacing: 1px; font-family: Calibri;margin-top:15px;}
#footer     {clear: both; height: 10px; padding: 20px;position: relative;text-align:right;
              border-top: 1px solid #fff;}


h1 {font-family: Arial; text-align: center;}
h3 {font-weight: lighter;font-family: Calibri; letter-spacing:9px;padding: 0px; font-size: 42px; text-align: center;}
h2 {font-size: 12; front-weight: bold; }
h4 {font-size: 15; front-weight: bold;text-align: left;}


#erstellt_am {font-size: 12;font-style: italic;text-align: bottom;}
#comments  {clear: both;font-size: 14px;}
#comment   {font-type: calibri; font-size: 12px;}
#topmenu ul {margin:0; padding: 15px; list-style-type: none; list-style-image: none; font-size: 18; font-weight: bold;
             border-top: 1px solid #ccc; float:center;}
#topmenu li {display: inline; border-right:solid 1px #ccc; padding: 10px;}
#categories ul{list-style-type:none; font-size: 14; text-align: left; font-colour:#000000;text-spacing: 1px;}
#about {font-size: 15px; }
#neueste beitäge {list-style:none;}
#impressum   {font-size: 12px;display: inline;}
#datenschutz {font-size: 12px;display: inline;}




#navigation a{font-size:13px;font-family:calibri;font-weight:bold;}


#social-buttons a img {
    margin: 10px 12px 0 0;
}




#header a{color: #000000; font-family: syncopate; font-size: 80px; text-align: center; font-weight: lighter; text-decoration: none;}


.jump-link{background:000000; border-radius: 10px; font-color: white;font-size:12px; }
a:link {color: #696969; text-decoration:none;}
a:visited {color: #000000; }
a:active {color: #000000; }
a:hover {color: #696969;text-decoration: none #000000; }


#topmenu a {color:#000000}
#sidebar a {color:#000000;}
.Überschrift{background:696969; border-radius: 10px; font-color: white; }
a.Überschrift:link {color: #000000; text-decoration: none; }
a.Überschrift:visited {color: #000000; }
a.Überschrift:active {color: #000000; }
a.Überschrift:hover {color: #000000; }




a.comments:link {color: #000000; text-decoration: none; }
a.comments:visited {color: #000000; }
a.comments:active {color: #000000; }
a.comments:hover {color: #000000; }


.more-link {margin-left:550px;
  padding: 11px;
  background: #000000;
  font-colour: #ffffff;
  font-family: Calibri;
  font-size:12px;
  font-weight:lighter;
  border: 1px solid #000000;
  border-radius: 0px;
}
a.more-link:link {color: #ffffff; text-decoration: none; }
a.more-link:visited {color: #ffffff; }
a.more-link:active {color: #ffffff; }
a.more-link:hover {color: #ffffff;text-decoration: underline #ffffff }


#mce-responses-link {margin-left:550px;
  padding: 11px;
  background: #000000;
  font-colour: #ffffff;
  font-family: Calibri;
  font-size:12px;
  font-weight:lighter;
  border: 1px solid #000000;
  border-radius: 0px;
}
a.mce-responses-link:link {color: #ffffff; text-decoration: none; }
a.subscribe-link:visited {color: #ffffff; }
a.subscribe-link:active {color: #ffffff; }
a.subscribe-link:hover {color: #ffffff;text-decoration: underline #ffffff }