/* CSS Document */




/* ----  Layout ---- */

html, body {
	text-align:center;
	margin:0px;
	padding:0px;
	background-color:#E0E0E0;
}


#main {
	margin:0 auto;
	text-align:center;
	padding:0px;
	border:solid;
	position: relative;
	top:15px;
	background-color:#FFFFFF;
	width:850px;
	border:1px solid #999999;
}


#header {
	text-align:left;
	margin:0 auto;
	padding:0px;
	position:absolute;
	top:14px;
	border:0px;
	left: 30px;
	width:840px;
	height: 73px;
}

#navi {
	margin:0 auto;
	padding:0px;
	position:absolute;
	top: 90px; 
	left: 30px;
	width:170px;
	background-color: #F5F5F5;

	
}


#navi_inlay {
	text-align:center;
	margin:0 auto;
	padding:0px;
	position:relative;
	top: 1px;
	left: 0px;
	width:137px;
	background-color: #FFFFFF;
	border:1px solid #CCCCCC;
}




#mainlayer {
	margin:0 auto;
	padding:0px;
	position:relative;
	top: 74px;
	left: 25px;
	width: 470px;
	background-color: #FFFFFF;
	
}

#main_inlay {
	margin:0 auto;
	padding:0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	position:relative;
	top: 20px;
	left: 0px;
	width: 470px;
	background-color: #F5F5F5;
	
}


#main_inlay_herst {
	margin:0 auto;
	padding:0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	position:relative;
	top: 20px;
	left: 0px;
	width: 470px;
	background-color: #FFFFFF;
	
}





#rightlayer {
	text-align: right;
	margin:0 auto;
	padding:0px;
	position:absolute;
	top: 74px;
	left: 707px;
	width: 125px;
	background-color: #FFFFFF;
	
}

#filler {
	margin:0 auto;
	padding:0px;
	position: relative;
	top: 30px;
	left: 7px;
	width: 806px;
	height:80px;
	padding-top: 7px;
	border-top: 1px solid #999999;
	
}

/* ------- Headerverlinkung ---------*/



.home a { 
		display:block; 
		background-image: url(../images/header/logo1.jpg); 
		width: 169px;
		height: 60px;

}


.home a:hover { 
		background-image: url(../images/header/logo1_over.jpg); 
		width: 169px;
		height: 60px;

}






.organisation a { 
		display:block; 
		background-image:url(../images/header/planung.gif); 

}

.organisation a:hover { 
		background-image:url(../images/header/planung_over.gif); 

}





a.hausbau { 
		display:block; 
		background-image:url(../images/header/hausbau.gif); 

}


a.hausbau:hover { 
		background-image:url(../images/header/hausbau_over.gif); 

}





a.ausbau { 
		display:block; 
		background-image:url(../images/header/ausbau.gif); 

}


a.ausbau:hover { 
		background-image:url(../images/header/ausbau_over.gif); 

}



a.nuetzliches { 
		display:block; 
		background-image:url(../images/header/leben.gif); 

}


a.nuetzliches:hover { 
		background-image:url(../images/header/leben_over.gif); 

}





a.gruene { 
		display:block; 
		background-image:url(../images/header/garten.gif); 

}


a.gruene:hover { 
		background-image:url(../images/header/garten_over.gif); 

}





/* ----  Headerzusatz ---- */

#Logo {
	margin:0 auto;
	padding:0px;
	position:absolute;
	left: 0px;
	width: 200px;
	height: 60px;
}	

#Buttons {
	margin:0 auto;
	padding:0px;
	position:absolute;
	left: 193px;
	height: 60px;
}

/* ---- Navi Layer - Themen ---- */


.planung_a a { 
	
	display: block;
	text-decoration:none; 
	width: 137px;
	height: 15px;
	margin-bottom: 2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 82%;
	text-align:center;
	background-color: #c0c3c5; }
	
	.planung_b a { 
	
	display: block;
	text-decoration:none; 
	width: 137px;
	height: 30px;
	margin-bottom: 2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 82%;
	text-align:center;
	background-color: #c0c3c5; }
	
.planung_a a:hover { 

	background-color: #b4b8bb;
}

.planung_b a:hover { 

	background-color: #b4b8bb;
}


.hausbau_a a { 
	
	display: block;
	text-decoration:none; 
	width: 137px;
	height: 15px;
	margin-bottom: 2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 82%;
	text-align:center;
	background-color: #a1a8ad; }
	
.hausbau_a a:hover { 

	background-color: #899299;
}


.ausbau_a a { 
	
	display: block;
	text-decoration:none; 
	width: 137px;
	height: 15px;
	margin-bottom: 2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 82%;
	text-align:center;
	background-color: #858585; }
	
	.ausbau_a a:hover { 

	background-color: #666666;
}

	
	.ausbau_b a { 
	
	display: block;
	text-decoration:none; 
	width: 137px;
	height: 30px;
	margin-bottom: 2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 82%;
	text-align:center;
	background-color: #858585; }
	
	.ausbau_b a:hover { 

	background-color: #666666;
}

	


.leben_a a { 
	
	display: block;
	text-decoration:none; 
	width: 137px;
	height: 15px;
	margin-bottom: 2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 82%;
	text-align:center;
	background-color: #8533ad; }
	
	.leben_a a:hover { 

	background-color: #660099;
}




.leben_b a { 
	
	display: block;
	text-decoration:none; 
	width: 137px;
	height: 30px;
	margin-bottom: 2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 82%;
	text-align:center;
	background-color: #8533ad; }
	
	.leben_b a:hover { 

	background-color: #660099;
}


	


.garten_a a { 
	
	display: block;
	text-decoration:none; 
	width: 137px;
	height: 15px;
	margin-bottom: 2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 82%;
	text-align:center;
	background-color: #adad5c; }
	
.garten_a a:hover { 

	background-color: #999933;
}




.firmen_l { 
	
	display: block;
	text-decoration:none; 
	width: 137px;
	height: 2px;
	margin-bottom: 2px;
	font-family:Arial, Helvetica, sans-serif;
	background-color: #7988a3; }


.planung_l { 
	
	display: block;
	text-decoration:none; 
	width: 137px;
	height: 2px;
	margin-bottom: 2px;
	font-family:Arial, Helvetica, sans-serif;
	background-color: #c4c8cb; }

.hausbau_l { 
	
	display: block;
	text-decoration:none; 
	width: 137px;
	height: 2px;
	margin-bottom: 2px;
	font-family:Arial, Helvetica, sans-serif;
	background-color: #899299; }

.ausbau_l { 
	
	display: block;
	text-decoration:none; 
	width: 137px;
	height: 2px;
	margin-bottom: 2px;
	font-family:Arial, Helvetica, sans-serif;
	background-color: #666666; }


.leben_l { 
	
	display: block;
	text-decoration:none; 
	width: 137px;
	height: 2px;
	margin-bottom: 2px;
	font-family:Arial, Helvetica, sans-serif;
	background-color: #660099; }

.garten_l { 
	
	display: block;
	text-decoration:none; 
	width: 137px;
	height: 2px;
	margin-bottom: 2px;
	font-family:Arial, Helvetica, sans-serif;
	background-color: #999933; }




.firmen_a a { 
	
	display: block;
	text-decoration:none; 
	width: 137px;
	height: 15px;
	margin-bottom: 2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 82%;
	text-align:center;
	background-color: #91a4c3; }
	
.firmen_a a:hover { 

	background-color: #7988a3;
}


.firmen_w a { 
	
	display: block;
	text-decoration:none; 
	width: 137px;
	height: 15px;
	margin-bottom: 2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 74%;
	text-align:center;
	background-color: #91a4c3; }
	
.firmen_w a:hover { 

	background-color: #7988a3;
}


.firmen_c a { 
	
	display: block;
	text-decoration:none; 
	width: 137px;
	height: 15px;
	margin-bottom: 2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 82%;
	text-align:center;
	background-color: #840000; }
	
.firmen_c a:hover { 

	background-color: #555555;
}

.firmen_f a { 
	
	display: block;
	text-decoration:none; 
	width: 137px;
	height: 15px;
	margin-bottom: 2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 82%;
	text-align:center;
	background-color: #006699; 
	
}
	
.firmen_f a:hover { 

	background-color: #BDC6DE;
}


.firmen_g a { 
	
	display: block;
	text-decoration:none; 
	width: 137px;
	height: 15px;
	margin-bottom: 2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 82%;
	text-align:center;
	background-color: #ff9900; 
	
}
	
.firmen_g a:hover { 

	background-color: #cc6600;
}

.firmen_h a { 
	
	display: block;
	text-decoration:none; 
	width: 137px;
	height: 15px;
	margin-bottom: 2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 82%;
	text-align:center;
	background-color: #BFBFBF; 
	
}
	
.firmen_h a:hover { 

	background-color: #E0E0E0;
}




/* ----  Navi Layer - Klein-Anzeigen ---- */





#navi_thema {
	margin:0 auto;
	text-align:center;
	padding:0px;
	position:relative;
	top: 1px;
	left: 0px;
	width: 137px;
	height: 15px;
	background-color: #626469;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 80%;
}	

#navi_banner {
	margin:0 auto;
	text-align:center;
	padding:0px;
	position:relative;
	top: 2px;
	left: 0px;
	width: 137px;
	height: 60px;
	background-color: #a2a2a2;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 80%;
	tex
}	



/* ----  Main Layer - Artikel ---- */

#banner_mainlay {
		margin:0 auto;
		text-align:center;
		padding:0px;
		position:relative;
		width: 468px;
		height: 60px;
		border:1px solid #999999;

}

#flashwindow {
		margin:0 auto;
		text-align:center;
		padding:0px;
		position:relative;
		width: 468px;
		height: 230px;
		border:1px solid #999999;

}


#artikel {
	margin:0 auto;
	padding:0px;
	postion: relative;
	width: 440px;
	left: 15px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	
}


.hr1 {

border-bottom-style: solid;
border-bottom-width: thin;
		
}

.hr2 {

border-top-style: solid;
border-top-width: thin;
		
}

.cellback {
	background-color: FFFFFF;
	background-repeat: none;
	
	background: FFFFFF;
	
}

/* ---- Main Layer - Überschriftlänge ----*/





#length_440 {
	top: 20px;
	width: 438px;
	height: 17px;
	font-size: 87%;
	font-family:Arial, Helvetica, sans-serif;
	text-align: left;
	padding-left: 4px;
	padding-top: 2px;
	background-color: #002E62; 
}	




/* ----  Right Layer - Klein-Anzeigen ---- */


#rightlay_thema {
	margin:0 auto;
	text-align:center;
	padding:0px;
	position:relative;
	top: 1px;
	left: 0px;
	width: 127px;
	height: 15px;
	background-color: #999999;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 80%;
}	

#rightlay_banner {
	margin:0 auto;
	text-align:center;
	padding: 0px;
	position:relative;
	top: 2px;
	left: 0px;
	border: 1px solid #999999;
	width: 125px;
	height: 125px;
	background-color: #a2a2a2;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 80%;
	tex
}	


#rightlay_banner_half {
	margin:0 auto;
	text-align:center;
	padding: 0px;
	position:relative;
	top: 2px;
	left: 0px;
	border: 1px solid #999999;
	width: 125px;
	height: 60px;
	background-color: #a2a2a2;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 80%;
	tex
}	







/* ----  Schriftstile ---- */


.ueberschrift1 {
		color:#FFFFFF;
		font:message-box;
		font-size:90%;
		font-weight:bolder;
	}


.ueberschrift2 {
		color:#FFFFFF;
		
}

.ueberschrift3 {
		font-size: 85%;
		color:#FFFFFF;
		
}



.artikel {
		font-size: 90%;
		line-height: 130%
}


.artikelherst {
        color:#808080;
		font-size: 80%;
		line-height: 130%
}



.artikelimp {
		font-size: 78%;
		line-height: 130%
}


.link_a a {
		font-family:Arial, Helvetica, sans-serif;
		font-size: 100%;
		color:#000000;
		text-decoration:none;
		text-align:right;
		padding-bottom:inerhit;
		padding:1px;
}


.link_a a:hover  {
		font-family:Arial, Helvetica, sans-serif;
		font-size: 100%;
		color:#336699;
		text-decoration:underline;
}



.listen {
		font-family:Arial, Helvetica, sans-serif;
		font-size: 80%;
		font-style:normal;
		margin-left:6px;
		margin-right:4px;
}

.listen_pre {
		font-family:Arial, Helvetica, sans-serif;
		font-size:115%;
		font-style:normal;
		margin-left:6px;
		margin-right:4px;
		
}



.seitenz {
		font-family:Arial, Helvetica, sans-serif;
		font-size: 100%;
		color:#000000;
		text-decoration: none;
		height: 12px;
		left: 100px;
}

/* ----- Mini Artikel der Indexseite ------*/


#mini_main {
		text-align:left;
		margin:0 auto;
		padding:0px;
		position: relative;
		top:5px;
		left: 0px;
		width:440px;
		border-top: none;
		border-bottom: 1px solid #AAAAAA;
}

#mini_pic {
		position:absolute;sei ten
		width: 65px;
		height: 60px;
}		

#mini_text {
		position: relative;
		left: 70px;
		width: 370px;
		height: 60px;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 11px;
		text-align:left;

}

.mini_link {
		text-align:right;

}


.mini_linka a {
		font-family:Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight:600;
		color:#006699;
		text-decoration: underline;
}


.mini_linka a:hover  {
		color:#666666;
		
}



/*  ---------------- Listen neu   -----------    */

#listen_length_440 {
	top: 20px;
	width: 438px;
	height: 17px;
	font-size: 87%;
	font-family:Arial, Helvetica, sans-serif;
	text-align: left;
	padding-left: 4px;
	padding-top: 2px;
	background-color: #002E62; 
}	


.listen_ueberschrift1 {
		color:#FFFFFF;
		font:message-box;
		font-size:90%;
		font-weight:bolder;
	}

#listen_modul {
		position: relative;
		top: 2px;
		left: 0px;
		width: 436px;
		height: 100px;
		border-top: 2px solid #7988a3;
		background-color: #FFFFFF;


}

#listen_abschlussmodul {
		position: relative;
		width: 436px;
		height: 12px;
		border-top: 2px solid #7988a3;



}

#listen_image {
	 	position: absolute;
		top: 5px;
		width: 105px;
		height: 85px;
		left: 7px;
 
}

#listen_adresse {
	 	position: absolute;
		top: 5px;
		left: 121px;
		width: 320px;
		height: 85px;
		/*  border: 1px solid #FF0000;  */
}

.listen_adresse {
		text-align: left;
		padding: 1px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;

}

#listen_top_navi {
	top: 37px;
	width: 440px;
	font-size: 87%;
	font-family:Arial, Helvetica, sans-serif;
	text-align: left;
	border: 1px solid #002E62;
	
}	

#listen_link {
			position: absolute;
			right: 10px;
			bottom: 8px;
			text-align: right;
			
}

.listen_link_a a {
			text-decoration: none;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #777777;
}


.listen_link_a a:hover {
			color: #333333;
			text-decoration: underline;
			
}

/*----  Erweiterung Hauptbereich nach unten anhand banner links in listen -----   */


#main_inlayL0 {
	margin:0 auto;
	padding:0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	top: 20px;
	left: 0px;
	width: 470px;
	height: 605px;
	background-color: #F5F5F5;
	
}

#main_inlayL1 {
	margin:0 auto;
	padding:0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	position:relative;
	top: 20px;
	left: 0px;
	width: 470px;
	height: 692px;
	background-color: #F5F5F5;
	
}

#main_inlayL2 {
	margin:0 auto;
	padding:0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	position:relative;
	top: 20px;
	left: 0px;
	width: 470px;
	height: 782px;
	background-color: #F5F5F5;
	
}

#main_inlayL3 {
	margin:0 auto;
	padding:0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	position:relative;
	top: 20px;
	left: 0px;
	width: 470px;
	height: 877px;
	background-color: #F5F5F5;
	
}

#main_inlayL4 {
	margin:0 auto;
	padding:0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	position:relative;
	top: 20px;
	left: 0px;
	width: 470px;
	height: 972px;
	background-color: #F5F5F5;
	
}

#main_inlayL5 {
	margin:0 auto;
	padding:0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	position:relative;
	top: 20px;
	left: 0px;
	width: 470px;
	height: 1067px;
	background-color: #F5F5F5;
	
}




#main_inlayL6 {
	margin:0 auto;
	padding:0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	position:relative;
	top: 20px;
	left: 0px;
	width: 470px;
	height: 1162px;
	background-color: #F5F5F5;
	
}

#main_inlayL7 {
	margin:0 auto;
	padding:0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	position:relative;
	top: 20px;
	left: 0px;
	width: 470px;
	height: 1250px;
	background-color: #F5F5F5;
	
}

#main_inlayL8 {
	margin:0 auto;
	padding:0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	position:relative;
	top: 20px;
	left: 0px;
	width: 470px;
	height: 1335px;
	background-color: #F5F5F5;
	
}

/*----  Erweiterung Hauptbereich nach unten anhand banner rechts in listen -----   */

#main_inlayR5 {
	margin:0 auto;
	padding:0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	top: 20px;
	left: 0px;
	width: 470px;
	height: 740px;
	background-color: #F5F5F5;
	
}


#main_inlayR6 {
	margin:0 auto;
	padding:0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	top: 20px;
	left: 0px;
	width: 470px;
	height: 895px;
	background-color: #F5F5F5;
	
}



#main_inlayR7 {
	margin:0 auto;
	padding:0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	top: 20px;
	left: 0px;
	width: 470px;
	height: 1050px;
	background-color: #F5F5F5;
	
}

#main_inlayR8 {
	margin:0 auto;
	padding:0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	top: 20px;
	left: 0px;
	width: 470px;
	height: 1215px;
	background-color: #F5F5F5;
	
}

#main_inlayR9 {
	margin:0 auto;
	padding:0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	top: 20px;
	left: 0px;
	width: 470px;
	height: 1365px;
	background-color: #F5F5F5;
	
}

#main_inlayR10 {
	margin:0 auto;
	padding:0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	top: 20px;
	left: 0px;
	width: 470px;
	height: 1520px;
	background-color: #F5F5F5;
	
}



/*    -----  Schon gelesen?  - Artikelgenerator  -----  */


 #artikel_link_gen {
 			position: relative;
			top: 5px;
			width: 420px;
			height: 150px;
			padding: 8px;
			border: 1px solid #CCCCCC;
			background-color: #FFFFFF;
			
  }

.artikel_link_gen_ueb {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 17px;
			color: #7988a3;
}


.artikel_link_gen_subline {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #777777;
}

.artikel_link_gen_a a {
			text-decoration: none;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			color: #777777;
}

.artikel_link_gen_a a:hover {
			color: #333333;
			text-decoration: underline;
			
}




/* ----------   FOOTER -------------  */



.footer {
			text-decoration: none;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 10px;
			color: #666666;
}


.footer a {
			text-decoration: none;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 10px;
			color: #666666;
}

.footer a:hover {
			color: #333333;
			text-decoration: underline;
			
}



/** ------------ RATGEBER -----------------**/

.iframe {
	border: 0px;		
}