/*
    AER CSS Styles by Christian Wolff
    Client: traveltopia.de (AER/traveltopia/traveltopia_color.conf);
    CSS-Version: 1.13; includes: extWidth825.css, extAlignLeft.css;
    Generated: 13:20:12 2010-03-09;
*/
#css-dev-debug:before {
    content: " v:1.13 - 13:20:12 2010-03-09 - traveltopia.de - extWidth825.css, extAlignLeft.css ";
}


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


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

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

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

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

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

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

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

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

/*Booking Steps */
.bookingSteps {
    color: #000;
}
.bookingSteps ul li.current {
    color: #000081;
}

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

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

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

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

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

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


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


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

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

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

/* 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: #b4b4b4;
}

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


#splashRefresh .section {
    top:100px;
}

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

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

/* 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 {
    background-color: #f9f9f9;
}

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

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

/*
### File: extWidth825.css ###
*/
/*
 Extension CSS: Changed Width 825px (-105px)
 version: 0.4
*/

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

/* width auto/ fixed for IE6 */
.hotelItemsList #buttons,
.hotelItemsList #sort {width:531px}
.hotelItemsList #sort div {width:511px;}
.hotelItemsList .pager {width:551px;float:none;}
.hotelItemsList .pager ul{padding-left:10px;}
.hotel_item .content .hotel_desc {width:415px;}
.hotel_item .content .icons {width:175px;}

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

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

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

.hotel_item .room {
    width:530px;
}

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

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

.hotel_item .content .hotel_info {
    width:412px;
}

.section_room,
.hotel_item .room .row  {
    width:250px
    
}
.hotel_item .room .row span.roomDesc {
    width:140px;
}
.hotel_item .room .row span.mealDesc{
    width:110px;
}

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

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

.hotelList .changeCriteria,
.hotelList .selectRegion,
.hotelList .filterSearch,
.hotelList .filterbox{
    width:234px;
}

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

/* Hotel Room Selection */

.roomSelection .section{
    width:803px;
}

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

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


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

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

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

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

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

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

.roomSelection #gallery {
    width:728px;
    }

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

.roomSelection .upselling .row .avg_price,
.roomSelection .upselling .row .total_price {
    margin-top:5px;
    position:static;
    line-height:30px;
}


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

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

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

.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,
.hotelBook .payment_info .box1 div{
    width:251px;
}

.hotelBook .payment_info .box2 {
    width:502px;
}



/*
### File: extAlignLeft.css ###
*/
/*
 Extension CSS: Change the IBE Alignment to left.
 version: 0.1
*/

#containerPoweravail {
    width:auto;
    float:left;
    padding-left:5px;
}