/* LAYOUT -------------------------------------------------------------- */

html {
  
}

body {
	font-size: 13px;
  background:#eeeeee url('img/back.png') repeat-y left top;	
	font-family: Arial, Tahoma, Verdana;
	margin: 0px;
	color:#000;
}

#bodyContainer {
  background-image:url('img/bodyback.jpg');
  background-repeat:no-repeat;
}

#leftContainer {
  float:left;
  width:280px;
  min-height:700px;
  background:transparent url('img/back.jpg') no-repeat left top;
  font-size:12px;
}
#langContainer {
  text-align:center;
  margin-bottom:5px;
}
#langContainer img {
  border:1px solid white;
}

#centerContainer {
  float:left;
  width:231px;
  min-height:700px;
}
#menuContainer {
  padding-top:20px;
}
#menu {
  padding:10px 0;
}

#rightContainer {
  position:absolute;
  top:0;
  left:511px;
  padding:20px;
  text-align:justify;
  line-height:140%;
  float:left;
  width:460px;
}

#slideShow {
  border:1px solid #663300;
  width: 460px; 
  height: 200px; 
  padding:0; 
  margin:0; 
  overflow: hidden;
}



/* LAYOUT -------------------------------------------------------------- */


/* MODULES ------------------------------------------------------------- */

.moduleContainer {
  width:244px;
  margin-left:18px;
  margin-bottom:10px;
}

.moduleTop {
  width:244px;
  height:8px;
  background:transparent url('img/mod_top.png') no-repeat;
}

.moduleContent {
  width:244px;
  background:transparent url('img/mod_back.png') repeat-y;
}

.moduleContent {
  color:#fff;
}

.moduleContent a{
  color:#fff;
}

.moduleBottom {
  width:244px;
  height:8px;
  background:transparent url('img/mod_bot.png') no-repeat;
}

.moduleBody {
  padding:5px;
}

/* MODULES ------------------------------------------------------------- */

/* RESERVATION ------------------------------------------------------------------- */

/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(img/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 100px;
	float: left;
}

#reservationTable{
  background-color:#efe6df;
  border-left: 1px solid #e9c1a8;
  border-top: 1px solid #e9c1a8;
}
#reservationTable td, #reservationTable th {
  text-align:left;
  vertical-align:middle;
  padding:5px 8px;
  border-bottom:1px solid #e2a882;
  border-right:1px solid #e2a882;
}
#reservationTable tr.booked {
  background-color:#e9c1a8;
  font-weight:bold;
}
#reservationTable th {
  background-color:#da7839;
  color:white;
}

.required {
  font-size:16px;
  font-weight:bold;
  color:red;
  padding-left:5px;
}

.error {
  font-size:11px;
  color:red;
  margin:0 2px;
}  
  

/* RESERVATION ------------------------------------------------------------------- */


/* CONTENT -------------------------------------------------------------- */

a {
  color:#663300;
}

h1 {
  font-size:18px;
  margin:0 0 10px 0;
  font-weight:normal;
}

p {
  margin:5px 0;
}

td, th{
  font-size:12px;
}

#content table{
  background-color:#efe6df;
  border-left: 1px solid #e9c1a8;
  border-top: 1px solid #e9c1a8;
}
#content table td, #content table th {
  text-align:left;
  vertical-align:middle;
  padding:5px 8px;
  border-bottom:1px solid #e2a882;
  border-right:1px solid #e2a882;
}
#content table th {
  background-color:#da7839;
  color:white;
}

/* CONTENT -------------------------------------------------------------- */


/* FORMS -------------------------------------------------------------------- */ 

form {
  padding:0;
  margin:0;
}

input[type="button"], input[type="submit"], input[type="reset"] {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-left:0;
  border-top:0;
  border-right: 1px solid #ae602f;
  border-bottom: 1px solid #ae602f;
  background: #da7839;
  color: #FFF;
  font-weight: bold;
  text-transform:uppercase;
  font-size:12px;
  padding:5px;
  text-align:center;
  margin:5px 0;
  cursor:pointer
}

/* FORMS -------------------------------------------------------------------- */
