div.mapBox
{
    position: absolute;
    left: 25px;
    top: 25px;
    width: 400px;
    height: 206px;
    background-color: transparent;
    background-image: url( img/map/Austria.png );
}


div.mapWrapper
{
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;

}


div.landMapImage
{
    position: absolute;
    width: 100px;
    height: 100px;
}
    

div#landTirol
{
    top: 98px;
    left: 31px;
    width: 148px;
    height: 84px;
    background-image: url( img/map/Tirol.png );
}


div#landSteiermark
{
    top: 89px;
    left: 210px;
    width: 134px;
    height: 94px;
    background-image: url( img/map/Steiermark.png );
}


div#landSalzburg
{
    top: 73px;
    left: 136px;
    width: 94px;
    height: 83px;
    background-image: url( img/map/Salzburg.png );
}


div#landVorarlberg
{
    top: 112px;
    left: 3px;
    width: 35px;
    height: 53px;
    background-image: url( img/map/Vorarlberg.png );
}


div#landKarnten
{
    width: 121px;
    height: 55px;
    top: 148px;
    left: 169px;
    background-image: url( img/map/Karnten.png );
}


div#landNiederosterreich
{
    width: 137px;
    height: 117px;
    top: 2px;
    left: 255px;
    background-image: url( img/map/Niederosterreich.png );
}


div#landBurgenland
{
    width: 59px;
    height: 95px;
    top: 71px;
    left: 338px;
    background-image: url( img/map/Burgenland.png );
}


div#landWien
{
    width: 19px;
    height: 13px;
    top: 53px;
    left: 347px;
    background-image: url( img/map/Wien.png );
}


div#landOberosterreich
{
    width: 113px;
    height: 95px;
    top: 20px;
    left: 170px;
    background-image: url( img/map/Oberosterreich.png );
}


img#topMapCover
{
    width: 400px;
    height: 206px;
    z-index: 2;
    border-style: none;
    border-width: 0px;

    position: absolute;
    left: 0px;
    top: 0px;
}





div.contentTabBarWrapper
{
    overflow: hidden;
    background-image:url(img/tabBar_bg.gif);
    position: relative;
    top: 0px;
    left: 0px;
}

div.contentTabBar
{
    width: auto;
    height: 32px;
    white-space: nowrap;
    padding: 0px;
    margin-left: 20px;
}

div.leftTabSlider
{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 25px;
    height: 32px;

    line-height: 26px;
    vertical-align: middle;
    text-align: center;

    background-image: url( img/fade_left.png );


    
}

div.leftTabSlider a
{
    display: inline-block;
    width: 15px;
    height: 15px;

    background-image: url( img/arrow_left.png );
    margin-top: 14px;

}


div.rightTabSlider
{
    position: absolute;
    right: 0px;
    top: 0px;
    width: 25px;
    height: 32px;

    line-height: 26px;
    vertical-align: middle;
    text-align: center;
    
    background-image: url( img/fade_right.png );
}

div.rightTabSlider a
{
    display: inline-block;
    width: 15px;
    height: 15px;

    background-image: url( img/arrow_right.png );
    margin-top: 14px;

}


div.tabInterior
{
    margin: 20px 0;

}


div.objectAddress {
  padding: 0 15px;
}


div.galleryExtract
{
    position: relative;
    top: 0px;
    left: 15px;
    height: 100px;
    margin-top: 25px;
}


img.galleryExtractImage
{
    position:absolute;
    width: 152px;
    height: 100px;
    top: 0px;
    left: 0px;
    border: 1px solid #BDBDBD;
    cursor: pointer;

}

img.galleryExtractImage + img.galleryExtractImage
{
    left: 196px;
}

img.galleryExtractImage + img.galleryExtractImage + img.galleryExtractImage
{
    left: 391px;
}


img.objectLogo
{
    position: absolute;
    right: 15px;
    top: 0px;

}




/*div.tabInterior div.SPAoffer div.SPAtime
{
    top:75px;

}*/


/*div.tabInterior div.SPAoffer div.SPAdesc
{
    height:     67px;
    top:        57px;
}*/


div.tabInterior div.SPAoffer div.SPAlongdesc
{
/*     height:     67px; */
    top:        97px;
    left:150px;
    overflow:hidden;
    position:absolute;
    width:415px;
    padding-bottom: 60px;
}








div.tabInterior div.SPAoffer
{
    height:154px;
    background-position: bottom center;
    background-color:#FFFFFF;
    background-position:center bottom;
    background-repeat:repeat-x;
}




div.googleMapCitySelector
{
    width: 195px;
    height: 160px;
    background-image: url( img/map_bg.png );
    display: none;
    position: relative;
    top: -196px;
    left: 774px;
    padding: 10px 0;
}



a.googleMapTabLeft
{
    display: block;
    position: absolute;
    width: 97px;
    height: 22px;
    background-image: url( img/map_tab_left_bg_inactive.png );
    line-height: 22px;
    vertical-align: middle;
    text-align: center;
    top: 0;
    left: 0;
    color: #FFFFFF;
    font-weight: bold;
    cursor: pointer;
}

a.googleMapTabRight
{
    display: block;
    position: absolute;
    width: 97px;
    height: 22px;
    background-image: url( img/map_tab_right_bg_inactive.png );
    line-height: 22px;
    vertical-align: middle;
    text-align: center;
    top: 0;
    left: 98px;
    color: #FFFFFF;
    font-weight: bold;
    cursor: pointer;
}


a.googleMapTabLeft#activeGoogleMapTab
{
    background-image: url( img/map_tab_left_bg.png );
}

a.googleMapTabRight#activeGoogleMapTab
{
    background-image: url( img/map_tab_right_bg.png );
}











div#googleMapCityList
{
    margin: 0 15px;
    height: 140px;
    width: 180px;
}

div.jScrollPaneContainer
{
    margin-top: 20px;

}

div#googleMapCityList a
{
    font-weight: bold;
    color: #FFFFFF;
    display: block;
    text-decoration: none;
    background: url(img/arrowGoogleList.gif) no-repeat center left;
    padding-left: 15px;
  cursor: pointer;
}

div#googleMapCityList a + a {
  margin-top: 6px;
}


span.tooltipContainer
{
    position: relative;
    top: 0px;
    left: 0px;
}


span.roomDetailsTooltip
{
    display: none;
    position: absolute;
}

span.tooltipContainer:hover span.roomDetailsTooltip
{
    display: block;
    width: 178px;
    height: auto;
    background: url(img/roomTip_center.png);
    text-align: left;
    color: #545454;
    top: 60px;
    padding: 0 20px;
    line-height: 14px;
    text-align: justify;
}
span.roomDetailsTooltipRelative {
  width: 178px;
  height: auto;
  display: block;
  position: relative;
}
span.roomDetailsTooltipTop {
  display: block;
  width: 218px;
  height: 29px;
  background: url(img/roomTip_top.png);
  top: -29px;
  position: absolute;
  left: -20px;
}
span.roomDetailsTooltipBottom {
  display: block;
  width: 218px;
  height: 29px;
  background: url(img/roomTip_bottom.png);
  bottom: -29px;
  position: absolute;
  left: -20px;
}

span.longLabel
{
    width: 150px;
    display: inline-block;
    padding-left: 20px;
}

*.addressField
{
    font-weight: bold;
    text-decoration: none;
}


a.addressField
{
    color: #104181;
}

div.slopeTabs
{
    clear: both;
    height: 107px;
    overflow: hidden;
}

div.smallTabbedBox
{
    display: inline-block;
    width: 215px;
    float:left;
    overflow: hidden;
    margin-right: 1px;
}

div.mediumTabbedBox
{
    display: inline-block;
    width: 360px;
        overflow: hidden;

}

div.smallTabbedBox div.tabTitle
{
    padding: 0 90px 0 24px;

}

div.mediumTabbedBox div.tabTitle
{
    padding: 0 233px 0 24px;
}

table.slopeLiftData
{
    width: 180px;
    margin: 10px auto;
}

table.slopeLiftData td
{
    text-align: center;
    font-weight: bold;
}


table.slopeSlopeData
{
    margin: 10px auto;
}

table.slopeSlopeData td
{
    width: 80px;
    height: 50px;
    text-align: left;
    font-weight: bold;
}

table.slopeSlopeData td div
{
    width: 80px;
    height: 50px;
    position: relative;
    top: 0px;
    left: 0px;
}

table.slopeSlopeData td span.label
{
    position: absolute;
    left: 30px;
    top: -3px;
    font-weight: normal;
}


table.slopeSlopeData td span.length
{
    position: absolute;
    left: 30px;
    top: 10px;
    font-weight: normal;
}


table.slopePriceList
{
    width: 557px;

}


table.slopePriceList td,
table.slopePriceList th
{
    text-align: center;
}
    

table.slopePriceList th.leftLabel
{
    text-align: left;
}

/* it's not really a logo - just a main image, with naming inconsequence */
a.slopeLogo
{
    display:inline-block;
    float:right;
    height:260px;
    left:0;
    overflow:hidden;
    padding-left:5px;
    padding-right:5px;
    position:relative;
    text-align:center;
    top:0;
    width:300px;
}


a.slopeLogo img
{
    border-style:none;
    left:-50%;
    margin-left:-150px;
    margin-top:-130px;
    position:absolute;
    top:-50%;
    width:auto;

}

h3.slopeHeight
{
    color: #545454;
    font-weight: bold;
    font-size:15px;
    margin-left: 15px;
    margin-top: 0px;
}


span.slopeDetailsLabel
{
    font-weight: bold;
    display: inline-block;
    width: 120px;
    margin-left: 15px;
    
}


span.slopeDetailsLabelSmall
{
    display: inline-block;
    width: 140px;
    margin-left: 25px;
}


img.slopeLogo
{
    margin-left: 25px;
    
}


div#menu2Area
{
    position: relative;
    left: 0px;
    top: 0px;
    
}

span.submenu2
{
    display: none;
    
}


/*span.menu2:hover div.submenu2
{
    display: block;
    position: absolute;
    left: 2px;
    top: 32px;
    line-height: 30px;
    width: 966px;
    height: 30px;
    
}*/

span#menu2active span.submenu2
{
    display: block;
    position: absolute;
    left: 2px;
    top: 32px;
    line-height: 30px;
    width: 966px;
    height: 30px;
}




tr.inactiveRow
{
    opacity: 0.7;
    background-color: #CCCCCC;

}







div.gmapObjectFilter
{
    width:160px;
    color: #FFFFFF;
    height:140px;
    width:180px;
    margin-left: 10px;
}


div.gmapObjectFilter div
{
    text-align: left;

}

div.gmapObjectFilter div input
{
    margin-left: 10px;
    margin-right: 10px;
}


a.horizontalBanner
{
    width: auto;
    height: auto;
    display: block;
    margin: 0px auto;
    text-align: center;
}

a.horizontalBanner img
{
    margin: 0px auto;
    border-style: none;
}






a.boxBanner
{
    width: 180px;
    height: auto;
    display: block;
    margin: 10px auto;
    text-align: center;
}

a.boxBanner img
{
    margin: 0px auto;
    border-style: none;
}







a.accomodationName
{
    text-decoration: none;
    font-weight: bold;
    color: #545454;
}


ul.accomodationAttributeList
{
    margin-top: 0px;
    margin-left:25px;
}


div.accomodationAttributeListHeader
{
    margin-left: 20px;
    font-weight: bold;
/*    color: #000000;*/
}


div.searchFormDivider
{
    background-color: #F1F2F2;
    position: relative;
    height: 1px;
    left: 0px;
    top: 0px;
    margin-top:20px;
    left:-17px;
    width:195px;
}