* {
  padding: 0px;
  margin: 0px;
  color: #504730;
  -moz-box-sizing: border-box;
}

p {
  margin-bottom: 1em;
}


/*
 Alignment
 */
#outer {width: 100%; height: 100%;; overflow: hidden; position: relative;}
#outer[id] {display: table; position: static;}
#middle {width: 100%; position: absolute; top: 50%;} /* for explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; position: static;}
#inner {position: relative; top: -50%} /* for explorer only */
#inner {width: 100%; text-align: center;}


/*
 Backgrounds
 */
#background-top,
#background-bottom {
  position: absolute;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
}

#background-top {
  z-index: -1;
  background-image: url(../images/bg-top.jpg);
  background-position: top left;
}
#background-bottom {
  z-index: -2;
  background-image: url(../images/bg-bottom.jpg);
  background-position: bottom right;
}


/*
 Card definition
 */
#card {
  margin: 0px auto;
  text-align: left;
  width: 760px;
  /*height: 460px;*/
  min-height: 440px;
  background-color: #F3F0E6;
  border: 1px solid #B0A58E;
  padding: 20px;
  background-image: url(../images/bg-card.jpg);
  background-position: bottom right;
  background-repeat: no-repeat;
}


/*
 Heading
 */
div#header {
  height: 100px;
  /*margin-bottom: 20px;*/
}
img#title1 {
  float: right;
  margin-top: 20px;
}
img#title2 {
  float: right;
  margin-bottom: 20px;
  clear: right;
}
img#portrait {
  float: left;
  border: 0px;
}
 

/*
 Menu
 */
div#menu {
  margin-top: 20px;
}
div#menu ul,
div#menu ul li{
  list-style-type: none;
}
div#menu ul li{
  background-image: url();
  background-position: top left;
  background-repeat: no-repeat;
}
div#menu ul li.menuItemSelected,
div#menu ul li.menuItemHover {
  background-image: url(../images/menu-active.gif);
}
div#menu {
  width: 250px;
  padding-top: 20px;
  float: left;
}
div#menu img{
}
div#menu a img{
  border: 0px;
}


/*
 Content area
 */
div#content {
  margin-top: 20px;
}
div#content {
  width: 465px;
  height: 300px;
  overflow: scroll;
  overflow-x: hidden;
  overflow-y: auto;
}
table tr th {
  text-align: left;
  vertical-align: top;
}
table tr th,
table tr td {
  padding: 2px 5px;
}
table tr th:first-child,
table tr td:first-child {
  padding-left: 0px;
}
#hotelTable {
  width: 100%;
}
#hotelTable .hotelName {
}
#hotelTable .hotelPriceDouble {
  width: 4em;
  text-align: right;
}
#hotelTable .hotelPriceSingle {
  width: 4em;
  text-align: right;
}
#hotelTable .hotelDistance {
  width: 7em;
  text-align: right;
}
p.invitationTitle {
}
p.invitationSubTitle {
  font-weight: bold;
  font-size: 1.2em;
}
p.invitationEnd {
  font-size: 0.8em;
}
img.image {
  float: right;
  border: 1px solid #504730;
  margin: 0px 0px 5px 5px;
}
img.image a{ 
  border: 0px;
}


/*
 Image gallery
 */
div#imageGallery div.imageElement {
	float:	left;
	margin:	1px;
	/*width: 160px;*/
	/*height: 110px;*/
	text-align: center;
	margin-bottom: 10px;
}
div#imageGallery div.imageElement a {
	border: 0px;
	text-align: center;
	font-size: 11px;
	color: #777;
}
div#imageGallery div.imageElement img {
	border: 1px solid grey;
	height:	108px;
}
div#picasaLink {
	margin-bottom: 10px;
}
div#picasaLink a {
}