/*----------------------------------------------------------------*/
/* CSS by K4SYSTEMS */
/*----------------------------------------------------------------*/


/*----------------------------------------------------------------*/
/* Allgemeines */
/*----------------------------------------------------------------*/
* {
  padding: 0;
  margin: 0;
}

html {
  height: 100%;
}

body {
  font-size: 82.5%;
  background: #fff;
}

body, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, p, input, textarea, select {
  font-family: Arial,"Trebuchet MS","Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
  color: #000;
}

ul, li {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

img, a img {
  border: 0;
}

form {
  display: inline;
}

acronym {
  cursor: help;
  border-bottom: 1px dotted;
}


/*----------------------------------------------------------------*/
/* h1 und co */
/*----------------------------------------------------------------*/
p {
  line-height: 1.4em;
  margin: 0 0 1.0em 0;
}

a {
  color: #CB1916;
}

h1 {
  color: #CB1916;
  font-size: 1.4em;
  margin-bottom: 1.0em;
  text-transform: uppercase;
}

h2 {
  color: #CB1916;
  font-size: 1.2em;
  margin-top: 1.5em;
}


/*----------------------------------------------------------------*/
/* pseudoklassen */
/*----------------------------------------------------------------*/
.clear {
  clear: both;
}

.versteckt, .no_screen {
  display: none;
}

span.cx_pflicht {
  color: #cc0000;
}

.cx_error {
  color: #cc0000;
}

input.cx_pflicht, textarea.cx_pflicht {
  background: #ffffcc;
}



/*----------------------------------------------------------------*/
/* wrapper */
/*----------------------------------------------------------------*/
#wrap {
  width: 960px;
  margin: 0 auto;
  font-size: 0.9em;
}


/*----------------------------------------------------------------*/
/* header */
/*----------------------------------------------------------------*/
#header {
  padding-top: 10px;
  background: #fff;
  padding-bottom: 10px;
}

#header img {
  float: left;
  display: inline;
  margin-right: 11px;
  margin-bottom: 10px;
}

#header ul {
  margin-top: 12px;
}

#header ul li {
  float: right;
  display: inline;
  padding-top: 0.2em;
}

#header ul li a {
  text-decoration: none;
  color: #000;
  margin-left: 10px;
}

#header ul li a:hover {
  text-decoration: underline;
}

#header p {
  color: #CB1916;
  font-size: 1.3em;
  margin: 0;
  padding: 0;
  font-weight: bold;
}


/*----------------------------------------------------------------*/
/* content */
/*----------------------------------------------------------------*/
#content {
  clear: both;
}


/*----------------------------------------------------------------*/
/* rechts */
/*----------------------------------------------------------------*/
#rechts {
  float: right;
  display: inline;
  width: 180px;
}

#rechts ul li a {
  color: #fff;
  background: #CB1916;
  padding: 5px;
  width: 170px;
  display: block;
  margin-bottom: 10px;
  text-decoration: none;
}

#rechts ul li.farbe1 a {
  background: #979696;
}

#rechts ul li a:hover {
  text-decoration: underline;
}

#rechts ul li a strong {
  display: block;
  margin-bottom: 5px;
}

#immospace_login {
  background: #979696;
  padding: 5px;
  color: #fff;
  margin-bottom: 10px;
}

#immospace_login h2, #immospace_login p, #immospace_login a {
  color: #fff;
  font-size: 1.0em;
  margin: 0;
  margin-bottom: 5px;
}

#immospace_login p {
  line-height: 1.2em;
}

#immospace_login input {
  margin-top: 2px;
}

#immospace_login input.eingabe {
  width: 160px;
}

/*----------------------------------------------------------------*/
/* links */
/*----------------------------------------------------------------*/
#links {
  float: left;
  width: 160px;
}


/*----------------------------------------------------------------*/
/* topnavi */
/*----------------------------------------------------------------*/
#links ul li a, #links ul li h2 {
  margin: 0;
  font-size: 1.0em;
  background: #CB1916;
  color: #fff;
  text-decoration: none;
  padding: 5px;
  width: 150px;
  display: block;
}

#links ul li a:hover {
  text-decoration: underline;
}

#links ul li ul {
  margin: 0 0 10px 0;
}

#links ul li ul li a {
  background: transparent;
  color: #000;
  padding: 2px 5px;
}

#links ul li ul li.selected a {
  color: #CB1916;
}

#links ul li ul li ul {
  margin: 0;
}

#links ul li ul li.selected ul li a, #links ul li ul li ul li a {
  color: #000;
  padding: 2px 10px;
  width: 140px;
}

#links ul li ul li.selected ul li.selected a, #links ul li ul li ul li.selected a {
  color: #CB1916;
}


/*----------------------------------------------------------------*/
/* inhalt */
/*----------------------------------------------------------------*/
#inhalt {
  margin: 0 190px 0 170px;
/*  width: 620px;*/
}

#startseite #inhalt {
  height: 508px;
  background: transparent url(../bilder/back_startseite.jpg) left top no-repeat;
  padding: 10px;
}

#home_news {
  padding: 10px;
  background: #fff;
  -moz-opacity: 0.8;
  opacity: 0.8;
  filter: Alpha(opacity=80);
  width: 340px;
}

#home_news p {
  margin: 0;
}

#inhalt ul {
  margin-bottom: 1.0em;
}

#inhalt ul li {
  margin-left: 16px;
  line-height: 1.4em;
  list-style: square;
}

.voll {
  padding: 20px 10px;
}

#sitemap_links {
  float: left;
  display: inline;
  width: 300px;
}

#sitemap_rechts {
  float: right;
  display: inline;
  width: 300px;
}


/*----------------------------------------------------------------*/
/* zwei spalten */
/*----------------------------------------------------------------*/
.spalte0, .spalte1 {
  padding: 20px 10px;
  display: inline;
  width: 280px;
}

.spalte0 {
  float: left;
}

.spalte1 {
  float: right;
}


/*----------------------------------------------------------------*/
/* kontaktformular */
/*----------------------------------------------------------------*/
.kontaktformular, .kontaktformular2 {
  margin-bottom: 0.5em;
}

.kontaktformular td, .kontaktformular2 td {
  vertical-align: top;
}

.kontaktformular td input, .kontaktformular td textarea, .kontaktformular td select, .kontaktformular2 td input, .kontaktformular2 td textarea, .kontaktformular2 td select {
  padding: 0.1em;
  margin-bottom: 0.1em;
}

.kontaktformular td input.default, .kontaktformular2 td input.default {
  width: 180px;
}

.kontaktformular td input.halb, .kontaktformular2 td input.halb {
  width: 90px;
}

.kontaktformular td input.plz, .kontaktformular2 td input.plz {
  width: 50px;
}

.kontaktformular textarea, .kontaktformular2 textarea {
  width: 282px;
}

.kontaktformular2 textarea, .kontaktformular2 td input.default {
  width: 342px;
}

.kontaktformular td.spalte-1, .kontaktformular2 td.spalte-1 {
  width: 100px;
}

.kontaktformular2 td.spalte-1 {
  width: 200px;
}

#form_login .kontaktformular td.spalte-1 {
  width: 150px;
}

#form_login .kontaktformular td.spalte-2, #form_login .kontaktformular2 td.spalte-2 {
  padding-right: 10px;
}


/*----------------------------------------------------------------*/
/* immobilien, listenansicht */
/*----------------------------------------------------------------*/
.immoicons {
  width: 160px;
  float: left;
  display: inline;
  margin-bottom: 20px;
}

.immoicons dd, .immoicons dt, .immoicons table td {
  text-align: center;
}


#immoliste {

}

#immoliste td {
  vertical-align: top;
  padding: 5px;
  border-bottom: 1px solid #cecece;
}

#immoliste th {
  background: #CECECE;
  text-align: left;
  font-weight: bold;
  padding: 5px;
  width: 180px;
}

#immoliste th.bild, #immoliste th.lage {
  width: 100px;
}

#immoliste th.preis, #immoliste td.preis {
  text-align: right;
  width: 100px;
}


/*----------------------------------------------------------------*/
/* immobilien, detailansicht */
/*----------------------------------------------------------------*/
#immodetails td {
  vertical-align: top;
}

#immodetails td.bild {
  padding-right: 20px;
  width: 300px;
  min-height: 225px;
}

.allgemeine_daten {
  width: 95%;
  border-top: 1px solid #cecece;
  margin-top: 0.5em;
}

.allgemeine_daten td {
  vertical-align: top;
  border-bottom: 1px solid #cecece;
  padding: 5px;
}


/*----------------------------------------------------------------*/
/* unterseiten */
/*----------------------------------------------------------------*/
.unterseiten {
  margin: 1.0em 0;
}

.unterseiten td {
  padding: 1.0em;
}


/*----------------------------------------------------------------*/
/* myimmospace - haus */
/*----------------------------------------------------------------*/
#haus li {
  display: inline;
  float: left;
  padding-right: 20px;
}

#haus li a {
  background: transparent url(../bilder/haeuser.gif) top center no-repeat;
  width: 100px;
  text-align: center;
  padding-top: 100px;
  display: inline-block;
}

#haus li.wohnungen a {
  background: transparent url(../media/bilder/icons/wohnungen.gif) top center no-repeat;
}

#haus li.mehrfamilienhaeuser a {
  background: transparent url(../media/bilder/icons/mehrfamilienhaeuser.gif) top center no-repeat;
}

#haus li.grundstuecke a {
  background: transparent url(../media/bilder/icons/grundstuecke.gif) top center no-repeat;
}

.container01 {
  background: #979696;
  margin: 1.0em 0;
  padding: 5px;
}

.container01 table td {
  padding-right: 5px;
}

.container01, .container01 table td {
  color: #fff;
}


/*----------------------------------------------------------------*/
/* downloads */
/*----------------------------------------------------------------*/
.downloads {
  width: 100%;
  margin-top: 0.5em;
}

.downloads th, .downloads td {
  padding: 5px;
  vertical-align: top;
}

.downloads th {
  font-weight: normal;
  text-align: left;
  background: #979696;
  color: #fff;
}

.downloads td {
  border-bottom: 1px solid #979696;
}

.downloads td.groesse {
  text-align: right;
}

.btn_download {
  display: block;
  color: #fff;
  background: #CB1916;
  padding: 5px;
  width: 60px;
  text-align: center;
}

.video_container {
  margin-top: 1.0em;
}


/*----------------------------------------------------------------*/
/* suche */
/*----------------------------------------------------------------*/
span.suche_last_edit {
  font-size: 0.8em;
}

a.suche_like_text {
  text-decoration: none;
  color: #000;
}

span.suchtreffer {
  text-decoration: underline;
}

a.suche_a {
  font-size: 10px;
}

div.suche_treffer {
  border: 1px solid #DEDAAE;
  padding: 5px;
}

div.div_suche_formular {
  padding: 8px;
  background-color: #E5E5E7;
  margin-bottom: 20px;
}

input.formular_suche {
  margin-top: 2px;
  margin-bottom: 2px;
  width: 170px;
}

.suchcontainer {
  background: #979696;
  padding: 0.5em;
  color: #fff;
  margin-bottom: 1.0em;
}

.suchcontainer td {
  padding-right: 5px;
}


/*----------------------------------------------------------------*/
/* accordeon */
/*----------------------------------------------------------------*/
.accordeon {
  background: #979696;
  padding: 5px 10px;
  color: #fff;
  text-decoration: underline;
  cursor: pointer;
  border-top: 3px solid #fff;
}

.accordeon_inhalt {
  margin-bottom: 10px;
  border: 1px solid #979696;
  padding: 9px;
  border-top: 0;
  padding-top: 1.4em;
}


/*----------------------------------------------------------------*/
/* schleier */
/*----------------------------------------------------------------*/
#schleier {
  background: #000;
  -moz-opacity: 0.7;
  opacity: 0.7;
  filter: Alpha(opacity=70);
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-Index: 900;
  width: 100%;
  cursor: not-allowed;
}

#portal {
  position: absolute;
  top: 50%;
  left: 50%;
  z-Index: 901;
  width: 680px;
  height: 404px;
  margin-top: -215px;
  margin-left: -340px;
  background: #fff url(../bilder/back_portal.jpg) left 13px no-repeat;
  border-bottom: 13px solid #fff;
}

#portal ul, #portal li, #portal p {
  margin: 0;
  padding: 0;
  list-style: none;
}

#portal ul {
  margin: 32px;
  width: 152px;
}

#portal li a {
  background: #D2232A url(../bilder/back_portal_a.gif) right center no-repeat;
  border: 1px solid #fff;
  border-width: 1px 0;
  display: block;
  padding: 0 37px 0 13px;
  color: #fff;
  text-decoration: none;
  margin-bottom: 10px;
  height: 26px;
  padding-top: 10px;
}

#portal li a.vs {
  height: 34px;
  padding-top: 2px;
}

#portal p {
  text-align: right;
  margin-right: 10px;
}

#portal p a {
  font-size: 0.7em;
  text-decoration: none;
}


#superbox-overlay{background:#e0e4cc;}
		#superbox-container .loading{width:32px;height:32px;margin:0 auto;text-indent:-9999px;background:url(styles/loader.gif) no-repeat 0 0;}
		#superbox .close a{float:right;padding:0 5px;line-height:20px;background:#333;cursor:pointer;}
		#superbox .close a span{color:#fff;}
		#superbox .nextprev a{float:left;margin-right:5px;padding:0 5px;line-height:20px;background:#333;cursor:pointer;color:#fff;}
		#superbox .nextprev .disabled{background:#ccc;cursor:default;}