/* abstand zur navigation beträgt muss bearbeitet werden, im code beträgt er 5px und im inernet explorer 15px */

body {
	margin:				0 0 0 0;
	padding:			60px 0 0 0;
	background-image:	url(images/bg.jpg);
	background-repeat:	repeat-x;
	background-color: 	#F1EEEE;
	width:				100%;
/* -------Textformatierung für ganze Site--------*/
	font-size:			11px;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	line-height:		14px;
	color:				#777;
}

a, a:visited	{
	color:				#777;
	}

a:active; a:hover	{
	color:				#75b532;
	}

h1	{
	font-size:			16px;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-style:			italic;
	font-weight:		bold;
	color:				#fff;
	margin:				10px 0 30px 10px;
	}	


h2	{
	font-size:			16px;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-weight:		bold;
	color:				#75b532;
	margin:				0 0 15px 0;
	}		
	
h3	{
	font-size:			16px;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-weight:		bold;
	color:				#777;
	margin:				0 0 15px 0;
	}	
	
/*-----layout wird umfasst-----*/
#wrapper {
	margin:				0px auto;
	padding:			0;
	width:				923px;
	height:				530px;
	
}


/*-----inhalt wird umfasst :: rahmen-----*/
#umfasser {
	float:				left;
	margin:				0px;
	padding:			15px 0 0 15px;
	width:				900px;
	height:				485px;
	background-color:	#FFFFFF;
}

#logo {
	float:				left;				
	margin:				0;
	padding:			54px 0 0 0;
	height:				111px;
	width:				225px;
}
	
#bild {
	float:				left;
	margin:				0;
	height:				165px;
	width:				660px;
}

/*-----boxen werden umfasst-----*/	
#inhaltumfasser {
	float:				left;
	margin:				15px 0 0 0;
	padding:			0px 0 0 0;
	width:				900px;
	height:				250px;	
}

#inhaltumfasser p 		{
	margin:				10px 0 0 10px;
	
}

.h1{	
	display:block;
	font-size:			16px;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-style:			italic;
	font-weight:		bold;
	color:				#fff;
	padding:            10px 0 30px 10px;
}

.p{
	display:block;
	margin: 0 10px;0 0 10px;
}

#firma {
	float:				left;
	height:				124px;
	width:				210px;
	background-image:url(images/bg_firma.gif);
	background-repeat:	repeat-x;
	color:				#66A820;
	text-decoration:none !important;
	}


#firma:hover {
	background-image:url(images/bg_hover.gif);
}

#firma:hover .h1{
	color:				#66A820;	
}

#firmabottom {
	float:				left;
	height:				124px;
	width:				210px;
	background-repeat:	repeat-x;
	}
	
#planen {
	float:				left;
	margin:				0 0 0 15px;
	height:				124px;
	width:				210px;
	background-image:	url(images/bg_planung.gif);
	background-repeat:	repeat-x;
	color:				#F19F09;
	text-decoration:none !important;
}

#planen:hover {
	background-image:url(images/bg_hover.gif);
}

#planen:hover .h1{
	color:				#F19F09;	
}

#planenbottom {
	float:				left;
	height:				124px;
	width:				210px;
	margin:				0 0 0 15px;
	background-repeat:	repeat-x;
	}

#bauen {
	float:				left;
	margin:				0 0 0 15px;
	height:				124px;
	width:				210px;
	background-image:	url(images/bg_gartenbau.gif);
	background-repeat:	repeat-x;
	color:				#F8814C;
		text-decoration:none !important;
}

#bauen:hover {
	background-image:url(images/bg_hover.gif);
}

#bauen:hover .h1{
	color:				#F8814C;	
}

#bauenbottom {
	float:				left;
	height:				124px;
	margin:				0 0 0 15px;
	width:				210px;
	background-repeat:	repeat-x;
	}

#pflegen {
	float:				left;
	margin:				0 0 0 15px;
	height:				124px;
	width:				210px;
	background-image:	url(images/bg_unterhalt.gif);
	background-repeat:	repeat-x;
	color:				#F86162;
		text-decoration:none !important;
	}

#pflegen:hover {
	background-image:url(images/bg_hover.gif);
}

#pflegen:hover .h1{
	color:				#F86162;	
}

#pflegenbottom {
	float:				left;
	height:				124px;
	width:				210px;
	margin:				0 0 0 15px;
	background-repeat:	repeat-x;
	}

/*-----NAVIGATION UNTEN-------*/

ul.unav 	{
	list-style:         url(images/arrow.gif) inside; 
	margin:				10px 0 0 10px;
	padding:			0;
	}


.unav li a { 

	color:				#777;
	margin:				0 0 5px 0;

	}

.unav li a:hover { 
	color:				#a1be6b;
	}

/*-----schlagschatten-------*/

#schatten_content {
	display: inline;
	float:				left;
	margin:				0;
	padding:			10px 0px 0px 0px;
	width:				917px;
	height:				5px; 
	background:			url(images/schatten_unten.gif);
	/*background: 		#ff0000;*/
	background-repeat:	repeat-x;
	line-height:		0;
	
	
}

#schatten_seite {
	float:				left;
	margin:				0;
	padding:			0 0 0 0;
	width:				2px;
	height:				500px;
	background-image:	url(images/schatten_seite.gif);
	background-repeat:	repeat-y;
}

#footer {
	float:				left;
	margin:				0px 0px 0px 0px;
	padding:			8px 0 0 30px;
	width:				885px;
	height:				22px;
	color:				#75b532;
	background-color:	#FFFFFF;
	font-size:			12px;
}

#footer p{
	margin:				7px 0px 0px 30px;
}

#footer a, #footer a:visited	{
	color:				#75b532;
	}

#footer a:active; #footer a:hover	{
	color:				#777;
	}

#schatten_footer_unten {
	float:				left;
	margin:				0;
	padding:			0 0 0 15px;
	width:				902px;
	height:				5px;
	background-image:	url(images/schatten_unten.gif);
	background-repeat:	repeat-x;
}

#schatten_footer_seite {
	float:				left;
	margin:				0;
	padding:			0 0 0 0;
	width:				2px;
	height:				30px;
	background-image:	url(images/schatten_seite.gif);
	background-repeat:	repeat;
}

.clearfloat{
	clear:				both;
}

.twocol .colleft{
	float: 				left;
}
.twocol .colright{
	float: 				left;
}

.luginbuehl{
	padding:0 0 0 10px;
	color:#ccc !important;
}

.luginbuehl a{
	color:#ccc !important;
	text-decoration:none !important;
}