Abstand der Tabellen?

[DAB268]

Hi.
Ich habe ein Problem bei dem Abstand einer Tabelle. Ich meine dem Abstand zwischen der Tabelle mit dem Bild und der darunter.(siehe "Zu bearbeitende Datei").
Ihr werdet jetzt sicher denken: Warum fragt der uns, wenn er darunter("So solls aussehen") das ganze schon richtig hat? Tja also da hatte ich das Problem, das der rechte Rand zu dick war. Dies habe ich nun dadurch gelöst eine eigene Tabelle aus dem oberne Teil zu machen und jetzt hjabe ich eben dieses Problem.
Ich hoffe ihr wisst, wie ich den Abstand dieser Tabelle ändern kann...

Zu bearbeitende Datei: http://home.arcor.de/dab268/geld/design1.html
So solls aussehen: http://home.arcor.de/dab368/geld/design.html

Die CSS-Datei für beide sieht folgendermasen aus:

h1,h2,h3,h4,p,ul,ol,li,div,td,th,address,blockquote,nobr,b,i {font-family:Arial,sans-serif;}

body {background-color:#5555AA;color:#000000;}

a {color:#5555AA;text-decoration:none;font-weight:bold;}
  a:hover {color:#334488;text-decoration:none;font-weigth:bold;}

table.main {width:90%;border:0;background-color:#5555AA;}
  th.head {background-color:#99AAFF;height:80px;}
  td.middle {vertical-align:top;background-color:#BBCCFF;}
  td.left {width:15%;background-color:#99AAFF;vertical-align:top;}
  td.right {background-color:#99AAFF;width:20px;}
  td.bottom {background-color:#99AAFF;height:20px;font-size:9;}

table.head{width:90%;}

table.left {width:90%;border:0;background-color:#5555AA;}
    th.lheader {background-color:#5555AA;width:100%;}
      table.linside {background-color:#DDEEFF;width:100%;}

table.middle {width:85%;border:0;background-color:#5555AA;}
    th.mheader {background-color:#5555AA;}
      table.minside {background-color:#DDEEFF;width:100%;}