/**
###################################################################################
  OBADJA(R) Immobilien-Software  
  Release Datum: 01.11.2009
  
  OBADJA(R) - the best software solutions
  http://www.obadja.eu

  (c) Copyright 2009 Dipl. Des. Sven Scholz - Design Center OBADJA®

  Copyrightvermerke dürfen NICHT entfernt werden!
  ------------------------------------------------------------------------
  Dieses Programm ist eine Software von Dipl. Des. Sven Scholz, Design Center OBADJA(R).
  Diese Software darf nicht veroeffentlicht, weitergeben und/oder modifizieren werden. 
  Es gelten die Ihnen mitgeteilten und unterschriebenen Lizenzbestimmungen.
  Diese Software/Website ist eine Einzellizenz und für den Betrieb auf einem Speicherplatz
  (Webspace) berechtigt.
  Die Veroeffentlichung dieses Programms erfolgt OHNE IRGENDEINE GARANTIE, sogar ohne
  die implizite Garantie der MARKTREIFE oder der VERWENDBARKEIT FUER EINEN BESTIMMTEN ZWECK.
  
 ##################################################################################
*/

body { background-color: #535353 }
body { cursor: default; background-image: url(bg.jpg); background-position: center top; background-repeat: no-repeat }
.main { border: 0px solid #333; background-color: #333 }               /* Rahmenfarbe und Hintergrundfarbe der Tabelle (vor dem Laden der Elemente)*/
.bg_text_detail { border: 0px solid #333; background-color: #333 }     /* Rahmenfarbe und Hintergrundfarbe der Tabelle (vor dem Laden der Elemente) e0e0e0 */
.main, .bg_text_detail { clear: both }
.randMitte { border-right:1px solid #333 }                                /* Suchergebnisliste Linie rechts neben dem Vorschaubild */
.randUnten1 { background-color: #333; height: 15px }                   /* Suchergebnisliste Zwischenlinien */
.randUnten { border-bottom: 10px solid #333 }                             /* Bewertungen+Kalender Linie zwischen Abschnitten */


.Tabellenrahmen { border-collapse: collapse; border: 1px solid #888888 }  /* ??? */
.Tabellenrahmen td, .Tabellenrahmen th { border: 1px solid #888888 }      /* ??? */
.bg_text, .bg_text_detail { background-color: #777777 }                      /* dedfcf bzw d1d2c2 Hintergrundfarbe von Seiten und Detailseiten */

#banner_top { height: 180px }    /* Flashbanner Höhe */
#banner_bottom { height: 290px } /* Flashbanner Höhe */

.gallery_bg_left { background-color:#2e2e2e }
.gallery_bg_right { background-color:#2e2e2e }


/* ------------------------- Textfarben -------------------------------------*/

td, div, input, textarea, caption { font-family: Verdana, Geneva, sans-serif; font-size: 11px; color: #000 } /* Allgemeine Textfarbe */
p { margin:0 0 0 0; padding:0 0 0 0 }
a:link, a:visited { text-decoration: none; cursor: pointer; color: #000 } /* Allgemeine Link-Definition (solange keine andere Definition für ELement gültig ist, wird immer diese genommen) */
a:hover, a:active { text-decoration: underline; cursor: pointer; color: #000 } /* Hover-Effekt allgemein */

#top #links { font-family: Verdana, Geneva, sans-serif; font-size: 10px; text-transform: uppercase; margin-bottom: 5px; margin-left: 0px; color: #000 } /*Schriftgröße u. Farbe der Punkte der oberen Links*/
#top #links a { color: #000 } /*Farbe der oberen Links und Unterstriche*/
#top #flaggen { margin-bottom: 5px; margin-right: 0px;} /*Flaggen nach links verschieben*/

#bottom #impressum { font-family: Verdana, Geneva, sans-serif; font-size: 10px; text-transform: uppercase; margin-top: 5px; color: #000 } /*Schriftgröße u. Farbe der Punkte der unteren Links*/
#bottom #impressum a { color: #000 } /*Farbe der unteren Links*/
#bottom #copyright { font-family: Verdana, Geneva, sans-serif; font-size: 10px; text-transform: uppercase; margin-top: 5px; color: #000 }
#bottom #copyright a { color: #000 } /*Farbe der unteren Links*/

.static .headline { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000; font-weight: bold; text-transform: uppercase } /* Überschriftfarbe von Textseiten */
.static .text { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000 } /* Textfarbe von Textseiten */
.suchTxt { color: #333; background-color: #fff }

/* ---------------------------------------------------------------------------*/


.ext_search_txt { width: 250px; height:22px; margin: 2 0 2 0; background-color: #e9ebe8; border:0px; border-bottom: 1px solid #999a95 }
.ext_search_dd { width: 250px; height:22px; margin: 2 0 2 0; background-color: #e9ebe8; border:0px; border-bottom: 1px solid #999a95 }
.ext_search_vonbis { width: 95px; height:22px; margin: 2 0 2 0; background-color: #e9ebe8; border:0px; border-bottom: 1px solid #999a95 }


.mpunkt1_out { font-weight: regular; font-family: Arial, Helvetica, sans-serif } /* Menüpunkte Topmenü 1. Zeile */
.mpunkt1_over { font-weight: regular; font-family: Arial, Helvetica, sans-serif }

.mpunkt2_out { font-weight: regular; font-family: Arial, Helvetica, sans-serif } /* Menüpunkte Topmenü 2. Zeile */
.mpunkt2_over { font-weight: regular; font-family: Arial, Helvetica, sans-serif }


.menu1 { background-image: url(../img/menu_bg.gif); background-repeat:no-repeat; float: left }
.menu1, .menu1 * { margin: 0; padding: 0; list-style: none; color: #fff }
.menu1 a:link, .menu1 a:visited, .menu1 a:hover, .menu1 a:active { text-decoration: none; color: #fff }

.menu1 ul { position: absolute; top: -999em; width: 175px; background-image: url(2_sub.jpg); background-position: bottom center }
.menu1 ul li { width: 100% }
.menu1 ul li a { padding: 5 10 5 10; color: #fff }
.menu1 li:hover { visibility: inherit }
.menu1 ul li a:hover, .menu1 ul li.sfHover { background-color: #393534; height:100% }

.menu1 li { float: left; position: relative }
.menu1 a { display: block; position: relative }
.menu1 .pfeil { float: right; margin: 4 0 0 0 }
.menu1 li:hover ul, .menu1 li.sfHover ul { left: 0px; top: 35px; z-index: 100 }
.menu1 .sfHover { z-index: 100 }
ul.menu1 li:hover li ul, ul.menu1 li.sfHover li ul, ul.menu1 li li:hover li ul, ul.menu1 li li.sfHover li ul { top: -999em }
ul.menu1 li li:hover ul, ul.menu1 li li.sfHover ul, ul.menu1 li li li:hover ul, ul.menu1 li li li.sfHover ul {left: 175px; top: 0 }


.menu2 { background-image: url(../img/menu_bg.gif); background-repeat:no-repeat; float: left }
.menu2, .menu2 * { margin: 0; padding: 0; list-style: none; color: #fff }
.menu2 a:link, .menu2 a:visited, .menu2 a:hover, .menu2 a:active { text-decoration: none; color: #fff }

.menu2 ul { position: absolute; top: -999em; width: 175px; background-image: url(2_sub.jpg); background-position: bottom center }
.menu2 ul li { width: 100% }
.menu2 ul li a { padding: 5 10 5 10; color: #fff }
.menu2 li:hover { visibility: inherit }
.menu2 ul li a:hover, .menu2 ul li.sfHover { background-color: #393534; height:100% }

.menu2 li { float: left; position: relative }
.menu2 a { display: block; position: relative }
.menu2 .pfeil { float: right; margin: 4 0 0 0 }
.menu2 li:hover ul, .menu2 li.sfHover ul { left: 0px; top: 35px; z-index: 100 }
.menu2 .sfHover { z-index: 100 }
ul.menu2 li:hover li ul, ul.menu2 li.sfHover li ul, ul.menu2 li li:hover li ul, ul.menu2 li li.sfHover li ul { top: -999em }
ul.menu2 li li:hover ul, ul.menu2 li li.sfHover ul, ul.menu2 li li li:hover ul, ul.menu2 li li li.sfHover ul {left: 175px; top: 0 }


/* ---------------------------------------------------------------------------*/


img { border: 0 }
form { margin: 0 0 0 0 }

#top { width: 960px; margin: 20 0 0 0 }
#top #links { float: left }
#top #flaggen { float: right }
#top #flaggen img { margin: 0 0 0 3 }

#bottom { width: 960px; margin: 0 0 20 0; clear: both }
#bottom #impressum { float: left; text-transform: uppercase; font-size: 10px }
#bottom #copyright { float: right; text-transform: uppercase; font-size: 10px }


#banner_left { background-position: top left }
.bg_left { background-image: url(bg_left.jpg); background-position: bottom left }
.bg_suche { background-image: url(1_suche.jpg); background-repeat: no-repeat }
.eins_mitte { background-image: url(1_m.jpg); background-repeat: repeat-x }
.zwei_mitte { background-image: url(2_m.jpg); background-repeat: repeat-x }
.mpunkt1_over { background-image: url(1_over.jpg) }
.mpunkt2_over { background-image: url(2_over.jpg) }


.static .headline { margin: 15 0 10 0 }

.dots_hor { background-image: url(dots_hor.gif) }
.no_overflow { text-overflow: ellipsis; overflow: hidden; white-space: nowrap }


.formular input { width: 220px; height: 20px; color: #444444; background-color: #E9EBE8; border: 0px; border-bottom: 1px solid #999999; font-family: Arial, Helvetica, sans-serif; font-size: 11px }
.formular textarea { width: 220px; color: #444444; background-color: #E9EBE8; border: 0px; border-bottom: 1px solid #999999; font-family: Arial, Helvetica, sans-serif; font-size: 11px }
.formular .checkbox { border: 0px }
.formular .select { color: #444444; background-color: #E9EBE8; font-size:11px }
.formular .clear { width: 13px; border: 0px; background-color: transparent }
.formular .button { width: 80px; border: 1px solid #888888 }
.formular .bestaetigen_text { border-bottom:1px solid #888888; background-color: #E9EBE8; color: #444444; height:20px; padding: 0 0 0 3 }



.pos_anz .btn { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #000; float: left; padding: 1 3 1 3; border: 1px dotted #000; margin-right: 3px }
.pos_anz .pos { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #000; float: left; padding: 1 0 1 0 }
.pos_anz .num { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #000; font-weight: bold; float: left; padding: 1 3 1 3; border: 1px dotted #000; margin-right: 3px }
.pos_anz .num_act { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #fff; font-weight: bold; float: left; padding: 1 3 1 3; border: 1px dotted #005399; margin-right: 3px; background-color: #000 }



.showcase_links { position: absolute; top: 141px; width: 240px; left: 3px; text-align: center; font-size: 11px; color: #ccc }
.showcase_links span a:link, .showcase_links span a:visited { font-size: 11px; color: #ccc; text-decoration: none }
.showcase_links span a:hover, .showcase_links span a:active { font-size: 11px; color: #ccc; text-decoration: underline }
.showcase_links span { margin: 0 7 0 7 }



.rating{ width:80px; height:16px; padding:0; list-style:none; clear:both; position:relative; background: url(stars.png) no-repeat 0 0; }

.nostar {background-position:0 0}
.onestar {background-position:0 -16px}
.twostar {background-position:0 -32px}
.threestar {background-position:0 -48px}
.fourstar {background-position:0 -64px}
.fivestar {background-position:0 -80px}

ul.rating li { cursor: pointer; /*ie5 mac doesn't like it if the list is floated\*/float:left;/* end hide*/ text-indent:-999em }
ul.rating li a { position:absolute; left:0; top:0; width:16px; height:16px; text-decoration:none; z-index: 200; }
ul.rating li.one a {left:0}
ul.rating li.two a {left:16px;}
ul.rating li.three a {left:32px;}
ul.rating li.four a {left:48px;}
ul.rating li.five a {left:64px;}



.calendar_fail { color: #f00; text-align:center; margin:10px 0 0 0 }
.calendar { border: 1px solid #888888; background-color: #fff }
.calendar caption { position:relative; background-color: #404040; color: #fff }
.calendar .prev { position: absolute; left:10px; top: 4px }
.calendar .month { color: #fff; font-weight: bold; font-size: 12px; padding: 3px 0}
.calendar .next { position: absolute; right:10px; top: 4px }
.calendar th { font-size: 11px }
.calendar .day { text-align: center; background-color: #cbfe01 }
.calendar .day_booked { text-align: center; background-color: #b7d8e1 }
.calendar .day_request { text-align: center; background-color: #fecb9c }
.calendar .day_closed { text-align: center; background-color: #bfbfbf }

/* -------SUCHAUFTRAG-FORMULAR--------------------------------------------------*/

.jh_form { color:#333333; font-family:arial, sans-serif; font-size:12px; }
.jh_table { border:0; border-collapse:collapse; border-spacing:0; padding:0; width:398px; }/* -----hier waren original width: 390------*/
.jh_table .td1 { width:140px; padding:8px 0 0 0; font-family:Arial, sans-serif; font-size:12px; }
.jh_table .td2 { padding:8px 0 0 0; font-family:Arial, sans-serif; font-size:12px; }

.jh_radio { width:20px; display:block; float:left; border:0 !important; }
.jh_txt_radio { width:60px; padding-top:3px; float:left; font-family:Arial, sans-serif; font-size:12px; }

.jh_table input[type='text'] { color:#333333; font-size:12px; padding:1px; font-family:Arial, sans-serif; font-size:12px; border:1px solid #333333; }
select.jh_td_voll { width:254px; font-size:12px; padding:1px; border:1px solid #333333; }
.jh_table textarea { width:250px; border:1px solid #333333; padding:1px; }

.jh_td_voll { width:250px; border:1px solid #333333; font-size:12px; }
.jh_td_links { width:80px; border:1px solid #333333; display:block; float:left; font-family:Arial, sans-serif; font-size:12px;  }
.jh_td_rechts { width:150px; border:1px solid #333333; display:block; float:left; margin-left:20px; font-family:Arial, sans-serif; font-size:12px; }/* --norm.Layout stat.Seiten--*/
/*.jh_td_rechts { width:149px; border:1px solid #333333; display:block; float:left; margin-left:17px; font-family:Arial, sans-serif; font-size:12px; }*/
/*     das ist für das Querlayout, ev. Dyn. Seiten                            */

.jh_td_check { margin:0 2px 0 0; padding:0; display:block; float:left; text-align:left; height:20px;  border:0 !important; }
.jh_td_txt_check { width:60px; height:20px; line-height:18px; float:left; font-size:12px; padding:1px 0 0; margin:0; } /* --- für Objektart / Ausstattung ---*/
.jh_td_txt_check_miete { width:90%; height:20px; line-height:18px; float:left; font-size:12px; padding:1px 0 0; margin:0; } /* --- für Immobilie zum ---*/
.jh_button { width:100px; border:1px solid #333333; text-align:left; cursor:pointer; } /* --- Die Buttons unten - text-align:center zentriert den Text in den Buttons. ---*/

.jh_clr { clear:both; height:0; font-size:0; line-height:0; }
.jh_fehler { color:#ee0000; }

/* ---------------------------------------------------------------------------*/