/**********************************
 * Bereiche der Seite 
 **********************************/
body {
  background:#385362 url(../img/bg_main.gif) center top repeat-y;
}

#main {
  background:url(../img/bg_body.gif) 30px 115px no-repeat;
}

/* Kopf */
#header {
  width:921px;
  height:85px;
  display:block;
  background:#fff;
  padding:30px 20px 0 40px;
  overflow:hidden;
  text-align:left;
}

/* Inhalt */
#content {
  width:981px;
  display:block;
  background:url(../img/bg_content.jpg) left bottom no-repeat;
  padding-bottom:300px;
  overflow:hidden;
  text-align:left;
}

/* "Auseinanderziehen" von main und content */
.fullsize:after, #content:after, #main:after {
  content:"."; 
  display:block; 
  height:0; 
  clear:both; 
  visibility:hidden;
}
.fullsize, #content, #main {
  display:inline-table; 
}
* html .fullsize { 
  height:1%; 
}
.fullsize, #content, #main {
  display:block; 
}


/* Hauptmenue */
/* Linke Spalte */
#cLeft {
  width:700px;
  margin-right:40px;
  line-height:1.6em;
  background-color:#fff;
  min-height:650px;
}

/* Linke Spalte: Hauptmenue */
#cLeft .menu {
  width:700px;
}

.menu ul {
  padding-left:40px;
}

.menu {
  display:block;
  background-color:#002F5D;
  height:25px;
  font-weight:bold;
}
.menu li.fl {
  /*display:inline;*/
  float:left;
  margin-right:10px;
}
.menu a {
  color:#fff;
  font-size:11px;
  line-height:25px;
  text-decoration:none;
  font-weight:bold;
}
.menu a:hover,
.menu a:focus, 
.menu a:active,  
.menu a.active {
  color:#F18700;
  text-decoration:none;
}

/* 2. Ebene */
.menu div.l2 {
  position: relative;
}
.menu ul.secondLevel {
  position:absolute;
  width:180px;
  left:-10px;
  top:0px;
  float: left;
  display:none;
  z-index:200;
  padding:0 5px;
  background:url(../img/pix.png) left top;
  border:1px solid #002F5D;
  border-top:none;
}
.menu li.fl:hover ul.secondLevel,
.menu li.fl:focus ul.secondLevel,
.menu li.over ul.secondLevel {
  display:block;
}
.menu li.sl,
.menu li.tl {
  display: block;
  clear: both;
  margin:0;
  padding:3px 0;
  border-bottom:1px solid #002F5D;
}
.menu li.last {
  border:none;
}
.menu li.sl a {
  display:block;
  margin:0 -5px;
  position:relative;
  z-index:2;
  padding:3px 10px;
  line-height:1.2em;
  width:auto;
  color:#002F5D;
  text-decoration:none;
  font-weight:normal;
}
.menu li.sl:hover a,
.menu li.sl:focus a,
.menu li.sl a.active {
  color:#f18700;
}

/* 3. Ebene */
.menu div.l3 {
  position: relative;
}
.menu ul.thirdLevel {
  position:absolute;
  float:left;
  display:none;
  z-index:220;
  padding:0 5px;
  background:url(../img/pix.png) left top;
  left:185px;
  top:-24px;
  width:180px;
  border:1px solid #002F5D;
}
.menu li.tl a {
  color:#002F5D !important;
}
.menu li.tl a:hover,
.menu li.tl a:focus,
.menu li.tl a.active {
  color:#f18700 !important;
}
.menu li.sl:hover ul.thirdLevel,
.menu li.sl:focus ul.thirdLevel {
  display: block;
}












/* Linke Spalte: Flashbereich */
#flash {
  height:260px;
  width:700px;
  background-color:#F18700;
  overflow:hidden;
  text-align:right;
}



/* Linke Spalte: Subnavigation */

.submenu {
  margin-bottom:30px;
  font-size:0.95em;
  height:30px;
  display:none;
}
.submenu li {
  display:inline;
  white-space:normal;
}
.submenu a {
  text-decoration:none;
  white-space:normal;
  margin-right:15px;
}
.submenu a.active {
  font-weight:bold;
  color:#002F5D;
}



/* Linke Spalte: Inhaltsbereich */
.leftcontent {
  padding:0 0 0 80px;
  overflow:hidden;
}


/* Rechte Spalte */
#cRight {
  width:240px;
  padding:0;
  overflow:hidden;
  font-size:0.95em;
  text-align:left;
}

/* Rechte Spalte: Hauptmenue */
#cRight .menu {
  width:220px;
  padding-left:20px;
  color:#999;
  overflow:hidden;
}
#cRight .menu ul {
  padding:0;
}
#cRight .menu li {
  float:none;
  display:inline;
  margin-right:5px;
}
#cRight .menu img {
  margin-bottom:-2px;
}

/* Rechte Spalte: Menue Immobilienmarkt */
#cRight .locationmenu {
  background:#002f5d url(../img/bg_menu.jpg) top left no-repeat;
  width:200px;
  min-height:205px;
  padding:35px 10px 5px 20px;
  line-height:1.2em;
}

#cRight .locationmenu li {
  padding-bottom:5px;
}
#cRight .locationmenu a.orangeArrow {
  text-decoration:underline;
}  
#cRight .locationmenu a:hover  {
  text-decoration:none;
}
#cRight .locationmenu a.active  {
  text-decoration:none;
  color:#F18700;
}
#cRight .locationmenu div.secondLevel {
  position: relative;
}

#cRight .locationmenu ul.secondLevel {
  position: absolute;
  width:180px;
  padding:3px 0 3px 0;
  display: none;
  z-index: 100;
  background-color:#002f5d;
  border:1px solid #F18700;
  border-top:none;
  
  filter:alpha(opacity=90);
  -moz-opacity: 0.90;
  opacity: 0.90;


}
#cRight .locationmenu ul.firstLevel li.firstLevel:hover ul.secondLevel,
#cRight .locationmenu ul.firstLevel li.over ul.secondLevel {
  display: block;
}

#cRight .locationmenu ul.secondLevel a {
  display:block;
  margin:0;
  padding:1px 10px 1px 8px;
  width:auto;
  font-size:0.95em;
  text-align:left;
  color:#fff;
}
#cRight .locationmenu ul.secondLevel a:hover {
  text-decoration:none;
}



/* Rechte Spalte: Inhalt */
#cRight .rightcontent {
  padding:0 30px 20px 20px;
}

/* Rechte Spalte: h3-Ueberschriften ueber die ganze Breite */
#cRight h3 {
  margin-left:-20px;
  margin-right:-20px;
  padding-left:20px;
  padding-right:10px;
}
#cRight h3.box4 {
  margin-left:0px;
  margin-right:0px;
  padding-left:10px;
  padding-right:8px;
}

/* Rechte Spalte: Suchformular */
#cRight .tx-indexedsearch form {
  padding-bottom:20px;
}
#cRight .tx-indexedsearch .tx-indexedsearch-whatis,
#cRight .tx-indexedsearch .tx-indexedsearch .pagebrowser, 
#cRight .tx-indexedsearch .tx-indexedsearch-noresults,
#cRight .tx-indexedsearch .tx-indexedsearch-browsebox {
  display:none;
}
#cRight .tx-indexedsearch input.normal {
  width:160px;
  padding:1px 5px;
}
#cRight .tx-indexedsearch input.submit {
  border:none;
  margin:0 0 2px 0;
  background:none;
}


/* Fuss */
#footer {
        /* margin-top:40px; */
  width:701px;
  display:block;
  padding:30px 270px 10px 20px;
  clear:both;
  text-align:left;
}
#footer a {
  
  font-size:0.9em;
  
}
#footer a.funx_print  {
  font-size:0.9em;
  background:url(../img/icon_print.gif) left 3px no-repeat;
  padding-left:15px;
}

#footer a.funx_top  {
  font-size:0.9em;
  background:url(../img/icon_top.gif) left 3px no-repeat;
  margin-left:20px;
  padding-left:18px;
}
