body { font-family:arial, helvetica, sans-serif; }

        html { color:#ffd320; background-color:#000000; margin:0; border:0 none; padding:0; }
        body { color:#ffd320; background-color:#000000; }
        a:link, a:visited, a:hover, a:focus, a:active
          { color:#ffd320; background-color:#000000; text-decoration:none; }

        .navbar ul
         { list-style-type:none;
            margin:0; border:0 none; padding:0;
            width:100%;
           }

        .navbar ul li
          {
           width:133px; height:150px; float:left;
           /* margin siehe oben */
           margin:10px 10px 10px 0;
           border:1px solid #ffd320;
           padding:0;
           text-align:center;
           font-weight:bold;
          }

        .navbar ul li a { display:block; padding:100px 0 0 0; background-position:left top; background-repeat:no-repeat; }

        .navbar ul li:nth-child(1) a { background-image:url("../img/menu-home-133x89.jpg"); }
        .navbar ul li:nth-child(2) a { background-image:url("../img/menu-waxing-b-133x89.jpg"); }
        .navbar ul li:nth-child(3) a { background-image:url("../img/menu-sugaring-133x89.jpg"); }
        .navbar ul li:nth-child(4) a { background-image:url("../img/menu-laser-133x89.jpg"); }
        .navbar ul li:nth-child(5) a { background-image:url("../img/menu-intimrasur-133x89.jpg"); }
        .navbar ul li:nth-child(6) a { background-image:url("../img/menu-trimmen-133x89.jpg"); }
        .navbar ul li:nth-child(7) a { background-image:url("../img/menu-massage-133x89.jpg"); }
        .navbar ul li:nth-child(8) a { background-image:url("../img/menu-massage-sinnlich-133x89.jpg"); }
        .navbar ul li:nth-child(9) a { background-image:url("../img/menu-fusspflege-133x89.jpg"); }
        .navbar ul li:nth-child(10) a { background-image:url("../img/menu-kontakt-133x89.jpg"); }


        @media screen and (min-width: 960px)
         {
          body
            { width:860px;
              margin:10px auto; border:3px double #ffd320; padding:24px;
            }
          div.content
            {
              width:480px; min-height:446px; padding:0 190px;
              background:url("../img/deko-vine-860x446.png") center top no-repeat;
              text-align:center;
              font-size:1.1em;
            }

          div.navbar { margin-top:50px; margin-left:65px; height:300px; }

         .navbar ul li { margin:0 9px 9px 0; }

         .navbar ul li:nth-child(5), .navbar ul li:nth-child(10) { margin-right:0; }

         }


        @media screen and (min-width: 510px) and (max-width:959px)
         {
          html
            { color:#ffd320; background:#000000 url("../img/deko-vine-860x446.png") center 40px no-repeat; }

          body
            { width:480px;
              margin:10px auto; border:3px double #ffd320; padding:10px;
            }
          div.content
            {
              width:480px; padding:0;
              text-align:center;
              font-size:1.1em;
            }

          div.navbar { margin-top:50px; height:735px; }

          .navbar ul li { margin:0 35px 35px 0; }

          .navbar ul li:nth-child(3), .navbar ul li:nth-child(6), .navbar ul li:nth-child(9)
              { margin-right:0; }

          .navbar ul li:nth-child(10)
              { margin-left:169px; margin-bottom:35px;  }

         }

        @media screen and (max-width: 509px)
         {
          div.content { max-width:100%; }
          div.content img
             { width:100%; height:auto; }
          br.br2 { display:none; }
          span.middot2 { display:none; }
          a.mailadresse { display:block; margin-top:15px; }
         }