Richtige Positionierung von DIVs in CSS-Template

[derolli]

Hallo zusammen,

ich bin mir gerade dabei, mir dieses Design entsprechend meinen Wünschen anzupassen.

Ich würde allerdings gerne den Content-Bereich vergrößern und zu diesem Zweck die linke Navigationsspalte sowie entsprechend analog auch Header (ECOBUSINESS) und den darunter stehenden Text nach links an den Rand verschieben (mit ein paar Pixel Abstand).

Da ich leider nicht komplett durch das CSS durchsteige, hoffe ich, dass mir in dieser Sache jemand helfen kann. Nachfolgend der (relevante) Teil der CSS-Datei:

  
 .container{  
  width:900px;  
  margin: 0 auto;  
  position: relative;  
  overflow:hidden;  
 }  
 #header{  
  height: 253px;  
  background: #4a4841 url(../images/top_bg.jpg) top repeat-x;  
  position: relative;  
 }  
 #navigation{  
  position: absolute;  
  right: 0;  
  top:20px;  
 }  
 #main{padding:24px 0 20px 0;}  
 #leftcolumn{float: left;width:193px;}  
 #center{float: left;width:380px;padding: 0 20px;}  
 #rightcolumn{float: left;width:287px;}  
 #bottominfo{  
  border-top: 5px solid #42423b;  
  background: #f1eee7;  
  padding-bottom:25px;  
  width: 100%;  
  overflow: hidden;  
 }  
 .bottomcolumn{  
  float: left;  
  width:288px;  
  margin-right: 18px;  
 }  
 .bottomright{margin-right:0;}  
 #header .container{height: 253px;}  
 #banner{  
  position: absolute;  
  height: 125px;  
  color: #a49c8f;  
  font-weight: bold;  
  padding:0 440px 0 7px;  
  bottom: 0;  
  background: url(../images/building.gif) right bottom no-repeat;  
  font-size: 1.3em;  
 }  
 .leftbox{background: #f1f0ef;padding: 10px 23px 10px 23px;margin-bottom:3px;line-height:1.8em;}  
 .rightbox_wrapper{  
  background: #eeeded;  
  padding:5px;  
  margin-bottom: 20px;  
  width:277px;  
  overflow: hidden;  
  font-size:11px;  
  line-height: 18px;  
  color: #58584D;  
 }  

Hier habe ich die CSS-Datei auch nochmal hochgeladen.

Ich hoffe, jemand kann mir da helfen. Besten Dank im Voraus für eure Hilfe!

Grüße,
Olli