/* ********************** */
/* General                */
/* ********************** */

div.cst-box {
	background: #f6f6f6;
	padding: 10px;
	margin-bottom: 10px;
}
div.cst-list div.cst-teaser-text {
	margin-left: 180px;
}
div.cst-box-no-media div.cst-teaser-text {
	margin-left: 0px;
}
div.cst div.cst-box div,
div.cst div.cst-box table td,
div.cst table.roomtype-prices,
div.cst table.roomtype-prices td {  
	border-color: #d5d5d5;
	overflow:hidden;
}
td.cst-package-variant-stays div.cst-stays {
	width: 150px;
}
td.cst-package-variant-price div.cst-price {
	display: block;
    text-align: left;
    width: 250px;
}
div.cst div.cst-distribution-box-info-box div.cst-distribution-box-error-box {
	color: #7E7E7E;
}
a#cst-detail-gallery-scroll-prev,
a#cst-detail-gallery-scroll-next,
div.cst-detail-gallery-scroller table a,
div.cst ul.cst-media li a,
div.cst ul.cst-media li a.cst-link-image,
div.cst ul.cst-buttons li a {
	border: 0px;
}
/* Grafikdatei Setzen */
div.cst .cst-image-zoom-icon-box,
div.cst-image-adult,
div.cst-image-child {
	background-image: url("/customize/hotel-freund/i/cst-sprite.gif")
}
.cst-detail-gallery {
	height: 400px;
}
body .cst-detail-gallery-container-vertical .cst-detail-gallery-scroller-container {
    height: 400px;
}
/* ********************** */
/* Input Elements Buttons */
/* ********************** */
input.inputtext,
select {
	font-size: 12px;
	line-height: 16px;
	height: 22px;
	border: 1px solid #CECECE;
	background-color: #FAFAFA;
}
textarea {
	font-size: 12px;
	line-height: 16px;
	border: 1px solid #CECECE;
	background-color: #FAFAFA;
}
a#cst-detail-gallery-scroll-prev, a#cst-detail-gallery-scroll-next, div.cst-detail-gallery-scroller table a, div.cst ul.cst-media li a, div.cst ul.cst-media li a.cst-link-image, div.cst ul.cst-buttons li a {
    border: 0 none;
}
div.cst-detail li a.cst-button,
div.cst a.cst-button,
input.inputbutton,
.cst-box-40-voucher-redeem input[type="button"] {
	display: block;
	background:#d7d7d7 url("/customize/hotel-freund/i/cst-button-gradient.gif") no-repeat scroll left top;
	color: #fff;
	text-decoration: none;
	height: 30px;
	line-height: 30px;
	border: none;
	text-shadow: #047684 1px 1px 1px;
	font-weight: bold;
	font-size: 14px;
	width: 130px;
	white-space: no-wrap;
}

body.en div.cst-detail li a.cst-button{
	width: 180px;
	float: none;
}

body.en div.cst-detail ul.cst-buttons {
	width: auto;
}

.cst-box-40-voucher-redeem input[type="button"] {
	display: inline-block;
	*display: inline;
	zoom: 1;
	margin-left: 10px;
}

div.cst-detail-package div.cst-package-hint-not-bookable a.cst-button,
div.cst-detail-package div.cst-package-hint-not-bookable a.cst-button:hover
{
	background:#00A8BD;
	width:auto;
}

td.cst-package-variant-buttons ul.cst-buttons li a.cst-button {
	float: none;
}
input.inputbutton {
	padding-left: 12px;
}

div.cst-book-container a.cst-button {
	padding-left: 7px;
	padding-right: 7px;
	width: auto;
}

div.cst a.cst-button span {
	margin-left: 12px;
}

div.cst a.cst-button:hover,
input.inputbutton:hover,
.cst-box-40-voucher-redeem input[type="button"]:hover {
	background:#d51735 url("/customize/hotel-freund/i/cst-button-gradient-hover.gif") no-repeat scroll left top;
	color: #fff;
	text-decoration: none;
	text-shadow: #c26b00 1px 1px 1px;
}

a.cst-button:hover span {
	color: #fff;
}


/* CST-Pagina */
div.cst li.cst-pagina-number a{
	background:#d7d7d7 url("/customize/hotel-freund/i/cst-button-gradient.gif") no-repeat scroll right top;
	border-color:#E2E2E2;
	width: 20px;
	height: 20px; 
	line-height: 20px;
	color: #fff;
}

div.cst ul.cst-pagina li a.cst-button span {
	display: block;
	margin: 0px 17px 0px 27px;

}

div.cst div.cst-request div.errorsign {
	color: #F29400;
	border-color: #F29400;
	background: #fff;
}

li.cst-error-list-item {
	color: #00A8BD;
	line-height: 26px;
}

/* ********************** */
/* abc                    */
/* ********************** */
ul.cst-media li a {
	border: none;
}

span.cst-stays,
span.cst-price-number {
	font-weight: bold;
}

/* ********************** */
/* Accent                 */
/* ********************** */

.cst-accent {
	background-color: #00a8bd;
	color: #fff !important;
}

span.cst-change {
	background-color: #00a8bd;
	color: #fff !important;
}
	
a.cst-request-add span.cst-change {
	background: #CECECE;
}

a.cst-request-add:hover span.cst-change {
	background: #fff;
	color:#D51735;
}


/* ********************** */
/* Request                */
/* ********************** */
div.cst div.cst-request a.cst-request-add {
	border: none;
}
div.cst-request h1.cst-request {
	font-size: 20px;
}
div.jes_container a.cst-change:hover {
	color: #D51735;
	background: #fff
}

div.cst-request input.inputtext {
	width: 34em;
	font-size: 16px;
	line-height: 16px;
	height: 25px;
}

div.cst-request-user-data input.inputtext-zip {
	width: 4em;
}

div.cst-request-user-data input.inputtext-city {
	width: 29em;
}

div.cst-request input.inputtext-firstname,
div.cst-request input.inputtext-lastname {
	width: 16.4em;
}

div.cst-request input.inputtext-arrival,
div.cst-request input.inputtext-departure,
div.cst-request input.inputtext-arrival-alternative,
div.cst-request input.inputtext-departure-alternative {
	width: 6.5em;
}

div.cst-request .cst-request-marketing-actions{
	float: left;
	margin-top: 10px;
	width: 100%;
}

div.cst-request .cst-request-marketing-actions legend,
div.cst-request .cst-request-marketing-actions ul{
	margin-bottom: 5px;
	overflow:hidden;
}

fieldset {
	margin-bottom: 15px;
}

div.cst-description-text {
	border-top: 1px solid;
	margin-top: 10px;
	padding-top: 10px;
}

div.cst-list-program div.cst-description-text {
	clear: left;
}

div.cst-list-program .cst-button-book {
	display: none;
}
/* ***************************** */
/* offerbox         		 	 */ 
/* ***************************** */
div#offerbox {
	height: 276px;
}

div.jes_offerbox {
	padding: 5px;
	position: relative;
}

div.cst-list-package-start {
	height: 276px;
}

div.cst-box-package-start {
	float: left;
	height: 275px;
	width: 275px;
}

div.cst-box-package-start div.cst-box-content {
	padding: 0px 10px;
}


div.cst-box-navigation a {
	display: block;
	width: 18px;
	height: 20px;
	position: absolute;
	top: 80px;
}
#button_prev {
	background:#e9eaec url(../i/offerbox-back.gif) no-repeat center center;
}

div#offerbox  ul.cst-buttons {
	margin: 10px 0px 0px 66px;
	width: 115px
}

div#offerbox  ul.cst-buttons a {
	width: 115px;
}
#button_next {
	background:#e9eaec url(../i/offerbox-next.gif) no-repeat center center;
	right: 5px;
}

#button_prev:hover {
	background:#e9eaec url(../i/offerbox-back-hover.gif) no-repeat center center;
}

#button_next:hover {
	background:#e9eaec url(../i/offerbox-next-hover.gif) no-repeat center center;
}

div#navigation_dots {
	position: absolute; 
	top:150px;
	right: 5px;
}
div#offerbox div.cst-box-content {
	margin-top: 5px;
	width: 250px;
	white-space: normal;
}

div#offerbox div.cst-package-name {
	font-family: Georgia, serif;
	font-size: 16px;
}

div#navigation_dots a {
	background: #e4e4e4;
	display: block;
	width: 16px;
	height: 8px;
	float: left;
	margin-left: 4px;
}

div#navigation_dots a.current {
	background: #d51735;
}


/* *********************** */
/* footer package teaser   */
/* *********************** */    
div#packageimgbox {
	display:none;
}

div#subcontent_content div.cst {
	padding: 12px 10px;
	text-align: left;
}

div#subcontent_content div.cst a.offerpackage {
	display:block;
	float: left;
	text-decoration:none;
	width:358px;
	padding: 0px 10px 5px 0px;
	oveflow: hidden;
	font-size: 11px;
	text-align: left;
}

a.offerpackage img{
	float: left;
	margin-right: 10px;
}

h3.cst-offer-box-headline {
	font-size: 13px;
}

div#subcontent_content div.cst a#package_prev {
	background:#e9eaec url(../i/package-scroller-back.gif) no-repeat center center;
	width: 25px;
	height: 133px;
	position:absolute;
	right: 425px;
}

div#subcontent_content div.cst a#package_next {
	background:#e9eaec url(../i/package-scroller-next.gif) no-repeat center center;
	width: 25px;
	height: 133px;
	position:absolute;
	right: 28px;
	float: left;
}

div.angebot-outer div.angebot-inner {
	height: 113px;
}

div.angebot-outer {
	background-color:#f5f5f5;
	float:left;
	height:133px;
	overflow:hidden;
	width:358px;
	margin-left: 33px;
}


/* *********************** */
/* Voucher                 */
/* *********************** */
div.cst-list-voucher a img,
div.cst-detail-voucher a img {
	border: 1px solid #E2E2E2;
}

/* *********************** */
/* Booking                 */
/* *********************** */

/* Progress Steps */
li.cst-book-info-progress-step div {
	border: 1px solid #CECECE;
	background-color: #FAFAFA;
}

li.cst-book-info-progress-step-active div {
	background-color:#EFEFF1;
	color:#f29e1a;
}

/* Cart */
div#booking-replace div.cst-book-info-cart {
	padding: 10px;
}

div#booking-replace div.cst-book-info-cart a.item-del {
	color: #fff;
	background: #00a8bd;
	padding: 0.2em 0.1em;
}

/* Step 1 */
div.cst div.cst-box a.cst-book-form-10-search-children-toggle,
div.cst div.cst-box table.cst-cal-nav-bar a.cst-cal-nav-prev,
div.cst div.cst-box table.cst-cal-nav-bar a.cst-cal-nav-next {
	border: none;
}

div.cst div.cst-box table.cst-cal-nav-bar a.cst-cal-nav-prev ,
div.cst div.cst-box table.cst-cal-nav-bar a.cst-cal-nav-next {
	border: none;
	color: #fff;
}

table.cst-cal-nav-bar a {
	text-decoration: none;
	border: 0px;
}

div.cst-distribution-box-info-box ul.cst-buttons li a {
	width: auto;
}
/* Step 2 */

div.cst div.cst-distribution-box-info-box {
	background: #f6f6f6;
	
}

div.cst-distribution-box-info-box-title {
	color: #7E7E7E;
}
/* Step 3 */
/* Step 3 */

div.package-additional-media {
	display: none;
}


/* ***************************** */
/* offer_box                     */ 
/* ***************************** */

div.site_packages div.cst-list-package
{
	margin-top:23px;
	float:left;
	position:relative;
	width:700px;
}

div.site_packages h2
{
	padding-bottom:10px;
}

body div.site_packages div.cst ul.cst-media
{
	margin-top:0px;
}

 div.site_packages div.cst-list-package div.cst-box {
	background: none repeat scroll 0 0 #00A8BD;
	border: 0 none;
	color: #FFFFFF;
	float: left;
	font: 14px arial;
	margin-right: 10px;
	height: 139px;
	padding: 11px 10px 0px 15px;
	position: relative;
	width: 320px;
}

div.site_packages div.cst-list-package div.cst-box-even
{
	margin-right:0;
}

div.site_packages div.cst-list-package div.cst-box-content {
	float:left;
	width:175px;
}

div.site_packages div.cst-list-package img
{
	margin:-11px 0px 0px -15px;
}

div.site_packages div.cst-list-package div.cst-box a
{
	color:#fff;
}

div.site_packages div.cst-list-package h2.cst-list-package-indicator {
	display:none;
}

div.site_packages div.cst-box h3,
div.site_packages div.cst-box h3 a
{
	font-size:16px;
	width:170px;
}

div.site_packages div.cst-stay-days,
div.site_packages div.cst-price
{
	margin-top:5px;
}

div.site_packages div.cst-box-overlay a {
	display: block;
	left: 0;
	height: 150px;
	position: absolute;
	top: 0;
	width: 345px;
}

table#cst-pension-tip ul li {
	color: #7E7E7E;
}
table#cst-pensions-jump tr.cst-pension-selected ul.cst-list li {
    background: url("http://hotel-freund.clients.clearingstation.de/images/cst-accept.png") no-repeat scroll left center transparent;
    padding-left: 20px;
}
table#cst-pensions-jump td {
	border: 1px solid #D5D5D5;
}
table#cst-pensions-jump td {
	padding: 10px;
}

/* ***************************** */
/* roomtype-list				 */ 
/* ***************************** */

div.cst-roomtype-navigation
{
	line-height:46px;
	margin-top:10px;
}

div.cst-roomtype-navigation ul
{
	display:table;
	width:100%;
}

div.cst-roomtype-navigation li, 
div.cst-roomtype-navigation li.active 
{
  background: none repeat scroll 0 0 transparent;
  display:table-cell;
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align:center;
}

div.cst-roomtype-navigation a,
div.cst-roomtype-navigation a:hover, 
div.cst-roomtype-navigation li.active a 
{
  background:#F6F6F6;
  color:#00A8BD;
  display: block;
  margin-right: 3px;
  position: relative;
  top: 11px;
  font:normal 17px/37px Century Gothic;
}

div.cst-roomtype-navigation li.active a 
{
  background:#00A8BD;
  position: relative;
  top: 2px;
  font:bold 18px/46px Century Gothic;
  color:#ffffff;
}

div.cst-roomtype-navigation-bottom {
  background:#00A8BD;
  float: left;
  height:12px;
  margin-bottom: 20px;
  width: 697px;
}
.cst .cst-detail-gallery-container-vertical .cst-detail-gallery-scroller {
	height:325px;
}
.cst .cst-detail-gallery-container-scroller-vertical .cst-detail-gallery-scroller-container {
	top:0;
	padding:34px 0 5px 0;
}

#cst-box-room-type-11183 {
    display: none;
}

.cst-book-roomtype .cst-book-roomtype-quota {
	display: none;
}

div.cst-list-package div.weekdays-arrival{
	display:none;
}

div.cst-book-mode-dayspa div.cst-book-form-10-search-stays {
	display: none;
}

div.cst-booking-existing-option-selected {
	font-weight: bold;
}

.cst-book-container div.cst-book-step-10 h3,
.cst-book-container div.cst-book-step-10 h3 a{
	font:bold 20px Century Gothic;
}

div.cst-book-mode-dayspa div.cst-book-cart-item-package {
	display: none;
}

h3.cst-book-cart-item-rooms, h3.cst-book-cart-item-rooms + div.cst-book-cart-item {
	display: none;
}

/* ***************************** */
/* Buchungsstrecke mit Pauschalen*/
/* ***************************** */
body div.cst-box-20-roomtype-package-switcher div.cst-book-switcher,
body div.cst-box-30-roomtype-package-switcher div.cst-book-switcher
{
	background-color: #FAFAFA;
	border:1px solid #CECECE;
	color:#000000;
	height:auto;
	margin-right:1%;
}

body div.cst-box-20-roomtype-package-switcher div.cst-book-switcher-active,
body div.cst-box-30-roomtype-package-switcher div.cst-book-switcher-active
{
	background: none repeat scroll 0 0 #00A8BD;
	border:1px solid #00A8BD;
	color:#ffffff;
}

body div.cst-book-switcher-programs
{
	margin-left:0px;
}

body div div.cst-book-container-packages-enabled div.cst-book-step-container div.cst-book-form-20-package-hints a
{
	padding-left:0px;
}

body div.cst-book-container-packages-enabled a div.cst-book-roomtype-book-link-box
{
	background:none;
	padding:3px 10px;
}

body div.cst-book-info-cart div.cst-item-package-name
{
	background-position: 5px 8px;
	padding-left: 25px;
}

body div.cst-book-info-cart div.cst-item-package-roomtype {
	background-position: 5px 8px;
	padding-left: 25px;
}

body div.cst div.cst-box div div.cst-package-roomtypes {
	border: 1px solid #F29400;
	margin-top: 20px;
	overflow: scroll !important;
}

body div.cst-package-roomtypes div.cst-box-20-package-roomtype{
	border-color:#F29400;
	margin-bottom:10px;
}
.cst-detail-prices-childrens .special_weekend_price {
	font-size: 15px;
	font-weight: bold;
	width: 100%;
	color: #7E7E7E;
	paddding: 0;
}
#cst-pensions-container .weekend_day_price {
	text-align: center;
	padding-right: 5px;
	font-weight: bold;
}
#cst-pensions-container .weekend_day_name {
	font-weight: bold;
}