/* Farben: hellbrau: #E0DDDD | dunkelbraun: #895635 | gruen: #008333 |      */


html, body 	{height: 100%; margin:0; padding:0; width:858px; margin:0 auto;}
#wrap 		{min-height: 100%;}
#main 		{overflow:auto; padding-bottom: 30px;}  
#footer 	{position: relative; margin-top: -30px; height: 30px; clear:both;} 

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}
/* -------- Positionen alle Seiten ------------ */
/*--------------------------------------------- */

/* -----container zentriert das layout--------- */
body 			{position:relative; background-color:#FFFFFF; text-align:center; background : url(../img/layout/hintergrund.gif) repeat-y center; overflow-y:scroll;}
#wrap, #footer 	{text-align:left;}

/* ------------ streifen ------------------------ */
.streifen	{position:absolute; top:169px;right:4px;width:13px;}

/* ---------------- Inhalt-------------------- */
.inhalt				{padding: 10px 25px 10px 235px;}
.inhaltprodukt		{padding-top:21px;padding-right:25px;}

/* ----------------  footer  ---------------- */
#footer 	{background:url(../img/layout/hg-footer.png);}
.foot 		{padding-left:235px; padding-top:6px; color:#ccc;}


/* ----------- Positionen ENDE ---------------- */
/*--------------------------------------------- */


/* -------- Navigation ---------- */
#left 		{width:203px; float:left; padding-left:3px;}
.nav {display:block;width:204px;height:19px; background: url(../img/layout/hg-nav-off.gif) no-repeat;background-position: left top;}

a.nav {padding-left:25px;padding-top:2px;border: 1px 0px 1px 1px solid #FFFFFF;}
.nav:hover,.on		{background: url(../img/layout/hg-nav-on.gif) no-repeat;text-decoration: underline;}

/* ----------Typografie // Schriften-------------- */
body			{font-family: Arial, Helvetica, SunSans-Regular, Sans-Serif;}
.nav,.on		{text-decoration: none;}


/* ---------- Schrift Groessen -------------- */
.nav, #footer a		{font-size: 11px;}
.inhalt,td			{font-size: 12px;}
h1					{font-size: 16px;}
.untergruppen h1	{margin:0;}

/* ---------- Schrift Farben -------------- */
.nav,.braun			{color:#895635;}
.nav:hover,.on		{color:#008333;}
h1					{color:#895635;}
#footer a 			{color:#ccc;}
#footer a:hover 	{color:#fff;}

a					{color:#895635;font-weight:bold;}
a:hover				{color:#008333;}
a.verg				{font-weight:normal;}


table 	{border:none;padding: 0px;margin: 0px;}
td		{vertical-align:top;}


/* ---------- Produkte -------------- */
td.untergruppen		{padding-left:25px;}

/*Abstandshalter fuer submenu */
*html .trans		{height:14px;} /* nur IE */
html>body .trans	{height:18px;} /* nur MOZ */

*html .trans2		{height:19px;}
html>body .trans2	{height:21px;}
ul					{position:relative;left:-25px;line-height:20px;}

/* ---------- Bilder -------------- */
.bild 		{/*border: 1px soild #895635;*/}
td.braun 	{padding-left:15px; padding-top:10px;}