Divs zentrieren

[flo]

Hallo miteinander

Folgendes Szenario

CSS:
-----------------
.aussen {
 background-color: #d5fcf4;
 padding: 10px;
 border: 1px solid #0c9;
 margin: 0 0 10px 237px;
 height: 120px;
}

.innen {
 border: 1px solid #000000;
 float: left;
 width: 80px;
 height: 80px;
}
-----------------

HTML:
-----------------
<div class="aussen">

<div class="innen"><br />left</div>
<div class="innen"><br />left</div>
<div class="innen"><br />middle</div>
<div class="innen"><br />right</div>
<div class="innen"><br />right</div>
<div class="innen"><br />right</div>

</div>
-----------------

Die Anzahl Divs mit Inhalt left und right kann je von 0-4 variieren.
Das Ziel ist, das Div middle genau in der Mitte des äusseren Divs (das grüne, siehe Screenshot) zu zentrieren, und die anderen Divs liegen dann dem mittleren an.

Falls es eine einfache Möglichkeit (am Besten nur mit CSS) gibt, wäre ich sehr dankbar.

Grüsse
Flo