@charset "utf-8"; 
/**
 * Kaminsanierungsnotruf 1.5
 */

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

/**
 * Schriftgröße kontrollieren
 */
body, td, th { font: normal 75%/167% Georgia, Palatino, "Times New Roman", serif; }
td, th {
	f\ont-size: 100.01%;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}

/* Farben und Hintergründe setzen */
html, body {
  color: #3b2b20;
  background-color: white; 
}

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

/**
 * Regeln für allgemeine Elemente
 *
 * @section Überschriften
 */
h1 {
  color: #E40000;
  background-color: white;
  font-size: 3em;
  line-height: 1.1;
  margin: .8em 0;
}
h2 {
  color: #7F7FFF;
  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; }
 
/* Rahmen verlinkter Bilder entfernen */
a img { border: 0; }


/**
 * @section Links und Anker
 */
a:link {
  color: #006699;
  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: #006699;
}

/**
 * @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;
}
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 0;
  padding: 5px 15px;
  width: 535px;
}
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: 932px;
  margin: auto; 
  position: relative;  
}

#head h1 {
  margin: 0;
  padding: 0;
  width: 288px;
}

/**
 * @section Hauptmenü
 */
#head ul {
  position: absolute;
  bottom: 0;
  right: 30px;
  margin: 0;
}
#head ul li {
  float: left;
  list-style: none;
  margin: 0 0 0 8px;
}
#head ul a,
#head ul strong {
  color: #352545;
  background: #FBFBFB url(images/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: white;
  background: #638F56 url(images/nav_bg_hover.gif) bottom left repeat-x; 
}

/**
 * @section Hauptbereich
 */
div#main {
  color: inherit;
  background: white url(images/gabeln.jpg) top center repeat-x;
}
#main div#main-inner {
  color: inherit;
  background: transparent url(images/illustration.jpg) top center repeat-x;
  width: 932px;
  margin: 0 auto;
  padding: 348px 0 0 0;
}

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

/* Kontaktfeld */
div#contact {
  color: white;
  background-color: #E40000;
  padding: 0 24px 16px 24px;
}
#contact h2 {
  color: inherit;
  background-color: transparent;
  margin: 0; 
}
#contact p.tel {
  color: #000000;
  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;
	margin: 12px 12px 0 12px;
	padding: 12px;
	background-color: #F5F5F9;
	/* background-image: url(images/teaser_bg.gif); */
	background-position: left top;
}
#teaser h2 {
  color: #FF7700;
  /* background: transparent url(images/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 {
	margin: 12px 0 19px 0;
	padding: 0;
	text-align: center;
}
#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: #F3F2FA;
  padding: 24px 0;
  font-family: Tahoma, Arial, sans-serif;
  font-size: .9em;
  clear: both;
  margin: 24px 0 0 0;
}
#footer p {
  width: 932px;
  margin: 0 auto;    
}

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

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

.speisekarte tr {
  color: inherit;
  background: url(images/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;
}