body {
        background-color: #BFBFBF;
        font-family: Verdana,Arial,Helvetica,sans-serif;
        font-size: 12px;
        font-weight: normal;
        color: #000000;
    }

    .zurueck {margin-bottom: 20px;}

    #taste a {
    display: block;
    background-color: #ccc;
    color: #000;
    text-decoration: none;
    padding: 2px 0px 3px 0px;
    border: 1px solid;
    border-color: #fff #757575 #757575 #fff;
    font-weight: bold;
    text-align: center;
    }
    #taste a:hover {
    background-color: #dfdfdf;
    color: #757575;
    padding: 3px 0px 2px 0px;
    border: 1px solid;
    border-color: #757575 #fff #fff #757575;
    }

    #container {  
        display: grid;
        grid-template-columns: 10% 10% 10% 10% 10% 10% 10% 10% 10% 10%;                                         /* 10 Spalten */
        grid-template-rows: [row1-start] 186px [row1-end] 20px [third-line] auto [] auto [last-line];
        grid-auto-flow: row;
        grid-template-areas:
        "kopf kopf kopf kopf kopf kopf kopf kopf kopf kopf"                                                     /* kopf => ganze breite */
        "menue1 menue1 menue2 menue2 menue3 menue3 menue4 menue5 menue5 menue6"                                 /* menue => 5x2 spalten*/
        "inhalt inhalt inhalt inhalt inhalt inhalt inhalt inhalt inhalt inhalt"                                 /* inhalt => ganze breite */
        "inhalt-l1 inhalt-r9 inhalt-r9 inhalt-r9 inhalt-r9 inhalt-r9 inhalt-r9 inhalt-r9 inhalt-r9 inhalt-r9"   /* links 1 teil / rechts 9 teile */
        "inhalt-l2 inhalt-l2 inhalt-r8 inhalt-r8 inhalt-r8 inhalt-r8 inhalt-r8 inhalt-r8 inhalt-r8 inhalt-r8"   /* links 2 teil / rechts 8 teile */
        "inhalt-l3 inhalt-l3 inhalt-l3 inhalt-r7 inhalt-r7 inhalt-r7 inhalt-r7 inhalt-r7 inhalt-r7 inhalt-r7"   /* links 3 teil / rechts 7 teile */
        "inhalt2 inhalt2 inhalt2 inhalt2 inhalt2 inhalt2 inhalt2 inhalt2 inhalt2 inhalt2"                                 /* inhalt => ganze breite */
        "inhalt3 inhalt3 inhalt3 inhalt3 inhalt3 inhalt3 inhalt3 inhalt3 inhalt3 inhalt3"                                 /* inhalt => ganze breite */
        "ende ende ende ende ende ende ende ende ende ende"                                                     /* ende => ganze breite */
       
        ;
        width:950px;								/* Seiten Breite */
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 50px;
    }

    .gridfoto7 {width: 330px; height: 220px;}

    #foto { grid-area: foto;}

    #kopf { grid-area: kopf; }
    #menue1 { grid-area: menue1; }
    #menue2 { grid-area: menue2; }
    #menue3 { grid-area: menue3; }
    #menue4 { grid-area: menue4; }
    #menue5 { grid-area: menue5; }
    #menue6 { grid-area: menue6; }
    
    #inhalt { 
        grid-area: inhalt; 
        padding-top: 20px;
    }
    
    /* links 1 teil / rechts 9 teile */
    #inhaltlinks1 {
        grid-area: inhalt-l1;
        margin-top: 20px;
        margin-bottom: 50px;
    }
    #inhaltrechts9 { 
        grid-area: inhalt-r9;
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px;
        margin-bottom: 50px;
    }

    /* links 2 teile / rechts 8 teile */
    #inhaltlinks2 {
        grid-area: inhalt-l2;
        margin-bottom: 50px;
    }
    #inhaltrechts8 { 
        grid-area: inhalt-r8;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 50px;
    }

    /* links 3 teile / rechts 7 teile */
    #inhaltlinks3 {
        grid-area: inhalt-l3;
        margin-top: 20px;
        margin-bottom: 0px;
    }
    #inhaltrechts7 {
        grid-area: inhalt-r7;
        margin-top: 20px;
        margin-bottom: 0px;
    }

    /* ganze Breite */
    #nachtrag {
        margin-top: 20px;
        grid-area: inhalt2;
    }
        
    #nachtrag2 {grid-area: inhalt3;}

    #footer {
        grid-area: ende;
        width: 100%;
        height: 30px;
        background-color: antiquewhite;
        text-align: center;
        margin-top: 20px;
        padding-top: 10px;
    }