body{
        margin:                 0px 0px 0px 0px;
        padding:                0px 0px 0px 0px;
        font-family:            Arial, Verdana, Helvetica, sans-serif;
        font-size:              14px;
        text-decoration:        none;
        Border:                 0px solid green;

      	/* bild zu sehen auf der website */
        /* background-image:        url(pic/small_hell_PRO14009.jpg);    */
      	/* erster wert gibt laenge, zweiter hoehe. */
      	/* background-size:         450px auto;    */
        /* background-position:     120px 0px; */
        /* background-repeat:       no-repeat; */
      
        background-color:        white;
        }

        header{
        margin:                 0px 0px 0px 0px;
        padding:                0px;
        Border:                 0px solid pink
        }

        nav {
        height:                 auto;
        padding:                0px 0px 0px 10px;
        border:                 0px solid red;
        }

        #div-top {
        margin:                 0px 0px 0px 83px;
        Border:                 0px solid blue;
        }

        a {
        color:                  Black;
        text-decoration:        none;
        }

        a:hover {
        color:                  #474747;
        text-decoration:        underline;
        }

        H1 {
        font-size:              150%;
        color:                  Black;
        margin:                 20px 0px 0px 10px;
        }

        H2 { font-size: 110%;}

        .homebox {
        float: left;
        margin: 0px 0px 5px 120px;
        padding: 0px;
        width: 450px;
        height: 100%;
        border: 0px solid black;
        background-color: white;
        }

        .projectbox {                  /* is not in use , since 15.05.2018*/
        float: left;
        margin: 0px;                   /* was 10*/
        padding: 0px;                 /* was 10*/
        width: 450px;
        height: auto;
        border: 1px solid black;
        background-color: white;
        clear:both;
        }

        #id1 {
        margin: 0px 0px 10px 522px;
        }


/* Angaben fuer die img gallery */

        div.img {
            margin: 0px 0px 40px 0px;           /*um gleich zu ziehen mit der proj.box muss ggf der margin link zu null gehen*/
            border: 1px solid white;
            float: left;
            width: 450px;        /* war mal 180px */
        }

        div.img:hover {
            border: 1px solid #777;
        }

        div.img img {
            width: 100%;
            height: auto;
        }

        div.desc {
            padding: 5px;
            text-align: center;
        }

/* alles andere*/
        @media screen and (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 1) {

                H1 {
                font-size: 150%;
                margin: 100px 0px 0px 10px;
                }

                body {
                background-position:         100px 150px;
                  }

        }

/* Handys allgemein*/
        @media screen and (min-device-width: 320px) and (max-device-width: 800px) and (-webkit-min-device-pixel-ratio: 2)
        {
                  H1 {
                font-size: 150%;
                margin: 15px 0px 0px 110px;
                border: 0px;
                padding: 0px;
                }

             	/* 
          		body {
                background-image: url(pic/small_hell_PRO14009.jpg);
                    background-position: 100px 0px;
                background-size: auto;
                }
         		*/

                .homebox {
                float: left;
                margin: 10px;
                padding: 10px;
                width: auto;
                max-widt: 340px;
                height: auto;
                border: 1px solid black;
                background-color: white;
                }

                header{
                margin: 0px 0px 0px 0px;
                        padding: 0px;
                Border: 0px solid red
                }

                nav {
                       padding: 15px 0px 10px 10px;
                border: 0px solid red;
                }

                #id1 {
                margin: 0px 0px 10px 285px;
                }
        }