/*!
 * COMMUNITOR SiteWare 2.0
 * Copyright by COMMUNITOR Internetservice GmbH, 2001-2011
 */

body {
  font-size:9pt;
  background-color:#eef3fa
}
body, p, td, h1, h2, h3, h4, h5, h6, input, select, textarea {
  font-family:Verdana,Arial,Helvetica,sans-serif;
  line-height:1.25em;
  color:#666666;
}
#container {
  /*background:url('../images/content_background.gif') repeat-y top center;
  min-height:100%;*/
}
#innerContainer {
  position:relative;
  width:894px;
  background-color:#ffffff;
  margin:0 auto;
}
#header,#menu,#siteimage {
  width:794px;
  border-top:1px solid #808080;
}
#header,#menu {
  position:absolute;
  top:5px;
  left:50px;
  height:182px;
}
#menu {
  top:188px;
  height:23px;
  border-bottom:1px solid #808080;
}
#content,#footer {
  position:relative;
  float:left;
  clear:left;
  width:794px;
  margin-left:50px;
}
#content {
  margin-top:245px;
}
#footer {
  height:30px;
  text-align:center;
  font-size:75%;
  color:#808080;
  border-top:1px solid #808080;
  margin-top:25px;
  padding-top:5px;
}
#sitelogo,#webhotelslogo {
  width:388px;
  height:57px;
  float:left;
  margin:3px 0;
}
#webhotelslogo {
  width:228px;
  float:right;
}
#siteimage {
  height:118px;
  float:left;
}
#menu li {
  height:17px;
  float:left;
  border-right:1px solid #808080;
  margin-top:3px;
  overflow:visible;
}
#menu li#mn80834,#menu li#mn124357 {
  border-right:none;
}
#menu li img {
  position:relative;
  top:-3px;
}

a:link,a:visited,a:hover,a:active {
  color:#f39912;
  text-decoration:none;
}
a:hover,a:active {
  color:#ffffff;
  background-color:#f39912;
}
#menu a:hover,#menu a:active,a.imagePopup:hover,a.imagePopup:active {
  background-color:transparent;
}
#footer a:link,#footer a:visited,#footer a:hover,#footer a:active {
  color:#808080;
}
#footer a:hover,#footer a:active {
  color:#ffffff;
  background-color:#808080;
}
.clear {
  clear:both;
  overflow:hidden;
  height:0px;
}

#fieldContainer {
  position:relative;
  width:794px;
  margin:30px 0px;
}
#fieldButtons,#fieldContent,#fieldBottom {
  float:left;
  clear:both;
  width:794px;
}
#fieldButtons {
  height:22px;
  border-bottom:1px solid #808080;
}

.tab {
  display:block;
  float:left;
  height:22px;
  margin-right:4px;
  background:transparent no-repeat 0px 0px;
}
.tab_right {
  float:right;
}
.tab span {
  visibility:hidden;
}
.tab:hover {
  background-color:transparent;
}
#tab_geo,#tab_geo_start {
  width:183px;
  background-image:url('../images/tab_geo.gif?1');
}
#tab_detail,#tab_detail_start {
  width:117px;
  background-image:url('../images/tab_detail.gif?1');
}
#tab_hotline {
  width:87px;
  background-image:url('../images/tab_hotline.gif?1');
  margin-right:0;
}
#tab_merkliste {
  width:100px;
  background-image:url('../images/tab_bookmark.gif?1');
}
#tab_results {
  width:144px;
  background-image:url('../images/tab_results.gif?1');
  margin-right:0;
}

#fieldBottom {
  height:20px;
  background:url('../images/field_bottom.gif') no-repeat;
}
#fieldContent {
  min-height:395px;
  background:url('../images/field_background.gif') repeat-x #f0f0f0;
}
#fieldGeo, #fieldDetail {
  position:absolute;
  top:23px;
  left:0px;
  /* required for jQuery fadeOut() to work properly */
  min-height:320px;
}
.fieldInfo {
  position:absolute;
  top:17px;
  left:52px;
  width:350px;
  z-index:10;
}
#fieldContent .fieldInfo h2 {
  font-size:100%;
}
.fieldInfo .icon {
  position:absolute;
  top:0px;
  left:-32px;
  width:23px;
  height:22px;
}
#map_background {
  background:url('../images/map_background.gif') no-repeat;
  background-position:0px 0px;
  margin:40px 0 0 87px;
  z-index:5;
}
#map_background,#map_overlay {
  width:620px;
  height:320px;
}

h1, .h1 {
  font-size:180%;
}
#fieldContent h2, .startpageTeasers h2 {
  font-size:120%;
  font-weight:bold;
}

.detail_form {
  float:left;
  width:200px;
  background-repeat:no-repeat;
  padding-left:32px;
  margin:90px 10px 0 20px;
}
#detail_form_1 {
  background-image:url('../images/head_background_1.gif?1');
}
#detail_form_2 {
  background-image:url('../images/head_background_2.gif?1');
}
#detail_form_3 {
  background-image:url('../images/head_background_3.gif?1');
}
.detail_form label {
  display:block;
  font-weight:bold;
  margin-top:20px;
}
.detail_form input, .detail_form select {
  width:80px;
  border:1px solid #c8c8c8;
  padding:1px 2px;
  margin:1px;
}
.detail_form #idRegion, .detail_form #idCategory {
  width:197px;
}
.detail_form .fieldset {
  float:left;
  clear:left;
}
.detail_form .fieldset label {
  float:left;
  width:85px;
  font-weight:normal;
  margin:4px 10px 0 0;
}
#but_submit_detail {
  float:right;
  clear:both;
  width:123px;
  height:22px;
  border:none;
  background:url('../images/but_suchestarten.gif') no-repeat 0px 0px;
  margin:40px 20px 0 0;
}
#but_submit_detail:hover {
  background-position:0px -22px;
}
#but_submit_detail span {
  visibility:hidden;
}

#fieldContent .searchInfo {
  position:relative;
  width:500px;
  min-height:80px;
  margin-bottom:20px;
}
#fieldContent .searchInfo #teaserIndex a {
  display:block;
  float:left;
  width:245px;
  font-size:80%;
  margin-right:5px;
}
#fieldContent .searchInfo #mapIndex {
  position:absolute;
  top:0px;
  left:579px;
}

#fieldContent .searchInfo #mapIndex, #fieldContent .searchInfo #linkGMap {
  width:143px;
  height:76px;
}

.startpageTeasers {
  width:794px;
}
.geosearch {
  width:754px;
  margin:0 20px;
}
.geosearch .teaserContainer {
  margin:15px 20px 20px 32px;
}
.startpageTeasers .teaserContainer {
  float:left;
  width:365px;
  margin:15px 0 20px 32px;
}
.teaserContainer h4 {
  font-size:120%;
}
.geosearch h2, .startpageTeasers h2 {
  height:20px;
  background:url('../images/head_background.gif') no-repeat;
  padding-left:32px;
}
.startpageTeasers h2 {
  background-image:url('../images/head_background_large.gif?1');
}
.startpageTeasers h5,.startpageTeasers p {
  font-size:90%;
}
.teaserContainer .teaserImage {
  float:left;
  clear:left;
  margin: 0 20px 10px 0;
}

#fieldContent h3, #fieldContent h4, .startpageTeasers h3, .startpageTeasers h4 {
  font-weight:bold;
}
#fieldContent h4, .startpageTeasers h4 {
  margin-bottom:0.5em;
}

.button_link {
  display:block;
  float:right;
  height:22px;
  background:transparent no-repeat 0px 0px;
  border:none;
}
.button_link:hover,.button_link:active {
  background-position:0px -22px;
  background-color:transparent;
}
.button_link span {
  visibility:hidden;
}
.hotelDetailsLink {
  width:123px;
  background-image:url('../images/but_hoteldetails.gif?1');
}
.meetingRoomsLink,.mapLink {
  width:132px;
  background-image:url('../images/but_seminarraeume.gif?1');
  margin:0.8em 0;
}
.mapLink {
  background-image:url('../images/but_karteanzeigen.gif?1');
}
.addFavoriteLink {
  width:190px;
  background-image:url('../images/but_aufmerkliste.gif?2');
  margin-top:5px;
}
.delFavoriteLink {
  width:190px;
  background-image:url('../images/but_loeschenmerkliste.gif?1');
  margin-top:5px;
}
.directRequestLink {
  width:190px;
  background-image:url('../images/but_emailandashotel.gif?1');
  margin-top:20px;
}
.requestLink {
  width:190px;
  background-image:url('../images/but_anfrageanalle.gif?1');
  margin:20px 0;
}
.sendLink {
  width:136px;
  background-image:url('../images/but_anfragesenden.gif?1');
}

.searchResultsBackLink,.hotelBackLink,.searchBackLink {
  position:relative;
  left:-20px;
  float:left;
  clear:left;
  width:220px;
  background-image:url('../images/but_zuruecksuchergebnis.gif?1');
  margin-top:20px;
}
.hotelBackLink {
  background-image:url('../images/but_zurueckhoteluebersicht.gif?1');
}
.searchBackLink {
  left:0px;
  width:159px;
  background-image:url('../images/but_sucheveraendern.gif?1');
}

.topLink {
  clear:both;
  font-size:90%;
  text-align:right;
}
.hotelouter {
  margin:20px 20px 0;
}
.hotel {
  width:722px;
  margin:20px 0 0 32px;
}
.detailSearch {
  width:754px;
  margin:20px 0 0 20px;
}
.hotel h1 {
  position:relative;
  top:-5px;
  font-size:180%;
  color:#f39912;
  margin:0 20px;
}
.hotel h1 sup, .teaserContainer h4 sup, #resultTable h3 sup {
  position:relative;
  top:3px;
  font-size:70%;
}
#fieldContent .hotel h2, #fieldContent .hotel h4 {
  height:22px;
  background:url('../images/subhead_background.gif') no-repeat;
  font-size:100%;
  padding:3px 0 0 20px;
}
#fieldContent .hotel h3, #fieldContent .hotel h4 {
  clear:left;
}
#fieldContent .hotel h2 {
  position:relative;
  top:-5px;
}
#fieldContent .hotel h3 {
  font-size:120%;
  margin:0.8em 20px 0.4em;
}
#fieldContent .hotel h4 {
  margin:1.6em 0 0;
}
#fieldContent .hotel ul li, .commons ul li {
  list-style-type:disc;
  margin-left:40px;
}
#fieldContent .hotel ol li, .commons ol li {
  list-style-type:decimal;
  margin-left:40px;
}
#fieldContent .hotel p {
  margin:0 20px 0.5em;
}
#fieldContent .detailSearch p {
  margin:0 0 0.5em;
}

#fieldContent .hotel table.customTableBorder {
  border-collapse:collapse;
}
#fieldContent .hotel table.customTableBorder td {
  padding:2px;
  border:1px solid #cccccc;
}
#fieldContent .hotel table.customTableBorder tr.even {
  background-color:#ffffff;
}
#fieldContent .hotel table.customTableBorder tr.odd {
  background-color:#e9e9e9;
}
#fieldContent .hotel table.customTableBorder tr.head {
  background-color:#636363;
}
#fieldContent .hotel table.customTableBorder tr.head td {
  color:#ffffff;
  font-weight:bold;
}
#fieldContent .hotel table.customTableBorder tr.subhead td {
  font-weight:bold;
}
#resultTable td {
  vertical-align:top;
  text-align:center;
}
#resultTable td.resultHotel {
  vertical-align:top;
  text-align:left;
}
#resultTable td.resultHotel h3 {
  margin:0;
}

.commons h1 {
  border-bottom:1px solid #808080;
  margin-bottom:5px;
}
.commons h2, .commons h3, .commons h4 {
  font-weight:bold;
  clear:both;
}
.commons h2 {
  font-size:120%;
  color:#f39912;
  margin:0.7em 0 1.2em;
}

.error {
  color:#c00;
  font-weight:bold;
}
.detail_form .error {
  margin:20px 0 0;
}


.label, .sublabel {
  font-size:100%;
  color:#666;
  margin-bottom:10px;
}
.label {
  font-size:120%;
  font-weight:bold;
}
.input, .inputhalf, .select, .select1, .select2, .area, .button {
  font-size:100%;
  color:#666666;
  background-color:#fff;
  border:#f39912 1px solid;
  margin:5px 0px;
}
.input, .select {
  width:180px;
}
.inputhalf {
  width:90px;
}
.select1 {
  width:100px;
}
.select2 {
  width:50px;
}
.area {
  width:100%;
}