/*
    AER CSS Styles by Christian Wolff
    Client: atr24.de (AER/atr24de/atr24_color.conf);
    CSS-Version: 1.13; includes: extWidth720.css;
    Generated: 13:13:30 2010-03-09;
*/
#css-dev-debug:before {
    content: " v:1.13 - 13:13:30 2010-03-09 - atr24.de - extWidth720.css ";
}


/* Body BG*/
body {
    background: #fff;
}


/*Content Area */
.main_content,
#hotellist .recom_0 div.header,
#hotellist .recom_0 div.content,
#hotellist .recom_0 div.room,
#splashRefresh .content{
    background: #fff;;
}

.main_content {
    border-color: #f8941e;
    -moz-box-shadow: 0 0 5px #fff;
    -webkit-box-shadow: 0 0 5px #fff;
    -khtml-box-shadow: 0 0 5px #fff;
    box-shadow: 0 0 5px #fff;
}

/* Link  */
a:link, a:visited, a:active, a:focus {
    color: #f8941e;
}

#locations a:link, #locations  a:visited, #locations  a:active, #locations  a:focus{
    color: #000058;
}
 /* Text */
 body,
.bookingSteps,
.bookingSteps ul li.current,
input, label, select {
    color: #000058;
}

/* Inputs */
input[type="text"],
input.date,
select,
textarea {
    border-color: #000058;;
    color: #000058;
    background: #fff;
}

/* Headlines */
h2, h3,
.hotel_item .header .hotel_name h3 a,
h3 a,
h3 a.iframe2 {
    color: #000058;
}

#splashRefresh .header h2 {
    color: #000058;
}

/* Buttons */
input.button,
a.button {
    background: #f8941e;
    border-color: #f8941e;
    color: #000058 !important;
}

/*Booking Steps */
.bookingSteps {
    color: #000058;
}
.bookingSteps ul li.current {
    color: #f8941e;
}

/* List Sorter */
.hotelItemsList #sort div {
    background: #fff;
}

/* Promo Text */
.hotel_item .content .hotel_name h4.promo_text {
    
}

.hotelItemsList #buttons {
    
    border-color: #f8941e;
    
    -moz-box-shadow: 0 0 5px #fff;
    -webkit-box-shadow: 0 0 5px #fff;
    -khtml-box-shadow: 0 0 5px #fff;
    box-shadow: 0 0 5px #fff;
}

/* start: Inner Blocks */
.hotelStart .content {
    background: #fff;
}

/* ListHotel Count */
.hotelItemsList .short_info #hotel_count {
    color: #000058;
}

/* Content Block (Colored Section) */
.section .content,
.roomSelection .info #tabs_content p{
    background: #feefdd;
}


.roomSelection .section .content,
.roomSelection #gallery,
.hotelBook .section .content,
.hotelConfirm .section.print .content {
    background: #fff;
}


/* ListItem: Recommendet  */
.hotel_item .content {
    background: #feefdd;
}

.hotel_item .header,
.hotel_item .room {
    background: #fff6ec;
}

/* Paging */
.hotelItemsList .pager a {
    Border: 1px solid #ddd;
    Background: transparent;
    color: #f8941e;
}

/* Block Border */
.hotelBook .section .content,
.hotelConfirm .section .content,
.roomSelection .info ul#tabs li,
.roomSelection .section .content,
#hotellist .recom_0 div.header,
#hotellist .recom_0 div.content,
#hotellist .recom_0 div.room {
    border-color: #f8941e;
}

#splashRefresh .section,
#splashRefresh .content {
    background: #fff;
}


#splashRefresh .section {
    top:100px;
}

.roomSelection .upselling .head {
    background: transparent;
}

/* Hotel Room rows */
.roomSelection .upselling .row {
    background: #feefdd;
}
.roomSelection .upselling .row:nth-child(2n+3) {
    background: #fff6ec;
}

/* Total Price */
.top_info.section .dates_n_rooms .total_price {
    color: #DF2028;
}


/* ### Image Modifcations ### */

#loader_img img{display:none}
#loader_img {
    height:15px;
    background: url(img/loader.gif) no-repeat    center center;
}

#star-rating, #star-rating a:hover, #star-rating a:active, #star-rating a:focus, #star-rating .current-rating,
div.star,
.hotelStart .hotelCatName .row1 span.star {
    background-image: url(img/stars_ico.gif)
}

div.ico, span.ico {background-image: url(img/icons_all.gif)}

/* Hiding Promo Iframe */
#ctl00_ctl00_Body_SidebarRight_Label1 iframe {
    display: none;
}


.roomSelection .info ul#tabs li {
    
}
.roomSelection .info ul#tabs li.active {
    
}

/* ###  static style modifications ### */

.hotelStart .destinations .row1 label {
    width:100px;
}

/*
### File: extWidth720.css ###
*/
/*
 Extension CSS: Changed Width 720px (-210px)
 version: 0.5
*/

/* overall width */
.global_container,
#sidebars_all{
    width:720px;
}

/* width auto/ fixed for IE6 */
.hotelItemsList #buttons,
.hotelItemsList #sort {width:457px}
.hotelItemsList #sort div {width:537px;}
.hotelItemsList .pager {width:477px;float:none;}
.hotelItemsList .pager ul{padding-left:10px;}
.hotel_item .content .hotel_desc {width:337px;}
.hotel_item .content .icons {width:337px;}

/* Fancy Box Width Overwrite */
div#fancy_outer {
    width:800px !important;
}

/*Hotel list outer Width */
.hotelList .col1,
.hotelItemsList{
    width:477px;
}

/* Hotel List Inner Width */
.hotel_item .header,
.hotel_item .content {
    width:435px;
}

.hotel_item .room {
    width:455px;
}

.hotel_item .room .section_room {
    left:10px;
}

.hotel_item .room .section_price {
    left:250px;
}

.hotel_item .content .hotel_info {
    width:auto;
    float:none;
    margin-left:98px;
}

.hotel_item .content .hotel_name {
    float:left;
    width:100%;
}

.hotel_item .content .hotel_desc {
    clear:none;
}
.hotel_item .content .other_ico {
    margin-right:0;
}
.hotel_item .content .facility_ico,
.hotel_item .content .other_ico div.facility_ico,
.hotel_item .content .facility_ico div {
    float:left;
    margin:0;
    padding:0;
}

.hotel_item .content .icons {
    width:100%;
}

.hotel_item .room .section_room,
.hotel_item .room .row  {
    width:250px;
    
}

.hotel_item .room .row span.roomDesc {
    width:120px;
}
.hotel_item .room .row span.mealDesc{
    width:110px;
}

.hotelItemsList #map #map_canvas {   
    width:455px;
}


/* Hotel list Col2 */
.hotelList .col2 {
    width:226px;
}

.hotelList .changeCriteria,
.hotelList .selectRegion,
.hotelList .filterSearch,
.hotelList .filterbox,
.hotelList .changeCriteria .row{
    width:204px;
}
.hotelList .changeCriteria input[type="text"] {
    width:184px;
}
.hotelList .changeCriteria input.date[type="text"] {
    width:70px;
}
.hotelList .changeCriteria a.more_rooms,
.hotelList .changeCriteria a.less_rooms {
    right:2px;
}

select.roomTypeSelect {
    width:125px;
}

.hotelList .changeCriteria .row .duration {
    left:auto;
    right:5px;
}

.hotelList .col2 a.hide {
    clear:left;
}

.hotelList .changeCriteria .row div,
.hotelList .filterbox ul {
    padding-left:8px;
}

.hotelList .filterbox ul li {
    width:198px;
}

.hotelList .filterbox #selectPrice .slider_container {
    width:184px;
}

/* Hotel Room Selection */

.roomSelection .section{
    width:803px;
}

.roomSelection .section .content,
.roomSelection .upselling .content,
.roomSelection .info .content {
    width:676px;
}

.roomSelection .top_info .content {
    width:651px;
}


.roomSelection .upselling .row {
    width:678px;
}

.top_info.section .hotel_info {
    width:250px;
}

.top_info.section .adress {
    width:260px;
}

.top_info.section .adress div{
    width:180px;
}

.top_info.section .hotel_name h4 {white-space:normal;}
.top_info.section .dates_n_rooms {width:308px;}

.roomSelection .info .content #map_canvas {
    width:651px;
}

.roomSelection #gallery {
    width:628px;
    }

.roomSelection #gallery #thumbs {
    width:273px;
}

.roomSelection .upselling .row .col1{
    width:180px;
}

.roomSelection .upselling .row .col2 {
    width:158px;
}

.roomSelection .upselling .row .col5 {
    width: 200px;
}

.roomSelection .upselling .row .avg_price{right:200px;}
.roomSelection .upselling .row .total_price{right:80px;}



/* Hotel Book */
.hotelBook .section,
.hotelConfirm .section {
    width:800px;
}

.hotelBook .section .content,
.hotelConfirm .section .content {
    width: 651px;
}

.hotelBook .section ul.row li,
.hotelConfirm .section ul.row li {
    width:217px;
}

.hotelBook .payment_info  .section ul.row li,
.hotelConfirm .payment_info  .section ul.row li{
    width: 200px;
}

.hotelBook .section label,
.hotelConfirm .section label {
    width:90px;
}

.hotelBook .section select,
.hotelConfirm .section select,
.hotelBook .section input[type="text"],
.hotelConfirm .section input[type="text"] {
    width:125px;
}

.hotelBook .payment_info .box1{width:217px;}
.hotelBook .payment_info .box1 div{width:100%;}
.hotelBook .payment_info .box2{width:434px;}

.hotelBook .top_info.section .hotel_name,
.hotelConfirm .top_info.section .hotel_name {
    width:250px;
}

.hotelBook .top_info.section .adress,
.hotelConfirm .top_info.section .adress {
    width: 155px;
}