@charset "UTF-8";

/* CSS STIL ###################### */

body{ 
	margin:0; 
	padding:0; 
	font-family:"Times New Roman", Times, serif; 
	font-size:11pt; 
	color:#333333;
	height:100%;
	
}
html{
	height:100%;
	margin:0; 
	padding:0;
}

p{
	margin:0 0 20px 0; 
	padding:0;
	line-height:1.3;
}


/* DIVS ######################### */
#garten{
	font-family:"Times New Roman", Times, serif;
	font-size:11pt;
	font-weight:bold;
	text-align:center;
	width:262px;
	display:none; 
	position:absolute; 
	top:0;
	right:0;
	padding:6px 0; 
	background-color:#14681a;
	color:#FFFFFF; 
	z-index:99;
	border-bottom:1px solid #fff;
	  
}

#bauen{
	font-family:"Times New Roman", Times, serif;
	font-size:11pt;
	font-weight:bold;
	text-align:center;
	width:350px;
	 display:none; 
	 position:absolute; 
	 top:0;
	 right:263px;
	 padding:6px 0; 
	 background-color:#004d91;
	 color:#FFFFFF; 
	 z-index:99;
	 border-bottom:1px solid #fff;
	
}
#wohnen{
	font-family:"Times New Roman", Times, serif;
	font-size:11pt;
	font-weight:bold;
	text-align:center;
	width:350px;
	display:none; 
	position:absolute; 
	top:0;
	right:614px;
	padding:6px 0; 
	background-color:#68142e;
	color:#FFFFFF; 
	z-index:99;
	border-bottom:1px solid #fff;
	
}

div.bauen_content{
	font-family:"Times New Roman", Times, serif;
	font-size:11pt;
	color:#333333;
	text-align:justify;
	position:absolute;
	top:380px;
	right:285px;
	width:304px;
	z-index:10;

}
div.bauen_content h1{
	font-family:"Times New Roman", Times, serif; 
	font-size:11pt; 
	color:#004d91;
	font-weight:bold;
}

div.wohnen_content{
	font-family:"Times New Roman", Times, serif; 
	font-size:11pt; 
	color:#333333;
	text-align:justify;
	position:absolute;
	top:380px;
	right:635px;
	width:304px;
	z-index:10;
}
div.wohnen_content h1{
	font-family:"Times New Roman", Times, serif; 
	font-size:11pt; 
	color:#68142e;
	font-weight:bold;
	text-transform:uppercase;
}
div.wohnen_content1{
	font-family:"Times New Roman", Times, serif; 
	font-size:11pt; 
	color:#333333;
	text-align:justify;
	position:absolute;
	top:380px;
	right:465px;
	width:374px;
	z-index:10;
}
div.wohnen_content2 h1{
	font-family:"Times New Roman", Times, serif; 
	font-size:11pt; 
	color:#68142e;
	font-weight:bold;
	text-transform:uppercase;	
}
div.wohnen_content2{
	font-family:"Times New Roman", Times, serif; 
	font-size:11pt; 
	color:#333333;
	text-align:justify;
	position:absolute;
	top:380px;
	right:48px;
	width:376px;
	z-index:10;
}

div.wohnen_content_full
{
	font-family:"Times New Roman", Times, serif;
	font-size:11pt;
	color:#333333;
	text-align:justify;
	position:absolute;
	top:140px;
	right:90px;
	width:740px;
	z-index:10;
}


div.wohnen_content1 h1{
	font-family:"Times New Roman", Times, serif; 
	font-size:11pt; 
	color:#68142e;
	font-weight:bold;
	text-transform:uppercase;	
}
div.wohnen_content3{
	font-family:"Times New Roman", Times, serif;
	font-size:11pt;
	color:#333333;
	text-align:justify;
	position:absolute;
	top:140px;
	right:445px;
	width:394px;
	z-index:10;
}
div.wohnen_content3 h1{
	font-family:"Times New Roman", Times, serif; 
	font-size:11pt; 
	color:#68142e;
	font-weight:bold;
	text-transform:uppercase;	
}
div.garten_content{
	width:144px;
	font-family:"Times New Roman", Times, serif; 
	font-size:11pt; 
	color:#333333;
	text-align:justify;
	position:absolute;
	top:380px;
	right:90px;
	z-index:10;
}
div.garten_content h1{
	font-family:"Times New Roman", Times, serif; 
	font-size:11pt; 
	color:#14681a;
	font-weight:bold;
	text-transform:uppercase;	
}
div.garten{ 
	width:262px;
	position:absolute;
	top:0px;
	right:0px;
	float:right;
	background:url(../img/dottet.gif) repeat-y;
	height:100%;
	z-index:2;
}

.garten div.balken{
	background-color:#14681a;
	height:8px;
	margin:0; 
	padding:0;

}
div.balken3{
	width:263px;
	position:absolute;
	top:0;
	right:0;
	background-color:#14681a;
	background-image:url(../img/white.gif);
	background-repeat:repeat-y;
	background-position:left;
	height:8px;
	margin:0; 
	padding:0;
	border-bottom:1px solid #fff;
	z-index:20;
}

.garten div.panel{
	background-color:#14681a;
	height:108px;
	position:absolute;
	top:240px;
	left:0;
	width:262px;
}

div.bauen{ 
	width:350px;
	position:absolute;
	top:0px;
	right:263px;
	float:right;
	background:url(../img/dottet.gif) repeat-y;
	height:100%;
	z-index:2;
}

.bauen div.balken{
	background-color:#004d91;
	height:8px;
	margin:0; 
	padding:0;
}
div.balken2{
	width:351px;
	position:absolute;
	top:0;
	right:263px;
	background-color:#004d91;
	background-image:url(../img/white.gif);
	background-repeat:repeat-y;
	background-position:left;
	height:8px;
	margin:0; 
	padding:0;
	border-bottom:1px solid #fff;
	z-index:20;
}


.bauen div.panel{
	background-color:#004d91;
	height:108px;
	position:absolute;
	top:252px;
	left:0;
	width:350px;
}
div.wohnen{ 
	width:350px;
	position:absolute;
	top:0px;
	right:614px;
	float:right;
	background:url(../img/dottet.gif) repeat-y;
	height:100%;
	z-index:2;
	margin:0; 
	padding:0;
}

.wohnen div.balken{
	background-color:#68142e;
	height:8px;
}
.wohnen div.panel{
	background-color:#68142e;
	height:108px;
	position:absolute;
	top:240px;
	left:0;
	width:350px;
}

div.wohnen_details{ 
	width:862px;
	position:absolute;
	top:0px;
	right:0;
	float:right;
	background:url(../img/dottet.gif) repeat-y;
	height:100%;
	z-index:2;
	margin:0; 
	padding:0;
}

.wohnen_details div.balken{
	background-color:#68142e;
	height:8px;
}
.wohnen_details div.panel{
	background-color:#68142e;
	height:108px;
	position:absolute;
	top:240px;
	left:0;
	width:862px;
}
.wohnen_details div.panel2{
	background-color:#68142e;
	height:108px;
	position:absolute;
	top:8px;
	left:0;
	width:862px;
}


.nav_portal{
	position:relative;
	z-index:1;
	padding-right:940px;
	text-align:center;
	height:100%;
}
.nav_imp{
	position:absolute;
	z-index:4;
	bottom:0px;
	padding-right:900px;
	padding-top:30px;
	width:auto;

}

.nav{
	width:110px;
	margin-top:172px;
}

div.beispiel2{
	position:absolute; 
	top:67px; 
	right:45px; 
	background-color:#ababab;
	padding:9px;
}

div.beispiel{
	position:absolute; 
	top:49px; 
	right:45px; 
	background-color:#ababab;
	padding:9px;
}

div.border{
	border:1px solid #fff;
}




/* BILDER ######################## */

.button_portal{
	margin:23px 0 0 11px;
}
.wohnen .button_portal{
	margin:22px 0 0 9px;
}
.wohnen_details .button_portal{
	margin:22px 0 0 9px;
}
.logo{
	 margin:50px 13px 0 13px;
	 behavior: url(iepngfix/iepngfix.htc);
}
.garten .logo_stil{
 	margin:50px 0 0 20px; 
}
.wohnen .logo_stil{
 	margin:50px 0 0 20px; 
}
.wohnen_details .logo_stil{
	position:absolute;
	right:44px;
	top:62px;
}
.panel2 .logo_stil{
	position:absolute;
	right:44px;
	top:12px;
}
.bauen .logo_stil{
 	margin:38px 0 0 20px; 
}
.bauen .slogan_stil{
 	position:absolute;
	right:20px;
	top:10px;
}
.wohnen .slogan_stil{
 	position:absolute;
	right:20px;
	top:80px;
}
.wohnen_details .slogan_stil{
	position:absolute;
	left:23px;
	top:77px;
}
.bauen .main{
	position:absolute;
	left:0px;
	top:91px;
	z-index:5;
	behavior: url(iepngfix/iepngfix.htc);
}
.garten .main{
	position:absolute;
	left:17px;
	top:95px;
	z-index:5;
	behavior: url(iepngfix/iepngfix.htc);
}
.wohnen .main{
	position:absolute;
	left:27px;
	top:50px;
	z-index:5;
	behavior: url(iepngfix/iepngfix.htc);
}
.wohnen_details .main{
	position:absolute;
	left:71px;
	top:50px;
	z-index:5;
	behavior: url(iepngfix/iepngfix.htc);
}

 .arrow{
	position:relative;
	left:130px;
	top:30px;
}



/* NAV ########################### */




#liste li a.blue:link, #liste li a.blue:active, #liste li a.blue:visited,#liste2 li a.blue:link, #liste2 li a.blue:active, #liste2 li a.blue:visited,#liste3 li a.blue:link, #liste3 li a.blue:active, #liste3 li a.blue:visited{
	display:block;
 	color:#333333;
 	text-decoration:none;
 	width:110px;
 	font-size:11pt;
	font-family:"Times New Roman", Times, serif;
	padding:4px 0 4px 12px;
	text-transform:uppercase	;	
	
}

#liste li a.blue:hover,#liste2 li a.blue:hover,#liste3 li a.blue:hover{
	display:block;
	color:#fff;
 	text-decoration:none;
 	width:110px;
 	font-size:11pt;
	font-family:"Times New Roman", Times, serif;
	background-color:#004d91;
	padding:4px 0 4px 12px;
	text-transform:uppercase	;		
}

#liste li a.red:link, #liste li a.red:active, #liste li a.red:visited,#liste2 li a.red:link, #liste2 li a.red:active, #liste2 li a.red:visited,#liste3 li a.red:link, #liste3 li a.red:active, #liste3 li a.red:visited{
	display:block;
 	color:#333333;
 	text-decoration:none;
 	width:110px;
 	font-size:11pt;
	font-family:"Times New Roman", Times, serif;
	padding:4px 0 4px 12px;
	text-transform:uppercase	;		
}

#liste li a.red:hover,#liste2 li a.red:hover,#liste3 li a.red:hover{
	display:block;
	color:#fff;
 	text-decoration:none;
 	width:110px;
 	font-size:11pt;
	font-family:"Times New Roman", Times, serif;
	background-color:#68142e;
	padding:4px 0 4px 12px;
	text-transform:uppercase	;		
}

#liste li a.green:link, #liste li a.green:active, #liste li a.green:visited,#liste2 li a.green:link, #liste2 li a.green:active, #liste2 li a.green:visited,#liste3 li a.green:link, #liste3 li a.green:active, #liste3 li a.green:visited{
	display:block;
 	color:#333333;
 	text-decoration:none;
 	width:110px;
 	font-size:11pt;
	font-family:"Times New Roman", Times, serif;
	padding:4px 0 4px 12px;
	text-transform:uppercase	;		
}

#liste li a.green:hover,#liste2 li a.green:hover,#liste3 li a.green:hover{
	display:block;
	color:#fff;
 	text-decoration:none;
 	width:110px;
 	font-size:11pt;
	font-family:"Times New Roman", Times, serif;
	background-color:#14681a;
	padding:4px 0 4px 12px;
	text-transform:uppercase	;		
}
#liste3 li a.act:link, #liste3 li a.act:active, #liste3 li a.act:visited{
	display:block;
 	color:#68142e;
 	text-decoration:none;
 	width:92px;
 	font-size:10pt;
	font-family:"Times New Roman", Times, serif;
	padding:4px 0 4px 30px;
	text-transform:uppercase	;		
}

#liste3 li a.act:hover{
	display:block;
	color:#000;
 	text-decoration:underline;
 	width:92px;
 	font-size:10pt;
	font-family:"Times New Roman", Times, serif;
	
	padding:4px 0 4px 30px;
	text-transform:uppercase	;		
}

#liste{
	width:120px;
	list-style:none;
	text-align:left;
	padding: 0;
	margin:auto;
	margin-top:174px;
	z-index:2;
	
}

#liste2{
	width:120px;
	list-style:none;
	text-align:left;
	padding: 0;
	margin:auto;
	margin-top:140px;
	z-index:2;	
}

#liste3{
	width:120px;
	list-style:none;
	text-align:left;
	padding: 0;
	margin:auto;
	margin-top:80px;
	z-index:2;
}

#imp li a.black:link, #imp li a.black:active, #imp li a.black:visited,#liste2 li a.black:link, #liste2 li a.black:active, #liste2 li a.black:visited{
	display:block;
 	color:#333333;
 	text-decoration:none;
 	width:110px;
 	font-size:11pt;
	font-family:"Times New Roman", Times, serif;
	padding:4px 0 4px 12px;
	text-transform:uppercase	;		
}

#imp li a.black:hover,#liste2 li a.black:hover{
	display:block;
	color:#000;
 	text-decoration:none;
 	width:110px;
 	font-size:11pt;
	font-family:"Times New Roman", Times, serif;
	background-color:#cccccc;
	padding:4px 0 4px 12px;
	text-transform:uppercase	;		
}


#imp{
	width:120px;
	list-style:none;
	text-align:left;
	padding: 0;
	z-index:2;
	margin:auto;
	margin-top:262px;
}

a.garten{
	display:block;
	height:100%;
	width:262px;
	position:absolute;
	top:0;
	right:0;
	z-index:100;
}
a.bauen{
	display:block;
	height:100%;
	width:351px;
	position:absolute;
	top:0;
	right:262px;
	z-index:100;
}
a.wohnen{
	display:block;
	height:100%;
	width:351px;
	position:absolute;
	top:0;
	right:614px;
	z-index:100;
}
a.garten2{
	display:block;
	height:30px;
	width:262px;
	position:absolute;
	top:0;
	right:0;
	z-index:100;
}
a.bauen2{
	display:block;
	height:30px;
	width:351px;
	position:absolute;
	top:0;
	right:262px;
	z-index:100;
}
a.wohnen2{
	display:block;
	height:30px;
	width:351px;
	position:absolute;
	top:0;
	right:614px;
	z-index:100;
}

#garten a, #bauen a, #wohnen a{
	text-decoration:none;
	color:white;
}



/* */
#img_caption{
	display:none;
	color:#ffffff;
	margin-top:2px;
}