body{
  background-color:#f3eddd;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
}
body, h1, h2, h3, h4, h5, h6, div, span, p, input, select, textarea, li, td, th {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 16px;
}
h1, h2, h3, h4, h5, h6, div, span, p, input, select, textarea, li {
  color: #333333;
}

h1, h2, h3, h4, h5, h6, a {
  margin: 0px;
  padding: 0px;
  font-weight: normal;
}

p {
  margin: 0px;
  padding: 0px 0px 7px 0px;
}

#contentcontainer h1, #contentcontainer h1 .sIFR-alternate {
  font-weight: bold;
  font-size: 15px;
  color: #a51c1c;
  padding-bottom: 14px;
}

h3 {
  font-weight: bold;
  color: #333333;
  font-size: 11px;
}

a {
  color: #4d620f;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}


#contentcontainer a {
  font-weight: bold;
  background: url(/images/raquo_green.gif);
  padding-left: 10px;
  background-repeat: no-repeat;
  background-position: 0px 5px;
}

#contentcontainer a.thickbox {
  font-weight: normal;
  background: none;
  padding-left: 0px;
}


form {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

table {
  border-collapse: collapse;
  border-spacing: 0px;
}

#shadowright {
  background: url(/images/shadows/shadow_right.gif) right;
  background-repeat: repeat-y;
}

#shadowrighttop {
  background: url(/images/shadows/shadow_right_top.gif);
}

#footer {
  background: url(/images/shadows/shadow_bottom.gif);
  background-repeat: repeat-x;
}

#shadowbottomleft {
  background: url(/images/shadows/shadow_bottom_left.gif);
}

#shadowbottomright {
  background: url(/images/shadows/shadow_bottom_right.gif);
}

#topnavi a, #topnavi a:hover {
  text-decoration: none;
  color: #4d620f;
}

#topnavi a:hover {
  color: #000;
}

#extendedsearch {
  background: url(/images/italyhome_de/extendedsearch_bg.gif) #8d2225;
}

#extendedsearch div{
  color: #ffffff;
}

#visual img {
}

#metanavi ul {
  padding: 12px 12px 12px 20px;
  margin: 0px;
}

#metanavi ul li {
  list-style: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  height: 22px;
}

#metanavi ul li a, #metanavi ul li a:hover, #metanavi ul li .sIFR-alternate a, #metanavi ul li .sIFR-alternate a:hover {
  text-decoration: none;
  font-weight: bold;
  font-size: 14px;
  color: #ffffff;
}

#metanavi ul li a:hover {
  color: #b6cb74;
}


#searchbarleft input {
  width: 191px;
  border: none;
  background-color: #f3eddd;
  height: 17px;
  padding: 1px 2px 0px 5px;
}

#logo img {
  margin-left: 20px;
}

#maincontentcontainer {
  background-color: #fff;
}

#contentcontainer {
  /* background: url(/images/content_bg.gif);
  background-repeat: repeat-x; */
}

#hometextboxmiddle {
  background: url(/images/italyhome_de/textcontainer_bg.gif) #f3eddd;
  background-repeat: repeat-x;
}

#hometextboxmiddleQuad {
  background: url(/images/quadBackground.gif) #f3eddd;
  background-repeat: no-repeat;
}

#hometextboxmiddleQuad .listitem {
  width: 220px;
  float: left;
}


hr {
  color: #F1EAD8;
  background: url(/images/backgroundHR.gif);
  background-repeat: repeat-x;
  height: 1px;
  overflow: hidden;
  border: none;
  border-collapse: collapse;
  display: block;
}

#extendedsearch h1, #extendedsearch h1 .sIFR-alternate {
 color: #F7E1AC;
 font-size: 12px;
 font-weight: bold;
 margin-bottom: 3px;
 height: 18px;
}

#extendedsearch .containerspacer select, #extendedsearch .containerspacer input, #boxDetailBooking input, #boxDetailBooking select {
  float: left;
  margin-top: 1px;
  margin-left: 10px;
  border: 1px solid #EBBE5E;
}

#extendedsearch a {
  font-weight: bold;
  background: url(/images/raquo_beige.gif);
  padding-left: 10px;
  background-repeat: no-repeat;
  background-position: 0px 5px;
  color: #ffffff;
}

#extendedsearch .checkboxDescriptor {
  float: left;
  width: 95px;
}

#contentcontainer a.image {
  padding-left: 0px;
  background: none;
}

.listitem div.image {
  width: 90px;
  height: 95px;
  float: left;
}

.listitem div.description {
  float: left;
  width: 110px;
}


#detailPage .detailMainHeader, #detailPage .detailBoxDataFrame {
  width: 675px;
  background: url(/images/detailBoxHeader.gif);
  background-repeat: no-repeat;
  background-position: top;
}

#detailPage .detailBoxDataFrame {
  background: url(/images/detailBoxDataFrame.gif);
  background-repeat: no-repeat;
  background-position: bottom;
}

#detailPage .detailMainHeader .headertextLeft {
  padding-left: 15px;
  padding-top: 8px;
  float: left;
  height: 23px;
}

#detailPage .detailMainHeader .headertextRight {
  padding-right: 15px;
  padding-top: 8px;
  height: 23px;
  float: right;
}

#detailPage .detailBoxDataFrame {
  padding-top: 15px;
}

#detailPage .detailBoxDataFrame .detailBoxLeft {
  padding-left: 15px;
  width: 166px;
  float: left;
  padding-bottom: 15px;
}

#detailPage .detailBoxDataFrame .detailBoxMiddle {
  padding-left: 30px;
  width: 166px;
  float: left;
  padding-bottom: 15px;
}

#detailPage .detailBoxDataFrame .detailBoxRight {
  padding-left: 30px;
  float: left;
  width: 250px;
  padding-bottom: 15px;
}

#detailPage .detailBoxDataFrame .descriptor {
  font-weight: bold;
}

#detailPage .detailMainHeader h3 {
  color: #333333;
  font-size: 13px;
}

#detailPage .imageMain {
  float: left;
  height: 240px;
  overflow: hidden;
}

#detailPage .thumbNailContainer {
  float: right;
  width: 275px;
}

#detailPage .thumbNailContainer img {
  cursor: pointer;
}

#detailPage .thumbNailContainer a {
  padding: 0px;
  background: none;
}

#detailPage .thumbNailContainer .thumbnail {
  float: left;
  width: 50px;
  height: 55px;
  background-color: #F3EDDD;
  margin-left: 5px;
  margin-bottom: 13px;
}

#detailPage .thumbNailContainer .thumbnailActive {
  float: left;
  width: 50px;
  height: 55px;
  background-color: #A51C1C;
  margin-left: 5px;
  margin-bottom: 13px;
}

.detailMainContent {
  padding-top: 22px;
  padding-left: 15px;
  padding-right: 15px;
  width: 645px;
}

#detailPage #detailColLeft {
  width: 675px;
  overflow: hidden;
  float: left;
}

#detailPage #boxDetailAvailability, #detailPage #boxDetailBooking {
  margin-left: 15px;
  width: 230px;
  float: left;
}

#detailPage #boxDetailBooking {
  height: auto;
  margin-top: 10px;
  background: url(/images/boxBookBackgroundTop.gif);
  background-repeat: repeat-x;
  background-position: 0px 20px;
}

#detailPage #boxDetailBookingContent {
}

#detailPage .boxHeader, #subContainerRight .boxHeader {
  background: url(/images/boxHeaderBackground.gif);
  background-repeat: repeat-x;
  height: 20px;
  width: 100%;
  padding-top: 2px;
}

#subContainerRight {
  position: relative;
}

#subContainerRight .boxHeader {
  position: absolute;
}


#subContainerRight.fullMap .boxHeader, #gmapper_map.fullMap {
  width: 620px;
  left: -390px;
}

#gmapper_map.fullMap {
  height:500px;
}

#boxDetailMap {
  margin-top: 18px;
}

#detailPage .boxHeader h1, #subContainerRight .boxHeader h1 {
  padding-left: 10px;
}

#detailPage .boxHeader h1 .sIFR-alternate, #subContainerRight .boxHeader h1 .sIFR-alternate {
  padding-left: 0px;
  color:#F7E1AC;
  font-size: 11px;
}

#detailPage .boxTableHead {
  background: url(/images/boxTableHeadBackground.gif);
  background-repeat: repeat-x;
  background-position: top;
  width: 220px;
  padding-left: 10px;
  padding-top: 2px;
  margin-top: -2px;
}

#boxDetailAvailability table {
  margin-bottom: 5px;
}

#boxDetailAvailability td {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  line-height: 17px;
}

#boxDetailAvailability .standard {
  font-weight: bold;
  color: #717171;
}

#boxDetailAvailability .frei {
  font-weight: bold;
  color: #82A811;
}

#boxDetailAvailability .belegt {
  font-weight: bold;
  color: #A81111;
}

#boxDetailAvailability td .day, #boxDetailAvailability td .dayinactive {
  cursor:hand;
  cursor:pointer;
  width:auto;
  padding:2px;
  width:15px;
  height:12px;
  line-height:normal;
}
#boxDetailAvailability td .dayinactive {
  cursor: auto;
}

#contentcontainer .button {
  background: url(/images/button.gif);
  background-repeat: no-repeat;
  width: 98px;
  height: 20px;
  padding-top: 2px;
  font-weight: bold;
  color: #ffffff;
  overflow: hidden;
  text-align: center;
  text-transform: uppercase;
}

#contentcontainer .button a {
  color: #ffffff;
  text-decoration: none;
  background: none;
  padding: 0px 0px 0px 0px;
}

#contentcontainer .button a:hover {
  color: #F7E1AC;
}

#boxDetailMap a{
  padding: 0px 0px 0px 0px;
  background: none;
}

#boxDetailMap #map #gmapper_map {
   overflow: hidden;

}

#gmapper_map {
  width: 230px;
  height: 230px;
}

.mapSizer {
  float: right;
  padding-right: 5px;
  width: 120px;
  text-align: right;
}

#contentcontainer .mapSizer a {
  color: #fff;
  background: url(/images/iconZoom.gif);
  background-position: right;
  background-repeat: no-repeat;
  padding-left: 0px;
  padding-right: 18px;
}

#pageTitle {
  width: 675px;
  float: left;
  height: 45px;
  overflow: hidden;
}

#teaserPhone {
  position: relative;
  margin-right: 20px;
  height: 45px;
  float: right;
  width: 230px;
  top: -8px;
  background: url(/images/teaserPhoneBackground.gif);
  background-repeat: no-repeat;
  overflow: hidden;
}

#pageTitle h1 {
  padding-top: 5px;
}

#subContainerLeft {
  background: url(/images/subContainerLeftBackground.gif);
  background-repeat: no-repeat;
  padding-top: 32px;
}


.rightBox {
  position: relative;
  top: -2px;
  background: url(/images/rightBoxBackground.gif);
  background-repeat: repeat-x;
  margin-top: 22px;
  padding-top: 10px;
}

.rightBox .listitem div.description {
  width: 130px;
}

.searchResult {
  margin-left: 0px;
  width: 660px;
}

.searchResult th {
  font-weight: bold;
  text-align: left;
  vertical-align: top;
  padding-right: 10px;
  padding-bottom: 10px;
}

.searchResult th.src01 {
  padding-left: 10px;
}

.searchResult .directionImage {
  padding-left: 4px;
  border: none;
}

#contentcontainer .searchResult th a {
  background-image: none;
  padding-left: 0px;
  color: #000000;
}


#contentcontainer .searchResult th a:hover {
  color: #000000;
}

.searchResult td {
  vertical-align: top;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 10px;
}

.searchResult td.src01 {
  font-weight: bold;
  width: 30px;
  padding-left: 10px;
  padding-right: 5px;
}

.searchResult td.src03 {
}

.searchResult td.src06 {
  text-align: center;
}

.searchResult td.src08 {
  white-space: nowrap;
  text-align: right;
}

#contentcontainer .searchResult td.src02 a {
  padding: 0px;
  background-image: none;
}

.searchResult td.searchResultItemSeparator {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

#search {
  position: relative;
  background: url(/images/searchBoxDataFrame.gif);
  background-repeat: no-repeat;
  width: 675px;
  height: 455px;
}

#searchBoxLeft {
  width: 325px;
  height: 450px;
  padding-left: 15px;
  float: left;
}

#searchBoxRight {
  width: 315px;
  height: 450px;
  padding-left: 15px;
  float: right;
}

.searchHeading {
  font-weight: bold;
  position: relative;
  font-size: 13px;
  top: -25px;
}

.heading {
  font-weight: bold;
  font-size: 13px;
  margin-bottom: 20px;
}

#mapItaly {
  padding-top: 20px;
  padding-left: 30px;
}

#search input, #search select  {
  background-color: #F3EDDD;
  height: 16px;
  padding-top: 1px;
  border: none;
}

#search #searchRegionAndCity select {
  float: left;
  width: 260px;
  margin-bottom: 8px;
}

.searchLabelCity, .searchLabelRegion {
  width: 40px;
  float: left;
}


.searchFeatureLabel {
  width: 120px;
  float: left;
}

.searchFeatureSelect select {
  width: 130px;
  float: left;
}

.searchFeatures, .searchFeaturesTwo {
  height: 175px;
  width: 130px;
  float: left;
}

.searchFeature {
  height: 24px;
  width: 130px;
}

.searchFeaturesTwo .searchFeature {
  width: 180px;
}

#search input, #search .searchFeature label input{
  background: none;
  position: relative;
  top: 6px;
}


#searchData {
  width: 675px;
  float: left;
  padding-bottom: 20px;
}

span.bold {
  font-weight: bold;
}

#searchResultPageNavigation {
  padding-top: 10px;
}


/*std design box with border on all sides*/
.boxwithborder {
}
.boxwithborder .headerline{
  background:transparent url(/images/subContainerLeftBackground.gif) no-repeat;
  height:32px;
  line-height:25px;
  padding-left:15px;padding-right:15px;
  margin-bottom:1px;
}
.boxwithborder .headerline h3{
  line-height:25px;
  float:left;
}
.boxwithborder .headerline a{
  line-height:25px;
  float:right;
}
.boxwithborder .content {
  background:#ffffff url(/images/box-one-column.gif) no-repeat bottom;
  min-height:300px;
  padding-left:15px;
  padding-right:15px;
  padding-bottom:15px;
}

#footernavi ul, #footernavi li, #topnavi ul, #topnavi li {
  display: inline;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}
#footernavi li{
  padding-right: 20px;
}

#topnavi li {
  padding-left: 20px;
}

#searchResultPageNavigation div {
  float: left;
}

#pagePrevious, #pageNext {
  width: 110px;
  float: left;
}

#pageCurrent {
  padding-left: 30px;
  padding-right: 30px;
  width: 395px;
  font-weight: bold;
  text-align: center;
}

#pageCurrent a {
  padding: 0px 0px 0px 0px;
  font-weight: normal;
  background: none;
}


#pageNext {
  text-align: right;
}

.searchDottedLine {
  background: url(/images/searchDottedLine.gif);
  background-repeat: no-repeat;
  margin-top: 8px;
  margin-bottom: 8px;
  height: 1px;
}

#linkOne, #linkTwo {
  padding-top: 7px;
  float: left;
  font-weight: bold;
}

#linkOne {
  padding-left: 20px;
  width: 80px;
}

#linkTwo {
  padding-left: 20px;
}

#linkOne.Seafrontvillas a {
  font-weight: bold;
  color: #ffffff;
}

#linkTwo.Seafrontvillas {
  color: #1E6FB4;
}

#linkOne.Italyhome {
  font-weight: bold;
  color: #A51C1C;
}

#linkTwo.Italyhome a {
  font-weight: bold;
  color: #FFFFFF;
}

.portalSwitch {
  height: 29px;
  width: 605px;
}

.portalSwitchSeafrontvillas {
  background: url(/images/switchFromSFV.gif);
  background-repeat: no-repeat;
  height: 29px;
  width: 605px;
}

.portalSwitchItalyhome {
  background: url(/images/switchFromIH.gif);
  background-repeat: no-repeat;
  height: 29px;
  width: 605px;
}

#languageSwitcher {
  padding-top: 9px;
  height: 14px;
}

#languageSwitcher div.langFlag {
  float: left;
}

.bookingBoxBottomBG {
  background: url(/images/boxBookBackgroundBottom.gif);
  background-repeat: repeat-x;
  background-position: bottom;
  padding-bottom: 5px;
}

.error {
  color: #E76B5C;
  font-size: 11px;
  margin-bottom: 10px;
  margin-top: 10px;
  background: url(/images/error_icon.png) left top;
  background-repeat: no-repeat;
  padding-left: 20px;
}

#calenderpopup {
  display:none;
  position:absolute;
  background-color:#ffffff;
  padding:30px 5px 5px 5px;
  border:1px solid black;
  right:25px;
  margin-top:15px;
  z-index:500;
}
#search #calenderpopup {
  left:200px;
  right:auto;
}
#calenderpopup .closebutton {
  position:absolute;
  right:0px;
  width:50px;
  margin-top:-30px;
  padding:2px 5px 2px 5px;
  border-bottom:1px solid black;
  border-left:1px solid black;
  cursor:hand;cursor:pointer;
  background:url(/chameleon/themes/standard/images/icons/shape_move_forwards.png) no-repeat left;
}

#searchbarright {
  background:url(/images/bottonOkRed.gif) no-repeat;
}

.bookingBox {
  padding: 15px 0px 5px 10px;
}

.searchButtonHome {
  position: relative;
  top: -2px;
  width: 70px;
  height: 22px;
  background:url(/images/buttonSearchYellow.gif) no-repeat left;
  text-transform: uppercase;
  text-align: center;
  padding-top: 4px;
  float: right;
}

#buttonSearchDetail {
  position: absolute;
  bottom: 20px;
  right: 15px;
  width: 70px;
  height: 22px;
  text-align: center;
  background:url(/images/buttonSearchDetailRed.gif) no-repeat left;
  padding-top: 5px;
  padding-left: 1px;
  text-transform: uppercase;
}


#extendedsearch .searchButtonHome a{
  padding: 0px 0px 0px 0px;
  background: none;
  color: #3F0809;
}

#buttonSearchDetail a {
  padding: 0px 0px 0px 0px;
  background: none;
  color: #ffffff;
}

.twoDotBackground315, .twoDotBackground210  {
  background: url(/images/twoDotBackground.gif);
  background-repeat: repeat-x;
  height: 1px;
}

.twoDotBackground315 {
  width: 315px;
  margin-top: 20px;
  margin-bottom: 10px;
}

.twoDotBackground210 {
  width: 210px;
  margin-top: 10px;
  margin-bottom: 5px;
}

#TB_caption {
  background: none ! important;
}

#mapContainer{
  position: absolute;
  padding-left: 160px;
  padding-top: 190px;
}
