tr.head {
  width: 800px;
  height: 200px;
  background-color: #C96;
}

td.main {
  width: 800px;
  padding: 20px 9px 50px 18px;
  background-color: #C96;
}

td.foot {
  width: 800px;
  height: 25px;
  background-color: #C93;
  text-align: center;
}

td.end {
  padding-bottom: 15px;
  text-align: center;
}

td.act {
  background: url(bilder/bg_act.gif);
  color: #900;
}

/* --- Tabelle - Navigation ---*/

table#navigation {
  margin-right: 18px;
  width: 180px;
  text-align: left;
  vertical-align: top;
  border-collapse: collapse;
  margin-top: 40px;
}

table#navigation th {
  height: 30px;
}

table#navigation td {
  height: 50px;
  border: 1px #963 solid;
  text-align: center;
  vertical-align: middle;
  font-size: 120%;
  font-weight: bold;
}

/* --- Listen-Styles innerhalb der Navigationsleiste --- */

ul.anchor {
  padding-left: 0px;
  list-style-type: none;
  font-size: 80%;
  margin-left: 28px;
  width: 150px;
  text-align: left;
  vertical-align: top;
}

ul.anchor li {
  background-color: #C96;
  border: 1px #963 solid;
  padding: 2px;
  margin: 2px;
}

ul.anchor li.eu { /* eu = Einschub-Ueberschrift */
  background-color: transparent;
  border-width: 0px;
  padding: 2px;
  margin-right: 2px;
  margin-left: 30px;
  margin-top: 8px;
  margin-bottom: 8px;
}

ul.anchor li.es { /* es = Einschub */
  background-color: #C96;
  border: 1px #963 solid;
  padding: 2px;
  margin: 2px;
  margin-left: 15px;
}

ul.anchor li.imp {
  border: 2px #963 ridge;
}

/* --- Tabelle - Inhalt ---*/

table#content {
  width: 560px;
}

table#content th {
  padding-top: 15px;
  padding-bottom: 20px;
}

table#content th img {
  border: 0px;
}

table#content td {
  padding-top: 15px;
  padding-bottom: 15px;
}

table#content .col_a {
  text-align: left;
  vertical-align: top;
}

table#content .col_b {
  font-size: 125%;
  text-align: right;
  vertical-align: bottom;
}

table#content .col_c {
  text-align: right;
  vertical-align: top;
}

table#content .col_d {
  text-align: center;
  vertical-align: top;
}

table#pic {
 width: 560px;
 background-color: #960;
 padding-top: 5px;
 padding-bottom: 3px;
}

table#pic td {
  text-align: center;
}

table#pic img {
  border-width: 0px;
}

table.fb td {
  font-size: 120%;
  border-bottom: 1px #960 solid;
}

table.fb tr.nob td {
  border-width: 0px;
}

table.img img {
  border-width: 0px;
}

table.img td {
  text-align: center;
}

table.img td.b {
  font-size: 130%;
}

table.img td.pad_left {
  padding-left: 100px;
  text-align: left;
}

/* npad_ctr -> no padding, text-align: center; */
table.img td.npad_ctr {
  padding-left: 30px;
  padding-right: 30px;
  text-align: center;
}

/* -- Betriebsferien -- */

div.ferien_rahmen1 {
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  border: 3px #C90 solid;
}

div.ferien_rahmen2 {
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  border: 3px #C90 solid;
}

div.ferien_text1 {
  text-align: center;
  vertical-align: top;
  font-size: 130%;
  padding: 15px 15px 10px 15px;
}

div.ferien_text2 {
  text-align: center;
  vertical-align: top;
  font-size: 110%;
  padding: 10px 15px 15px 15px;
}

span.ferien_datum {
  font-size: 120%;
  font-weight: bold;
  color: red;
}

/* -- Geschlossene Gesellschaft -- */

div.geschl_text {
  text-align: center;
  vertical-align: top;
  font-size: 130%;
  padding: 15px 50px 10px 15px;
  background: url(bilder/schloss.png) no-repeat top right;
}

span.geschl_datum {
  font-size: 120%;
  font-weight: bold;
}

/* -- Brunch -- */

div.brunch_margin {
  padding-top: 90px;
  padding-left: 80px;
  padding-right: 30px;
  padding-bottom: 10px;
  background: url(bilder/pfingsten.png) no-repeat top left;
}

div.brunch {
  text-align: left;
  vertical-align: top;
  font-size: 120%;/* 
  border: 1px maroon solid; */
  padding: 15px 15px 70px 15px;
}

div.brunch_ue { /* ue = ueberschrift */
  padding-right: 20px;
  padding-bottom: 30px;
  text-align: right;
  font-size: 170%;
}

div.brunch_tag {
  margin-left: 45px;  
}

div.brunch_uhrzeit {
  margin-left: 165px;  
}

div.brunch_gr {
  font-size: 115%;
}

div.brunch_gr_ft { /* gross und fett */
  font-size: 110%;
  font-weight: bold;
}

span.brunch_ft { /* nur fett */
  font-weight: bold;
}

div.brunch_preis {
  margin-left: 160px;
}

div.brunch_gruesse {
  text-align: left;
  margin-top: 20px;
  margin-left: 55px;
  font-size: 115%;
}

/* -- Brunchs (mit Js) -- */

div.brunchs_hintergrund {
	margin: auto;
	width: 410px;
	height: 200px;
	padding: 20px;
	background: url(bilder/slider_hintergrund.png) no-repeat;
	/* border: 1px red solid; */
}

div.brunchs_slider0 {
	margin: auto;
	overflow: hidden;
	width: 380px;
	height: 200px;
}

div.brunchs_slider1 {
	float: left;
	overflow: hidden;
	width: 380px;
	height: 200px;
	/* border: 1px green solid; */
}
	
div.brunchs_slider2 {
	float: right;
	overflow: hidden;
	width: 0px;
	height: 200px;
	/* border: 1px aqua solid; */
}

	div.brunchs_slider_text {
		width: 340px;
		padding: 20px;
	}

	div.brunchs_title {
		text-align: center;
		font-weight: bold;
		font-size: 130%;
	}
	
	span.brunchs_ausgebucht {
		color: red;
		font-size: 80%;
	}
	
	div.brunchs_satz1 {
		margin-top: 20px;
	}
	
	div.brunchs_satz2 {
		margin-top: 10px;
		font-size: 110%;
	}
	
	span.brunchs_datum_uhrzeit {
		font-size: 120%;
	}
	
div.brunchs_sliderX {
	margin-left:380px;
	width: 30px;
	height: 200px;
	/* border: 1px blue solid; */
}
	
	div.brunchs_sliderX a {
		border-width: 0px;
	}

/* -- Muehlenfest -- */

div.mfest_margin {
  padding-top: 10px;
  padding-left: 40px;
  padding-right: 30px;
  padding-bottom: 10px;
  background: url(bilder/notizzettel.png) no-repeat top left;
}

div.mfest_inhalt {
  text-align: left;
  vertical-align: top;
  font-size: 120%;/* 
  border: 1px maroon solid; */
  padding: 15px 15px 70px 15px;
}

div.mfest_titel1 {
  font-size: 150%;
  color: #F00;
  font-weight: bold;
  padding: 15px 15px 5px 40px;
}

div.mfest_titel2 {
  font-size: 120%;
  padding: 0px 15px 15px 40px;
}

div.mfest_text {
  padding: 40px 15px 40px 15px;
}

div.mfest_datum {
  text-align: center;
  font-size: 130%;
  color: #F00;
  font-weight: bold;
  padding: 10px 15px 5px 30px;
}

div.mfest_uhrzeit {
  text-align: center;
  font-size: 110%;
  padding: 5px 15px 5px 30px;
}

div.mfest_attraktionentext {
  padding: 45px 15px 0px 25px;
}

ul.mfest_attraktionen {
  padding: 5px 15px 10px 50px;
  margin-top: 0px;
  margin-bottom: 0px;
}

ul.mfest_attraktionen li {
  padding-top: 1px;
  padding-bottom: 1px;
}

/* --- Speisekarte --- */

td.speisekarte_kopf2 {
  text-align: left;
  font-size: 135%;
  font-weight: 600;
  background: url(bilder/unterstrich.png) no-repeat left center;
}

td.speisekarte_kopf2 span {
  padding-right: 15px;
}

td.speisekarte_spalte1Titel {
  width: 480px;
  text-align: left;
  vertical-align: top;
  font-size: 110%;
}

	div.speisekarte_spalte1Untertitel {
	  text-align: left;
	  vertical-align: top;
	  font-size: 90%;
	  margin-left: 50px;
	}

td.speisekarte_spalte2 {
  width: 80px;
  text-align: right;
  vertical-align: top;
  font-size: 110%;
  padding-right: 20px;
}

td.speisekarte_spalte3 {
  width: 80px;
  text-align: right;
  vertical-align: top;
  font-size: 110%;
  padding-right: 20px;
}

/* --- Getraenkekarte --- */

td.getraenkekarte_kopf2 {
  text-align: left;
  font-size: 135%;
  font-weight: 600;
  background: url(bilder/unterstrich.png) no-repeat left center;
}

td.getraenkekarte_kopf2 span {
  padding-right: 15px;
}

td.getraenkekarte_kopf2 span.nob { /* nob = no border */
  padding-right: 15px;
  border-width: 0px;
}

td.getraenkekarte_kopf {
  text-align: left;
  font-size: 120%;
  font-weight: 600;
}

td.getraenkekarte_menge {
  padding: 0px;
  margin: 0px;
  text-align: right;
  vertical-align: bottom;
}

td.getraenkekarte_menge div {
  margin-right: 50px;
}

td.getraenkekarte_spalte1 {
  width: 70px;
  text-align: left;
  vertical-align: top;
  font-size: 110%;
}
td.getraenkekarte_spalte2 {
  width: 70px;
  text-align: center;
  vertical-align: top;
  font-size: 110%;
}
td.getraenkekarte_spalte2und3 {
  width: 320px;
  text-align: left;
  vertical-align: top;
  font-size: 110%;
}
td.getraenkekarte_spalte3 {
  width: 260px;
  text-align: left;
  vertical-align: top;
  font-size: 110%;
}
td.getraenkekarte_spalte4 {
  width: 60px;
  text-align: right;
  vertical-align: top;
  font-size: 125%;
  padding-right: 20px;
}
td.getraenkekarte_spalte5 {
  width: 60px;
  text-align: left;
  vertical-align: top;
  font-size: 125%;
}

/* -- Weinpreisliste -- */


.Preis_1l {
  font-size: 55%;
}

/* --- Listen-Styles innerhalb der Navigationsleiste --- */

ul.uu {
  margin-right: 10px;
  list-style-type: disc;
  text-align: left;
  vertical-align: top;
}

ul.uu li {
  font-size: 110%;
  padding: 5px;
}

ul.mf {
  margin-right: 10px;
  list-style-type: none;
  text-align: left;
  vertical-align: top;
}

ul.mf li {
  font-size: 110%;
}

/* --- Span-Styles ---*/

span.topspace {
  margin-top: 20px;
}

span.b {
  font-size: 150%;
}

span.b2 {
  font-size: 125%;
  font-weight: 600;
}

span.b3 {
  font-size: 115%;
}

span.b4 {
  font-size: 150%;
  padding-left: 120px;
}

span.b5 {
  font-size: 105%;
  font-weight: bold;
}

span.b6 {
  font-size: 150%;
  padding-left: 110px;
}

span.b_c {
  font-weight: 800;
  color: #500;
}

span.winf {
  font-size: 85%;
}

span.titl {
  font-size: 125%;
  padding-right: 15px;
}


/* --- Important Message (impmsg) (SPAN + DIV) --- */

div.impmsg_1 {
  width: 360px;
  font-size: 105%;
  /* font-weight: bold; */
  border: 3px #C90 solid;
}

div.impmsg_2 {
  padding: 8px;
  margin: 7px;
  border: 3px #C90 solid;
}

span.impmsg_3 {
  font-weight: bold;
  font-size: 120%;
}

div.stars_ctr {
	text-align: center;
	padding-top: 14px;
	padding-bottom: 6px;
}

/* -- Noscript-Styles --- */

noscript div {
  border: 1px green solid;
  padding: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
}

noscript span {
  color: red;
  font-size: 150%;
}

/* --- Link-Farben ---*/

a:link , a:visited {
  color: #600;
  text-decoration: none;
}

a:hover , a:focus {
  color: #900;
  text-decoration: underline;
}

a:active {
  color: #C00;
  text-decoration: underline;
}

a.bg {
  padding: 5px;
  background-color: #C93;
  border: 2px #500 solid;
  z-index: 5;
}

/* --- DOM-Eigenschaften der Bilderseite --- */

.o1 {
  position: absolute;
  bottom: 10px;
  left: 410px;
}

.o2 {
  position: absolute;
  top: 200px;
  left: 100px;
  z-index: 10;
  font-size: 200%;
  color: red;
}

#loading {
  font-size: 130%;;
  position: absolute;
  top: 300px;
  left: 380px;
  z-index: 8;
  visibility: hidden;
}

/* --- Sonstiges --- */