/* Allgemeine Stildefinitionen */
* {
  font-size: 100.1%;
  font-family: arial, helvetica, sans-serif;
  margin: 0; padding: 0;
}
body {
  font-size: 0.75em;
  text-align: center;
  color: #333;
  margin-top: 20px;
  background: #5b1427 url(layout/bodybg.jpg) no-repeat left top;
}
a img {
  border: 0;
}
.clear {
  font-size: 1px; height: 1px;
  overflow: hidden;
  clear: both;
}
label, .toggler {
  cursor: pointer;
}
td, th {
  vertical-align: top;
}
.onlyprint  {
  display: none;
}
img.mime_icon {
  vertical-align:middle;
}
.invisible {
  display: none;
}

/*
  Definition der Inhaltsboxen, vor allem
  - Größe und Position
  - Hintergrundbilder/-farbe
  - Abstände zum Text
  - Abstände zu anderen Boxen
*/
#wrapper {
  text-align: left;
  margin: 0 auto 0 auto;
  width: 874px;
  padding: 0;
}
#header {
  width: 874px; height: 84px;
  position: relative;
  margin-bottom: 20px;
}
#container {
  width: 872px; w\idth: 858px; 
  height: 390px; he\ight: 375px;
  padding: 7px 7px 8px 7px; overflow: hidden;
  border: 1px solid #d0a5ab;
  margin-bottom: 10px;
}
#main {
  position: relative;
  width: 293px; w\idth: 263px; 
  height: 375px; he\ight: 345px;
  padding: 15px 15px 15px 15px;
  float: left; overflow-y: scroll;
  background: #cdad9f;
}
#main #content {
  position: relative;
  float: left;
  width: 243px; 
}
#left {
  width: 180px; w\idth: 162px; 
  height: 375px; he\ight: 345px;
  padding: 18px 0px 12px 18px;
  float: left; overflow: hidden;
  background: #e5d6ce url(layout/menbg.gif) no-repeat 0px 58px;
}
#right {
  width: 385px; height: 375px;
  float: right; overflow: hidden;
  background: #f5efec;
}
#footer {
  clear: both;
  width: 874px;
  position: relative;
  padding-bottom: 17px;
  font-size: 0.9em;
}

/* Logo im Header */
#header #headlogo a {
  display: block;
  width: 900px;
  height: 84px; he\ight: 0px; overflow: hidden;
  padding: 84px 0 0 0;
  background: url(layout/headlogo.png) no-repeat left top!important;
  background: url(layout/headlogo.gif) no-repeat left top;
} 

/* linke Spalte: Navigation */
#left .mod_navigation ul {
  list-style: none;
  font-size: 1.1em;
}
#left .mod_navigation li {
  line-height: 1.8em;
}
#left .mod_navigation li a {
  display: block;
  color: #5c5955;
  text-decoration: none;
}
#left .mod_navigation li a.active,
#left .mod_navigation li a:hover {
  color: #5b1427;
}
#left .mod_navigation ul ul {
  font-size: 1.0em;
}
#left .mod_navigation li li {
  margin-left: 10px;
}
#left .mod_navigation li li a {
  padding-left: 12px;
  background: url(layout/menlibg.png) no-repeat left middle!important;
  background: url(layout/menlibg.gif) no-repeat left 8px;
}


/* Standard-Stilangaben */
#main h1 {
  font-size: 1.2em;
  margin-bottom: 1.5em;
}
#main h2 {
  font-size: 1.0em;
  margin-bottom: 0.8em;
  color: #93203f;
}
#main h3 {
  font-size: 1em;
  margin-bottom: 0.8em;
}
#main p, #main table, #main ul, #main ol {
  margin-bottom: 1.3em;
}
#main ul, #main ol {
  margin-left: 1.5em;
}
#main table {
  width: 230px;
}
#main table td.col_1 {
  width: 50px;
  text-align: right;
}
#main a {
  color: #333;
}
#main a:hover {
  text-decoration: none;
}

/* Seitenwahl */
#main .pagination {
  margin: 0;
  padding: 0;
}
#main .pagination p {
  margin: 0;
  padding: 0;
}
#main .pagination ul {
  margin: 0; padding: 0;
  list-style: none;
}
#main .pagination ul li {
  float: left;
  margin: 0 0.8em 0 0;
  padding: 0;
  background: none;
}
#main .pagination ul li .pagination_current {
  color: #666;
  font-weight: bold;
}

/* Formulare */
#main .formbody label {
  clear: left;
  display: block; float: left;
  width: 85px;
  margin: 0px 0px 2px 0px; padding: 1px;
}
#main .formbody p {
  margin: 5px 0px 2px 0px;
}
#main p.error {
  color: #93203f;
}
#main .formbody div.error,
#main .formbody label.error {
  color: #9d374f;
}
#main .formbody input.captcha,
#main .formbody input.text {
  width: 145px;
  margin: 0px 0px 2px 0px;
  padding: 1px;
  border: 1px solid #999;
  background: #dbc5bb;
}
#main .formbody input.captcha {
  width: 60px;
}
#main .formbody textarea {
  width: 145px; height: 40px;
  margin: 0px 0px 2px 0px;
  padding: 1px;
  border: 1px solid #999;
  background: #dbc5bb;
}
#main .formbody input.error {
  border: 1px solid #9d374f;
}
#main .formbody label.error {
  font-weight: bold;
  color: #9d374f;
}
#main .formbody .checkbox_container {
  padding-left: 110px;
}
#main .formbody .checkbox_container span {
  clear: left;
  display: block;
  margin-bottom: 1px;
}
#main .formbody .checkbox_container input.checkbox {
}
#main .formbody .checkbox_container label {
  display: inline; float: none;
  width: 300px;
}
#main .formbody .submit_container {
  margin: 5px 0px 0px 105px;
  padding: 1px;
}
#main .formbody br {
  clear: left;
  font-size: 1px; height: 1px;
}
/* Datumsfeld */
#main .formbody #ctrl_7 {
  width: 120px;
}
#main .formbody button.calendar {
  position: relative; top: -2px;
}
#main .formbody div.row_10 {
  width: 150px; float: left;
  margin-right: 5px;
}

/* Newsletter */
#main .mod_subscribe,
#main .mod_unsubscribe {
  margin-bottom: 1.5em;
}
#main .mod_subscribe label,
#main .mod_unsubscribe label {
  width: 45px;
}
#main .mod_subscribe input.text,
#main .mod_unsubscribe input.text {
  width: 100px;
  float: left;
  margin-right: 10px;
}
#main .mod_subscribe input.submit,
#main .mod_unsubscribe input.submit {
  width: 79px; text-align: center;
  height: 20px; he\ight: 19px;
  padding-top: 1px; color: #fff;
  font-size: 0.9em;
  border: 0;
  background: url(layout/btn_leer79.gif) no-repeat left top;
}

/* Footer: Copyright und Servicenavigation */
#footer {
  color: #f5efec;
}
#footer a {
  color: #f5efec;
  text-decoration: none;
}
#footer a:hover {
  text-decoration: underline;
}
#footer .mod_navigation {
  float: left;
  margin-right: 10px;
}
#footer .mod_navigation ul {
  list-style: none;
}
#footer .mod_navigation li {
  display: inline;
  font-weight: bold;
}
#footer .mod_navigation li a {
  margin-right: 4px;
  padding-right: 4px;
  border-right: 1px solid #fff;
}
#footer .mod_navigation li a.impressum {
  margin-right: 0;
  padding-right: 0;
  border-right: 0;
}
#footer #anschrift {
  float: right;
}


/* seitenspezifische Angaben */
.anfahrt #main {
  background: #cdad9f url(layout/anfahrtsplan.gif) no-repeat left top;
}
.startseite .image_container {
  text-align: center;
  padding: 40px 0 0 0;
}
.reservierung #main h1 {
  margin-bottom: 0.5em;
}
.specials #main h2 {
  float: left;
  clear: left;
  margin: 0 2px 0 0;
}
.specials #main p {
  margin-bottom: 0.7em;
}
.getraenke #main strong {
  display: block; margin-bottom: -0.8em;
}
.getraenke #main em {
  display: block; margin-bottom: -0.8em;
}

/* Scollbar */
.vScrollbar {
  position: absolute; left: 268px; top: 15px;
	float: left;			
}
.hScrollbar {
	clear: both;	
}
.vTrack {
	height: 320px;
	width: 12px;
	position: relative;
	background: #dbc5bb;
	border: 1px solid #c89793;
	overflow: hidden;			
}
.hTrack {
	float: left;
	height: 15px;
	width: 255px;
	position: relative;
	background: #dbc5bb;
	overflow: hidden;			
}
.vThumb, .hThumb {
	position: absolute;
	top: 0;
	left: 0;
	height: 15px;
	width: 15px;
	background: #b16369;
	overflow: hidden;
}
.arrowUp, .arrowDown, .arrowLeft, .arrowRight, .corner {
	width: 14px; height: 11px;
	background: #777;
	overflow: hidden;						
}
.arrowUp {
  background: url(layout/scroll_up.gif) no-repeat left top;				
}
.arrowDown {
  background: url(layout/scroll_down.gif) no-repeat left top;				
}
.arrowLeft, .arrowRight, .corner {
	float: left;
}	
.corner {
	background: #000;
}	



/* Optimierung von Sumax */
#opti a:link { color: #5C5955; text-decoration: none; }
#opti a:visited { color: #5C5955; text-decoration: none; }
#opti a:hover { color: #3C3935; text-decoration: none; }

#opti {
 margin: 30px 0 20px 0;
 color: black;
}

#opti p {
 margin-top: 10px;
 text-align: justify;
}

#opti h1 {
 font-size: 14px;
}