/* ==================================== */
/*  WienTourismus CSS : Hotel, Event and Packages Styles  */
/* ==================================== */

#mainContent .booking a:hover,
#mainContent .booking a:focus,
#mainContent .booking a:active,
#mainContent .event a:hover,
#mainContent .event a:focus,
#mainContent .event a:active,
#mainContent .package a:hover,
#mainContent .package a:focus,
#mainContent .package a:active {
  color: black;
}

/* --- Hotel ------------------------------------------------ */

/*--- Hotel Search and Searchlisting -------------------------*/

.hotelSearch .threeContentBoxOuter {
  margin-bottom: 2.5em;
}

.hotelSearch .searchLink {
  margin: -2em 0 2.67em;
  text-align: right;
}

#hotelSimple {
  border-bottom: 1px solid #AAAAAA;
  margin: 0 -1.16em 0;
  padding: 0 1.17em;
}

#hotelSearchForm .location {
  float: left;
  margin-bottom: 0;
  width: 22em;
}

#hotelSearchForm .location select {
  width: 100%;
}

#hotelSearchForm .date {
  clear: none;
  float: left;
  margin-bottom: 0;
  margin-left: 1.5em;
  width: 9em;
}

#hotelSearchForm .date input {
  float: left;
  width: 5.7em;
}

#hotelSearchForm .date img {
  cursor: pointer;
  margin-left: 0.5em;
}

#hotelSearchForm .stays {
  font-size: 1em;
  margin-bottom: -1em;
  padding: 0 0 0 23.5em;
}

#hotelRooms {
  float: left;
  margin-bottom: 0;
}

#hotelRooms label {
  margin-bottom: -0.3em;
}

#hotelRooms input {
  float: left;
  width: 1.5em;
}

#hotelRooms select {
  margin: 0 1.2em 0 0.5em;
  width: 17.4em;
}

#hotelSearchForm .submit {
  clear: none;
  float: right;
  margin-right: 0.5em;
  padding: 2.2em 0 0.5em;
  width: 10em;
}

#hotelSearchSubmit,
#hotelSearchSubmit2 {
	background: white url(/++resource++wir/img/iconSearch.png) no-repeat 94% -134px;
	border: 1px solid #AAAAAA;
	color: #E3000E;
	cursor: pointer;
	float: right;
	font-weight: bold;
	padding: 0.5em 2em 0.5em 0.5em;
	vertical-align: middle;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#hotelSearchSubmit:hover,
#hotelSearchSubmit:focus,
#hotelSearchSubmit:active,
#hotelSearchSubmit2:hover,
#hotelSearchSubmit2:focus,
#hotelSearchSubmit2:active {
  background-color: #DCDCD5;
  background-position: 94% -268px;
  border-color: #888888;
}

.hotelSearch .showAllHotels {
  float: right;
  margin-top: 0;
}

#hotelExtended {
  background-color: #DCDCD5;
  border: 1px solid #cccccc;
  clear: both;
  margin: 0 -1.16em -1em;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  padding: 1em 1.17em 0.5em;
}

#hotelExtended .option {
  margin-bottom: 0;
  margin-top: 0;
  padding-bottom: 0.1em;
  padding-top: 0.1em;
}

#hotelExtended p.pseudolegend {
  color: #333333;
  font-style: normal;
  font-weight: bold;
  padding: 0;
}

#hotelExtended label {
  color: #333333;
}

#hotelExtended .option label {
  font-weight: normal;
}

#hotelExtended .option input {
  top: 0.2em;
}

#hotelExtended #leftPart,
#hotelExtended #rightPart,
#hotelExtended .stars,
#hotelExtended .types,
#hotelExtended .facBlock {
  float: left;
}

#hotelExtended #facExtender {
  clear: both;
  display: block;
}

#hotelExtended #leftPart {
  width: 21.7em;
}

#hotelExtended #rightPart {
  margin-left: 1em;
  width: 20.3em;
}

#hotelExtended .types,
#hotelExtended .stars {
  width: 10em;
}

#hotelExtended .types .option,
#hotelExtended .stars .option {
  width: 8.3em;
}

#hotelExtended .facilities,
#hotelExtended .evenMoreFacs {
  clear: both;
  padding-top: 2em;
}

#hotelExtended .evenMoreFacs {
  padding-top: 1em;
}

#hotelExtended .facilities .option {
  width: 20em;
}

#hotelExtended .evenMoreFacs .option {
  width: 19.7em;
}

#hotelExtended .stars {
  margin-left: 1.5em;
}

#hotelExtended .maxprice,
#hotelExtended .currency,
#hotelExtended .closeto {
  clear: none;
  float: left;
  margin-top: 0;
  padding-top: 0;
}

#hotelExtended .maxprice {
  width: 9.5em;
}

#hotelExtended .maxprice input {
  padding-right: 4px;
  width: 8em;
}

#hotelExtended .currency {
  float: right;
  width: 6em;
}

#hotelExtended .currency a {
  text-transform: uppercase;
}

#hotelExtended .closeto {
  clear: both;
  margin-top: 0.8em;
  padding-top: 0.3em;
}

#hotelExtended .closeto #hotelname {
  margin-bottom: 1.7em;
}

#hotelExtended .closeto select {
  display: block;
  margin-top: 0.2em;
  width: 18.4em;
}

#hotelExtended .closeto select strong {
  background-color: yellow;
  color: black;
}

#hotelExtended h3 {
  clear: both;
}

#hotelExtended h3 a {
  background: transparent url(/++resource++wir/img/iconExtendArrows.png) no-repeat 90% 9px;
  color: #333333;
  display: block;
  float: left;
  margin: 0 -1.18em -0.3em;
  padding: 0.2em 2.2em 0.2em 1.1em;
  text-decoration: none;
}

#hotelExtended.open h3 a {
  background-image: url(/++resource++wir/img/iconReduceArrows.png);
}

#mainContent #hotelExtended h3 a:hover,
#mainContent #hotelExtended h3 a:focus,
#mainContent #hotelExtended h3 a:active {
  background-position: 90% -96px;
  color: #585851;
  text-decoration: none;
}

/*- Searchlisting */

.hotelSearch h2 {
  color: #E3000E;
  font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
  font-size: 1.4em;
  font-weight: normal;
  margin-bottom: 1em;
  text-align: right;
}

#resultTopbar {
  background-color: #DCDCD5;
  border-top: 1px solid #AAAAAA;
  margin: 0.5em -0.67em 0;
  padding: 0 0.67em 0 0.1em;
}

#compareLink {
  background: transparent url(/++resource++wir/img/iconCompare.png) no-repeat left center;
  float: left;
  padding: 0.7em 0 0.7em 24px;
}

#hotelSearchresultSort {
  float: right;
}

#hotelSearchresultSort label {
  display: inline;
  padding-right: 0.5em;
}

#hotelSearchresultSort .input {
  float: left;
}

#hotelSearchresultSort .submit {
  clear: none;
  float: right;
  margin-left: 0.5em;
}

.moreUnbookable {
  padding: 0.3em 0.5em;
}

#searchresults {
  clear: both;
  margin: 0 -0.67em;
  padding-bottom: 0.5em;
}

.searchresult {
  border-bottom: 1px solid #AAAAAA;
  border-left: 1px solid #DDDDDD;
  padding: 2em 0.67em 3.8em;
  position: relative;
}

.resultCompare {
  float: left;
  margin: 0 0.6em 0 -0.4em;
}

.resultCompare input {
  margin: 0;
}

.resultHotelInfo {
  float: left;
  margin-bottom: -2.3em;
  width: 15em;
}

.resultHotelInfo img {
  float: left;
}

.resultHotelInfo .resultAdress {
  float: left;
  margin-left: 0.67em;
}

.resultHotelInfo .resultAdress p {
  line-height: 1.3;
  width: 10em;
}

#mainContent .resultHotelInfo h3 {
  font-size: 1.2em;
  line-height: 1;
  margin-bottom: 0.5em;
}

#mainContent .searchresult h3 a {
  text-decoration: none;
}

#mainContent .resultHotelInfo h3 a:hover,
#mainContent .resultHotelInfo h3 a:focus,
#mainContent .resultHotelInfo h3 a:active,
#mainContent .resultHotelInfo:hover h3 a,
#mainContent .resultHotelInfo.hover h3 a {
  color: #E3000E;
  text-decoration: underline;
}

#mainContent .resultHotelInfo:hover,
#mainContent .resultHotelInfo.hover {
  background-color: #EAEAEA;
  cursor: pointer;
}

.resultHotelInfo .stars {
  background-color: transparent;
  background-position: left 0;
  background-repeat: no-repeat;
  padding: 9px 0;
}

.resultHotelInfo .fiveStar {
  background-image: url(/++resource++wir/img/iconFiveStar.png);
}

.resultHotelInfo .fourStar {
  background-image: url(/++resource++wir/img/iconFourStar.png);
}

.resultHotelInfo .threeStar {
  background-image: url(/++resource++wir/img/iconThreeStar.png);
}

.resultHotelInfo .twoStar {
  background-image: url(/++resource++wir/img/iconTwoStar.png);
}

.resultHotelInfo .oneStar {
  background-image: url(/++resource++wir/img/iconOneStar.png);
}

.resultFeatures {
  clear: both;
  padding-top: 0.67em;
}

.resultFeatures img {
  float: none;
  margin-right: 0.67em;
}

.searchresult form {
  float: left;
  margin-left: 0.67em;
  width: 26.7em;
}

.resultRooms .roomRow {
  padding: 0 0 0.4em 0;
}

.resultRooms .roomRow label,
.resultRooms .roomRow .pseudolabel {
  font-size: 0.95em;
  width: 60%;
}

.resultRooms .roomRow label strong,
.resultRooms .roomRow .pseudolabel strong {
  top: 0;
}

.resultRooms .disabled,
.resultRooms .disabled select {
  color: #999999;
}

.resultBooking {
  bottom: 1.5em;
  clear: both;
  position: absolute;
  right: 0.67em;
  text-align: right;
}

.askLink {
  background: none;
  border: none;
  color: #E3000E;
  cursor: pointer;
  font-size: 0.95em;
  margin-right: 0.5em;
}

.askLink:hover,
.askLink:focus {
  color: black;
}

.gotoBooking {
  background: #E3000E;
  border: none;
  color: white;
  font-weight: bold;
  padding: 0.4em 0.8em;
  cursor: pointer;
}

.gotoBooking:hover,
.gotoBooking:focus {
  background-color: #CC000D;
  border: none;
}

/*--- Hotel Details and Booking ------------------------------*/

/*---- General Hotelinfo ---*/

#mainContent .booking {
  font-family: Arial, Helvetica, sans-serif;
}

#mainContent .booking .bookButton {
  background-color: #E3000E;
  color: white;
  font-weight: bold;
  padding: 0.4em 0.8em;
  text-decoration: none;
}

#mainContent .booking .bookButton:hover,
#mainContent .booking .bookButton:focus,
#mainContent .booking .bookButton:active {
   background-color: #CC000D;
   color: white;
   text-decoration: none;
}

#bookingContact {
  margin-bottom: 1em;
  text-align: right;
}

.hotelDetails #bookingContact {
  margin-bottom: 0;
}

#bookingContact p {
  font-size: 0.9em;
}

#bookingContact #bookingHotline {
  color: #E3000E;
  font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif ;
  font-size: 1.5em;
  font-weight: normal;
  line-height: 1.2;
  padding: 0.5em 0 0;
}

.basic {
  padding-bottom: 1em;
  position: relative;
}

.basic img {
  float: left;
}

.basic .bookButton {
  position: absolute;
  right: 0;
  top: 0;
}

.basic .address {
  float: left;
  margin-left: 1em;
  width: 22.5em;
}

.basic .address h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1;
  padding: 0;
}

#mainContent .basic .address h1 a {
  text-decoration: none;
}

#mainContent .basic .address h1 span {
  display: inline;
  font-size: 1em;
  line-height: auto;
}

#mainContent .basic .address h1 a:hover,
#mainContent .basic .address h1 a:focus,
#mainContent .basic .address h1 a:active {
  color: #E3000E;
  text-decoration: underline;
}

.basic .address .stars {
  background-color: transparent;
  background-position: right top;
  background-repeat: no-repeat;
}

.basic .address .fiveStar {
  background-image: url(/++resource++wir/img/iconFiveStar.png);
  padding-right: 92px;
}

.basic .address .fourStar {
  background-image: url(/++resource++wir/img/iconFourStar.png);
  padding-right: 74px;
}

.basic .address .threeStar {
  background-image: url(/++resource++wir/img/iconThreeStar.png);
   padding-right: 56px;
}

.basic .address .twoStar {
  background-image: url(/++resource++wir/img/iconTwoStar.png);
  padding-right: 38px;
}

.basic .address .oneStar {
  background-image: url(/++resource++wir/img/iconOneStar.png);
  padding-right: 20px;
}

.basic .address p {
  margin: 0.7em 0;
}

.basic .address .addressLinks {
  font-size: 0.95em;
}

#bookingInfo .basic {
  border-bottom: 1px solid #AAAAAA;
}

#accomTabs {
  clear: both;
}

/*--- Hotel Details ---*/

#detailsInfo #additional {
  float: left;
  font-size: 0.9em;
  width: 30%;
}

#detailsInfo #additional p {
  font-weight: bold;
}

#detailsInfo .check {
  border-bottom: 1px solid #AAAAAA;
  padding-bottom: 0.7em;
}

#detailsInfo .checkLeft,
#detailsInfo .checkRight {
  color: #444444;
  display: block;
  float: left;
  width: 50%;
}

#detailsInfo .checkRight {
  text-align: right;
}

#detailsInfo #description {
  float: right;
  width: 67%;
}

/*--- Hotel Ausstattung ---*/

#featuresInfo {
  background: white url(/++resource++wir/img/bgEventBoxSeperator.png) repeat-y scroll center top;
  padding-bottom: 0;
}

#featuresInfo h3 {
  text-align: left;
}

#featuresInfo ul {
  margin-bottom: 1em;
}

#featuresInfo ul li {
  background: transparent url(/++resource++wir/img/bgBullet.gif) no-repeat left 0.75em;
  padding: 0.2em 0 0.2em 1em;
}

#featuresInfo .infoBoxColumn {
  margin-bottom: 0;
  width: 19.2em;
}

/*--- Hotel Bildergalerie ---*/

#galleryInfo {
  text-align: center;
}

#galleryInfo .imageSlideshow .image {
	margin: 0.67em 0 1.5em;
}

#galleryInfo .imageSlideshow img {
	display: block;
	margin: 0 auto;
}

#galleryInfo .imageSlideshow {
	position: relative;
}

#galleryInfo .imageSlideshow #slideNavBack,
#galleryInfo .imageSlideshow #slideNavForward {
  background: transparent url(/++resource++wir/img/iconNextPrevInactive.png) no-repeat 10% center;
	display: block;
	position: absolute;
	top: 0;
}

#galleryInfo .imageSlideshow #slideNavBack:hover,
#galleryInfo .imageSlideshow #slideNavBack:focus,
#galleryInfo .imageSlideshow #slideNavBack:active {
	background: transparent url(/++resource++wir/img/iconPrev.png) no-repeat 10% center;
}

#galleryInfo .imageSlideshow #slideNavForward:hover,
#galleryInfo .imageSlideshow #slideNavForward:focus,
#galleryInfo .imageSlideshow #slideNavForward:active {
	background: transparent url(/++resource++wir/img/iconNext.png) no-repeat 90% center;
}

#galleryInfo .imageGallery .galleryImage {
	float: left;
	height: 160px;
	margin-bottom: 6px;
	width: 160px;
}

#galleryInfo .imageGallery .galleryImage a {
	display: block;
}

#galleryInfo .imageGallery .galleryImage img {
	display: block;
	margin: auto;
}

#galleryInfo .imageGallery .middle {
	margin-left: 3px;
	margin-right: 3px;
}

#galleryInfo .imageGallery #galleryPagination {
  clear: both;
  margin-bottom: 1em;
}

#galleryInfo .imageGallery #galleryPagination li {
  float: left;
  margin-right: 0.5em;
}

#galleryInfo .imageGallery #galleryPagination li a {
  background-color: #F3F3F1;
  display: block;
  padding: 0.5em 1em;
  text-decoration: none;
}

#galleryInfo .imageGallery #galleryPagination li span {
  display: block;
  padding: 0.5em 1em;
}

#galleryInfo .imageGallery #galleryPagination li a:hover,
#galleryInfo .imageGallery #galleryPagination li a:focus,
#galleryInfo .imageGallery #galleryPagination li a:active {
  background-color: #E9E9E0;
  color: #E3000E;
}

.hotelDetails #serviceBar {
  margin: 1.5em 0 1em;
  padding-left: 1.1em;
}

.hotelDetails #itinerary a {
  background: transparent url(/++resource++wir/img/iconpackService_r1.png) no-repeat left -200px;
  color: black;
	font-size: 0.95em;
	padding: 0.1em 0 0.6em 24px;
	text-decoration: none;
}

.hotelDetails #serviceBar a:hover,
.hotelDetails #serviceBar a:focus,
.hotelDetails #serviceBar a:active {
  text-decoration: underline;
}

/*--- Hotel Tabinterface ---*/

.booking .ui-widget {
  font-size: 1em;
}

.booking .ui-widget-header {
  background: none;
  border-color: #D8DCDF;
  border-width: 0 0 1px 0;
}

.booking .ui-tabs .ui-tabs-hide {
  display: none;
}

.booking .ui-tabs-nav {
  font-size: 0.9em;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  padding: 0;
}

#mainContent .booking .ui-tabs-nav a:hover,
#mainContent .booking .ui-tabs-nav a:focus,
#mainContent .booking .ui-tabs-nav a:active {
  text-decoration: none;
}

#mainContent .booking .ui-state-default a,
#mainContent .booking .ui-widget-content .ui-state-default a {
  color: #444444;
}

#mainContent .booking .ui-state-hover a,
#mainContent .booking .ui-widget-content .ui-state-hover a {
  color: black;
}

#mainContent .booking .ui-state-focus a,
#mainContent .booking .ui-widget-content .ui-state-focus a,
#mainContent .booking .ui-state-active a,
#mainContent .booking .ui-widget-content .ui-state-active a {
  color: #E3000E;
}

.booking .ui-state-active,
.booking .ui-widget-content .ui-state-active {
  background: white;
  border: 1px solid #D8DCDF;
}

.booking .ui-widget-content {
  background: none;
  border: none;
}

.booking .ui-tabs-panel {
  background: white;
  border: 1px solid #D8DCDF;
  border-top-width: 0;
  padding: 1em 0.67em;
}

.booking .ui-tabs-panel p {
  margin: 0.7em 0;
  padding: 0;
}

/*--- Hotel Booking Tab ---*/

.hotelDetails #serviceAdder {
  float: left;
}

.hotelDetails #roomSum {
  clear: none;
  float: right;
  margin: 0;
}

.hotelDetails #roomSum strong {
  font-size: 1.2em;
  margin-left: 0.5em;
}

#bookingDate {
  border-bottom: 1px solid #AAAAAA;
}

#bookingDate #actualDates {
  float: left;
  padding: 0.3em 0 0.6em 0.6em;
}

#bookingDate #actualDates .input {
  float: left;
  clear: none;
  margin-right: 2em;
}

#bookingDate #actualDates label {
  font-weight: bold;
}

#bookingDate #actualDates input {
  float: left;
  width: 8em;
}

#bookingDate #actualDates img {
  cursor: pointer;
  margin-left: 0.5em;
}

#bookingDate #actualStays {
  clear: none;
  float: right;
  text-align: right;
}

#bookingDate #actualStays strong {
  font-size: 1.2em;
  margin-left: 0.5em;
}

#roomPriceDetails {
  clear: both;
}

#roomPriceDetails table {
  margin: 0.5em auto 1em;
  width: 95%;
}

#roomPriceDetails table td,
#roomPriceDetails table th {
  text-align: center;
  padding: 0.3em 0.6em;
}

#roomPriceDetails table th {
  background-color: #f3f3f1;
  border: 1px solid #CCCCCC;
}

#roomPriceDetails table td {
  border: 1px solid #CCCCCC;
}

#bookingSubmit {
  border-bottom: 1px solid #AAAAAA;
  padding: 0.6em 0;
  text-align: right;
}

.bookingRules {
  color: #585851;
  font-size: 0.95em;
  padding: 0.5em;
}

.bookingRules p {
  margin: 0.4em 0;
}

.bookingRules ol {
  list-style-type: decimal;
  padding-left: 2em;
}

/*--- Add Room and Add Service Dialogue ---*/

#roomDialogue h2,
#serviceDialogue h2 {
  font-size: 1.3em;
  margin-top: 1em;
}

#roomDialogue p,
#serviceDialogue p {
  font-size: 1.2em;
  font-weight: bold;
  margin-top: 1.5em;
}

#roomDialogue label,
#serviceDialogue label {
  float: left;
  font-size: 1.1em;
  width: 80%;
}

#roomDialogue label strong,
#serviceDialogue label strong {
  position: absolute;
  right: 0;
  top: 0.3em;
}

/*--- Hotelbooking Form ---*/

/* Special Template Changes */

body.hotelBooking #page,
body.hotelBooking #topNav,
body.hotelBooking #header,
body.hotelBooking #bookingSteps,
body.hotelBooking #pageContent,
body.hotelBooking #footer {
  margin-left: auto;
  margin-right: auto;
  min-width: 548px;
  width: 45.67em;
}

body.hotelBooking #header {
  background: #E3000E url(/++resource++wir/img/imgHeaderSmall.jpg) no-repeat left top;
  height: 76px;
  margin-bottom: 0.83em;
  position: relative;
}

body.hotelBooking #header a {
  display: block;
  height: 68px;
  left: 240px;
  position: absolute;
  top: 4px;
  width: 68px;
}

body.hotelBooking #header a img {
  display: block;
}

body.hotelBooking #mainContent {
  margin-left: 0;
}

body.hotelBooking #bookingSteps {
  margin-bottom: 0.83em;
}

body.hotelBooking #bookingSteps h1 {
  border-bottom: 1px solid #585851;
  color: #333333;
  font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
  font-size: 1.4em;
  font-weight: normal;
  padding-bottom: 0.2em;
}

body.hotelBooking #bookingStepsList {
  border-top: 1px solid #888888;
}

body.hotelBooking .bookingStep {
  background-color: #585851;
  color: white;
  float: left;
  margin: -1px 2% 0 0;
  padding: 0.4em 0 0.41em;
  width: 32%;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
}

body.hotelBooking #bookingSteps .right {
  float: right;
  margin-right: 0;
  position: relative;
}

body.hotelBooking #bookingSteps .inactive {
  background-color: #f3f3f1;
  border-top: none;
  color: #888888;
  margin-top: 0;
  padding: 0.4em 0;
}

body.hotelBooking #bookingSteps .right h2 {
  background-image: url(/++resource++wir/img/iconHotelbookingFinished.png);
  background-position: top right;
  background-repeat: no-repeat;
  left: 44px;
  padding: 10px 26px 0 0;
  position: absolute;
  right: -7px;
  top: -7px;
}

body.hotelBooking #bookingSteps .inactive h2 {
  background-image: none;
  font-weight: normal;
}

body.hotelBooking .bookingStep img {
  float: left;
  margin: 0 0.5em;
}

body.hotelBooking .bookingControl {
  background: #e3000e url(/++resource++wir/img/bgMainNavFirstLevelHover.gif) repeat-x left top;
  border: 1px solid #e3000e;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  color: white;
  font-size: 1.3em;
  font-weight: bold;
  line-height: 1.3;
  margin: 0.5em 0;
  padding: 0.3em 0.5em;
}

.hotelBooking #dates .infoBoxColumn p {
  text-align: center;
}

.hotelBooking #dates .infoBoxColumn p a,
.hotelBooking #dates .infoBoxColumn p span {
  font-size: 0.95em;
}

.hotelBooking #dates .option label {
  font-weight: normal;
}

.hotelBooking #dates .option select {
  vertical-align: middle;
}

.hotelBooking .checkData h3 {
  padding-left: 0.25em;
}

.hotelBooking #personalData,
.hotelBooking #creditCardData {
  margin-top: 0.67em;
}

.hotelBooking #personalData h4,
.hotelBooking #creditCardData h4 {
  text-align: left;
}

.hotelBooking #personalData #annotations {
  clear: both;
  padding-bottom: 1em;
}

.hotelBooking #personalData #annotations h4 {
  color: #E3000E;
}

#mainContent .hotelBooking .changeData {
  background-color: white;
  border: 1px solid #D8DCDF;
  color: #585851;
  font-weight: bold;
  padding: 0.5em;
  text-decoration: none;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

#mainContent .hotelBooking .changeData:hover,
#mainContent .hotelBooking .changeData:focus {
  background-color: #fafafa;
  text-decoration: none;
}

#mainContent .hotelBooking .changeData:active {
  background-color: #e5e5e5;
  color: #444444;
}

.hotelBooking #changeData .changeData {
  float: left;
}

.twoColumnForm {
  font-family: Arial, Helvetica, sans-serif;
}

.twoColumnForm label {
  color: #585851;
	font-weight: bold;
}

.twoColumnForm fieldset legend {
  color: #585851;
}

.twoColumnForm .input input {
  width: 25.5em;
}

.twoColumnForm .input textarea {
  width: 28.3em;
}

.twoColumnForm .half,
.twoColumnForm .compact {
  clear: both;
  float: left;
  width: 13.8em;
}

.twoColumnForm .compact {
  width: auto;
}

.twoColumnForm .half input,
.twoColumnForm .half select {
  width: 12em;
}

.twoColumnForm .right {
  clear: none;
  margin-left: 1.2em;
}

.rooms {
  border-bottom: 1px solid #AAAAAA;
  padding: 0.6em 0;
}

.roomRow {
  padding: 0.4em 0;
  position: relative;
}

.roomRow select {
  float: left;
}

.roomRow label,
.roomRow .pseudolabel {
  display: block;
  float: left;
  font-weight: normal;
  padding-left: 0.5em;
  width: 75%;
}

.roomRow .roomDelete {
  border: 1px solid white;
  float: left;
}

#hotelDetailsForm .roomRow .roomDelete {
  float: none;
}

.roomRow .roomDelete:hover,
.roomRow .roomDelete:focus,
.roomRow .roomDelete:active {
  border: 1px solid #E3000E;
}

.roomRow .roomDelete img {
  vertical-align: middle;
}

.roomRow label strong,
.roomRow .pseudolabel strong {
  position: absolute;
  right: 0;
  top: 0.4em;
}

.roomRow label strong span,
.roomRow .pseudolabel strong span {
  font-size: 0.95em;
  font-weight: normal;
}

.hotelDetails .roomRow label {
  width: 70%;
}

#roomSummary {
  margin: 0.5em 0;
  position: relative;
}

#roomSummary a {
  bottom: 0;
  left: 0;
  position: absolute;
}

#roomSummary p {
  clear: none;
  float: right;
  font-size: 0.9em;
  text-align: right;
}

#roomSummary p strong {
  display: block;
  font-size: 1.1em;
}

#roomSummary p span {
  font-size: 1.3em;
  padding-left: 1em;
}

#ccValidMonth {
  margin-right: 5%;
  width: 30%;
}

#ccValidYear {
  width: 60%;
}

.hotelBooking .submit {
  text-align: right;
}

/* --- Event ------------------------------------------------ */

.event small,
.event .marginalienklein {
  font-size: 0.95em;
}

.eventDetails .threeContentBox {
  position: relative;
}

.eventDetails .specialEvent {
  left: 0.67em;
  position: absolute;
  top: 0.67em;
}

#twoColumnLeft.event,
#twoColumnRight.event {
  margin-bottom: 2.5em;
}

#mainContent .event {
  font-family: Arial, Helvetica, sans-serif;
}

#eventBox {
  clear: both;
  margin-top: 1em;
}

#eventBox h2 {
  font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
  font-size: 1.4em;
  font-weight: normal;
  margin-bottom: 0.5em;
  text-align: left;
}

#eventBox .infoBoxRight h3 {
  text-align: left;
}

#eventBox .infoBoxDates h3 {
  text-align: left;
}

#eventBox .infoBoxIcon h3 {
  text-align: left;
}

#eventBox .infoBoxIcon li {
  padding: 0.4em 0 0.4em 2em;
}

#eventBox .infoBoxIcon .viennaCard {
  font-size: 0.95em;
  padding: 0;
}

#eventBox .phone {
  background: transparent url(/++resource++wir/img/iconEventPhone.png) no-repeat 4px 0.5em;
}

#eventBox .fax {
  background: transparent url(/++resource++wir/img/iconEventFax.png) no-repeat left 0.5em;
}

#eventBox .email {
  background: transparent url(/++resource++wir/img/iconEventEmail.png) no-repeat -6px 0.5em;
}

#eventBox .information {
  background: transparent url(/++resource++wir/img/iconEventInformation.png) no-repeat left 0.5em;
}

#eventBox .price {
  background: transparent url(/++resource++wir/img/iconEventPrice.png) no-repeat 1px 0.5em;
}

#eventBox .infoBoxDates li {
  background: transparent url(/++resource++wir/img/bgBullet.gif) no-repeat left 0.8em;
  padding: 0.2em 0 0.2em 1em;
}

#eventBox .extendedDates {
  border-top: 1px solid #d8dcdf;
  clear: both;
  padding-top: 1em;
}

#eventBox #contactDetails {
  margin-bottom: 2em;
}

.eventDetails #serviceBar {
  margin: 1.5em 0 1em;
  padding-left: 1.1em;
}

.eventDetails #itinerary a {
  background: transparent url(/++resource++wir/img/iconHeart.png) no-repeat left top;
  color: black;
	font-size: 0.95em;
	padding: 0.1em 0 0.6em 24px;
	text-decoration: none;
}

.eventDetails #serviceBar a:hover,
.eventDetails #serviceBar a:focus,
.eventDetails #serviceBar a:active {
  text-decoration: underline;
}

/*--- Event Search and Searchlisting -------------------------*/

#mainContent .eventSearch .tile-richtext h3 {
  color: black;
  padding: 1.27em 0 0;
}

.eventSearch .twoContentBox {
  padding-bottom: 0;
}

.eventSearch .oneContentBox {
  padding-top: 0;
}

.eventSearch ul {
  margin: 0;
}

#eventSearchForm #leftPart {
  float: left;
  width: 18em;
}

#eventSearchForm #sortGroup {
  margin-top: 1em;
}

#eventSearchForm #rightPart {
  float: left;
  margin-left: 1em;
  margin-top: 0.6em;
  width: 9.6em;
}

#eventSearchForm #catGroup {
  margin-top: 0.6em;
}

#eventSearchForm .date input {
  float: left;
  width: 10em;
}

#eventSearchForm .date img {
  cursor: pointer;
  margin-left: 0.5em;
}

#eventSearchForm .option {
  margin-bottom: 0;
  margin-top: 0;
  padding-bottom: 0.2em;
  padding-top: 0.2em;
}

#eventSearchForm .option label {
  font-weight: normal;
}

#eventSearchForm legend {
  font-style: normal;
  font-weight: bold;
}

#eventSearchForm #leftPart .input input {
  width: 15.7em;
}

#eventSearchForm #eventCats {
  width: 16em;
}

#eventSearchForm .submit {
  border-bottom: 1px solid #AAAAAA;
  margin: 0 -0.67em 0;
  padding: 0.3em 0.67em 1.2em;
}

#eventSearchSubmit {
	background: white url(/++resource++wir/img/iconSearch.png) no-repeat 94% -134px;
	border: 1px solid #AAAAAA;
	color: #E3000E;
	cursor: pointer;
	float: right;
	font-weight: bold;
	padding: 0.5em 2em 0.5em 0.5em;
	vertical-align: middle;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#eventSearchSubmit:hover,
#eventSearchSubmit:focus,
#eventSearchSubmit:active {
  background-color: #DCDCD5;
  background-position: 94% -268px;
  border-color: #888888;
}

#eventExtenderHeading {
  background-color: #DCDCD5;
  border: 1px solid #cccccc;
  clear: both;
  margin: 0 -0.67em -0.5em;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
}

#eventSearchForm #eventExtender {
  background: transparent url(/++resource++wir/img/iconExtendArrows.png) no-repeat right 9px;
  color: #333333;
  display: block;
  float: left;
  padding: 0.2em 1.3em 0.2em 0.67em;
  text-decoration: none;
}

#eventSearchForm.extended #eventExtender {
  background-image: url(/++resource++wir/img/iconReduceArrows.png);
}

#eventSearchForm #eventExtender:hover,
#eventSearchForm #eventExtender:focus,
#eventSearchForm #eventExtender:active {
  background-position: right -96px;
  color: #585851;
  text-decoration: none;
}

/*- Searchlisting -*/

.eventSearchresults {
  clear: both;
}

.eventSearchresults h2 {
  color: #E3000E;
  font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
  font-size: 1.4em;
  font-weight: normal;
  margin-bottom: 1em;
  text-align: right;
}

.pagination li {
  float: left;
  margin: 0.1em 0.1em 0.1em 0;
}

.pagination li a,
.pagination li span {
  display: block;
  padding: 0.2em 0.67em;
  text-decoration: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.pagination li span,
#mainContent .pagination li a:hover,
#mainContent .pagination li a:focus,
#mainContent .pagination li a:active {
  background-color: #585851;
  color: white;
  text-decoration: none;
}

.pagination li span {
  background-color: #E3000E;
}

.pagination li.disabled span {
  background-color: transparent;
  color: #777777;
}

#searchresults .catSeperator {
  background-color: #DCDCD5;
  border-bottom: 1px solid #AAAAAA;
  padding: 0.2em 0.67em;
}

#mainContent .catSeperator h3 {
  color: #333333;
}

.eventSearchresults .searchresult {
  border-left: none;
  padding: 0.8em 0.67em;
  position: relative;
}

.eventSearchresults .pagination {
  border-bottom: 1px solid #AAAAAA;
  margin: 0 -0.67em;
  padding: 0 0.67em 0.5em;
}

.eventSearchresults .searchresult .image {
  float: left;
}

.eventSearchresults .eventInfo {
  margin-left: 172px;
}

#mainContent .eventSearchresults .eventInfo h3 {
  font-size: 1.2em;
  line-height: 1;
}

.eventSearchresults .eventInfo h3 a {
  text-decoration: none;
}

#mainContent .eventSearchresults .eventInfo h3 a:hover,
#mainContent .eventSearchresults .eventInfo h3 a:focus,
#mainContent .eventSearchresults .eventInfo h3 a:active,
#mainContent .eventSearchresults .searchresult:hover h3 a,
#mainContent .eventSearchresults .searchresult.hover h3 a {
  color: #E3000E;
  text-decoration: underline;
}

.eventSearchresults .searchresult:hover,
.eventSearchresults .hover {
  background-color: #EAEAEA;
  cursor: pointer;
}

.eventSearchresults p {
  margin-bottom: 0.8em;
}

.eventSearchresults .subline {
  margin: 0.2em 0 0 0;
}

.eventSearchresults .eventWhere {
  font-style: italic;
  font-size: 0.95em;
  margin-bottom: 2em;
}

.eventSearchresults .stars {
  font-size: 1.3em;
  font-weight: bold;
  position: absolute;
  right: 0.67em;
  top: 0.4em;
}

.eventSearchresults .tooltipWrapper {
  right: 0.67em;
  top: 0.8em;
}

.eventSearchresults .searchresult:hover .tooltipBox,
.eventSearchresults .hover .tooltipBox {
  display: block;
}

/* --- Packages ------------------------------------------------ */

#mainContent .package {
  font-family: Arial, Helvetica, sans-serif;
}

.package .threeContentBoxOuter {
  margin-bottom: 2.5em;
}

#packageSearchForm .date {
  clear: none;
  float: left;
  width: 9em;
}

#packageSearchForm .date input {
  float: left;
  width: 5.7em;
}

#packageSearchForm .date img {
  cursor: pointer;
  margin-left: 0.5em;
}

#packageSearchForm .depart {
  margin-left: 5.5em;
}

#packageSearchForm .depart input:hover {
  background-position: right 0;
  border-bottom: 1px solid #f3f3f1;
  border-left: 1px solid #f3f3f1;
}

#packageSearchForm .stays {
  clear: none;
  float: left;
  font-size: 1em;
  margin: 0.3em 0 0.3em 2.5em;
  padding-top: 1.8em;
}

#packageSearchForm #personContainer {
  float: right;
  margin-top: 0.2em;
}

#packageSearchForm.family #personContainer {
  margin-top: 0;
  text-align: right;
}

#packageSearchForm.family #personContainer .input label {
  display: inline;
  padding-right: 0.4em;
}

#packageSearchForm .submit a {
  float: left;
  padding: 0.4em 0;
}

#packageSearchSubmit {
	background: url(/++resource++wir/img/iconSearch.png) no-repeat right 3px;
	border: none;
	color: #E3000E;
	cursor: pointer;
	float: right;
	font-weight: bold;
	height: 29px;
	padding: 0 1.5em 0 0;
	vertical-align: middle;
}

#packageSearchSubmit {
	background: white url(/++resource++wir/img/iconSearch.png) no-repeat 97% -134px;
	border: 1px solid #AAAAAA;
	color: #E3000E;
	cursor: pointer;
	float: right;
	font-weight: bold;
	padding: 0.3em 2em 0.5em 0.5em;
	vertical-align: middle;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#packageSearchSubmit:hover,
#packageSearchSubmit:focus,
#packageSearchSubmit:active {
  background-color: #DCDCD5;
  background-position: 97% -268px;
  border-color: #888888;
}

.package .resultFeatures {
  padding-top: 0; 
}

.package .resultBooking {
  margin-top: 1.5em;
}