body {
background:url('../images/yorck-de3.gif');
background-attachment:fixed;
text-align: center;                               /* ganz wichtig: hierdurch wird die ganze Seite auf den Bildschirm zentriert!*/
font-family: arial, verdana, sans serif;
font-size: 11pt;
margin: 0px;
color: black;                                                        /* hierdurch beginnt die Seite ganz oben ohne Rand. Gleiches für unten */
}


#ueberbox {
background-color: #f2f2f2;   /* voher sandfarben #F5F5DC; */
border: 1px solid black;
width: 770px;
height: auto;                                                                 /*ist so tief wie ihr Inhalt */
margin-left: auto;                                                         /*im body -> text-align:center und in der ueberbox -> mit margin-left und margin-right=auto ergibt Zentrierung */
margin-right: auto;                                                         /* bis 27.05.08 nur: margin:0 */
}


#logobox {
         width:auto;
         height:auto;
         border-bottom:1px solid black;
         text-align: center;
         background:url('../images/golfgruen_200.gif');
         /*background-color:#f2d89f; */
         /* für Weihnachten: background:url('../images/deko770.gif');  */
         /*background-color:#ee8262; */                                 /* Farbe rötlich */
         padding-top: 5px;
         padding-bottom: 5px;
                         }

#logobox .ladiligence {
         text-align: center;
         font-variant:small-caps;
         font-family: "ms reference serif", georgia, tohama, verdana;
         font-size: 30pt;
        }

#logobox .restaurant {
         text-align: center;
         vertical-align:middle;
         font-variant:small-caps;
         font-family: "ms reference serif", georgia, tohama, verdana;

         font-size: 13pt;
                 letter-spacing: 0.5em;
                 margin-top: 4px;
                 margin-bottom: 4px;
                 }

#rahmen_sand{
    border: 1px black;
        padding:20px;
        background-color: #ede7de; /*superfarbe #eae1cf; #EFEFCC; #EEE8AA;*/

        }




.belegt {font-size: 10pt; }








#rahmen_braun{
         font-size:11pt;
    background-color: #D2B48C;   /*Farbe tan */
        border: 1px black;
        padding:5px;
        }

#rahmen_gruen{
         font-size:11pt;
    background-color: #CBF279;   /*Farbe gruen */
        border: 1px black;
        padding:5px;
        }




#navispalte {
         float:left;                        /* float left !! */
         text-align: left;       /* dazu 27.05. evtl wegnehmen */
         margin-top: 0px;
         margin-left: 0px;
         width: 150px;
         border-style:solid;
         border-width:0px;
         padding-top:0px;                                          /*Abstand nach oben hier durch padding fixiert */
         padding-left:0px;
         font-family: arial, verdana, sans serif;
         font-size: 11pt;
         color: #333333;
 }




#main {
        border: 0px solid gray;
        width: auto;
        line-height:1.7;
        text-align: left;
        padding-top: 25px;
    padding-left: 25px;
    padding-right: 25px;
        padding-bottom: 40px;
        margin-top: 2px;
        margin-left: 155px
        }


.farblich {color: brown;
           font-size: 12pt;
           font-style: italic;
                   font-weight: bold;
}

#main .wichtig {
                  font-size:10pt;
         color:black;
         background-color: #D2B48C;   /*Farbe tan */

         /*background-color:#D8BFD8;  Farbe lila - etwas kitschig */
         padding: 6px
        }

#main .wichtig2 {
                  font-size:10pt;
         color:black;
         background-color: #EEE8AA;  /*Farbe sandfarben */
         padding: 6px;

        }


#maincarte {
               font-size: 11pt;
                 border: 0px solid black;
         width: auto;
         height: auto;
         text-align: left;
         padding:20px;
         /*margin-left: 155px;*/ /*Abstand zum linken Rand der Überbox */
         margin-left: 164px;
}

/* Ueberschriften mit Unterstrich*/
h1  {
         font-size:13pt;
         color:#333333;
         border-bottom: 1px solid #333333;

}


/* Für die Überschriften mit Unterstrich und zentriert -  "Vorspeisen", "Fisch", "Fleisch" */
h2  {
          font-size: 12pt;
         text-align: center;
         color:#333333;
         border-bottom: 1px solid #333333;

}


h3   /* wie h1 nur o h n e Unterstrich und etwas kleiner "Für den kleinen Hunger....", "...und für den grossen"  */
{
        font-size:13pt;
         color:#333333;
                }


h4          /* o h n e Unterstrich, etwas kleiner und nicht zentriert  */

{                   font-size: 11pt;

        color:black;
        }



h5  {font-size: 11pt; color:black; }



caption {font-size:11pt; }



.bild {
         width:220px;
         height:150px;
         border-bottom:0px solid black;
         margin-left: auto;
         margin-right: auto;
       }

.film {
         width:270px;
         height:210px;
         border-bottom:0px solid black;
         margin-left: auto;
         margin-right: auto;
       }




table         { margin: 0px;}

td {

         font-size:11pt;
          color:#333333;
         /*padding: 7pt;    Wenn hier das cellpadding ausgefüllt ist, ist dies die Standardvorgabe für alle exisitierenden Tabellen */
}

p {
         font-size:11pt;
         color: #333333;
}


ul {
         font-size:11pt;
         color:black;
}

li {
         font-size:11pt;
         color:#333333;
}

/* "a" ist ganz wichtig, wenn man den Unterstrich wegnehmen möchte. Es nimmt aber auch auf allen Links den Unterstrich weg. */
a {
         font-size:11pt;
         color:#333333;
         text-decoration:none;

}



.linkbox {

         font-size: 11pt;
         margin:1px;
         border-style:groove;                 /*anders als "solid", irgendwie schmaler*/
         border-width:0px;
         width:138px;
         height:15px;
         padding:5px;
         padding-left:10px;
         background-color: #eae1cf;
         color:#333333;


}

.linkboxleer {

         font-size: 11pt;
         /*margin-left:0px;
         margin:0px;*/
         margin:1px;
         border-style:groove;
         border-width:0px;
         width:138px;
         height:15px;
         padding:5px;
         padding-left:10px;
         background-color:#EEE8AA;
         /*background-color:#cdbe70; dunkle braune Farbe */
}


.linkboxaktiv {

         font-size:11pt;
         /*margin-left:0px;
         margin:0px;*/
         margin: 1px;
         border-style:groove;
         border-width:0px;
         width:138px;
         height:15px;
         padding:5px;
         padding-left:10px;
         background-color: #e2d1bd; /*#e4dfcf;  #CBF279; hell grün*/

                 /*background-color:#BC8F8F; lila - rosybrown*/
}

#spezialmenue {
                 background: url('../images/beige125.gif');
         /*background:#F0E68C; */ /*kaki*/


         border-left: solid 1px #696969;
                  border-right: solid 2px #696969;
                  border-top: solid 1px #696969;
                  border-bottom: solid 2px #696969;

         width:470px;
         height:auto;
         top:530px;
         left:170px;

         padding-top:40px;
         padding-bottom:10px;
         padding-right:10px;
         padding-left:10px;


         font-size:11pt;
         margin-top:45px;
         margin-left:20px;
         margin-right:20px;
         margin-bottom:0px;
         line-height: 2.0;
}


/* unterhalb einer html-Seite */
#spezialmenue-elegant   {
         background: url('../images/elegant_hell_600_511.gif');


         font-size:11pt;
         line-height: 1.5;

         width:470px;
         height:auto;
         top:530px;
         left:170px;
         border-left: solid 1px #696969;
                  border-right: solid 2px #696969;
                  border-top: solid 1px #696969;
                  border-bottom: solid 2px #696969;

         /*border-style:solid;
         border-width:1px;
         border-color:gray;*/


         padding-top:25px;
         padding-bottom:10px;
         padding-right:10px;
         padding-left:10px;


         margin-top:45px;
         margin-left:20px;
         margin-right:20px;
         margin-bottom:0px;

}



#spezialmenue-extraseite {
         background-color: white;
         font-size:11pt;
         line-height: 1.7;
         margin-top: 0;
         width:600px;
         height:auto;
         margin-left: auto;
         margin-right: auto;
         border:0px solid black;
         padding-top:5px;
         padding-bottom:5px;
         padding-right:10px;
         padding-left:10px;
        }


#buffet {
        background-color: #eee8aa;
                 /*background: url('../images/elegant_hell_600_511.gif');*/

         margin-left:auto;                        /* wichtig: so wird auch bei Mozilla zentriert */
         margin-right:auto;


         font-size:11pt;
         line-height: 2;
             margin-top:0px;

         width:550px;
         height:auto;

         border:1px solid black;

         padding-top:25px;
         padding-bottom:35px;
         padding-right:10px;
         padding-left:10px;
        }


#sonntagsmenue {
         background: url('../images/elegant_hell_600_511.gif');
         text-align: center;

         font-size:11pt;
         line-height: 1.5;
             margin-top:0px;

         width:480px;
         height:auto;

         border:1px solid black;

         padding-top:35px;
         padding-bottom:25px;
         padding-right:10px;
         padding-left:10px;
        }


hr{color: #333333;}


.maintext {

         font-size:11pt;
         line-height:1.5;
         color:black;
}




/*Virtuelle Umrahmung für die Bilder - warum funktionniert dies nicht?*/
#bord {
          width: auto;
          height: auto;
      margin: 30px;
      padding: 30px;
      border: 1px solid red;
}



/*Umrahmung für die Bilder*/
#bild {
        width: 200px;
        height: 400px;
    border: 1px solid black;
}



#footer {

font-size: 8pt;
/*background-color: #CBF279; */
/*background-color: #FFE599; */
/*background-color: #cdbe70; original matsch braun */
/*background-color: #D2B48C;   Farbe tan */
/*background-color:#ee8262;                                   Farbe rötlich */
background-color: #e2d1bd; /*#b78626;  */

color: #333333;
font-weight: 400;                        /* der footer braucht diese Angabe sonst erscheint der Text in fett. Keine Anhnung warum. */
text-align: center;                        /* PB mit middle */
padding: 8px;
margin: 0px;
border-top: 0px solid white;
border-width: thin;

clear: left;                      /* clear: damit links nicht die NaviLeiste ins Gehege kommt !!!*/
}
