/* CSS f�r Website aktiva-berlin.de */

/* Farben:
weiss = #ffffff (HG-Content, H1)
schwarz = #000000 (H2, Links Content)
beige = #d7d0c2 (HG)
grau = #999999 (4 Hauptnavi-Punkte)
grau = #58585a (Unternavi, 3 x Service-Navigationen, Text Content)
gr�n = #98b60a (HG Balken-Logo, HG Balken-Footer)
t�rkis = #009b87 (Unternehmen)
magenta = #d85a91 (WEG-Verwaltung)
blau = #00a6d9 (Hausverwaltung)
orange = #f49e00 (Immobilienvertrieb)
olive = #d4c100 (Vermietung)
*/

html[xmlns^="http"]
{
  /* verhindert Mozilla-Zucken
  * > Firefox 1.5
  */
  overflow-y: scroll;
}

/* Holly-Hack, Problematik: 3Pixel-Textsprung IE \*/
* html #head  { 
	height: 1%; 
}

/* vorgegebene Werte der Browser �berschreiben */
* {
	margin: 0;
	padding: 0;
}

html, body {
	height:100%;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #58585a;
	background-color: #d7d0c2;
	font-size: 0.87em;
	background-image: url(../images/HG-content.gif);
	background-repeat: repeat-y;
	background-position: 50%;
}

img {
	border: 0px;
}

h1 {
	color: #ffffff;
	margin: 0px;
	font-size: 1.55em;
	line-height: 1.10em;
	font-weight: normal;
	padding-bottom: 2px;
}

h2, h3, h4 {
	color: #000000;
	margin: 0px;
	font-weight: normal;
}

h3 {
	color: #58585a;
	font-size: 0.84em;
	line-height: 1.45em;
	font-weight: bold;
	margin-bottom: 6px;
	border-bottom: 1px dotted #000000;
}

/* deise H ist nur auf "Unternehmen/Ihre Ansprechpartner" zu verwenden!!!  */
h4 {
	font-size: 0.97em;
	line-height: 1.25em;
	margin-bottom: 15px;
	text-transform: uppercase;
}

a, a:hover {
	text-decoration: none;
}

/* Container um die ganze Seite (zentriert)  */
#container {
	position: absolute;
	width: 980px;
	margin: 0px 0px 0px -490px;	
	left: 50%;	
	min-height: 100%;
	height: 100%;
}

*+html #container { /* Hack IE7, damit HG-Bild bei Vergr��erung mit w�chst  */
	background-image: url(../images/HG-content.gif);
	background-repeat: repeat-y;
}

/* --------------------------------------------------------- SERVICE-NAVI -------------------------------------------------------  */
#service-navi {
	position: absolute;
	font-size: 0.80em;
	padding-top: 6px;
	margin-left: 10px;
}

#service-navi-links, #service-navi-rechts  {
	float: left;	
}

#service-navi-links  {
	width: 269px;
}

#service-navi-rechts  {
	width: 691px;
	text-align: right;
}

#service-navi-rechts a  {
	color: #58585a;
}

#service-navi-rechts a:hover, #service-navi-rechts a.naviActive  {
	color: #000000;	
}

/* --------------------------------------------------------- HEAD -------------------------------------------------------  */

#head {
	position: absolute;
	top: 1.7em;
	height: 319px;
	margin-left: 10px;	
}

#head-links, #head-rechts  {
	float: left;	
}

#head-links  {
	width: 276px;
}


#balken-oben  {
	position: absolute;
	width: 684px;
	height: 150px;
	background-color: #98b60a;
}

#logo  {
	float: right;
	padding: 2px 21px 0px 0px;
}

/* Rootline  */
#rootline  {
	position: absolute;
	top: 150px;
	height: 19px;
	width: 684px;
	overflow: hidden;
	font-size: 0.80em;
	padding-top: 3px;
	left: 276px;
}

ul.rootline {
	display: block;
	width: 100%;
	list-style-type: none;
}

.standpunkt  {
	
}

ul.rootline li {
	display: inline;
}

ul.rootline li a {
	color: #58585a;
}

ul.rootline li a:hover {
	color: #000000;
}

/* ---------- Balken-Farben wechseln je Bereich ---------- */
#balken-unten  {
	position: absolute;
	width: 684px;
	top: 169px;	
	height: 150px;

	left: 276px;
}


#balken-unten-weg-verwaltung  {
	background-color: #d85a91;
}

#balken-unten-hausverwaltung  {
	background-color: #00a6d9;
}

#balken-unten-immobilienvertrieb  {
	background-color: #f49e00;
}

.feld-H1 {	/* DIV richtet sich unten (bottom) aus */
	position: absolute;
	width: 461px;
	right: 10px;
	bottom: 18px;
}

/* --------------------------------------------------------- CONTAINER F�R CONTENT & HAUPTNAVI -------------------------------  */
#inhalt3spalten {
	position: absolute;
	width: 980px;
	top: 367px;
	margin: 0px;
	padding: 0;
}

*+html #inhalt3spalten { /* Hack IE7, damit HG-Bild bei Vergr��erung mit w�chst  */
	background-image: url(../images/HG-content.gif);
	background-repeat: repeat-y;
}

/* DIV wegen IE 7 n�tig (Margin-left: 10px ist erst hier angegeben, da HG-Bild sonst nicht in ganzer Breite bei Vergr��erung mit w�chst)  */
.randabstand {
	width: 960px;
	margin-left: 10px;
	padding: 0;
}

#box-navi, #box-marginal {
	float: left;
}

#box-inhalt {
	float: right;
}

/* --------------------------------------------------------- HAUPTNAVI -------------------------------------------------------  */
#box-navi {
	width: 249px;
	padding: 0 20px 0 0;
	text-align: right;
	clear: left;
}

.navi-inhalt {
	margin: -1px 0 0 0;
}

/* ---------- 1. Ebene ---------- */

.navi-inhalt a {
	display: block;
	padding: 0;
	margin: 0;
	color: #58585a;
}

.navi-inhalt a, .navi-inhalt a.unternehmen, .navi-inhalt a:hover.unternehmen, .navi-inhalt a.unternehmenActive, .navi-inhalt a.weg-verwaltung, .navi-inhalt a:hover.weg-verwaltung, .navi-inhalt a.weg-verwaltungActive, .navi-inhalt a.hausverwaltung, .navi-inhalt a:hover.hausverwaltung, .navi-inhalt a.hausverwaltungActive, .navi-inhalt a.immobilienvertrieb, .navi-inhalt a:hover.immobilienvertrieb, .navi-inhalt a.immobilienvertriebActive {
	height: 26px;
	padding: 1px 0 1px 0;
}

div.level1 {
	height: 26px;
	padding: 1px 0 1px 0;
	}
/* 1. Ebene / Button "Unternehmen" */
.navi-inhalt ul li.unternehmen { 
	background: transparent url(../images/buttons/unternehmen-1.gif) right 4px no-repeat;
}
.navi-inhalt ul li.unternehmen:hover, .navi-inhalt #act.unternehmen, .navi-inhalt #cur.unternehmen  {
	background-image:url(../images/buttons/unternehmen-2.gif);
}
.navi-inhalt ul li.weg-verwaltung { 
	background: transparent url(../images/buttons/WEG-verwaltung-1.gif) right 4px no-repeat;
}
.navi-inhalt ul li.weg-verwaltung:hover, .navi-inhalt #act.weg-verwaltung, .navi-inhalt #cur.weg-verwaltung  {
	background-image:url(../images/buttons/WEG-verwaltung-2.gif);
}
.navi-inhalt ul li.vermietung { 
	background: transparent url(../images/buttons/vermietung-1.gif) right 4px no-repeat;
}
.navi-inhalt ul li.vermietung:hover, .navi-inhalt #act.vermietung , .navi-inhalt #cur.vermietung {
	background-image:url(../images/buttons/vermietung-2.gif);
}
.navi-inhalt ul li.hausverwaltung { 
	background: transparent url(../images/buttons/hausverwaltung-1.gif) right 4px no-repeat;
}
.navi-inhalt ul li.hausverwaltung:hover, .navi-inhalt #act.hausverwaltung , .navi-inhalt #cur.hausverwaltung {
	background-image:url(../images/buttons/hausverwaltung-2.gif);
}

 
.navi-inhalt ul {
	margin:0;
	padding:0;
	list-style-type: none;
	text-align: right;
	margin-bottom: 0;
	text-transform: uppercase;
	margin-left: 13px;
}

.navi-inhalt ul ul li {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}
.navi-inhalt ul li a {
	font-size:21px;
	color:transparent;
	zoom:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:alpha(opacity = 0);
	-moz-opacity:0.0;
	-khtml-opacity:0.0;
	opacity:0.0;
}
.navi-inhalt ul li a:hover {
	color:transparent;
}
.navi-inhalt ul ul li a {
	display:inline;
	height:auto;
	width:auto;
	color: #58585a;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity = 100);
	-moz-opacity:1.0;
	-khtml-opacity:1.0;
	opacity:1.0;
	text-indent:0;
	font-size: 0.84em;
	line-height: 1.25em;
	/* line-height: 1.60em; */
	padding: 2px 2px 2px 0px;
	font-weight:normal;
}


.navi-inhalt ul ul li a:hover {
	color: #000000;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity = 100);
}

 /* ------------------------------------ farbige active-klassen ------------------------------------------------ */
.navi-inhalt ul li ul li a.cur {
	/*color: #00a6d9;*/
	color: #000000;
	font-size: 0.84em;
}	
.navi-inhalt ul li.unternehmen ul li a.cur, .navi-inhalt ul li.unternehmen ul li a:hover {
	color: #009b87;
}

.navi-inhalt ul li.weg-verwaltung ul li a.cur, .navi-inhalt ul li.weg-verwaltung ul li a:hover {
	color: #d85a91;
}

.navi-inhalt ul li.hausverwaltung ul li a.cur, .navi-inhalt ul li.hausverwaltung ul li a:hover {
	color: #00a6d9;
}

.navi-inhalt ul li.vermietung ul li a.cur, .navi-inhalt ul li.vermietung ul li a:hover {
	color: #f49e00 ;
}


/* --------------- 3. Ebene ---------- */
.navi-inhalt ul li ul li ul {
	margin-bottom: 0;
	text-transform: none;
	margin-left: 0;
}

.navi-inhalt ul li ul li ul li  {
	margin-bottom: 0;
	padding-bottom: 0;
}

.navi-inhalt ul li ul li ul li a {
	color: #58585a;
	font-size: 0.84em;
	line-height: 1.25em;
	/* line-height: 1.60em; */
	padding: 2px 32px 2px 0px;
}

* html .navi-inhalt ul li ul li ul li a { /* Hack IE 6 */
	height: 14px;
}

.navi-inhalt ul li ul li ul li a:hover {
	color: #000000;
}

/* --------------- 4. Ebene ---------- */
.navi-inhalt ul li ul li ul li ul {
	margin-bottom: 0;
	text-transform: none;
}

.navi-inhalt ul li ul li ul li ul li  {
	margin-bottom: 0;
	padding-bottom: 0;
}

.navi-inhalt ul li ul li ul li ul li a {
	color: #58585a;
	font-size: 0.80em;
	line-height: 1.20em;
	/* line-height: 1.70em; */
	padding: 2px 57px 2px 0px;
}

* html .navi-inhalt ul li ul li ul li ul li a { /* Hack IE 6 */
	height: 13px;
}

.navi-inhalt ul li ul li ul li ul li a:hover {
	color: #000000;
}


/* --------------------------------------------------------- MARGINAL -------------------------------------------------------  */
#box-marginal {
	width: 221px;
	padding: 0;
}

/* Bilder in der Marginalspalte (hier ist keine Texteingabe vorgesehen) */
.inhalt-marginal {	
	padding: 4px 25px 0 7px;
}

.inhalt-marginal dl {
   width: 189px;
   overflow: hidden;
}
.inhalt-marginal img {
  /* padding-bottom:25px;*/
}

.inhalt-marginal dl dt {
	margin: 0px 0px 25px 0px;	
}
.inhalt-marginal div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom:0px !important;
	
}

.inhalt-marginal dl.csc-textpic-image dt {
	display:block !important;
}

.inhalt-marginal div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
margin:0; display:none;
}

/* --------------------------------------------------------- INHALT ---------------------------------------------------------  */
#box-inhalt {	
	width: 470px;
	padding: 0;

}

.contentblock_col3 {
	/*font-size:1em;*/
	overflow:hidden;
	zoom:1;
}

.inhalt div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
margin:0; display:none;
}

.inhalt div.teaser {	
	/*font-size: 0.84em;*/
	line-height: 1.45em;
	margin-top: 0px;
	margin-bottom: 20px !important;
	overflow:hidden;	
}	



.inhalt {	

}

.inhalt p, .inhalt ul, .inhalt div.teaser p, .inhalt div.teaser a {	
	font-size: 0.84em;
	line-height: 1.45em;
	margin-top: 0px;
	margin-bottom: 16px;	
}

.inhalt div.teaser a {
	margin-bottom: 0px;
}

.inhalt div.teaser p {margin-bottom:0px;}

.inhalt h2 {	
	font-size: 0.97em;
	line-height: 1.25em;	
	margin-bottom: 5px;
}

.inhalt a {	
	color: #000000;
	border-bottom: dotted #000000 1px;
	/*font-size: 0.84em;*/
}

div.csc-header {
	font-size: 1em;
	}

.inhalt .teaser h2 {	
	font-size: 1em;
	}
	
.inhalt .teaser h2 a {	
	color: #000000;
	border-bottom: dotted #ffffff 1px;
	/*font-size: 0.84em;*/
}

.inhalt a:hover, .inhalt div.teaser a:hover {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}

.inhalt div.teaser div.col_img dt a, .inhalt div.teaser div.col_img dt a:hover {
	border-bottom:none;
	margin-bottom:0px;
}

.inhalt ul {
	margin-left: 15px;
	margin-bottom: 16px;
	list-style-type: disc;
	list-style-position: outside;
}



.clearer {
   clear: both;
   visibility: hidden;
   font-size: 0;
   line-height: 0;
   height: 0;
}

/* ------------------------------ alles f�rs Teasermen� ------------------------------  */
#box-inhalt .teasermenu {   
}

#box-inhalt .teasermenu ul {
	margin-top: 5px;
	margin-left: 0px;
	margin-bottom: 0px !important;
	margin-bottom: -17px;
	list-style-type: none;
	list-style-position: outside;
	float: left;
}

/* Bilder immer 150 Pixel breit */
#box-inhalt .teasermenu ul li img {
   width: 150px;
   float: left;
   margin: 0px 25px 25px 0px;
   vertical-align: top;
}

#box-inhalt .teasermenu ul li dl {
   float: right;
   width: 295px;
}

#box-inhalt .teasermenu ul li dl dt {
	margin: -4px 0px 3px 0px;	
}

#box-inhalt .teasermenu ul li dl dt a {
	color: #000000;
	border-bottom: dotted #ffffff 1px;
}

#box-inhalt .teasermenu ul li dl dt a:hover {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}

#box-inhalt .teasermenu ul li dl dd {
   margin-bottom: 16px;
}

#box-inhalt .teasermenu ul li .clearer {
   clear: both;
   visibility: hidden;
   font-size: 0;
   line-height: 0;
   height: 0;
}

/* ------------------------------ Contentelement "Bild neben Text" ------------------------------  */
.bild-neben-text {
	margin:0; 
	padding: 0;
	
}

/* Bilder immer 150 Pixel breit */
.bild-neben-text img {
	float: right;
	width: 150px;
	margin: 0px;
	padding: 4px 0 16px 25px;
}

*+html .bild-neben-text img { /* Hack IE7 */
	padding: 4px 0 0px 25px;
}

* html .bild-neben-text img { /* Hack IE 6 */
	padding: 4px 0 0px 25px;
}

.text {
	float: left;
	width: 470px;
	padding-top: 1px;
}

.bild-neben-text p {

}

.bild-neben-text h3 {
	color: #58585a;
	font-size: 0.84em;
	line-height: 1.45em;
	font-weight: bold;
	margin-bottom: 6px;
	border-bottom: 1px dotted #000000;
}

.bild-neben-text .clearer {
   clear: both;
   visibility: hidden;
   font-size: 0;
   line-height: 0;
   height: 0;
}

#ansprechpartner div.csc-textpic-intext-right div.csc-textpic-imagewrap, div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {
	margin-left:25px !important;
	margin-top:5px;
	padding-bottom:14px;
}

/* ------------------------- Contentelement "Bild �ber ganze Content-Breite" (nur 1 x vorgesehen, bei: Kontakt) -------------------------  */
/* Bild immer 470 Pixel breit */
.bild-contentbreite img {
	float: left;
	width: 470px;
	margin: 0px;
	padding: 4px 0 16px 0px;
}

/* -----------------------------------------------------------------Sitemap -------------------------------------------------------------------------- */
#sitemap ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 0.87em;
}

#sitemap ul li {  /* Erste Ebene */
	margin-bottom: 3px;
}

.struktur ul li a {
	display: block;
	width: 470px;
	margin-bottom: 3px;
}

/* --------------- 2. Ebene ---------- */
.struktur ul li ul li a {
	color: #58585a;
	font-size: 1.1em;
	line-height: 1.4em;
	margin: 2px 2px 2px 30px;
	display: inline;
	text-transform: uppercase;
	border-bottom: dotted #ffffff 1px;
}

.struktur ul li ul li a:hover {
	color: #000000;
	border-bottom: dotted #ffffff 1px;
}

/* --------------- 3. Ebene ---------- */
.struktur ul li ul li ul li a {
	font-size: 1.4em;
	line-height: 1.25em;
	margin: 2px 2px 2px 60px;
	text-transform: none;
	
}

.struktur ul li ul li ul li a:hover {
	color: #000000;
}

/* --------------- 4. Ebene ---------- */
.struktur ul li ul li ul li ul li a {
	font-size: 1.4em;
	line-height: 1.25em;
	margin: 2px 2px 2px 90px;
}

.struktur ul li ul li ul li ul li a:hover {
	color: #000000;
}

/* --------------------------------------------------------- FOOTER ---------------------------------------------------------  */
#footer {
	width: 691px;
	padding: 55px 0px 26px 269px;
	clear: both;
}

#aktiva {	
	float: left;
	width: 470px;
	padding: 0 0 0 221px;
	margin-bottom: 7px;
}

#aktiva p {		
	font-size: 0.80em;
}

#balken {	
	float: left;
	width: 684px !important;
	width: 677px;
	height: 13px;
	padding: 0;
	margin-left: 7px;
	background-color: #98b60a;
}

#footer-navi {	
	float: left;
	width: 100%;
	padding: 5px 0 20px 0;
	text-align: right;
	font-size: 0.80em;
}

#footer-navi a  {
	color: #707173;
}

#footer-navi a:hover, #footer-navi a.naviActive  {
	color: #000000;	
}

dfn, .hidden {
left:-1000em;
position:absolute;
width:20em;
}

.skip {
left:-1000em;
position:absolute;
width:20em;
}

.col_img dl {
  margin-top: 5px;
}

.col_text {
  padding-top: 1px;
}

body #overlay {
  background-color: #CCCCCC;
}