html {
	background: #bdbdbd url(../images/bg_body.jpg) top left repeat-x;
}

body {
	background: transparent url(../images/bg_html.jpg) top left no-repeat;
	color: #474751;
	font-size:100.1%;
}

span.company {
	color: #474751;
	font-weight: bold;
}

span.company span {
	color: #b7ca03;
	padding: 0 0.1em 0 0;
}

#center {
	width: 960px;
	margin: 0 auto;
	font: normal 62.5% Tahoma,Arial,sans-serif;
}

dfn {
	font-style: italic;
}

/*** Header: **************************************************************************************/

#header {
	width: 940px;
	margin: 0 10px;
	background: #fff;
}

#header #logo {
	float: left;
	width: 276px;
	height: 57px;
	margin: 39px 0 0 23px;
}

/*** Header: Top-Navigation ***********************************************************************/

#header ul#topNav {
	float: right;
}

#header ul#topNav li {
	float: left;
	list-style: none;
	padding: 20px 15px 4px 15px;
	text-align: center;
}

/* Typo: Header Top-Navigation */

#header ul#topNav li a {
	font: normal 1.3em/15px Tahoma,Arial,sans-serif;
	color: #474751;
	text-decoration: none;
}

#header ul#topNav li a:hover,
#header ul#topNav li a.active,
#header ul#topNav li a.active:hover {
	text-decoration: underline;
}

/*** Header: Navigation ***************************************************************************/

#header ul#mainNav {
	float: right;
	width: 621px;
	height: 57px;
	margin: 0 0 24px 0;
}

#header ul#mainNav li {
	float: left;
	list-style: none;
}

#header ul#mainNav li a {
	display: block;
	margin: 22px 0 0 1px;
	padding: 12px 0 10px 0;
	border-bottom: 3px solid #83853b;
}

#header ul#mainNav li#nr1 a { width: 151px; }
#header ul#mainNav li#nr2 a { width: 120px; }
#header ul#mainNav li#nr3 a { width: 159px; }
#header ul#mainNav li#nr4 a { width: 83px; }
#header ul#mainNav li#nr5 a { width: 103px; }

/* Typo: Header Navigation */

#header ul#mainNav li a {
	text-align: center;
	font: normal 1.4em/10px Tahoma,Arial,sans-serif;
	color: #fff;
	text-decoration: none;
	background: #b7c903;
}

#header ul#mainNav li a:hover {
	color: #474752;
	background: #e9f4cd;
}

#header ul#mainNav li a.active,
#header ul#mainNav li a.active:hover {
	color: #fff;
	background: #83863c;
}

/*** Header: Intro-Bereich ***********************************************************************/

#header #intro {
	clear: both;
	width: 940px;
	height: 110px;
	background: #83853b url(../images/bg_intro.gif) top left repeat-x;
}

#header #intro p {
	width: 906px;
	height: 64px;
	padding: 46px 0 0 34px;
	background: #474751 url(../images/intro_samen.jpg) top right no-repeat;
	font: normal 1.4em/1.6em Georgia,"Times New Roman",Times,serif;
	color: #f1f8de;
}

#leistungen #header #intro p {
	background: #474751 url(../images/intro_pflanze.jpg) top right no-repeat;
}

#projekte #header #intro p {
	background: #474751 url(../images/intro_baum.jpg) top right no-repeat;
}

/*** Content: Inhaltsbereich **********************************************************************/
/*** Raster mit 12 Einheiten *************/
/*** 1 Einheit = 60px + 2*10px margin ****/

#content {
	clear: both;
	width: 960px;
	margin: 31px 0 0 0;
	padding: 0 0 55px 0;
	background: transparent url(../images/bg_content.gif) 10px 0 repeat-y;
}

#content .grid_3,
#content .grid_4,
#content .grid_5,
#content .grid_6,
#content .grid_7,
#content .grid_8,
#content .grid_9,
#content .grid_12 {
	display: inline;
	float: left;
	margin: 0 10px;
	background: #fff;
	border-top: 2px solid #83853b;
}

#content .grid_3  {width: 220px}
#content .grid_4  {width: 300px}
#content .grid_5  {width: 380px}
#content .grid_6  {width: 460px}
#content .grid_7  {width: 540px}
#content .grid_8  {width: 620px}
#content .grid_9  {width: 700px}
#content .grid_12 {width: 940px}

#content .right {
	float: right;
}

#content ul,
#content ol,
#content table {
	margin: 0 15px;
}

/*** mainContent **********************************************************************************/

#mainContent .teaser {
	display: inline;
	float: left;
	width: 285px;
	margin: 25px 5px 5px 15px;
	border-top: 1px solid #dadada;
}

#mainContent .teaser p a {
	float: right;
}

#mainContent img {
	padding: 25px 15px 10px 15px;
}

#mainContent img.left {
	float: left;
	padding: 13px 15px 10px 15px;
}

#mainContent img.right {
	float: right;
	padding: 13px 95px 10px 15px;
}

#mainContent span.td {
	display: inline-block;
	width: 3.6em;
}

#mainContent div.hr {
	width: 590px;
	height: 1px;
	margin: 0 15px 8px 15px;
	padding: 25px 0 0 0;
	border-bottom: 1px solid #dadada;
}

#mainContent div.hr hr {
	display: none;
}

/* Listen */

#mainContent ul {
	list-style-type: none;
	padding: 1.2em 80px 0 0;
}

#mainContent li {
	margin: 0 0 1.0em 0;
	padding: 6px 0 0 32px;
	background: transparent url(../images/bg_li.gif) 10px 9px no-repeat;
	border-top: 1px solid #dadada;
}

#mainContent li span,
#mainContent ul ul {
	display: block;
	margin: -1.36em 0 0 270px;
	padding: 0 10px 5px 0;
	background: none; /* IE6 */
	border-top: none; /* IE6 */
}

#mainContent ul ul {
	list-style-type: circle;
	padding: 0;
}

#mainContent ul ul li {
	margin: 0 0 0 15px;
	padding: 0 0 6px 0;
	background: none;
	border-top: none;
}

#mainContent ul.links {
	list-style-type: none;
	padding: 0.8em 80px 0 0;
}

#mainContent ul.links li {
	margin: 0 0 0 9px;
	padding: 6px 0 0 0;
	background: none;
	border-top: none;
}

#mainContent ul.links ul {
	list-style-type: none;
	margin: 0 0 0 15px;
}

/* Tabellen */

#mainContent table {
	padding: 0.8em 80px 0 0;
}

#mainContent table th,
#mainContent table td {
	padding: 6px 15px 0 0;
}

#mainContent table#team th,
#mainContent table#team td {
	padding: 6px 15px 0 15px;
}

#mainContent table#team th.left,
#mainContent table#team td.left {
	padding: 6px 95px 0 0;
}

#mainContent table#team td.left {
	background: transparent url(../images/bg_td_arrow.gif) 100% 70% no-repeat;
}

/*** Typo: Content ***/

h1, h2, h3, h4,
#content p {
	margin: 0 15px;
}

#content em {
	font-style: italic;
}

#content strong {
	font-weight: bold;
	color:#83853b;
}

/*** Typo: mainContent ***/

#mainContent h1 {
	font: normal 2.2em/1.36em Tahoma,Arial,sans-serif;
	padding: 24px 80px 0 0;
}

#mainContent h1 .slogan {
	font-variant: small-caps;
}

#mainContent h2 {
	font: bold 1.6em/1.36em Tahoma,Arial,sans-serif;
	color: #83853b;
	padding: 1.0em 80px 0.1em 0;
}

#mainContent h3 {
	font: bold 1.25em/1.36em Tahoma,Arial,sans-serif;
	padding: 1.6em 80px 0 0;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

#mainContent .teaser h3 {
	font: normal 1.6em/1.2em Tahoma,Arial,sans-serif;
	color: #6c5b4c;
	padding: 0.8em 0 0 0;
	text-transform: none;
	letter-spacing: 0;
}

#mainContent h4 {
	font: bold 1.25em/1.36em Tahoma,Arial,sans-serif;
	color: #83853b;
	padding: 1.6em 80px 0 0;
}

#mainContent p {
	font: normal 1.25em/1.36em Tahoma,Arial,sans-serif;
	padding: 0.8em 80px 0 0;
}

#mainContent .teaser p {
	padding: 0.5em 0 0 0;
}

#mainContent p.legend {
	font: normal 1.1em/1.2em Tahoma,Arial,sans-serif;
	color: #aaa;
	text-align: right;
	padding: 0 80px 0 0;
}

#mainContent li {
	font: normal 1.25em/1.36em Tahoma,Arial,sans-serif;
}

#mainContent li li {
	font: normal 1.0em/1.36em Tahoma,Arial,sans-serif;
}

#mainContent li span,
#mainContent ul ul li {
	color: #6c5b4c;
}

#mainContent table th,
#mainContent table td {
	font: normal 1.25em/1.36em Tahoma,Arial,sans-serif;
}

#mainContent table#team th {
	font: bold 1.25em/1.36em Tahoma,Arial,sans-serif;
	color: #83853b;
}

#mainContent a {
	color: #83853b;
	text-decoration: underline;
	display: inline-block; /* IE (bei Zeilenumbruch)*/
	margin: 0 0 0 2px;
	padding: 0 0 0 10px;
	background: transparent url(../images/bg_link.gif) 0 55% no-repeat;
}

#mainContent a:hover {
	color: #474751;
	text-decoration: none;
}

#mainContent a.img {
	text-decoration: none;
	display: block;
	padding: 0;
	background: none;
}

#mainContent a.img {
	text-decoration: none;
	display: block;
	padding: 0;
	background: none;
}

/*** Sidebar **************************************************************************************/

#sidebar img {
	margin: 12px 0 0.38em 0;
}

#sidebar img.buch {
	margin: 12px 10px 0.38em 15px;
}

/* Typo: Sidebar */

#sidebar h3 {
	font: normal 1.4em/1.42em Tahoma,Arial,sans-serif;
	padding: 29px 0 0 0;
}

#sidebar h4 {
	font: bold 1.4em/1.42em Tahoma,Arial,sans-serif;
	color: #83853b;
	padding: 50px 0 0 0;
}

#index #sidebar h4 {
	padding: 30px 0 0 0;
}

#sidebar p {
	font: normal 1.25em/1.36em Tahoma,Arial,sans-serif;
	margin: 0 5px 0 15px; /* Typo Content ueberschreiben */
	padding: 0.38em 0 0 0;
}

#sidebar p.buch a {
	font: bold 1.15em/1.36em Tahoma,Arial,sans-serif;
	padding: 0.38em 0 0 0;
	color: #009ee0;
	text-decoration: none;
}

/*** Unter-Navigation ******************/

#sidebar ul {
	margin: 0;
}

#sidebar ul li {
	list-style: none;
	border-bottom: 1px solid #fff;
}

#sidebar ul li a {
	display: block;
	width: 220px;
	padding: 7px 0 7px 24px;
	/*background: #e9f4cd;*/
	background: #f3fae1;
	border-left: 4px solid #83853b;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 192px;
}
html>body #sidebar ul li a {
	width: 192px;
}

#sidebar ul li#main a {
	margin: 22px 0 0 0;
	padding: 8px 0 14px 24px;
	background: #fff;
	border-left: 4px solid #fff;
}

#sidebar ul li a:hover {
	background: #e9f4cd url(../images/bg_link_sidebar.gif) 10px 11px no-repeat;
	border-left: 4px solid #83853b;
}

#sidebar ul li a.active {
	background: #b7c903 url(../images/bg_link_sidebar.gif) 10px -60px no-repeat;
	border-left: 4px solid #83853b;
}

#sidebar ul li#main a:hover,
#sidebar ul li#main a.active {
	background: #fff url(../images/bg_link_sidebar.gif) 10px 14px no-repeat;
	border-left: 4px solid #fff;
}

/*** Typo Unter-Navigation ***/

#sidebar ul li a {
	font: normal 1.25em/1.36em Tahoma,Arial,sans-serif;
	color: #474751;
	text-decoration: none;
}

#sidebar ul li#main a {
	font: normal 1.4em/1.42em Tahoma,Arial,sans-serif;
	color: #474751;
}

#sidebar ul li a.active,
#sidebar ul li a.active:hover {
	color: #fff;
}

/*** Footer ***************************************************************************************/

#footer {
	clear: both;
	width: 940px;
	margin: 0 10px;
	padding: 20px 0;
	background: transparent url(../images/bg_footer.gif) 0 0 no-repeat;
}

#footer p {
	padding: 15px;
	background: #fff;
	font: normal 1.1em/1.4em Tahoma,Arial,sans-serif;
}

#footer p span {
	padding: 0 6px;
}

#footer p span.company {
	padding: 0 0 0 3px;
}

#footer p span.company span {
	padding: 0 1px 0 0;
}

#footer p.top {
	float: right;
}

#footer a {
	color: #83853b;
	text-decoration: underline;
	margin: 0 0 0 2px;
	padding: 0 0 0 8px;
	background: transparent url(../images/bg_link_footer.gif) 0 55% no-repeat;
}

#footer a:hover {
	color: #474751;
	text-decoration: none;
}

#footer p.top a {
	padding: 0 0 0 18px;
	background: transparent url(../images/bg_link_top.gif) 0 65% no-repeat;
}