/*////////////////////////////////////////////////////////////////////////////////////////////////*/
/* Norman Geiersbach                                                                              */
/* Eitido (c) 2007                                                                                */
/* Original: Ricardo Hahn                                                                         */
/*////////////////////////////////////////////////////////////////////////////////////////////////*/

/* Elements ==============================================================*/
body {background: #FFA; text-align: center;}

h1 {font: bold 13pt Times New Roman, Serif; color: #777;}

br {clear: both;}

#nav {margin: 0; padding: 0; list-style-type: none;}

#nav li {margin: 0 0 10px 0;} 

#nav li ul {display: none; margin: 10px 0 0 0;  padding: 0; list-style-type: none;}

#nav li ul li {margin: 0 0 5px 0;} 

#nav li a {
  display: block;
  margin: 20px 0 0 0;
  padding: 0 0 0 20px;
  width: 140px;
  background: url(images/bullet.gif) no-repeat left top;
  font: 12pt Times New Roman, Serif;
  color: #C5AE4E;
  text-decoration: none;}

#pageHome #navHome,
#pageTour #navTour,
#pageRange #navRange,
#pageHistory #navHistory,
#pageReservation #navReservation,
#pageMenu #navMenu,
#pageContact #navContact,
#nav li a:hover {background: url(images/bullet_hot.gif) no-repeat left top; color: #87752C;}  

#nav li ul li a { font-size: 11pt; background: none; color: #777;}  

#nav li ul li a:hover {background: none; color: #555;}

/* Identifiers =============================================================*/
#wrapper {margin: 50px auto; width: 800px;}
  
#window {background: #FFF; border: 5px solid #C5AE4E; padding: 0 0 0 20px; width: 770px;}
  
#nav {float: left; width: 160px; text-align: left;}
  
#content {
  float: right;
  margin: 20px 0;
  padding: 0 20px 0 0;
  width: 570px;
  height: 530px;
  overflow: auto;
  text-align: left;
  color: #777;
  scrollbar-3dlight-color: #C5AE4E;
  scrollbar-highlight-color: white;
  scrollbar-darkshadow-color: #C5AE4E;
  scrollbar-shadow-color: white;
  scrollbar-base-color: #C5AE4E;
  scrollbar-face-color: #C5AE4E;
  scrollbar-track-color: white;
  scrollbar-arrow-color: white;}
  
#logo {
  display: block;
  margin: 0 auto 10px auto;
  width: 246px;
  height: 110px;
  background: url(images/logo.gif) no-repeat left top;
  font: 1px Arial;
  color: #eee;}
  
#logo span { display: none; }
  

/* GESCHICHTE */  
/* Elements ==============================================================*/
#pageHistory #content img {float: left; margin: 0 20px 20px 0;}

#pageHistory p {float: left; margin: 10px 0; width: 280px;}
				 
/* identifiers ==============================================================*/  
#pageHistory #content {overflow: hidden;}

/* Classes ===============================================================*/  
#pageHistory .img_01 {width: 190px; height: 240px;}


/*KONTAKT*/
/* Elements ==============================================================*/
#pageContact #content img {margin: 20px 0;}

#pageContact #content p {margin: 0; padding: 0;}

#pageContact #content p br {clear: none;}

#pageContact #content a {color: #C5AE4E;}
				 
/* Classes ===============================================================*/  
#pageContact .img_01 {width: 400px; height: 363px;}


/*KÜCHE*/
/* Elements ==============================================================*/
#pageRange #content img {float: left; margin: 0 20px 20px 0;}

#pageRange #content ul {float: left; margin: 10px 0; padding: 0; width: 250px;}

#pageRange #content ul li {margin: 0 0 0 15px;}

#pageRange #content br {clear: none;}

/* Classes ===============================================================*/  
#pageRange .img_01 {width: 230px; height: 154px;}


/*RESERVIERUNG*/
/* Elements ==============================================================*/
#pageReservation #content img {float: left; margin: 0 20px 20px 0;}

#pageReservation #content ul {float: left; margin: 10px 0; padding: 0; width: 300px;}

#pageReservation #content ul li {margin: 0 0 0 15px;}

#pageReservation #content br {clear: none;} 
			
/* Classes ===============================================================*/  
#pageReservation .img_01 {width: 230px; height: 232px;}


/*RUNDGANG*/
/* Elements ==============================================================*/
#pageTour #content img {float: left; margin: 0 20px 20px 0;}

#pageTour p {float: left; margin: 10px 0; width: 280px;}
																	
  /* Classes ===============================================================*/  
#pageTour .img_01 {width: 230px; height: 197px;}
#pageTour .img_02 {width: 230px; height: 232px;}
#pageTour .img_03 {width: 230px; height: 222px;}
#pageTour .img_04 {width: 190px; height: 240px;}


/*SPEISEKARTE*/
/* Elements ==============================================================*/
#pageMenu #nav li ul {display: block;}

#pageMenu table {color: #777;}

#pageMenu th {
  padding: 1px 0 1px 5px;
  background: #ECE3C4;
  text-align: left;
  font: bold 13pt Times New Roman, Serif;
  color: #C5AE4E;}

#pageMenu td {padding: 4px 0 8px 20px; font: italic 11pt Times New Roman, Serif;}

#pageMenu td h2 {display: inline; padding: 0 5px 0 0; font: bold 11pt Times New Roman, Serif;}

#pageMenu td h3 {font: bold 11pt Times New Roman, Serif; text-decoration: underline;}
  
#pageMenu #card_6 td {height: 30px;}


/* -- Common elements --------------------------------------------------------------------------- */

.editField, .textField
{	border: solid 1px #a8a8a8; width: 256px; }

.editField:hover, .editField:focus, 
.textField:hover, .textField:focus
{	border: solid 1px #545454; }


/* -- Specific elements ------------------------------------------------------------------------- */

  /* contact page elements */

#pageContact #contactContainer {}
#pageContact #contactContainer tr { vertical-align: top; }
#pageContact #contactContainer td { padding-bottom: 4px; }
#pageContact #contactContainer .contactContainerLeft { padding-right: 12px; text-align: left; }
#pageContact #contactContainer .contactContainerRight { padding-left: 12px;	padding-right: 2px;	text-align: right; }