Rechte Box versetzter als die Linke box

<div class="clearfix" id="container">
	<div id="header">
    	<div id="anzeigelinks"></div>
        <div id="anzeigerechts"></div>
    </div>

    <div align="center" id="content_container">
      <div id="content_left">
        <div id="alhead"></div>
            <div id="al">
                <div id="alcontent">Test</div>
            </div>
      </div>

      <div id="content_middle">
        <strong>Anpfiff:</strong>
      </div>

        <div id="content_right">
          <div id="alhead"></div>
            <div id="al">
                <div id="alcontent">Test</div>
            </div>
        </div>

    </div>

</div>

#container { border: solid 1px #84c40b;
			 width: 1023px;
			 margin: 0 auto;
			 background: #dfdfdf;
			 display: block; }

#content_left {
	width: 281px;
	float: left;
	clear: none;
}


#content_container {
	width: 1023px;
	margin: 0 auto;
}


#content_middle {
	width: 440px;
	margin-left: 282px;
	clear: none;
}


#content_right {
	width: 281px;
	float: right;
	clear: none;
}


#header { width: 1023px;
		  height: 184px;
		  background:url(images/header.jpg);
		  border-bottom: 6px solid black;
		  padding-top: 19px; }

#anzeigelinks { background:url(images/box_background.png);
				width: 183px;
				height: 183px;
				border: 2px solid black;
				border-bottom: 0px;
				margin-left: 46px;
				float:left; }

#anzeigerechts { background:url(images/box_background.png);
				width: 183px;
				height: 183px;
				border: 2px solid black;
				border-bottom: 0px;
				margin-right: 46px;
				float:right; }

#alhead { background:url(images/aufstellung.jpg);
		  width: 281px;
		  height: 35px; }

#al { width: 279px; 
	  border: solid 1px #84c40b;
	  border-top: 0px; }

#alcontent { padding: 10px;
			 padding-top: 0px; }


#rlheader


		  
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
.clearfix {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}