body {
      position: relative; 
      background: #ffffff; 
      margin: 0; 
      padding: 0;
     }

td {
    font: 13px Verdana, sans-serif;
    vertical-align: top;
   }

div#namebar {
             position: absolute;
             top: 0px;
             left: 0px;
             background: #5959ce;
             width: 100%;
             height: 100px;
             z-index:1;
            }

div#ueber {
           position: absolute;
           top: 10px;
           left: 0px;
           width:100%;
           height: 90px;
           z-index:2;
           font-family: 'Comic Sans MS';
           font-weight: bold;
           font-size: 20px;
           text-align: center;
          }

div#ueber b {
             font-weight: bold;
             letter-spacing: 10px;
            }

div#eckerechts {
                position: absolute;
                right: -1px;
                background: #5959ce;
                width: 180px;
                height: 100px;
                background-image:url(images/ecke-rechts.jpg);
                background-repeat:no-repeat;
                z-index:2;
               }

div#eckeinnen {
               position: absolute;
               top: 100px;
               left: 150px;
               background: #5959ce;
               width: 20px;
               height: 20px;
               background-image:url(images/ecke-innen.jpg);
               background-repeat:no-repeat;
              }

div#logo {
          position: absolute;
          top: 0px;
          left: 0px;
          width: 125px;
          height: 151px;
          z-index:2;
         }

div#logojugend {
                position: absolute;
                right: 180px;
                background: #5959ce;
                width: 65px;
                height: 100px;
                background-image:url(images/logo-jugend.gif);
                background-repeat:no-repeat;
                z-index:3;
               }

div#nav {
         position: absolute;
         top: 100px;
         left: 0px;
         background: #5959ce;
         width: 150px;
         z-index:1; 
        }

div#nav ul {
            list-style-type: none;
            list-style-porition: inside;
            font-family: 'Comic Sans MS';
            font-weight: bold;
            font-size: 15px;
            margin-top: 40px;
           }

div#nav li { margin-left: -30px; }

div#nav a {
           color: #ffffff;
           text-decoration: none;
          }

div#nav a:hover {
                 text-decoration: underline;
                 color: #383882;
                }

div#inhalt {
            position: absolute;
            top: 120px;
            left: 170px;
            width: 660px;
            font: 13px Verdana, sans-serif;  
            color: #303030;
            border-width: 4px;
            border-color: #383882;
            border-style: solid;
            padding: 10px;
            background-color: #cfcfcf;
           }

div#inhalt a {
              color: #5959ce;
              text-decoration: none;
              font-weight: bold;
             }

div#inhalt a:hover {
                    color: #828282;
                    text-decoration: underline;
                   }

div#inhalt b {
              color: #383882;
              letter-spacing: 2px;
             }

div#inhalt i {
              color: #828282;
             }

div#inhalt h1 {
               color: #383882;
               font-weight: bold;
               font-family: 'Comic Sans MS';
               font-weight: bold;
               font-size: 30px;
              }

div#inhalt h2 {
               color: #5959ce;
               font-weight: bold;
               font-family: 'Comic Sans MS';
               font-weight: bold;
               font-size: 20px;
              }