[Typo3-german] div-Problem

[Philipp Holdener]

Nur zur Info: ist meine erste Seite die ich nur mit div mache...! Hab
eigentlich keine grosse Ahnung..
Aber wieso zeigts mir offline bei allen Browsern alles richtig an? Schon
komisch

###CSS###

html {
  height: 100%;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 color: #333333;
 text-align: center;
 margin: 0;
 padding: 0;
 }
body {
 margin: 0;
 padding: 0;
 height: 100%;
 text-align: center;
 background: url(img_vorlage/Container_Hintergrund.gif) #F3F3F3 repeat-y
center;
}
div, p, a {
 color: #333333;
 text-decoration: none;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 }
#container {
 position: relative;
 text-align: left;
 background-color: #FFFFFF;
 width: 852px;
 height: 100%;
 border-left: #000000 1px solid;
 border-right: #000000 1px solid;
 margin: 0px auto;
 voice-family: "\"}\"";
 voice-family: inherit;
 width: 850px;
}
#top {
 position: absolute;
 width: 100%;
 height: 100px;
 padding: 0px;
 background-color: #FFFFFF;
 background: url(img_vorlage/Logo_Hintergrund.gif) no-repeat;
}
#top_menu {
 z-index: 2;
 position: absolute;
 height: 20px;
 top: 70px;
 width: 600px;
 right: 0px;
 text-align: right;
 padding-right: 20px;
}
#top_menu A {
 font-size: 10px;
 color: #000000
}
#top_menu A:hover {
 font-size: 10px;
 color: #9EB03F
}
#menu {
 position: absolute;
 margin-top: 100px;
 width: 100%;
 height: 46px;
 background-color:#4F4F4F;
 border-bottom: #9EB03F 10px solid;
}
.menu_teil A {
 float: left;
 display: block;
 font-weight: bold;
 width: auto;
 heigth: 100%;
 padding: 16px;
 color: #FFFFFF;
 border-right: #FFFFFF 1px solid;
}
.menu_teil a:hover {
 background-color: #CCCCCC;
}
.menu_teil_active {
 float: left;
 display: block;
 font-weight: bold;
 width: auto;
 heigth: 100%;
 padding: 16px;
 color: #FFFFFF;
 border-right: #FFFFFF 1px solid;
 background-color: #CCCCCC;
}
.menu_abschluss A {
 float: left;
 font-weight: bold;
 width: auto;
 heigth: 100%;
 padding-top: 16px;
 padding-bottom: 16px;
 padding-left: 19px;
 padding-right: 19px;
 color: #FFFFFF;
 border-right: #4F4F4F 1px solid;
}
.menu_abschluss a:hover {
 background-color: #CCCCCC;
 border-right: #CCCCCC 1px solid;
}
.menu_abschluss_active {
 float: left;
 font-weight: bold;
 width: auto;
 heigth: 100%;
 padding-top: 16px;
 padding-bottom: 16px;
 padding-left: 19px;
 padding-right: 19px;
 color: #FFFFFF;
 border-right: #4F4F4F 1px solid;
 background-color: #CCCCCC;
}
#titelbild {
 position: absolute;
 margin-top: 155px;
 width: 850px;
 height: 125px;
 background-color:#B0B0B0;
}
#border_weiss {
 position: absolute;
 margin-top: 280px;
 width: 100%;
 height: 2px;
 background-color:#FFFFFF;
}
#border_schwarz {
 position: absolute;
 margin-top: 282px;
 width: 100%;
 height: 5px;
 background-color:#000000;
}
#inhalt {
 position: absolute;
 margin-top: 290px;
 padding: 20px;
 width: 580px;
}
h1 {
 font-size: 17px;
 font-weight: bold;
 text-transform: uppercase;
}
h2 {
 font-size: 15px;
 font-weight; bold;
 color: #9EB03F;
 }
#box {
 position: absolute;
 font-size: 11px;
 width: 200px;
 right: 0px;
 border-left: #333333 1px dashed;
 height: auto;
 margin-top: 315px;
 padding: 10px;
 }
#box h1 {
 font-size: 15px;
 font-weight; bold;
 color: #9EB03F;
 }
#fusszeile {
 position: absolute;
 clear: both;
 height: 30px;
 right: 10px;
 bottom: 0px;
 text-align: right;
}

###TypoScript####
lib.menu2.1 = TMENU
lib.menu2.1 {
  # Normal state properties
      NO {
         allWrap = <div id="menu_teil">|</div> |*| <div
id="menu_teil">|</div> |*| <div id="menu_abschluss">|</div>

      }
      ACT = 1
      ACT {
         allWrap = <div id="menu_teil_active">|</div> |*| <div
id="menu_teil_active">|</div> |*| <div id="menu_abschluss_active">|</div>
            }
   }