/**
 *  GENERAL ELEMENTS
 */

* {
  margin: 0;
  padding: 0;
  font-family: Verdana;
  font-size: 11px;
  color: #28373c;
}
html, body {
  width: 100%;
  height: 100%;
}
body {
  /*overflow: scroll;
  overflow-x: auto;*/
  text-align: center;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

a {
  color: #82694b;
  text-decoration: none;
}
a:hover {
  color: #333;
}

a img {
  border: none;
}

#page {
	text-align: left;
	margin: 0 auto;
  padding: 0 27px;
	width: 994px;
	/* styles needed for bottom aligned footer */
	  position: relative;
		min-height: 100%;
		/* ie6 hack */
			height: auto !important;
			height: 100%;
}
#aboveFooter {
	padding-bottom: 126px;
}

.floatEnd {
  clear: both;
  font-size: 0;
  line-height: 1px;
  height: 1px;
}



/**
 *	HEADER
 */

#header {
  position: relative;
  height: 511px;
  background: no-repeat bottom;
}
.detailpage #header {
  height: 613px;
}
.checkout #header {
  height: 188px;
}
.detailpage.bright #header, .checkout.bright #header {
	background-image: url(images/detailPageHeader_bright.png);
}
.detailpage.dark #header, .checkout.dark #header {
	background-image: url(images/detailPageHeader_dark.png);
}

#logoContainer {
  position: relative;
}
#companyLogo {
  position: absolute;
  top: 0;
  right: 18px;
}
.bright #companyLogo img {
  background: url(images/logoKuoni_bright.png) no-repeat;
}
.dark #companyLogo img {
  background: url(images/logoKuoni_dark.png) no-repeat;
}

#headerInfo {
  position: absolute;
  top: 181px;
	left: 21px;
  width: 466px;
  line-height: 16px;
  z-index: 8;
}
#headerInfo h1 {
  margin-bottom: 20px;
  font-family: Georgia;
  font-size: 24px;
  font-weight: normal;
  line-height: 100%;
}
.bright #headerInfo, .bright #headerInfo * {
  color: #fff;
}
.dark #headerInfo, .dark #headerInfo * {
  color: #333;
}

.detailpage #headerInfo {
  top: 145px;
  width: 952px;
}
.detailpage #headerInfo h1 {
  margin: 5px 0 34px;
}
.detailpage #headerInfo .destinationText {
  position: absolute;
  top: 80px;
  height: 268px;
  overflow: hidden;
}
.detailpage #headerInfo .destinationPrice {
  position: absolute;
  top: 339px;
  line-height: 120%;
}



/**
 *	DYNAMIC HEADER (RICH TEXT PAGES)
 */

.richtext #header {
  height: auto;
}

.richtext #header .richTextArea {
  margin-top: 62px;
  padding: 22px 21px 59px;
}
.richtext.bright #header .richTextArea {
  background: url(images/dynamicHeaderMenuLine_bright.png) repeat-x left top;
}
.richtext.dark #header .richTextArea {
  background: url(images/dynamicHeaderMenuLine_dark.png) repeat-x left top;
}
.bright #header .richTextArea, .bright #header .richTextArea * {
  color: #333;
}
.dark #header .richTextArea, .bright #header .richTextArea * {
  color: #fff;
}

#header .richTextArea a {
  text-decoration: underline;
}



/**
 *  MENU
 */

#headerMenuContainer {
  position: absolute;
  top: 96px;
  z-index: 9;
}
.mainMenu li {
  float: left;
  margin-right: 1px;
  background-repeat: repeat-x;
}
.mainMenu li.last {
	margin-right: 0;
}
.mainMenu li a {
  display: block;
  padding: 6px 21px 0;
  height: 27px;
  font-family: Georgia;
  font-size: 18px;
}
.bright .mainMenu li a {
  color: #fff;
}
.dark .mainMenu li a {
  color: #333;
}
.bright .mainMenu a {
  background-image: url(images/menuBg_bright.png);
}
.bright .mainMenu a.active, .bright .mainMenu a:hover {
  background-image: url(images/menuBg_bright_active.png);
}
.dark .mainMenu a {
  background-image: url(images/menuBg_dark.png);
}
.dark .mainMenu a.active, .dark .mainMenu a:hover {
  background-image: url(images/menuBg_dark_active.png);
}



/**
 *  MENU - DROPDOWN
 */

.mainMenuDropDown {
  display: none;
  position: absolute;
  top: 33px;
  left: 0;
  z-index: 10;
	width: 100%;
  height: 352px;
  overflow: auto;
	background: url(images/menuDropDownBg.png) repeat;
}
.mainMenuDropDown table {
	margin: 22px 20px;
}
.mainMenuDropDown td {
	padding-top: 5px;
}
#headerMenuContainer .mainMenuDropDown a {
  display: block;
  margin-left: 20px;
  padding: 0;
  height: auto;
  background-image: none;
  font-family: Verdana;
  font-size: 11px;
  color: #82694b;
}
#headerMenuContainer .mainMenuDropDown a:hover {
  color: #333;
  text-decoration: underline;
}



/**
 *  TOOLBAR
 */

#toolbar {
  position: absolute;
  right: 48px;
  margin-top: -20px;
}

#printButton {
  float: left;
  padding: 0 0 5px 21px;
  background: url(images/print.png) no-repeat left 1px;
  color: #000;
}
#printButton:hover {
  color: #000;
}

/* ADDTOANY BUTTON */
#shareButton {
  float: left;
  margin-left: 15px;
  padding: 0 0 5px 21px;
  background: url('http://static.addtoany.com/buttons/favicon.png') no-repeat left 0px;
  color: #000;
}
#shareButton:hover {
  color: #000;
}
#a2apage_border, #a2apage_dropdown {
  margin-left: 13px; /* 4 + 9 */
}
/*#a2apage_dropdown {
  width: 335px;
}*/
/*#a2apage_BROWSER {
	display: none !important;
}*/



/**
 *  CONTENT
 */

#content {
  padding: 0 21px;
}

#content h2 {
  margin-bottom: 25px;
  font-family: Georgia;
  font-size: 20px;
  font-weight: normal;
  line-height: 100%;
}
.detailpage #content h2 {
  margin-top: 35px;
  margin-bottom: 6px;
	padding-bottom: 6px;
  border-bottom: 1px solid #d9d2c9;
}

.contentArticle {
  clear: both;
  margin-top: 47px;
	border-top: 1px solid #d9d2c9;
}
#content .contentArticle h2 {
  margin-top: 17px;
  margin-bottom: 25px;
	padding-bottom: 0;
  border-bottom: none;
}

.contentLeftColumn {
  float: left;
  width: 466px;
}
.contentRightColumn {
  float: right;
  width: 466px;
}
.detailpage .contentLeftColumn, .detailpage .contentRightColumn {
	margin-top: -35px;
}

.detailpage #content table.priceBox {
  margin: -6px 0 -4px 0;
  width: 100%;
  border-collapse: collapse;
}
.detailpage #content table.priceBox th, .detailpage #content table.priceBox td {
  padding: 4px 10px 4px 1px;
  vertical-align: top;
  text-align: left;
}
.detailpage #content table.priceBox th {
  font-weight: normal;
}
.detailpage #content table.priceBox thead th, .detailpage #content table.priceBox tbody td {
  border-bottom: 1px solid #d9d2c9;
}



/**
 *	RICHT TEXT AREAS
 *
 *  copy this section to the editor.css of the rte and replace ".richTextArea " with empty string if something changes
 *
 */

.richTextArea * {
  line-height: 16px;
}

.richTextArea h1 {
	margin-bottom: 15px;
  font-family: Georgia;
  font-size: 20px;
  font-weight: normal;
  line-height: 100%;
}
#content .richTextArea h2 {
	padding-top: 6px;
	margin-bottom: 17px;
  font-family: Georgia;
  font-size: 20px;
  font-weight: normal;
  line-height: 100%;
}
#content .richTextArea h3 {
	padding-bottom: 26px;
  background: url(images/rtSeparator.gif) repeat-x left 25px;
  font-family: Georgia;
  font-size: 14px;
  font-weight: normal;
  line-height: 100%;
}
#content .richTextArea h4 {
	padding-bottom: 7px;
  font-weight: normal;
  line-height: 100%;
}

.richTextArea ul li {
	padding-left: 9px;
  background-repeat: no-repeat;
  background-position: 0 6px;
}
.bright .richTextArea ul li {
	background-image: url(images/rtBullet_bright.png);
}
.dark .richTextArea ul li {
	background-image: url(images/rtBullet_dark.png);
}

.richTextArea p {
  margin-bottom: 20px;
}
.richTextArea p.last {
  margin-bottom: 0;
}

.richTextArea table.row {
  margin-bottom: 15px;
}
.richTextArea table.last {
  margin-bottom: 0;
}
.richTextArea .row td {
  vertical-align: top;
}
.richTextArea .row td.spacer {
  width: 20px;
}

.richTextArea .cols2 td {
  width: 466px;
}
.richTextArea .cols3 td {
  width: 304px;
}

.richTextArea .rtSeparator {
  clear: both;
  display: block;
  margin-bottom: 28px;
  width: 100%;
  height: 1px;
}

.rtBackToTopArrow {
  display: none;
}
#content .richTextArea .rtBackToTopArrow {
  display: block;
  position: absolute;
  right: 48px;
}
#content .richTextArea .lastRtBackToTopContainer {
  margin-top: 14px;
  height: 12px;
}



/**
 *	FOOTER
 */

#footer {
	position: absolute;
  bottom: 0;
  left: 27px;
  width: 994px;
  height: 107px;
  overflow: hidden;
  background: no-repeat top;
}
.bright #footer * {
  color: #ccc;
}
.dark #footer * {
  color: #666;
}
#footer a:hover {
  text-decoration: underline;
}
.bright #footer a {
  color: #fff;
}
.dark #footer a {
  color: #333;
}

#footerMenu {
  margin: 16px 21px 0;
}
#footer li {
	float: left;
	padding: 2px 0 3px 20px;
  width: 223px;
  background: repeat-y 10px;
}
.bright #footer li {
  background-image: url(images/footerSeparator_bright.png);
}
.dark #footer li {
  background-image: url(images/footerSeparator_dark.png);
}
#footer li.first {
	padding-left: 0;
  background-image: none;
}
.footerAdditionalLine {
  padding-top: 11px;
}



/**
 *  DESTINATION TEASER
 */

.destinationDetail {
  float: left;
  width: 466px;
  margin-right: 20px;
}

.destinationCategory {
  display: none;
}
.homepage .destinationCategory {
  display: inline;
}

.destinationTitle {
  margin: 3px 0 14px;
  display: block;
	font-family: Georgia;
  font-size: 20px;
}

.destinationDetailImageText {
  margin-top: 16px;
}
.destinationText {
  float: right;
  margin-top: -2px;
  width: 223px;
}
.destinationTextLead {
  margin-bottom: 9px;
  font-weight: bold;
}
a.destinationMoreInfo {
  display: block;
  margin-top: 9px;
}
.destinationPricePrefix {
  font-family: Verdana;
	font-size: 11px;
}
.destinationPrice {
  margin-top: 10px;
  font-family: Georgia;
  font-size: 20px;
}
a.destinationBook {
  float: left;
  margin-top: 6px;
  padding: 3px 25px 0 10px;
  height: 18px;
  color: #ede8e1;
  font-weight: bold;
  background: url(images/checkoutButtons.png) no-repeat right 0;
}
a.destinationBook:hover {
  background-image: url(images/checkoutButtons_active.png);
  color: #fff;
}

.detailpage #headerInfo a.destinationBook, .detailpage .contentRightColumn a.destinationBook {
  float: none;
  display: block;
  width: 223px;
	padding-top: 8px;
  padding-left: 0;
  padding-right: 0;
  height: 25px;
  background-repeat: repeat-x;
  background-position: left top;
	font-family: Georgia;
  font-size: 18px;
  font-weight: normal;
  text-align: center;
}
.detailpage #headerInfo a.destinationBook {
  position: absolute;
  top: 378px;
}
.detailpage .contentRightColumn a.destinationBook {
  margin-top: 28px;
  padding-top: 6px;
  height: 27px;
}
.detailpage #headerInfo a.destinationBook:hover, .detailpage .contentRightColumn a.destinationBook:hover {
  text-decoration: none;
}
.detailpage.bright #headerInfo a.destinationBook, .detailpage.bright .contentRightColumn a.destinationBook {
  color: #fff;
  background-image: url(images/menuBg_bright.png);
}
.detailpage.bright #headerInfo a.destinationBook:hover, .detailpage.bright .contentRightColumn a.destinationBook:hover {
  background-image: url(images/menuBg_bright_active.png);
}
.detailpage.dark #headerInfo a.destinationBook, .detailpage.dark .contentRightColumn a.destinationBook {
  color: #333;
  background-image: url(images/menuBg_dark.png);
}
.detailpage.dark #headerInfo a.destinationBook:hover, .detailpage.dark .contentRightColumn a.destinationBook:hover {
  background-image: url(images/menuBg_dark_active.png);
}

#headerInfo a.destinationBook img, .contentRightColumn a.destinationBook img {
  margin-left: 10px;
	background: no-repeat left top;
}
.detailpage.bright #headerInfo a.destinationBook img, .detailpage.bright .contentRightColumn a.destinationBook img {
  background-image: url(images/detailBookButtonArrow_bright.png);
}
.detailpage.dark #headerInfo a.destinationBook img, .detailpage.dark .contentRightColumn a.destinationBook img {
	background-image: url(images/detailBookButtonArrow_dark.png);
}



/**
 *  DESTINATION SLIDER   (HOMEPAGE, DETAILPAGE)
 */

.destinationSlider .sliderArea {
  position: relative;
  width: 952px;
  overflow: hidden;
}
.destinationSlider .moverArea {
  position: relative;
  width: 9999px;
}

.destinationSlider .sliderNavigation {
  margin-top: 26px;
  padding-top: 21px;
  height: 18px;
  background: url(images/sliderNaviBg.png) no-repeat center top;
  text-align: center;
}
.destinationSlider .sliderNavigationCenterer {
  position: relative;
	margin: 0 auto;
  width: 1px;
}
.destinationSlider .slideLeftArrow, .destinationSlider .slideRightArrow {
	display: block;
  position: absolute;
  padding-top: 3px;
  height: 15px;
  white-space: nowrap;
}
.destinationSlider .slideLeftArrow {
  right: 10px;
  padding-left: 21px;
	background: url(images/sliderNaviLeft.png) no-repeat left;
}
.destinationSlider .slideRightArrow {
  left: 10px;
  padding-right: 21px;
	background: url(images/sliderNaviRight.png) no-repeat right;
}
.destinationSlider .slideLeftArrow:hover {
	background-image: url(images/sliderNaviLeft_active.png);
}
.destinationSlider .slideRightArrow:hover {
	background-image: url(images/sliderNaviRight_active.png);
}



/**
 *  DESTINATION LIST   (LANDINGPAGE)
 */

.destinationList {
  margin: -28px 0 15px;
  width: 973px;
  overflow: hidden;
}
.destinationListRow {
  margin: -1px 0 20px;
  padding-top: 28px;
  background: url(images/destinationListSeparator.gif) no-repeat;
}



/**
 *  IMAGE SLIDER   (DETAILPAGE)
 */

.destinationImageSlider {
  position: absolute;
  top: 82px;
  left: 243px;
  width: 709px;
  height: 335px;
  overflow: hidden;
}

.destinationImageSlider img {
  float: left;
}

.destinationImageSlider .sliderArea {
  position: relative;
}
.destinationImageSlider .moverArea {
  position: relative;
  width: 9999px;
}

.destinationImageSlider .slideLeftArrow, .destinationImageSlider .slideRightArrow {
	display: block;
  position: absolute;
  top: 9px;
  height: 28px;
  width: 19px;
}
.destinationImageSlider .slideLeftArrow {
  right: 50px;
	background: url(images/imgSliderNaviLeft.png) no-repeat;
}
.destinationImageSlider .slideRightArrow {
  right: 14px;
	background: url(images/imgSliderNaviRight.png) no-repeat;
}
.destinationImageSlider .slideLeftArrow:hover {
	background-image: url(images/imgSliderNaviLeft_active.png);
}
.destinationImageSlider .slideRightArrow:hover {
	background-image: url(images/imgSliderNaviRight_active.png);
}



/**
 *  CHECKOUT
 */

.checkout #content {
  display: none;
}
.checkoutReady #content {
  display: block;
}

#breadcrumb {
	margin-top: 29px;
	margin-left: 21px;
	list-style-type: none;
}
#breadcrumb li.first {
	margin-left: 0 !important;
	padding-left: 0 !important;
  background-image: none !important;
}
#breadcrumb li {
	float: left;
	margin-left: -10px;
  padding-top: 5px;
  padding-left: 15px;
	height: 37px;
  background: url(images/checkoutBreadcrumb.gif) no-repeat -40px;
}
#breadcrumb li.active {
	margin-left: -15px;
  padding-top: 0;
  padding-left: 20px;
	height: 42px;
  background-position: 0;
}
#breadcrumb li.inactive {
  background-position: -70px;
}
#breadcrumb li a {
  float: left;
  padding: 10px 10px 0;
  height: 22px;
	color: #fff;
  background-color: #82694b;
}
#breadcrumb li.active a {
  padding-top: 14px;
  height: 28px;
	color: #fff;
  background-color: #28373c;
  cursor: default;
}
#breadcrumb li.inactive a {
	color: #28373c;
  background-color: #fff;
  cursor: default;
}
#breadcrumb li a:hover {
  text-decoration: underline;
}
#breadcrumb li.inactive a, #breadcrumb li.active a {
  text-decoration: none;
}
#breadcrumb li div {
	float: left;
  width: 15px;
  height: 32px;
  background: url(images/checkoutBreadcrumb.gif) no-repeat -55px;
}
#breadcrumb li.active div {
  width: 20px;
  height: 42px;
  background-position: -20px;
}
#breadcrumb li.inactive div {
  background-position: -85px;
}
#breadcrumb li a span {
	color: #fff;
}

#checkoutLeftColumn {
  float: left;
  width: 590px;
}

.checkout h1 {
  margin-bottom: 10px;
  font-family: Georgia;
  font-size: 24px;
  font-weight: normal;
  line-height: 100%;
}
.checkout #content h2 {
  margin-bottom: 36px;
  font-family: Verdana;
  font-size: 11px;
  font-weight: bold;
}
.checkout h3 {
  margin-bottom: 23px;
  font-family: Georgia;
  font-size: 20px;
  font-weight: normal;
  line-height: 100%;
}

.checkoutStep h4 {
  margin-top: 10px;
  margin-bottom: 18px;
  font-family: Georgia;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  background-color: #eee;
}

.checkoutStep .h5Line {
  margin-bottom: 14px;
  height: 10px;
  overflow: visible;
  border-bottom: 1px solid #cabbba;
}
.checkoutStep h5 {
  float: left;
	padding-right: 9px;
  font-weight: bold;
  text-transform: uppercase;
  background-color: #fff;
}

#checkoutForm {
  display: none;
}
.checkoutStep {
  display: none;
  margin-bottom: 7px;
}
#checkoutStep1 {
  display: block;
}

.formRow {
  clear: both;
  padding-bottom: 15px;
}
.formRow label {
  float: left;
  width: 223px;
  text-align: right;
}
.formRow label.notReqired {
  width: 212px;
}
.formField {
  margin-left: 243px;
}
.formField label {
  float: none;
}
.formFieldRow label {
	display: block;
	margin: -15px 0 0 20px;
	padding-bottom: 2px;
	text-align: left;
}

#page.checkout td {
  vertical-align: top;
}

#tourFieldVariations tr td {
  padding-top: 10px;
}
#tourFieldVariations tr:first-child td {
  padding-top: 0;
}
#tourFieldVariations .tourVariantName {
  padding-left: 10px;
}
#tourFieldVariations .tourVariantCurrency {
  padding-left: 20px;
}
#tourFieldVariations .tourVariantPrice {
  padding-left: 10px;
  text-align: right;
}

.checkoutReady input.inputText, .checkoutReady textarea {
  float: left;
  width: 223px;
}
.checkoutReady .inputTypePhone {
  float: left;
  margin-right: 10px;
}
.checkoutReady .inputTypePhone1, .checkoutReady .inputTypePhone2 {
   width: 45px !important;
}
.checkoutReady .inputTypePhone3 {
   width: 105px !important;
}
.telSeparator1 {
  position: absolute;
  margin-top: 2px;
  margin-left: 51px;
}
.telSeparator2 {
  position: absolute;
  margin-top: 2px;
  margin-left: 110px;
}
.formSample {
  position: absolute;
  left: 527px;
  padding-top: 2px;
  width: 110px;
  color: #666;
  white-space: nowrap;
}

#checkoutButtons {
  margin-left: 243px;
}
#checkoutButtons a {
  float: left;
  margin-right: 20px;
  padding: 3px 30px 0 17px;
  height: 18px;
  color: #ede8e1;
  font-weight: bold;
  background: url(images/checkoutButtons.png) no-repeat right top;
}
#checkoutButtons a:hover {
  color: #fff;
  background-image: url(images/checkoutButtons_active.png);
}
#checkoutButtons a#prevCheckoutStep {
  padding-left: 30px;
	padding-right: 17px;
  background-position: left top;
}
#prevCheckoutStep, #finishCheckout {
  display: none;
}

#checkoutFootNotes, .checkout #checkoutFootNotes h2 {
  margin-top: 44px;
  line-height: 18px;
}
.checkout #checkoutFootNotes h2 {
  margin-bottom: 0px;
}

#checkoutErrors {
  display: none;
  margin-bottom: 28px;
  margin-left: 243px;
}
#checkoutErrors div {
  display: none;
  color: #cc0000;
  font-weight: bold;
}
input.error {
  background-color: #cc0000;
}

#checkoutStep3 .moreOptionsArea .formFieldRow {
  margin-bottom: 3px;
}

#checkoutStep4 .forSummaryBox, #checkoutSummary .forStep4Summary {
  display: none;
}

#checkoutSummary {
  float: right;
	width: 335px;
}
#checkoutSummary.step4, #checkoutSummary.step1 h5 span {
  display: none;
}
#checkoutSummary .multiPeopleArea {
  background-color: #d9d2c9;
}

#checkoutSummary h3 {
  margin: 0 0 10px 5px;
  padding: 0;
  border: none;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
}
#checkoutSummary h5 {
  margin: 13px 0 0;
  padding: 0 4px;
  border: none;
  font-size: 11px;
  font-weight: normal;
}
#checkoutSummary h5, #checkoutSummary h5 * {
  text-transform: uppercase;
}
#checkoutSummary .h5Line:first-child h5 {
  margin-top: 0px;
  padding-top: 2px;
}

#checkoutSummary table {
  width: 100%;
}
#checkoutSummary td.tourPriceName {
	padding: 5px 0 0 4px;
}
#checkoutSummary td.tourPriceCurrency {
  padding: 5px 0 0 10px;
  width: 30px;
}
#checkoutSummary td.tourPriceAmount {
	padding: 5px 4px 0 10px;
  width: 66px;
  text-align: right;
}
#checkoutSummary .checkoutSummaryTotal {
  margin-top: 6px;
  padding-bottom: 6px;
  border-top: 1px solid #28373C;
  border-bottom: 2px solid #28373C;
  font-weight: bold;
}

#checkoutStep4 .multiPriceArea td {
  padding-bottom: 16px;
}
#checkoutStep4 td.tourPriceName {
  width: 223px;
	text-align: right;
}
#checkoutStep4 td.tourPriceCurrency {
  padding-left: 20px;
  width: 40px;
}
#checkoutStep4 td.tourPriceAmount {
	padding-left: 10px;
  width: 70px;
  text-align: right;
}
#checkoutStep4 .checkoutSummaryTotal {
  /*margin-bottom: 15px;*/
}
#checkoutStep4 .checkoutSummaryTotal * {
  font-weight: bold;
}

#checkoutStep4 #tourInfoPriceAllContainer * {
  font-weight: bold;
}

#checkoutStep4 #customerComment {
	width: 347px;
}

.checkout .small {
  margin-bottom: 18px;
  color: #666;
}

.hotelOnly, .hotelHide {
  display: none;
}