html, body {
  background-color: #627f00;
  background-image: url('../images/body_bg.jpg');
  background-repeat: repeat-x;
  font-size: 11px;
}

body {
  text-align:center;
  padding:0px 0px;
}
.clear {
  clear:both;
}

.content {
  margin:0px 35px;
  padding:51px 0px;
  min-height: 200px;
  font-size: 11px;
  line-height: 16px;
}
.content ul {
  margin:0px 0px 10px 0px;
}
.content li {
  margin:2px 0px 2px 20px;
  list-style-image: url('../images/li.jpg');
  list-style-position: outside;
}

.content p {
  padding-bottom:10px;
  text-align: justify;
}
.content img {
  border:solid 5px #d9dc38;
  cursor: pointer;
}
.content h1 {
  color: #162a63;
  font: normal 30px 'Verdana','Arial CE','Arial',Sans-serif;
}
.content h2 {
  color: #162a63;
  font: normal 25px 'Verdana','Arial CE','Arial',Sans-serif;
  padding-bottom:25px;
}
.content h3 {
  color: #162a63;
  font: bold 12px 'Verdana','Arial CE','Arial',Sans-serif;
  padding:15px 0px;
}
.content a {
  color: #162a63;
  text-decoration: underline;
}
.content a:hover {
  color:#c9001a;
}
.content textarea {
  width:auto;
}
.content input.button {
  color: #162a63; 
  font-weight:bold; 
  border: none; 
  background-color: #fff;
  cursor: pointer;
}
.content table {
  table-layout: fixed;
  border-collapse: collapse;
  empty-cells: show;
  margin:10px 0px;
}
.content table th {
  background-color:#eee;
  border:solid 1px #ccc;
  color: black;
  font-weight: bold;
  padding:3px;
  text-align: center;
}
.content table td {
  border:solid 1px #ccc;
  color: black;
  padding:3px;
}

table.questionary {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  border: none;
  empty-cells: show;
  margin:10px 0px;
}
table.questionary th {
  text-align: center;
  font-weight: bold;
  padding:0px 3px;
  border-bottom: solid 1px #ccc;
  border-top: solid 1px #ccc;
  height:20px;
}
table.questionary td {
  text-align: center;
  padding:0px 3px;
  border-bottom: solid 1px #ccc;
  border-top: solid 1px #ccc;
  height:20px;
}
table.questionary td.itemGroup {
  text-align: left;
  font-weight: bold;
  background-color: #eee; 
}
table.questionary td.item {
  text-align: right;
}

table.reservations {
  table-layout: fixed;
  width: auto;
  border-collapse: collapse;
  border: none;
  empty-cells: show;
  margin-bottom:10px;
}
table.reservations th, 
table.reservations td  {
  text-align: center;
  font-weight: bold;
  padding:0px 3px;
  height:20px;
  width: 16px;
  border: solid 1px #ccc;
}
table.reservations td.reserved {
  background-color: #162a63;
  color: white;
}
table.reservations th {
  background-color: #eee;
  text-align: center;
}
table.reservations th.date,
table.reservations td.room {
  width: 120px;
  text-align: right;
}
table.reservations th.weekend {
  background-color: #ccc;
}
table.reservations td.weekend {
  background-color: #eee;
}
p.error {
	font-weight:bold;
	background-color:#c9001a;
	padding:10px;
	color:white;
}
p.ok {
	font-weight:bold;
	background-color:#627f00;
	padding:10px;
	color:white;
}
table.reservation {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  border: none;
  empty-cells: show;
  margin:10px 0px;
}
table.reservation th {
  text-align: center;
  font-weight: bold;
  padding:0px 3px;
  border-bottom: solid 1px #ccc;
  border-top: solid 1px #ccc;
  height:20px;
}
table.reservation td {
  text-align: center;
  padding:0px 3px;
  border-bottom: solid 1px #ccc;
  border-top: solid 1px #ccc;
  height:20px;
}
table.reservation td.error {
	font-weight:bold;
	color:#c9001a;
}
table.reservation td.itemGroup {
  text-align: left;
  font-weight: bold;
  background-color: #eee; 
}
table.reservation td.item {
  text-align: right;
}
table.reservation td.input {
  text-align: left;
  width:650px;
}

/* PAGE ***********************************************************************/
#page {
  height:auto;
  width:920px;
  background-color:white;
  margin:25px auto;
  text-align:left;
  position: relative;
}

/* HEADER *********************************************************************/
#pageHeader {
  height:265px;
  background-image:url('../images/page_header_bg.jpg');
  background-repeat:no-repeat;
  background-color:#d9dc38;
}
#pageHeader ul {
  position: absolute;
  left: 25px;
  top: 24px;
}
#pageHeader li {
  float:left;
  display:block;
  width: 28px;
  height: 28px;
  overflow: hidden;
}
#pageHeader li a {
  display:block;
  width: 28px;
  height: 28px;
  overflow: hidden;
  position: relative;
}
#pageHeader li a span {
  display:block;
  width: 28px;
  height: 28px;
  position: absolute;
  left: 0px;
  top: 0px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  z-index: 999;
  cursor: pointer;
}
#pageHeader #sk span {
  background-image: url('../images/sk.jpg');
}
#pageHeader #hu span {
  background-image: url('../images/hu.jpg');
}
#pageHeader #en span {
  background-image: url('../images/en.jpg');
}

/* MENU ***********************************************************************/
#pageMenu {
  height:35px;
  padding:0px 25px;
  background-image:url('../images/page_menu_bg.jpg');
  background-repeat:repeat-y;
  background-color:#d9dc38;
}
#pageMenu ul {
  margin:0px;
  padding:0px;
  float:left;
  width:100%;
}
#pageMenu li {
  float:left;
  position: relative;
  margin:0px;
  padding:0px;
  height:25px;
  cursor: pointer;
}
#pageMenu a {
  padding: 0px;
  margin: 0px;
  text-decoration:none;
  font-weight:bold;
  color: #162a63;
  cursor: pointer;
}
#pageMenu a span {
  padding:5px 15px 5px;
  display:block;
  font-size: 13px;
}
#pageMenu ul li ul {
  position: absolute;
  display: none;
  width: auto;
}
#pageMenu ul li ul li {
  width: 100%;
}
#pageMenu .level0 li {
  color:#162a63;
}
#pageMenu .level0 li.hover,
#pageMenu .level0 li.hover a {
  background-color:#162a63;
  color: white;
}
#pageMenu .level1 {
  top:100%; 
  left:0px;
  border-bottom: solid 1px #50649b;
  background-color:#162a63;
}
#pageMenu .level1 li {
  border-top: solid 1px #50649b;
  width:250px;
}
#pageMenu .level1 li a {
  color: white;
  background-color:#162a63;
}
#pageMenu .level1 li.hover,
#pageMenu .level1 li.hover a {
  background-color:#3d4e7d;
}
#pageMenu #level0_city {
  float:right;
}

/* BODY ***********************************************************************/
#pageBody {
  height:auto;
  background-image:url('../images/page_body_bg.jpg');
  background-repeat:repeat-y;
}
#pageBodyContent {
  height: auto;
  _height:460px;
  min-height:460px;
  background-image:url('../images/page_body_content_bg.jpg');
  background-repeat:no-repeat;
}

/* ADDRESS ********************************************************************/
#pageAddress {
  height:106px;
  background-image:url('../images/page_address_bg.jpg');
  background-repeat:no-repeat;
  background-color: #d9dc38;
}
#pageAddress address {
  padding-top:67px;
  font-family: 'Verdana','Arial CE','Arial',Sans-serif;
  font-size:11px;
  color: #162a63;
  text-align:center;
}
#pageAddress address a {
  color: #162a63;
  text-decoration: underline;
}
#pageAddress address a:hover {
  color:#c9001a;
}

/* FOOTER *********************************************************************/
#pageFooter {
  height:44px;
  background-image:url('../images/page_footer_bg.jpg');
  background-repeat:no-repeat;
  background-color:#c30013;
}
#pageFooter cite {
  display:block;
  width:900px;
  height:26px;
  position:relative;
  left:10px;
  top:0px;
  padding-top:9px;
  color:white;
  text-align:center;
  font-style: italic;
  font-weight: bold;
  font-size: 12px;
  overflow: hidden;
}
#pageFooter cite span {
  width:900px;
  height:35px;
  display: block;
  position: absolute;
  top: 0px;
  left:0px;
  background-position: -10px 0px;
  background-repeat: no-repeat;
}