Layout Darstellungsprobleme

[FrogBecher]

hallo liebe leute,

ich glaub ich habe ein problem

ich ich versuche schon seit einigen stunden ein layout herzustellen... und ich muss sagen... das ich wahrscheinlich nicht mehr, den Wald vor lauter Bäumen sehe...

ich glaube erfahrenere Augen! die nicht so ermüdet sind wie meine werden mein Problem erkennen und mir wie ich mir erhoffe! einen Rat in die richtige Richtung weisen können

die ganze page in einer rar datei gepackt, damit hier euch ein bild machen könnt! http://rapidshare.com/files/445124994/FrogBecher.rar

oder hier der inhalt meiner css datei

Code: Alles auswählen

/*CSS Document*/
/*+clearfix {*/
DIV#kopf:after, DIV#w3:after
{
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
   font-size: 0;
}
DIV#kopf, DIV#w3
{
   display: inline-block;
}
DIV#kopf, DIV#w3
{
/*\*/
   display: block;
/**/
   -height: 1px;
}
/*+}*/
HTML, BODY, DIV, SPAN, APPLET, OBJECT, IFRAME, H1, H2, H3, H4, H5, H6, P, BLOCKQUOTE, PRE, A, ABBR, ACRONYM, ADDRESS, BIG, CITE, CODE, DEL, DFN, EM, FONT, IMG, INS, KBD, Q, S, SAMP, SMALL, STRIKE, STRONG, SUB, SUP, TT, VAR, DL, DT, DD, OL, UL, LI, FIELDSET, FORM, LABEL, LEGEND, TABLE, CAPTION, TBODY, TFOOT, THEAD, TR, TH, TD
{
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   font-size: 100%;
   vertical-align: baseline;
}
BODY
{
   background-color: #FFF;
   background-image: url(../img/bgsilver.png);
   background-repeat: repeat-x;
   font-family: Georgia;
}
DIV#aussen
{
   margin: -8px auto 0;
   width: 1024px;
   background-color: #DDC;
   height: auto;
   padding: 1px 0px;
   /*+box-shadow:0px 5px 20px #000000;*/
   -moz-box-shadow: 0px 5px 20px #000000;
   -webkit-box-shadow: 0px 5px 20px #000000;
   -o-box-shadow: 0px 5px 20px #000000;
   box-shadow: 0px 5px 20px #000000;
   /*+border-radius:0 0 10px 10px;*/
   -moz-border-radius: 0 0 10px 10px;
   -webkit-border-radius: 0 0 10px 10px;
   -khtml-border-radius: 0 0 10px 10px;
   border-radius: 0 0 10px 10px;
}
/*[clearfix]*/DIV#kopf
{
   height: 150px;
   margin: 5px;
   background-image: url(../img/blau2.png);
   border: 1px solid #000000;
   /*+border-radius:0 0 10px 10px;*/
   -moz-border-radius: 0 0 10px 10px;
   -webkit-border-radius: 0 0 10px 10px;
   -khtml-border-radius: 0 0 10px 10px;
   border-radius: 0 0 10px 10px;
   background-position: center bottom;
   background-color: #034D8E;
}
DIV#hals
{
   height: 30px;
   background-color: #034D8E;
   background-image: url(../img/blau.png);
   border: 1px solid #000000;
   background-position: center top;
   margin: 5px;
   /*+border-radius:10px;*/
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   -khtml-border-radius: 10px;
   border-radius: 10px 10px 10px 10px;
}
DIV#links
{
   background-position: center top;
   background-image: url(../img/blau.png);
   background-repeat: no-repeat;
   background-color: #034D8E;
   margin: 5px;
   /*+border-radius:10px;*/
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   -khtml-border-radius: 10px;
   border-radius: 10px 10px 10px 10px;
}
DIV#links A:hover
{
   color: #000000;
}
/*[clearfix]*/DIV#w3
{
   width: 821px;
   border: 1px solid #000000;
   /*+border-radius:10px;*/
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   -khtml-border-radius: 10px;
   border-radius: 10px 10px 10px 10px;
   float: inherit;
   margin: 5px 5px 5px 175px;
   background-color: #4E4E4E;
   color: #FFFFFF;
   text-align: justify;
   padding: 5px;
}
DIV#boden
{
   height: auto;
   margin: 5px;
   /*+border-radius:10px;*/
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   -khtml-border-radius: 10px;
   border-radius: 10px 10px 10px 10px;
   background-color: #034D8E;
   background-image: url(../img/blau.png);
   border: 1px solid #000000;
   background-position: center;
}
DIV#bodeninhalt
{
   text-decoration: none;
   text-align: -webkit-left;
   overflow: hidden;
   clear: both;
   padding: 10px;
}
DIV#bodeninhalt OL, UL, DL
{
   position: relative;
}
DIV#bodeninhalt OL, UL
{
   list-style: none;
}
DIV#bodeninhalt DL DT
{
   font-weight: bold;
}
DIV#bodeninhalt A
{
   text-decoration: none;
   cursor: pointer;
   color: #FFFFFF;
}
DIV#bodeninhalt DL UL LI
{
   border-bottom: 1px dotted #FFF;
   line-height: 2em;
}
DIV#bodeninhalt DL DT
{
   margin-bottom: 5px;
   font-size: 18px;
}
DIV#bodeninhalt DL
{
   float: left;
   margin: 10px 0;
   padding: 0 27px 0 20px;
   width: 200px;
   height: 240px;
}
DIV#bodeninhalt A:hover
{
   color: #000000;
}
DIV#copy
{
   color: #FFFFFF;
   padding: 0 30px 0 200px;
}
DIV#sparten
{
   padding: 0 20px;
   line-height: 1.5em;
}
DIV#sparten A
{
   text-decoration: none;
   cursor: pointer;
   color: #FFFFFF;
}
DIV#sparten DL DT
{
   font-weight: bold;
}
DIV#sparten DL UL LI
{
   border-bottom: 1px dotted #FFF;
   line-height: 2em;
}
DIV#sparten DL
{
   float: left;
   margin: -40px;
   padding: 30px;
   width: 160px;
   top: 15px;
}


ich bin auch für vorschläge offen, wie man es besser oder anders machen könnte!

mfg
frogbecher