@charset "utf-8";
/**
 * Einführung in XHTML, CSS und Webdesign. Kochbar.
 *
 * @link    http://kochbar.jendryschik.de
 * @package kochbar
 * @version 2.0
 */

/**
 * Globale Einstellungen und Bugfixes
 *
 * @section Browser-Reset
 */

/* Zurücksetzen der Innen- und Außenabstände */
* {
  margin: 0;
  padding: 0;
}

/**
 * Schriftgröße kontrollieren
 */
body, td, th { font: normal 75%/167% Georgia, Palatino, "Times New Roman", serif; }
td, th { f\ont-size: 100.01%; }

/* Farben und Hintergründe setzen */
html, body {
  color:#3b2b20 ;
  background-color:white;
}
body {
background: url(images/leo.logo.gif) repeat-x ;
}
<!-- für php time day -->

#head php{
margin: 0;
padding: 0;
}
#php h2 {
text-align :center ;
background :#E7D6C6 ;
padding : 2px;
margin : 0 ;
border-top : 1px solid #9F0F00;
border-bottom : 2px solid #9F0F00;
font : 10px verdana, sans-serif;
}
/*------------------------------------------------------------------------------------------------------*/

/**
 * Regeln für allgemeine Elemente
 *
 * @section Ãœberschriften
 */
h1 {
  color: #9F0F00;
  background-color: white;
  font-size: 2.1em;
  line-height: 1.1;
  margin: .1em 0;
}
h2 {
  color: #3C6331;
  background-color: white;
  font-size: 1.5em;
  margin: .8em 0;
  text-transform: uppercase;
  line-height: 1.1;
}

/**
 * @section Absätze
 */
p { margin: .8em 0; }


/**
 * @section Bilder
 */
img { vertical-align:bottom;}

#img{
   position : absolute;
   top : 30px;
   left : 520px;
   width : 419px;
   height : 66px;
}
#img1 {
   position :absolute;
   top : 210px;
   right: 10px;
   width : 148px;
   height : 72px;
   }


/* Rahmen verlinkter Bilder entfernen */
a img { border: 0; }


/**
 * @section Links und Anker
 */
a:link {
  color: #980c02;
  background-color: transparent;
}
a:visited {
  color:#999 ;
  background-color: transparent;
}
a:hover, a:focus {
  color: #FF7700;
  background-color: transparent;
}
a:active {
  color: white;
  background-color: #980c02;
}

/**
 * @section Listen
 */
ul, ol { margin: 1em 0 1em 2em; }

li { margin: 0 0 .5em 0; }

dt {
  color: #3C6331;
  background-color: white;
  font-size: 1.5em;
  text-align: left;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0;
  margin: 1.5em 0 .5em 0;
}

/**
 * @section Tabellen
 */
caption {
  color: #3C6331;
  background-color: white;
  font-size: 1.5em;
  text-align: left;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0;
  padding: 1.5em 0 .5em 0;
}

/**
 * @section Formulare
 */
fieldset {
  border: 1px solid #cbb8ba;
  margin: 1em 0;
  padding: 0 1em;
  background-color: ;
}
legend {
  color: white;
  background-color: #cbb8ba;
  padding: .3em 1em;
}
input[type="checkbox"],
input[type="radio"] {
  vertical-align: middle;
}
input[type="text"] {
  border: 1px solid #cbb8ba;
  padding: 3px 10px;
}
input[type="submit"] {
  color: #2e050a;
  background-color: #f5f4f8;
  font-weight: bold;
  padding: 0 6px;
}
textarea {
  border: 1px solid #cbb8ba;
  margin: 1em 0px;
  padding: 5px 15px;
  width: 205px;
  background-color:#f5f4f8 ;
}
label {
  cursor: pointer;
  padding-right: .5em;
}

/* Tabellen in Formularen */
form table {
  width: 100%;
  border-collapse: collapse;
  margin: .8em 0;
}
form td,
form th {
  color: inherit;
  background-color: #e8e7ee;
  border-bottom: 4px solid white;
  padding: 5px 5px 5px 15px;
}
form tr:nth-child(odd) td,
form tr:nth-child(odd) th {
  color: inherit;
  background-color: #f5f4f8;
}
form th {
  width: 40%;
  text-align: left;
}


/*------------------------------------------------------------------------------------------------------*/

/**
 * Regeln für besondere Bereiche
 *
 * @section Kopfbereich
 */
div#head {
  width: 100%;
  margin: auto;
  position: relative;
}

#head h1 {
  margin: 0;
  padding: 0;
  width: 100%;
}

/**
 * @section Hauptmenü
 */
#head ul {
  position: absolute;
  bottom: 0;
  right: 10px;
  margin: 0;
}
#head ul li {
  float: left;
  list-style: none;
  margin: 0 0 0 2px;
}
#head ul a,
#head ul strong {
  color: #352545;
  background: #F7E7D6 url(grafik/nav_bg.gif) bottom left repeat-x;
  display: block;
  padding: .8em;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
}
#head ul a:hover,
#head ul a:focus,
#head ul a:active,
#head ul strong {
  color:#F4A609;
  background:  #F7E7D6 url(grafik/nav_bg_hover.gif) bottom left repeat-x;
}


/**
 * @section Sidebar
 */
div#sidebar {
  color: inherit;
  background: #F5F5F9 url(grafik/sidebar_rahmen.gif) top left repeat-y;
  float: left;
  border-bottom: 6px solid #CBB8BA;
  border-top: 6px solid #CBB8BA;
  width: 276px;
  padding: 0 6px;
  margin: 0 0 26px 20px;
}
div#sidebar-inner {
  color: inherit;
  background: #F5F5F9 url(grafik/bg23.gif) bottom left repeat-x;
  padding: 0 0 24px 0;
}

/* Kontaktfeld */
div#contact {
  color: white;
  background-color:#FFCC99   ;
  padding: 12px 12px 16px 36px;
}
#contact h2 {
  color: inherit;
  background-color: transparent;
  margin: 0;
}
#contact p.tel {
  color: #9F0F00;
  background-color: transparent;
  font-size: 2.2em;
  font-weight: bold;
  margin: .3em 0;
}
#contact p.address {
  font-weight: bold;
  font-size: .9em;
}

/* Teaser */
div#teaser {
  color: #333;
  background: #fbfbfd url(grafik/bgyellow.gif) top left;
  margin: 12px 12px 0 12px;
  padding: 12px;
}
#teaser h2 {
  color: #FF7700;
  background: transparent url(grafik/teaser-h2_bg.gif) bottom center no-repeat;
  font-size: 2.2em;
  text-align: center;
  font-weight: normal;
  padding: 0 0 12px 0;
  margin: 0;
  text-transform: none;
}
#teaser h3 {
  font-size: 1.5em;
  margin: 12px 0 19px 0;
  padding: 0;
}
#teaser p {
  margin: 14px 0 0 0;
  padding: 0;
  font-size: 11px;
  font-weight: bold;
  line-height: 18px;
}

/**
 * @section Content
 */
div#content {
  margin: 0 0 0 288px;
  padding: 0 12px 0 36px;
}
#content h1 {
  margin-top: 0;
}
#content img {
  float: left;
  margin: .5em .5em .5em 0;
}

/**
 * @section Footer
 */
div#footer {
  color: #7F6063;
  background-color:#F7E7D6;
  padding: 12px 0 12px 130px;
  font-family: Tahoma, Arial, sans-serif;
  font-size: .9em;
  clear: both;
  margin: 24px 0 0 0;
}
#footer p {
  width: auto;
  margin: 0 auto;
}

/*------------------------------------------------------------------------------------------------------*/

/**
 * Regeln für spezielle Elemente
 *
 * @section Speisekarte
 */
table.speisekarte { width: 590px; }

.speisekarte tr {
  color: inherit;
  background: url(grafik/speisekarte_bg.gif) bottom left repeat-x;
}
.speisekarte td,
.speisekarte th {
  padding: 10px 5px 8px 0;
}
.speisekarte td strong,
.speisekarte td.price {
  color: #cbb8ba;
  background-color: transparent;
  font-size: 1.2em;
  text-transform: uppercase;
  font-weight: bold;
}
.speisekarte td.price {
  vertical-align: bottom;
  white-space: nowrap;
}

/**
 * @section Öffnungszeiten
 */
table#oeffnungszeiten {
  border-collapse: collapse;
  empty-cells: show;
  border: 0;
}
#oeffnungszeiten td,
#oeffnungszeiten th {
  border: 4px solid white;
  color: #5D5D5D;
  background-color: #F5F4F8;
  padding: .5em 1em;
}
#oeffnungszeiten thead td,
#oeffnungszeiten thead th {
  color: #5D5D5D;
  background-color: #E8E7EE;
  text-align: center;
}
#oeffnungszeiten thead th[colspan="2"] {
  color: white;
  background-color: #CBB8BA;
  font-weight: bold;
}

#oeffnungszeiten tbody th {
  color: #5D5D5D;
  background-color: #e8dbc5;
  text-align: center;
}
#oeffnungszeiten tbody th[rowspan="2"] {
  color: white;
  background-color: #E8AD47;
  font-weight: bold;
}

#oeffnungszeiten tfoot td {
  text-align: center;
  font-size: .9em;
}