@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * Uniform design of standard content elements
 *
 * @copyright       Copyright 2005-2008, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.0.6
 * @revision        $Revision: 202 $
 * @lastmodified    $Date: 2008-06-07 14:29:18 +0200 (Sa, 07 Jun 2008) $
 * @appdef yaml
 */

@media all
{
	/*
	 * (en) Designing basic elements
	 */

	/*
	 * basic elements margins
	 * bottom always 10px
	 */
	#travelportal p,
	#travelportal h1,
	#travelportal h2,
	#travelportal h3,
	#travelportal h4,
	#travelportal h5,
	#travelportal h6,
	#travelportal img,
	#travelportal .module-box-light,
	#travelportal .module-headline-regionlist,
	#travelportal .module-headline-hotellist,
	#travelportal .module-headline-offerlist,
	#travelportal .module-headline-servicecenter,
	#travelportal .module-orderinfoblock-description span,
	#travelportal .module-orderinfoblock-hotel span,
	#travelportal .module-orderinfoblock-flights div,
	#travelportal .module-orderinfoblock-participants th,
	#travelportal .module-orderinfoblock-participants td,
	#travelportal #content-payment-remittance dd,
	#travelportal #content-payment-debit dd,
	#travelportal #content-payment-creditcard dd,
	#travelportal .module-orderinfoblock-address dd,
	#travelportal .module-orderinfoblock-contact dd,
	#travelportal .module-confirmation-insurance #offerform,
	#travelportal .module-headline-confirmation,
	#travelportal .module-lastseen .module-lastseen-listitem,
	#travelportal #module-filter-top,
	#travelportal #area-additional .module-content,
	#travelportal #area-additional .module-content .module-flickr,
	#travelportal .module-quicksearch-minimized .element-headline,
	#travelportal .module-offerpager .module-pagination {
		margin-bottom: 10px;
	}
	/*
	 * bottom always 5px -> override!
	 */
	#travelportal .module-quicksearch-home .element-headline,
	#travelportal .module-quicksearch-home dd,
	#travelportal .module-quicksearch-main .element-headline,
	#travelportal .module-quicksearch-main dd,
	#travelportal .module-quicksearch-filter .element-headline,
	#travelportal .module-quicksearch-filter dd,
	#travelportal .module-filter dd,
	#travelportal .module-filter .element-headline {
		margin-bottom: 5px !important;
	}
	/*
	 * bottom always 0px -> override!
	 */
	#travelportal .module-hotellist-item .module-hotellist-image img,
	#travelportal .module-hotellist-item .module-hotellist-header h3,
	#travelportal .module-hotellist-item .module-hotellist-header h3 img,
	#travelportal .module-offerpager .module-box-light {
		margin-bottom: 0 !important;
	}

	/*
	 * force reset of margin/padding
	 */
	#travelportal .element-hotelpicture,
	#travelportal .module-hotellist-item .module-hotellist-image,
	#travelportal .module-hotellist-item .module-hotellist-image a,
	#travelportal .module-hotellist-item .module-hotellist-image img {
		margin: 0 !important;
		padding: 0 !important;
	}

	/*
	 * backlink and breadcrumbs
	 */
	#travelportal .element-breadcrumb {
		white-space: nowrap;
		padding: 4px 9px 4px 15px;
	}
	#travelportal .element-breadcrumb span {
		display: inline;
		padding-left: 6px;
	}

	/*
	 * elements with arrow on the right
	 */

	#travelportal .element-breadcrumb .linked,
	#travelportal .element-breadcrumb .gap {
		padding-right: 20px;
		background-image: url('../../images/common/arrow_right_blue_on_orange_small.gif');
		background-position: right 2px;
		background-repeat: no-repeat;
	}

	/*
	 * elements with arrow on the left
	 */
	#travelportal .module-regionlist-footer .module-regionlist-columns div,
	#travelportal .module-regionlist-column-name h2 {
		padding-left: 20px;
		background-image: url('../../images/common/arrow_right_blue_on_white_small.gif');
		background-position: left center;
		background-repeat: no-repeat;
	}

	/*
	 * input elements reset to improve visual performance with dojo
	 */
	#travelportal .module-quicksearch-main input {
		visibility: hidden;
		border: 1px solid #ccc;
		height: 19px !important;
		padding: 0;
		margin: 0;
	}

	#travelportal .module-filter span.filterSubmitBtn input,
	#travelportal .dijitInputField input,
	#travelportal input.dijitTextBox,
	#travelportal .dijitCheckBox input {
		visibility: visible;
		padding: 0;
		margin: 0 !important;
	}

	/*
	 * Icon-Links
	 */
	#travelportal .module-orderinfoblock-flightinfo {
		display: inline-block;
	}
	#travelportal .module-orderinfoblock-flightinfo,
	#travelportal a.info_link,
	#travelportal img.info_link {
		background:transparent url(/urlaubswelt/images/common/icon_info.gif) no-repeat scroll right center;
		padding-right:24px;
		height:20px;
		padding-top:4px;
		padding-bottom:4px;
	}
	#travelportal .module-orderinfoblock-flightinfo,
	#travelportal a.info_link.right,
	#travelportal img.info_link.right {
		background:transparent url(/urlaubswelt/images/common/icon_info_left.png) no-repeat scroll right center;
		padding-right:29px;
		min-height:20px;
	}
	#travelportal a.info_link.left,
	#travelportal img.info_link.left {
		background:transparent url(/urlaubswelt/images/common/icon_info_right.png) no-repeat scroll left center;
		padding-left:29px;
		height:20px;
	}
	#travelportal a.info_link.left.enclosed,
	#travelportal img.info_link.left.enclosed {
		padding-left:27px;
	}
	#travelportal a.info_link.right.enclosed,
	#travelportal img.info_link.right.enclosed {
		padding-right:27px;
	}



	/*
	 * spinner element styles
	 */
	#travelportal .element-spinner-small {
		height: 20px;
		background-image: url('../../images/common/spinner_small.gif');
		background-position: center;
		background-repeat: no-repeat;
	}
	#travelportal .element-spinner {
		background-image: url(../../images/common/spinner.gif);
		background-repeat: no-repeat;
	}
	#travelportal #resultset-wrapper.element-spinner {
		background-position: center 100px;
		min-height: 200px;
	}
	#travelportal .webpart-layout .teaser-live-ticker-spinner .element-spinner {
		background-position: center 80px;
		min-height: 200px;
	}
	#travelportal #area-additional .module-content .element-spinner {
		background-image: url(../../images/common/spinner_content.gif);
		background-position: center 80px;
	}

	/*
	 * pagination & sort styles
	 */

	#travelportal .module-pagination {
		padding: 3px 0 3px 15px;
		position: relative;
	}
	#travelportal #angebotepager .module-pagination {
		padding: 5px 0 5px 15px;
	}
	#travelportal .module-pagination .element-sorter {
		width: 300px;
		white-space: nowrap;
		text-align: left;
	}
	#travelportal .module-pagination .element-sorter .element-sorter-label,
	#travelportal .module-pagination .element-sorter .element-sorter-select {
		display: inline-block;
	}
	#travelportal .module-pagination .element-sorter select {
		border: 1px solid #CFCFCF;
		width: 160px;
		padding: 0px;
		position: relative;
	}
	#travelportal .module-pagination .element-sorter form,
	#travelportal .module-pagination .element-sorter form dl,
	#travelportal .module-pagination .element-sorter .dojoxDropDownSelectLabel {
		display: inline;
	}
	#travelportal .module-pagination .element-sorter .dojoxDropDownSelectTableContent {
		width: 100px;
		text-align: left;
	}
	#travelportal .module-pagination .element-sorter .element-sorter-select {
		margin: 0 0 0 9px;
	}
	#travelportal .module-pagination .element-paginator {
		position: absolute;
		right: 6px;
		top: 1px;
	}
	#travelportal .module-pagination .element-paginator ul {
		list-style: none;
		white-space: nowrap;
	}
	#travelportal .module-pagination .element-paginator li {
		float: left;
		padding: 0px;
		margin: 0 1px;
	}
	#travelportal .module-pagination .element-paginator li a,
	#travelportal .module-pagination .element-paginator li span {
		display: block;
		width: 23px;
		height: 21px;
		text-align: center;
		line-height: 21px;
	}
	#travelportal .module-pagination .element-paginator li a,
	#travelportal .module-pagination .element-paginator li a:hover {
		text-decoration: none;
	}
	#travelportal .module-pagination .element-paginator li.first,
	#travelportal .module-pagination .element-paginator li.last {
		display: none;
	}
	#travelportal .module-pagination .element-paginator li.previous a {
		background: transparent url(../../images/common/arrow_left_blue_on_darkblue.gif) no-repeat center;
	}
	#travelportal .module-pagination .element-paginator li.previous a:hover {
		background-image: url(../../images/common/arrow_left_blue_on_darkblue_hightlight.gif);
	}
	#travelportal .module-pagination .element-paginator li.next a {
		background: transparent url(../../images/common/arrow_right_blue_on_darkblue.gif) no-repeat center;
	}
	#travelportal .module-pagination .element-paginator li.next a:hover {
		background-image: url(../../images/common/arrow_right_blue_on_darkblue_hightlight.gif);
	}
	#travelportal .module-pagination .element-paginator li.number a:hover {
		background: transparent url(../../images/common/paging_highlight.gif) no-repeat center;
	}
	#travelportal .module-pagination .element-paginator li.seperator span {
		width: 4px;
		line-height: 20px;
		overflow: hidden;
	}

	/**
	 * Tag clound styles
	 */
	#travelportal .element-tagcloud {
	}
	#travelportal .element-tagcloud-item0,
	#travelportal .element-tagcloud-item0 a {
		font-size: 1em;
	}
	#travelportal .element-tagcloud-item1,
	#travelportal .element-tagcloud-item1 a {
		font-size: 1.1em;
	}
	#travelportal .element-tagcloud-item2,
	#travelportal .element-tagcloud-item2 a {
		font-size: 1.2em;
	}
	#travelportal .element-tagcloud-item3,
	#travelportal .element-tagcloud-item3 a {
		font-size: 1.3em;
	}
	#travelportal .element-tagcloud-item4,
	#travelportal .element-tagcloud-item4 a {
		font-size: 1.4em;
	}

	/**
	 * hotel picture element with round corners
	 */
	#travelportal .element-hotelpicture {
		position: relative;
		display: inline-block;
		padding: 0;
	}
	#travelportal .element-hotelpicture a {
		padding: 0;
		margin: 0;
	}
	#travelportal .element-hotelpicture img {
		margin-bottom: 0px !important;
	}

	/**
	 * select element with optgroup
	 */
	#travelportal select optgroup option {
		padding-left: 18px;
	}

	/**
	 * valuation element and overloads for progress bar
	 */
	#travelportal .element-evaluation {
		width: 250px;
	}
	#travelportal .element-evaluation,
	#travelportal .element-evaluation a,
	#travelportal .element-evaluation .element-evaluation-recommendations,
	#travelportal .element-evaluation .element-evaluation-information {
		white-space: nowrap;
	}
	#travelportal .element-evaluation .element-evaluation-recommendations {
		display: block;
	}
	#travelportal .element-evaluation .element-evaluation-information,
	#travelportal .element-evaluation .element-evaluation-progressbar,
	#travelportal .element-evaluation .element-evaluation-score {
		display: inline-block;
	}

	#travelportal .element-evaluation .element-evaluation-information,
	#travelportal .element-evaluation .element-evaluation-progressbar {
		margin-right: 6px;
	}
	#travelportal .element-evaluation .element-evaluation-progressbar {
		position: relative;
		top: 1px;
	}

	.dj_ff2 #travelportal .element-evaluation .element-evaluation-information,
	.dj_ff2 #travelportal .element-evaluation .element-evaluation-progressbar,
	.dj_ff2 #travelportal .element-evaluation .element-evaluation-score {
		display: block;
		float: left;
	}
	.dj_ff2 #travelportal .element-evaluation .element-evaluation-progressbar {
		padding-top: 4px;
	}
	.dj_ff2 #travelportal .element-evaluation {
		clear: both;
	}
	.tundra #travelportal .element-evaluation .dijitProgressBar {
		width: 88px;
		height: 10px;
		overflow: hidden;
	}
	.tundra #travelportal .element-evaluation .dijitProgressBar .dijitProgressBarFull {
		height: 10px !important;
		overflow: hidden;
	}
	.tundra #travelportal .element-evaluation .dijitProgressBar .dijitProgressBarFull span {
		display: none;
	}
	.tundra #travelportal .element-evaluation .dijitProgressBarEmpty {
		background: #FFFFFF url(../../images/common/progressbar_normal.png) repeat-x scroll left top;
		border: none;
	}
	.tundra #travelportal .element-evaluation .dijitProgressBarLabel {
		display: none;
	}
	.tundra #travelportal .element-evaluation .dijitProgressBarTile {
		background: #FFFFFF url(../../images/common/progressbar_active.png) repeat-x scroll left top;
		border: none;
		height: 10px !important;
	}

	.tundra #travelportal .element-evaluation .dijitProgressBarFull {
		border: none;
	}


	/*
	 * common dojo element styles
	 */

	.tundra #travelportal .dijitComboBox .dijitButtonNode {
		padding: 0 6px !important;
	}
	.tundra #travelportal .dijitComboBox .dijitButtonNode .dijitArrowButtonInner {
		height: 15px;
	}
	.tundra #travelportal .dijitTextBox,
	.tundra #travelportal .dijitComboBox {
		position: relative;
		height: 15px;
	}
	.tundra #travelportal .dijitValidationIcon {
		position: absolute;
		right: 1px;
	}
	.tundra #travelportal .dijitComboBox .dijitValidationIcon {
		right: 22px;
	}
	.tundra #travelportal .dojoxMultiSelect {
		border: 1px solid #CFCFCF;
	}
	.tundra #travelportal .dojoxDropDownSelect .dijitButtonNode {
		border-color: #B3B3B3 !important;
	}
	.tundra #travelportal .dojoxDropDownSelectTable button {
		height: 15px;
		overflow: hidden;
	}
	.tundra #travelportal .dojoxDropDownSelectTableContent {
		vertical-align: top;
		padding: 0 1px;
	}
	.tundra #travelportal .dojoxDropDownSelectLabel {
		display: inline-block;
		text-align: left;
	}
	.tundra #travelportal .dojoxDropDownSelectTableButton {
		width: 19px;
		border-left: 1px solid #9B9B9B;
	}
	.tundra .dijitCalendarYearLabel {
		font-size: 13pt !important;
		white-space: nowrap;
	}
	.tundra .dijitCalendarYearLabel span {
		font-size: 13pt !important;
	}
}