@charset "UTF-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; padding: 0; border: 0;
	text-align: left;
	color: #000000;
	background-color: #FFFFFF;
	background-image: url(pics/bg.jpg);
	background-repeat: repeat-x;
    }
	
#container { margin: 0; padding: 0; border: 0; width: 1100px; text-align: left; font-size: 12px; color: #000000; } 
	
		
#header {
	padding: 0; margin: 0;
	height: 270px; width: 1100px;
	background-image: url(pics/head_gartenfreude_5.jpg);
	background-repeat: no-repeat;
    } 
	
/* -------- Navigation oben --------- */

#navigation {
	position: absolute; top: 172px; left: 340px;
	padding: 0; margin: 0; border: 0;
	height: 26px; width: 600px;
	text-align: left;
	color: #256E00;
	font-size: 10px;
	font-weight: bold;
}

#navigation table {
	padding: 0; margin: 0; border: 0;
	text-align: left;
	height: 26px;
}

#navigation td {
	text-align: center;
	padding: 0px 20px 2px 20px; margin: 0; border: 0;
	height: 26px;
}

#navigation td a:link, td a:visited {
	text-decoration: none;	
	color: #FFFFFF;
}

#navigation  td a:hover {
	color: #99CCFF;
	text-decoration: none;
}


#navigation  td.auswahl {
	text-decoration: none;
	color:#000066;
	background: transparent url(pics/nav_auswahl.jpg);
	background-repeat: repeat-x;
}

#navigation  td.nav_auswahl {
	text-decoration: none;
	background: transparent url(pics/nav_auswahl.jpg);
	background-repeat: repeat-x;
}

#navigation  .nav_auswahl a { color:#000066; }


/* ---- End Navigation oben ---- */


/* ---- Navigation links ---- */

#sidebar1 { 
		padding: 0; 
		margin: 0; 
		position: absolute; 
		left: 0; 
		top: 272px; 
		width: 250px;
		font-family: Arial, Helvetica, sans-serif; 
		color: #000000; 
		font-size: 12px;  
		}

#sidebar1 a:link, #sidebar1 a:visited { 
		text-decoration: none; 
		color: #000000;
		}

#sidebar1 a:hover { 
		text-decoration: underline; 
		color: #FF6600; 
		}

#sidebar1 .grau { 
		color:#777777; 
		}

#sidebar1 li .red { 
		margin: 0; 
		padding: 0; 
		font-size: 16px; 
		line-height: 20px; 
		color: #FF0000; 
		text-align: left; 
		font-weight: bold; 
		}

ul#nav  { 
		padding: 0; 
		margin: 0; 
		list-style-type: none; 
		font-size: 12px; 
		}

ul#nav li { 
		padding: 6px 0 4px 42px; 
		margin: 4px 0 0 0; 
		list-style-type: none; 
		font-size: 12px; 
		}

ul#nav li li { 
		padding: 0 0 4px 0px; 
		margin: 4px 0 0 0; 
		list-style-type: none; 
		font-size: 12px; 
		font-weight: normal;
		}

ul#nav li.auswahl { 
		color: #256E00; 
		font-weight: bold; 
		background:url(pics/nav_left_auswahl.jpg) repeat-y; 
		}





#hotline { margin: 0; padding: 0 0 0 40px;}

#hotline .red_hotline, .red_hotline { margin: 0; padding: 0; font-size: 16px; line-height: 18px; color: #FF0000; text-align: left; font-weight: bold; }

#hotline a:link, #hotline a:visited { text-decoration: none; color: #777777; }

#hotline a:hover { text-decoration: underline; color: #FF6600; }

/* ---- End Navigation links ---- */



 
 /* ----- Inhalt ----- */
 

#mainContent {
	position: absolute;
	left: 340px;
	top: 280px;
	padding: 0 0 100px 0;
	margin: 0;
	text-align: left;
	
}

#mainContent.normal, p.normal { width: 550px; }
#mainContent.middle { width: 682px; }
#mainContent.wide { width: 760px; }

#mainContent_einzel { position: absolute; left: 340px; top: 280px; width: 600px; padding: 0 0 100px 0;  margin: 0; text-align: left;}

#mainContent img { margin: 10px 0; padding: 0; border: 0; }

#mainContent img.right { float: right; margin: 10px 0 20px 40px; padding: 0; }
#mainContent img.left { float: left; margin: 0px 10px 1px 0; padding: 0; }

#mainContent p { padding: 0 30px 6px 0; font-size: 12px; line-height: 18px; color: #000000; }
#mainContent p.small { padding: 0 20px 6px 0; font-size: 10px; line-height: 18px; color: #000000; }


#mainContent ul { padding: 0; margin: 0; color: #000000; }

#mainContent li { padding: 6px 0 5px 0; margin: 0 0 10px 40px; }


#mainContent table { margin: 10px 0 10px 0; width: 682px; border-collapse: separate; border-spacing: 0; }

#mainContent table.service { margin: 0; padding: 0; width: 680px; border-collapse: separate; border-spacing: 0; }

#mainContent table.einzel { margin: 0; padding: 0; width: 500px; border-collapse: separate; border-spacing: 0; }

#mainContent table.produkte { margin: 0; padding: 0; width: 600px; border-collapse: separate; border-spacing: 0; }

#mainContent table.unternehmen { margin: 0; padding: 0; width: 550px; border-collapse: separate; border-spacing: 0; }

#mainContent table.werkzeuge { 
	margin: 0; 
	padding: 0; 
	width: 680px; 
	border-collapse: separate; 
	border-spacing: 0; 
	}

	#mainContent table.werkzeuge td { 
		text-align: left; 
		padding: 0 0 15px 0; 
		margin: 0 ; 
		vertical-align: top;
		}
		
	#mainContent table.werkzeuge ul { padding: 0 0 0 20px; margin: 0 0 20px 0; color: #000000; }
		
	#mainContent .werkzeuge li { padding: 0 0 10px 0; margin: 0; color: #004495;}
		
		



#mainContent td.small { padding: 0 5px 0px 5px; margin: 0;  text-align: center; }

#mainContent td.name { 
	padding: 0 5px 30px 5px; 
	margin: 0; 
	text-align: center; 
	color: #006600;
	font-weight: bold;
	}

#mainContent td.big { padding: 0px 0 20px 0; margin: 0; text-align: left; }

#mainContent td.def { padding: 0 4px 10px 0; margin: 0; height: 24px; width: 160px; text-align: left; }

#mainContent td.text { padding: 0 4px 10px 0; margin: 0; height: 24px; width: 360px; text-align: left; }

#mainContent p.impressum { padding: 0 0 2px 0; font-size: 10px; font-weight: normal; line-height: 15px; color: #000000; }

.page_right { text-align: right; font-size: 10px; font-weight: normal; float: right; }

.page_right a, .page_right a:visited { font-weight: normal;}

#mainContent a { font-weight: bold; }

#mainContent a:link, a:visited { text-decoration: none; color: #256E00; }

#mainContent a:hover { text-decoration: underline; color: #FF6600; }



#picContent { position: absolute; left: 840px; top: 380px; width: 250px; padding: 0 0 100px 0;  margin: 0; text-align: left;}

#mainContent hr { margin: 15px 0 20px 0;}

/* ---- End Inhalt ---- */


/* ---- Kontaktformular ---- */

form {
	margin: 0 0 0 70px;
	width: 440px;
	}

form p {
	margin: 0;
	padding: 0;
	}

label {
	text-align: left;
	float: left;
	width: 100px;
	color:#666666;
	font-size:11px;
}

.t-area {
	background-color: #edf3d9;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

input {
	padding: 1px;
	background-color: #effadc;
	width:280px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.blue { color: #004495;}

/* ---- End Kontaktformular ---- */



.clear {
	float: none;
}


h1, h2, h3, h4, .subhead { 
	color: #4F4F4F; 
	margin: 0;
	padding: 0;
	}

h1 {
   font-size: 16px;
   line-height: 20px;
   padding-bottom: 10px;
}

h2 {
	font-size: 14px;
	line-height: 14px;
   padding-top: 10px;
}

h3 {
	padding-top: 50px;
}


h5 {
	color: #003399;
	font-size: 14px;
	line-height: 14px;
   padding-top: 20px;
}

.subhead {
	font-size: 13px;
	line-height: 20px;
}