body {
  margin: 0pt;
  text-align: center;
  text-align: left;
  padding: 0pt;
  margin: 0pt;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background-color: #1C74A6;
}

#content {
  width:980px;
  min-height:500px;
  padding-right:18px;
  font-family: Verdana;
  font-size:12px;
  color: #DEF0FA;
  padding-left:0px;
}
a {
   color: #EC8C13;
   text-decoration: none;
}
a:visited {
   color: #EC8C13;
   text-decoration: none;
}
a:hover {
   color: white;
   text-decoration: none;
}
a.naechsterMonat {
  color:#ffffff;
  text-decoration: underline;
}
a.naechsterMonat:hover {
   color: white;
   text-decoration: none;
}
.linkback {
	font-size:11px;
  font-family:Tahoma;
}
.numfield {
  width:30px;
  font-size:12px;
  font-family:Tahoma;
  text-align:center;
}
.contact_title {
  float:left;
  padding:0 0 0 0;
}
.contact_field {
  padding:0 0 0 100px;
}
.contact_field input {
  font-family:Tahoma;
  font-size:12px;
  padding:2px;
  width:180px;
  border:1px solid #000000;
}
.contact_field textarea {
  font-family:Tahoma;
  font-size:12px;
  width:180px;
  padding:2px;
  border:1px solid #000000;
}
form {
  margin:0;
}
.contact_sent {
  font-weight:bold;
  font-family:Tahoma;
  font-size:12px;
}

/* ---- header ---- */
#wrapper-header {
  background-color: #306688;
  height: 157px;
}
#header {
  background-color: #306688;
  height: 157px;
  font-size:0pt;
  display: inline;
}
#header_logo {
  float: left;
  width:500px;
  margin-right:400px;
  background-color: #306688;
}
#header_sprache {
  background: #306688;
  height: 157px;
  text-align: left;
  display: inline;
  position: relative;
}
#header_english, #header_deutsch {
  height: 18px;
}
#header_deutsch {
  float: left;
  width: 24px;
}
#header_english img {
  border: 0pt;
  margin: 112px 0pt 0pt 15px;
}
#header_deutsch img {
  border: 0pt;
  margin-top: 112px;
}

/* ---- menu ---- */
#menucontainer{
  background: transparent url(img/menubg.jpg) top left repeat-x;
}
#thicktabs, #thicktabs_e {
  margin: 0;
  padding: 0;
  float: left;
  background: transparent url(img/menubg_pille.jpg) top left no-repeat;
}
#thicktabs li, #thicktabs_e li {
  display: inline;
}

#thicktabs li a#angebote, #thicktabs li a#angebote_aktiv {
  float: left;
  font-size:0pt;
  padding: 0pt; /*padding of tabs*/
  background: transparent url(img/menubg_angebote.jpg) top left no-repeat;
  width:129px;
  height:40px;
}
#thicktabs li a#angebote:hover, #thicktabs li a#angebote_aktiv {
  background-image: url(img/menubgover_angebote.jpg); /*background image swap on hover*/
}

#thicktabs li a#hotels, #thicktabs li a#hotels_aktiv {
  float: left;
  font-size:0pt;
  padding: 0pt; /*padding of tabs*/
  background: transparent url(img/menubg_hotels.jpg) top left no-repeat;
  width:120px;
  height:40px;
}
#thicktabs li a#hotels:hover, #thicktabs li a#hotels_aktiv {
  background-image: url(img/menubgover_hotels.jpg); /*background image swap on hover*/
}


#thicktabs li a#fuervermieter, #thicktabs li a#fuervermieter_aktiv {
  float: left;
  font-size:0pt;
  padding: 0pt; /*padding of tabs*/
  background: transparent url(img/menubg_fuervermieter.jpg) top left no-repeat;
  width:120px;
  height:40px;
}
#thicktabs li a#fuervermieter:hover, #thicktabs li a#fuervermieter_aktiv {
  background-image: url(img/menubgover_fuervermieter.jpg); /*background image swap on hover*/
}

#thicktabs li a#faq, #thicktabs li a#faq_aktiv {
  float: left;
  font-size:0pt;
  padding: 0pt; /*padding of tabs*/
  background: transparent url(img/menubg_faq.jpg) top left no-repeat;
  width:120px;
  height:40px;
}
#thicktabs li a#faq:hover, #thicktabs li a#faq_aktiv {
  background-image: url(img/menubgover_faq.jpg); /*background image swap on hover*/
}

#thicktabs li a#links, #thicktabs li a#links_aktiv {
  float: left;
  font-size:0pt;
  padding: 0pt; /*padding of tabs*/
  background: transparent url(img/menubg_links.jpg) top left no-repeat;
  width:120px;
  height:40px;
}
#thicktabs li a#links:hover, #thicktabs li a#links_aktiv {
  background-image: url(img/menubgover_links.jpg); /*background image swap on hover*/
}

#thicktabs li a#kontakt, #thicktabs li a#kontakt_aktiv {
  float: left;
  font-size:0pt;
  padding: 0pt; /*padding of tabs*/
  background: transparent url(img/menubg_kontakt.jpg) top left no-repeat;
  width:120px;
  height:40px;
}
#thicktabs li a#kontakt:hover, #thicktabs li a#kontakt_aktiv {
  background-image: url(img/menubgover_kontakt.jpg); /*background image swap on hover*/
}

#thicktabs li a#agb, #thicktabs li a#agb_aktiv {
  float: left;
  font-size:0pt;
  padding: 0pt; /*padding of tabs*/
  background: transparent url(img/menubg_agb.jpg) top left no-repeat;
  width:120px;
  height:40px;
}
#thicktabs li a#agb:hover, #thicktabs li a#agb_aktiv {
  background-image: url(img/menubgover_agb.jpg); /*background image swap on hover*/
}

#thicktabs li a#impressum, #thicktabs li a#impressum_aktiv {
  float: left;
  font-size:0pt;
  padding: 0pt; /*padding of tabs*/
  background: transparent url(img/menubg_impressum.jpg) top left no-repeat;
  width:128px;
  height:40px;
}
#thicktabs li a#impressum:hover, #thicktabs li a#impressum_aktiv {
  background-image: url(img/menubgover_impressum.jpg); /*background image swap on hover*/
}

/* --- english --- */
#thicktabs_e li a#angebote, #thicktabs_e li a#angebote_aktiv {
  float: left;
  font-size:0pt;
  padding: 0pt; /*padding of tabs*/
  background: transparent url(img/menubg_angebote_e.jpg) top left no-repeat;
  width:129px;
  height:40px;
}
#thicktabs_e li a#angebote:hover, #thicktabs_e li a#angebote_aktiv {
  background-image: url(img/menubgover_angebote_e.jpg); /*background image swap on hover*/
}

#thicktabs_e li a#hotels, #thicktabs_e li a#hotels_aktiv {
  float: left;
  font-size:0pt;
  padding: 0pt; /*padding of tabs*/
  background: transparent url(img/menubg_hotels_e.jpg) top left no-repeat;
  width:120px;
  height:40px;
}
#thicktabs_e li a#hotels:hover, #thicktabs_e li a#hotels_aktiv {
  background-image: url(img/menubgover_hotels_e.jpg); /*background image swap on hover*/
}

#thicktabs_e li a#fuervermieter, #thicktabs_e li a#fuervermieter_aktiv {
  float: left;
  font-size:0pt;
  padding: 0pt; /*padding of tabs*/
  background: transparent url(img/menubg_fuervermieter_e.jpg) top left no-repeat;
  width:120px;
  height:40px;
}
#thicktabs_e li a#fuervermieter:hover, #thicktabs_e li a#fuervermieter_aktiv {
  background-image: url(img/menubgover_fuervermieter_e.jpg); /*background image swap on hover*/
}

#thicktabs_e li a#faq, #thicktabs_e li a#faq_aktiv {
  float: left;
  font-size:0pt;
  padding: 0pt; /*padding of tabs*/
  background: transparent url(img/menubg_faq_e.jpg) top left no-repeat;
  width:120px;
  height:40px;
}
#thicktabs_e li a#faq:hover, #thicktabs_e li a#faq_aktiv {
  background-image: url(img/menubgover_faq_e.jpg); /*background image swap on hover*/
}

#thicktabs_e li a#links, #thicktabs_e li a#links_aktiv {
  float: left;
  font-size:0pt;
  padding: 0pt; /*padding of tabs*/
  background: transparent url(img/menubg_links_e.jpg) top left no-repeat;
  width:120px;
  height:40px;
}
#thicktabs_e li a#links:hover, #thicktabs_e li a#links_aktiv {
  background-image: url(img/menubgover_links_e.jpg); /*background image swap on hover*/
}

#thicktabs_e li a#kontakt, #thicktabs_e li a#kontakt_aktiv {
  float: left;
  font-size:0pt;
  padding: 0pt; /*padding of tabs*/
  background: transparent url(img/menubg_kontakt_e.jpg) top left no-repeat;
  width:120px;
  height:40px;
}
#thicktabs_e li a#kontakt:hover, #thicktabs_e li a#kontakt_aktiv {
  background-image: url(img/menubgover_kontakt_e.jpg); /*background image swap on hover*/
}

#thicktabs_e li a#agb, #thicktabs_e li a#agb_aktiv {
  float: left;
  font-size:0pt;
  padding: 0pt; /*padding of tabs*/
  background: transparent url(img/menubg_agb_e.jpg) top left no-repeat;
  width:120px;
  height:40px;
}
#thicktabs_e li a#agb:hover, #thicktabs_e li a#agb_aktiv {
  background-image: url(img/menubgover_agb_e.jpg); /*background image swap on hover*/
}

#thicktabs_e li a#impressum, #thicktabs_e li a#impressum_aktiv {
  float: left;
  font-size:0pt;
  padding: 0pt; /*padding of tabs*/
  background: transparent url(img/menubg_impressum_e.jpg) top left no-repeat;
  width:128px;
  height:40px;
}
#thicktabs_e li a#impressum:hover, #thicktabs_e li a#impressum_aktiv {
  background-image: url(img/menubgover_impressum_e.jpg); /*background image swap on hover*/
}
/* --- ENDE english --- */

#shade {
  background: transparent url(img/menubgshade.jpg) top left repeat-x;
  font-size:0pt;
}

#thicktabs li a:visited, #thicktabs_e li a:visited {
  color: black;
}
/* ---- menu ende ---- */

#wrapper-content {
  background: #1C74A6 url(img/contentbg.gif) top left repeat-x;
  padding:0pt 20px;
}

#zaptec a
{ 
  font-size:1px;
  color:#1C74A6;
}

/* ---- Objekte Detailausgabe ---- */
.listinginfo {
  border:1px solid #FFFFFF;
  margin:0pt;
  width:100%;
  background: #1C74A6;
}
.listinginfo legend, .fotoinfo legend {
  background:#FFFFFF url(/img/karteireiter.jpg) repeat-x scroll right top;
  border:1px solid #FFFFFF;
  color:#FFFFFF;
  font-weight:bold;
  /* width:140px; */
  height: 14px;
  padding:0.25em 1em 0.25em 1em; 
}
.listinginfo div.details {
  padding:8px 12px 8px 12px;
  line-height: 18px;
}
.listinginfo div.row {
  clear:both;
  margin-bottom:2px;
  padding:0pt;
}
#bezahlung div.row {
  clear:both;
  margin-bottom:2px;
  padding:0pt;
  height: 30px;
}
.listinginfo div.label {
  float:left;
  font-weight:bold;
  /* padding:2px 0pt 3px 0pt; */
  width:134px;
  line-height: 18px;
}
.listinginfo div.item {
  float:left;
  margin:0pt;
  /* padding:2px 0pt 3px 6px; */
  line-height: 18px;
  width: 185px;
}
.listinginfo div.itemDistanz {
  width:65px;
  float:left;
  margin:0pt;
  /* padding:2px 0pt 3px 6px; */
  line-height: 18px;
}
.listinginfo div.symbole, .listinginfo div.ausstattung {
  text-align:left;
  float:right;
  width:350px;
}
.listinginfo div.ausstattung {
  margin-top:6px;
}
.fotoinfo {
  border:1px solid #FFFFFF;
  margin:0.75em 0pt;
  background: #1C74A6;
}
.fotocenter {
  text-align:center;
}
.thumbnail {
  padding:2px;
  border:1px solid #306688;
  background-color:#ffffff;
}
.preisgesamt {
  color: #ffffff;
  font-size: 13px;
  font-weight:bold;
}

/* === fuer BUCHEN- und BEZAHLUNG-Button === */
div.boldbutton{
  background: transparent url('http://www.cityflats4you.com/img/button-left.gif') no-repeat top left;
  display: block;
  float: left;
  font: bold 14px Arial;
  line-height: 21px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
  height: 33px;
  padding-left: 14px;
  text-decoration: none;
}

div:link.boldbutton, div:visited.boldbutton, div:hover.boldbutton, div:active.boldbutton{
  color: white; /*button text color*/
}

div.boldbutton span{
  background: transparent url('http://www.cityflats4you.com/img/button-right.gif') no-repeat top right;
  display: block;
  padding: 0px 12px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

div:hover.boldbutton{ /* Hover state CSS */
  text-decoration: underline;
}

div.boldbutton{
  background: transparent url('http://www.cityflats4you.com/img/button-left.gif') no-repeat top left;
  display: block;
  float: left;
  font: bold 14px Arial;
  line-height: 21px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
  height: 33px;
  padding-left: 14px;
  text-decoration: none;
}
/* === fuer Suchen-Button, Hintergrund ist hellblau */
div:link.boldbutton_light, div:visited.boldbutton_light, div:hover.boldbutton_light, div:active.boldbutton_light {
  color: white; /*button text color*/
}

div.boldbutton_light span{
  background: transparent url('http://www.cityflats4you.com/img/button-right_bg_light.gif') no-repeat top right;
  display: block;
  padding: 0px 12px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

div:hover.boldbutton_light { /* Hover state CSS */
  text-decoration: underline;
}
div.boldbutton_light {
  background: transparent url('http://www.cityflats4you.com/img/button-left_bg_light.gif') no-repeat top left;
  display: block;
  float: left;
  font: bold 14px Arial;
  line-height: 21px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
  height: 33px;
  padding-left: 14px;
  text-decoration: none;
}

/* === fuer Sofortbuchen-Button */
div:link.boldbutton_orange, div:visited.boldbutton_orange, div:hover.boldbutton_orange, div:active.boldbutton_orange {
  color: white; /*button text color*/
}

div.boldbutton_orange span{
  background: transparent url('http://www.cityflats4you.com/img/button-right_orange.gif') no-repeat top right;
  display: block;
  padding: 0px 12px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

div:hover.boldbutton_orange { /* Hover state CSS */
  text-decoration: underline;
}
div.boldbutton_orange {
  background: transparent url('http://www.cityflats4you.com/img/button-left_orange.gif') no-repeat top left;
  display: block;
  float: left;
  font: bold 14px Arial;
  line-height: 21px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
  height: 33px;
  padding-left: 14px;
  text-decoration: none;
}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
  overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
  width: 100%;
}
input.submit {
  padding:0pt;
  margin:0pt;
  border:0px;
  height:33px;
  line-height: 21px;
  background:transparent;
  font: bold 14px Arial;
  color: white;
}

.row_details{
  width:200px;
}

.errorfeld {
  border:2px #aa0000 solid;
  background-color:#FFD6CF;
  height:36px;
  color: #aa0000;
  padding:4px;
}

/* ---- footer ---- */

#wrapper-footer {
  background-color: #1C74A6;
}

.footer{
  background: transparent url(img/footer.jpg) top left no-repeat;
  height: 40px;
  width: 977px;
}
.footer-text {
  height: 30px;
  float:left;
  padding: 10px 0px 0px 24px;
  color: #1C74A6;
  font-family: Verdana;
  font-size:11px;
}
.footer-text a {
  color: #1C74A6;
  text-decoration: underline;
}
.footer-text a:hover {
  color: #1C74A6;
  text-decoration: none;
}

.footer-medani {
  height: 30px;
  float:right;
  width:160px;
  padding: 10px 24px 0px 0px;
  color: #1C74A6;
  font-family: Verdana;
  font-size:11px;
}
.footer-medani a {
  color: #1C74A6;
  text-decoration: underline;
}
.footer-medani a:hover {
  color: #1C74A6;
  text-decoration: none;
}

/* ---- logout ---- */
#logout 
{
   text-align:right;
   width:900px;
   font-weight:bold;
   font-family:Verdana,Arial;
   font-size:14px
}
#logout a 
{
   color:#FFFFFF;
}
#logout a:hover 
{
   color:#EC8C13;
}