/*
 * Hotel Pod Piorem Stylesheets
 *
 */

/*
 * content logical padding
 * padding: 50px 50px 50px 25px;
 *
 */

/*
 * color values
 * blue: #283e64;
 * light-blue: #d8dce8;
 * photo-bg: #939eb1;
 * highlight: #fdf6d8;
 * tile-bg: #fefaec;
 */


body {
  color: #283e64;
  background-color: #d8dce8;
  font-family: "Verdana", sans-serif;
  font-size: 12px;
  background-image: url(../pic/bg-blue.gif);
  background-repeat: repeat;
  min-width: 800px;
  min-height: 600px;
  margin: 0;
  padding: 0;
}

p {
  padding: 0;
  margin: 1em 0 1.5em 0;
  line-height: 150%;
}

h1 {
  padding: 0;
  margin: 0 0 1.5em 0;
  line-height: 150%;
  font-size: 100%;
  font-weight: bold;
}

img, a img { 
  border: none;
}

a { 
  text-decoration: none;
  color: #283e64;
  font-weight: bold;
}

a:hover {
  text-decoration: underline;
  color: #283e64;
}

.mail { font-size: 18px; margin-left: 2em; }

table { 
  text-align: left;
  border: none;
  padding: 0;
  margin-left: 0;
  margin-right: 0;
}

tr {
  padding: 0;
  margin-left: 0;
  margin-right: 0;
}

table.dates { 
  height: 60px;
  font-size: 12px;
}

td {
  vertical-align: top;
  padding: 0;
  margin-left: 0;
  margin-right: 0;
}

table.menue td { 
  padding-right: 3px;
}

table.menue td+td {
  text-align: right; 
  padding-right: 3px;
}

#main {
  position: absolute;
  top: 20px;
  left: 50%;
  margin-left: -400px;
  width: 800px;
  height: 600px;
  background-color: transparent;
  overflow: hidden;
  padding: 0;
}

/* ie5 mac backslash hack \*/
#main {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -300px;
  margin-left: -400px;
  width: 800px;
  height: 600px;
}
/* end hack */

#ltop {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 135px;
  height: 32px;
  background-color: transparent;
  background-image: url(../pic/ecke-oben.gif);
}
#lbottom {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 135px;
  height: 32px;
  background-color: transparent;
  background-image: url(../pic/ecke-unten.gif);
}

#menu {
  position: absolute;
  top: 32px;
  left: 0px;
  background-color: #283e64;
  width: 135px;
  height: 536px;
  overflow: visible;
}
#curve {
  position: absolute;
  top: 0px;
  left: 135px;
  width: 121px;
  height: 600px;
  background-color: #fefaec;
}
#center {
  position: absolute;
  top: 0px;
  left: 256px;
  width: 512px;
  height: 600px;
  background-color: #fefaec;
  background-image: url(../pic/bg.gif);
  background-repeat: repeat;
}
#right {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 32px;
  height: 600px;
  background-color: transparent;
}

#alt6 {
  display: none;
}

#alt1, #alt2, #alt7, #alt9, #alt10, #alt11 {
  position: absolute;
  top: 48px;
  right: 50px;
  width: 615px;
  height: 252px;
  overflow: hidden;
  background-color: transparent;
}
#album {
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 1px 1px 1px 0;
  width: 148px;
  height: 500px;
  overflow: hidden;
  background-color: #939eb1;
}
#arrival { 
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 1px 1px 1px 0;
  width: 148px;
  height: 250px;
  overflow: hidden;
  background-color: #939eb1;
}

#gap{
  position: absolute;
  top: 0px;
  right: 149px;
  width: 51px;
  height: 252px;
  padding: 0;
  background-color: #939eb1;
}
#photo {
  position: absolute;
  top: 0px;
  left: 0px;
  border: none;
}
#album img {
  float: left;
  margin: 1px 1px 1px 1px;
  border: none;
  cursor: pointer;
}

#arrival img#th1 { 
  position: absolute;
  top: 1px;
  margin: 1px 1px 1px 1px;
  border: none;
  cursor: pointer;
}
#arrival img#th2 {
  position: absolute;
  top: 151px;
  margin: 1px 1px 1px 1px;
  border: none;
  cursor: pointer;
}

#design {
  position: absolute;
  top: 30px;
  right: 50px;
  width: 150px;
  height: 124px;
  overflow: hidden;
  background-color: transparent;
}

#content0, #contact {
  position: absolute;
  top: 290px;
  right: 50px;
  width: 150px;
  height: 124px;
  overflow: hidden;
  background-color: transparent;
}

#content8 {
  position: absolute;
  top: 290px;
  left: 235px;
  width: 314px;
  height: 250px;
  overflow: hidden;
  background-color: transparent;
}

#content1, #content2, #content7, #content9, #content10, #content11 {
  position: absolute;
  top: 350px;
  left: 235px;
  width: 314px;
  height: 200px;
  overflow: hidden;
  background-color: transparent;
}

#content3 { 
  display: none;
}

#content6, #content4 {
  position: absolute;
  top: 50px;
  left: 235px;
  width: 314px;
  height: 500px;
  overflow: hidden;
  background-color: transparent;
}

#ad {
  position: absolute;
  top: 50px;
  right: 0px;
}

#alt5 {
  position: absolute;
  top: 49px;
  right: 50px;
  width: 522px;
  height: 296px;
  overflow: hidden;
  background-color: transparent;
}

#up0, #down0, #up3, #down3 { 
  display: none;
}
#up8 {
  position: absolute;
  top: 290px;
  left: 564px;
  border: none;
  cursor: pointer;
}

#up1, #up2, #up7, #up9, #up10, #up11 {
  position: absolute;
  top: 350px;
  left: 564px;
  border: none;
  cursor: pointer;
}
#down1, #down2, #down7, #down9, #down10, #down11, #down8 {
  position: absolute;
  top: 529px;
  left: 564px;
  border: none;
  cursor: pointer;
}
#up6, #up4 {
  position: absolute;
  top: 50px;
  left: 564px;
  border: none;
  cursor: pointer;
}
#down6, #down4 {
  position: absolute;
  top: 529px;
  left: 564px;
  border: none;
  cursor: pointer;
}

.column1 {
  float: left;
  width: 162px;
  height: 296px;
  padding: 0 5px 0 5px;
  background-color: transparent;
}
.column2 {
  float: left;
  width: 160px;
  height: 296px;
  padding: 0 5px 0 5px;
  background-color: transparent;
  border-left: 2px solid #939eb1;
}
p.prices {
  margin-top: 16px;
  line-height: 110%;
  font-weight: bold;
}

#content5 {
  position: absolute;
  top: 384px;
  left: 235px;
  width: 314px;
  height: 166px;
  overflow: hidden;
  background-color: transparent;
}

#scrollable {
  position: absolute;
  top: 0;
  width: 100%;
  padding: 0;
  margin: 0;
  background-color: transparent;
}

#up5 {
  position: absolute;
  top: 384px;
  left: 564px;
  border: none;
  cursor: pointer;
}
#down5 {
  position: absolute;
  top: 529px;
  left: 564px;
  border: none;
  cursor: pointer;
}
#logo {
  position: absolute;
  bottom: 50px;
  right: 50px;
}

#link {
  position: absolute;
  bottom: 50px;
  right: 250px;
}

#lang {
  position: absolute;
  top: 472px;
  padding: 0;
  left: 25px;
  background-color: transparent;
}

#lang a { 
  display: block;
  padding: 6px 0 6px 0;
}

#lang a img { 
  display: inline;
}
#pl, #en, #de { padding-left: 5px; }
#o { 
  position: absolute;
  top: 50px;
  left: 135px;
  width: 456px;
  height: 219px;
  background-image: url(../pic/hotel-start-1.jpg);
  background-repeat: no-repeat;
}

#u { 
  position: absolute;
  top: 269px;
  left: 135px;
  width: 319px;
  height: 281px;
  background-image: url(../pic/hotel-start-2.jpg);
  background-repeat: no-repeat;
}


#a1, #a2, #a3, #a4, #a5, #a6, #a7, #a8 { 
  position: absolute;
  top: 268px;
  left: 25px;
  padding: 0;
}
#a2 { top: 298px; }
#a3 { top: 328px; }
#a4 { display: none; }
#a5 { top: 358px; }
#a6 { top: 358px; }
#a7 { top: 388px; }
#a8 { top: 507px; }

#a9, #a10, #a11 { 
  position: absolute;
  top: 360px;
  left: 256px;
  padding: 0;
}
#a10 { top: 390px; }
#a11 { top: 420px; }

#less { 
  position: absolute;
  top: 0px;
  left: 1px;
  cursor: pointer;
}

#more { 
  position: absolute;
  bottom: 0px;
  left: 1px;
  cursor: pointer;
}


input { 
  background-color: white;
  border: solid 1px #939eb1;
}

#content4 table {
  width: 100%;
}


label#lcomments {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  width: 100%;
}

#content6 table {
  margin-top: 12px;
  margin-bottom: 2px;
  width: 312px;
}

#content6 table tr td {
  padding: 0;
  vertical-align: top;
}

#content6 table tr td+td {
  text-align: right;
}

#day_from, #day_to, #month_from, #month_to, #year_from, #year_to {
  margin-left: 10px;
}

textarea#comments { 
  background-color: white;
  border: solid 1px #939eb1;
  display: block;
  width: 310px;
  height: 42px;
  margin-bottom: 16px;
}

label#lname, label#lemail, label#ltelephone, label#lcountry, label#llogin, label#lpassword { 
  width: 90px;
  margin-bottom: 10px;
}

input#name, input#email, input#telephone, input#country, input#login, input#password { 
  width: 220px;
  margin-bottom: 10px;
}

input.button { 
  background-color: white;
  border: solid 1px #939eb1;
  margin: 10px 0 10px 0;
  cursor: pointer;
}

input.button:hover { 

}

#sound {
  position: absolute;
  padding: 0;
  margin: 0;
  top: 48px;
  left: 25px;
}

/* admin css */

#uc0, #uc1, #uc2, #uc3, #uc4, #uc5,
#uc6, #uc7, #uc8, #uc9, #uc10, #uc11,
#ua0, #ua1, #ua2, #ua3, #ua4, #ua5,
#ua6, #ua7, #ua8, #ua9, #ua10, #ua11 {
  display: block;
  border: solid 1px #939eb1;
  background-color: white;
  margin: 0;
}

#uc0 { 
  width: 146px;
  height: 90px;
}

#uc1, #uc2, #uc7, #uc9, #uc10, #uc11 {
  width: 310px;
  height: 165px;
}

#uc3 { display: none; }

#uc5 { 
  width: 310px;
  height: 135px;
}

#uc6 {
  margin-top: 280px;
  width: 310px;
  height: 120px;
}

#uc4 {
  width: 310px;
  height: 400px;
}

#uc8 {
  width: 310px;
  height: 200px;
}

#ua5 {
  width: 310px;
  height: 200px;
}


/* new price list style */

#alt5 table {
  margin: 0;
  padding: 0;
  width: 100%;
  border: none;
}

#alt5 table td {
  padding: 4px;
}

col.price { 
  text-align: right;
}

#alt5 table td+td, #alt5 table th+th {
  text-align: right;
}