* {
	margin: 0;
	padding: 0;
}
body {
	background: #F7FAF3 url(body.jpg) repeat-y;
	color: #000000;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 100.01%;
	width: 100%;
/* commented backslash hack v2 \*/
	overflow: hidden;
/* end hack */
	z-index: 1;
}
#nobody {
	background: #F0F4E3;
	color: #000000;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 100.01%;
	width: 100%;
	text-align: left;
	vertical-align: middle;
/* commented backslash hack v2 \*/
	overflow: auto;
/* end hack */
	z-index: 1;
}
* html, * html body {
	bottom: 0;
	height: 100%;
	width: 100%;
	scrollbar-arrow-color: #407E3D;
	scrollbar-base-color: #F7FAF3;
	scrollbar-face-color: #F7FAF3;
	scrollbar-highlight-color: #F0F4E3;
	scrollbar-shadow-color: #A2BAA0;
	scrollbar-track-color: #F0F4E3;
/* commented backslash hack v2 \*/
	overflow: hidden;
/* end hack */
}
* html #head, * html #foot {
	overflow: hidden;
	position: static;
	top: 0;
	height: 90%;
}
/*-------------------------------------  HEADER  ----------------*/
#header {
	background: transparent url(header_hg.jpg) repeat-x;
	height: 150px;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	min-width: 100%;
	max-height: 150px;
	min-height: 150px;
	z-index: 100;
}
#head {
	background: transparent url(header.jpg) no-repeat right top;
	min-height: 100%;
	height: 150px;
	left: 0;
	bottom: 0px;
	right: 0px;
	top: 0px;
	/*  overflow: hidden;
*/
	width: 100%;
	/*padding: 85px 0 0 0;
*/
	z-index: 200;
}
* html #header {
	position: absolute;
	left: 0;
	top: 0px;
	width: 100%;
	height: 150px;
	z-index: 100;
}
#head a {
	font-size: 80%;
	line-height: 120%;
	text-align: left;
	border-right: 1px solid #A3B689;
	border-bottom: 1px solid #A3B689;
	border-left: 1px solid #EAEAEA;
	border-top: 1px solid #EAEAEA;
	background-color: #F0F4E2;
	padding: 1px 3px 1px 3px;
	margin: 0 5px 0 5px;
}
#welcome {
  position: absolute;
  top: 95px;
  left:0px;
  right: 0;
  color: #006600;
  font-size: 70%;
  width: 70%;
  z-index: 120;
  text-align: right;
  }
/*-------------------------------------  FOOTER  ----------------*/
#footer {
	background: transparent url(footer_hg.jpg) repeat-x top left;
	position: fixed;
	left: 180px;
	overflow: hidden;
	right: 0;
	height: 30px;
	bottom: 0px;
	z-index: 150;
}
#foot {
	background: transparent url(footer.jpg) no-repeat;
	height: 50px;
	left: 0;
	top: 0;
}
#footer p, #footer a {
	background: transparent;
	color: silver;
	padding: 8px 1px 1px 1px;
	text-align: center;
}
#footer p {
	font-size: 70%;
}
#footer img {
	margin: 0;
	padding: 0;
}
* html #footer {
	height: 30px;
	position: absolute;
	left: 180px;
	bottom: 0px;
	top: expression(document.body.clientHeight - 30 + "px");
	width: expression(document.body.clientWidth - 180 + "px");
	overflow: hidden;
	z-index: 150;
}
/*-------------------------------------  CONTENT  ----------------*/
#content, #contenthome {
	position: absolute;
	top: 160px;
	left: 210px;
	bottom: 30px;
	right: 0px;
	background: transparent;
	color: #000000;
/* commented backslash hack v2 \*/
	overflow: auto;
/* end hack */
	z-index: 1;
}

* html #content, * html #contenthome {
	height: expression(document.body.clientHeight - 190 + "px");
  width: expression(document.body.clientWidth - 213 + "px");
  
}
#contenthome, * html #contenthome {
	background: transparent url(baum.jpg) center no-repeat;
}
#extrablock, #extra_wk {
	position: absolute;
	top: 160px;
	right: 20px;
	width: 170px;
	text-align: right;
	float: right;
	z-index: 100;
}
#extrablock img  {
margin: 3px;
padding:0;
}
#advertpos {
position:absolute;
left: 210px;
top:95px;
width: 50%;
height: 50%;
background: transparent;
z-index: 500;
}

/*-------------------------------------  SPIEGEL ----------------*/
#seitentitel {
	position: fixed;
	background: transparent;
	color: Black;
	top: 95px;
	left: 250px;
	width: 500px;
	padding: 0px 5px 0px 0px;
	z-index: 200;
}
*html #seitentitel {
	position: absolute;
}
#spiegel {
	padding: 5px 220px 50px 0px;
}
#spiegel1 {
	padding: 5px 200px 50px 0px;
}
#spiegel_n {
	padding: 0px 200px 50px 0px;
}
* html #spiegel {
	padding: 5px 20px 50px 20px;
	width: expression(document.body.clientWidth - 400 + "px");
}
* html #spiegel1 {
	width: expression(document.body.clientWidth - 170 + "px");
}
/* html #spiegel_n {
	width: expression(document.body.clientWidth - 190 + "px");
}   */
#spiegel_n img {
margin:0; padding:0;
}
/*-------------------------------------  TEXTFORMATIERUNGEN ----------------*/
a {
	background: transparent;
	color: #68421B;
	text-decoration: none;
}
a:visited {
	background: transparent;
	color: #2F4F4F;
}
a:hover {
	background: transparent;
	color: #AA0000;
}
a.aktiv {
	background: transparent;
	color: #AA0000;
	cursor: default;
	font-weight: normal;
}
h1 {
	background: transparent;
	color: #006400;
	font-size: 150%;
	line-height: 160%;
	font-weight: normal;
	padding: 5px 0 5px 0px;
	text-align: left;
}
h2 {
	background: transparent;
	color: #556B2F;
	font-size: 110%;
	line-height: 145%;
	font-weight: normal;
	padding: 5px 0 5px 20px;
	text-align: left;
}
h3 {
	background: transparent;
	color: #006600;
	font-size: 95%;
	line-height: 120%;
	font-weight: bold;
	padding: 5px 0 3px 10px;
	text-align: left;
	letter-spacing: 0.5pt;
}
h4 {
	background: transparent;
	color: #666666;
	font-size: 90%;
	line-height: 110%;
	font-weight: bold;
	padding: 5px 0 2px 10px;
}
h5 {
	background: transparent;
	color: #1E3E00;
	font-size: 80%;
	line-height: 100%;
	font-weight: bold;
	margin-top: 5px;
	padding: 3px 0 3px 10px;
}
img {
	border: 0 none;
	margin: 10px;
	font-size: 60%;
}
img a {
	border: 0 none;
	padding: 0 0 0 0;
}
ul {
	color: #2E2E2E;
	font-size: 100%;
	line-height: 120%;
	background: transparent;
}
li {
	font-size: 75%;
	line-height: 120%;
	list-style: disc outside;
	padding: 0 0 0 8px;
	marker-offset: 8px;
}
p {
	font-size: 75%;
	line-height: 120%;
	text-align: justify;
	margin: 1px 10px 2px 0;
}

#extrablock p {
	padding: 5px;
	font-size: 70%;
	font-style: italic;
	line-height: 110%;
	text-align: justify;
	margin: 0px 5px 0px 0;
	color: #006400;

}
.invis, hr {
	display: none;
}
blockquote {
	padding: 0 0 0 30px;
}
.medium {
	color: #006400;
	font-size: 85%;
	line-height: 120%;
	margin-top: 2px;
	text-align: left;
	margin-bottom: 2px;
	background: transparent;
}
.medium1 {
	color: #006400;
	font-size: 70%;
	line-height: 120%;
	margin-top: 2px;
	text-align: left;
	font-weight: bold;
	margin-bottom: 2px;
	background: transparent;
}
td.medium {
font-size:105%;
text-align: center;
}
.homesite1, .homesite {
	color: #8B4513;
	font-size: 120%;
	font-weight: bold;
	line-height: 130%;
	text-align: left;
	margin-top: 2px;
	margin-bottom: 2px;
	background: transparent;
	margin: 20px 20px 20px 20px;
	text-align: center;
}
.homesite1 {
	font-size: 100%;
	font-weight: normal;
}
.pcenter {
	background: transparent;
	color: #3A3A3A;
	font-size: 85%;
	padding: 3px 0 0 0px;
	text-align: center;
}
.peinr {
	background: transparent;
	color: #006400;
	font-size: 85%;
	padding: 1px 0 0 20px;
	text-align: left;
}
.pleft {
	background: transparent;
	color: #272727;
	font-size: 80%;
	line-height: 120%;
	padding: 1px 15px 0 15px;
	text-align: justify;
}
.ppleft {
	background: transparent;
	color: #006600;
	font-size: 85%;
	line-height: 120%;
	padding: 1px 15px 0 15px;
	text-align: left;
}
.pright {
	background: transparent;
	color: #383838;
	font-size: 80%;
	padding: 3px 20px 0 20px;
	text-align: right;
}
.smaller {
	background: transparent;
	color: #2F4F4F;
	font-size: 80%;
	text-align: center;
}
.small {
	background: transparent;
	color: #2F4F4F;
	font-size: 70%;
}
.clearall {
	clear: both;
}
#spiegel_n {font-size: 90%;}
/*___________________________  MENUES ________________________________________*/
#menue {
	position: absolute;
	top: 0px;
	left: 0;
	bottom: 0;
	background: transparent url(menue.jpg) no-repeat;
	color: #383838;
	width: 145px;
	min-height: 700px;
	max-height: 100%;
	padding: 90px 10px 0 43px;
	height: 100%;
	z-index: 200;
}

#menue1 {
	position: absolute;
	top: 370px;
	left: 0;
	bottom: 0;
	background: transparent;
	color: #383838;
	width: 145px;
	min-height: 700px;
	max-height: 100%;
	padding: 0px 10px 0 43px;
	height: 100%;
	z-index: 200;
}
* html #menue {
	height: expression(document.body.clientHeight - 0 + "px");
	padding: 91px 10px 0 42px;
  width: 200px;
}

#menue a,#menue1 a {
	display: block;
	width: 130px;
	text-align: left;
}
#menue li,#menue1 li {
	list-style: none;
	margin: 6px 2px 2px 4px;
	border-bottom: 1px dotted #CDCDCD;
	width: 132px;
}
#topmenue {
	position: absolute;
	top: 140px;
	left: 200px;
	background: transparent;
	height: 20px;
	right: 2%;
	border-bottom: 1px dotted #DCDCDC;
	z-index: 200;
}
* html #topmenue {
	width: 80%;
}
#nachtmenue {
	position: relative;
	left: 0px;
	background: transparent url(../nachtmilch/footer.jpg) no-repeat;
	height: 20px;
	right: 0;
	z-index: 200;
}
* html #nachtmenue {
	width: 99%;
}
/*___________________________  MENUES ________________________________________*/
.nav li {
	list-style: none;
	text-align: left;
	margin: 2px 0px 0px 2px;
	color: #A2BAA0;
	font-size: 75%;
	width: 112px;
}
.topnav li {
	list-style: none;
	text-align: left;
	padding: 2px 5px 1px 10px;
	color: #678963;
	margin-left: 3px;
	margin-top: 2px;
	float: left;
	font-size: 70%;
}

.topnav li a {
	color: #678963;
}

#topmenue.topnav1 li#topnav1, #topmenue.topnav2 li#topnav2, #topmenue.topnav3 li#topnav3, #topmenue.topnav4 li#topnav4, #topmenue.topnav5 li#topnav5, #topmenue.topnav6 li#topnav6, #topmenue.topnav7 li#topnav7, #topmenue.topnav8 li#topnav8, #topmenue.topnav9 li#topnav9 {
	color: black;
	font-weight: normal;
	border-right: 1px solid #A3B689;
	border-bottom: 1px solid #A3B689;
	border-left: 1px solid #EAEAEA;
	border-top: 1px solid #EAEAEA;
	background: #EAEAEA url(zeile_hg.jpg) bottom repeat-x;
	padding: 2px 5px 1px 5px;
	height: 17px;
	float: left;
}
#menue.nav1 li#nav1, #menue.nav2 li#nav2, #menue.nav3 li#nav3, #menue.nav4 li#nav4, #menue.nav5 li#nav5, #menue.nav6 li#nav6, #menue.nav7 li#nav7, #menue.nav8 li#nav8, #menue.nav9 li#nav9, 
#menue1.nav10 li#nav10, #menue1.nav11 li#nav11, #menue1.nav12 li#nav12, #menue1.nav13 li#nav13, #menue1.nav14 li#nav14, #menue1.nav15 li#nav15, #menue1.nav16 li#nav16, #menue1.nav17 li#nav17 {
	color: black;
	border-right: 1px solid #A3B689;
	border-bottom: 1px solid #A3B689;
	border-left: 1px solid #EAEAEA;
	border-top: 1px solid #EAEAEA;
	background: #EAEAEA url(zeile_hg.jpg) bottom repeat-x;
	font-weight: normal;
	height: 17px;
	padding: 2px;
}
#menue1.nav16 li#nav16 {
	background: #EAEAEA url(zeile2_hg.jpg) bottom repeat-x;
	height: 28px;
	}
/* ---------------------------- PRODUKTE ----------------------------*/
table {
	width: 97%;
	margin: 1%;
	margin-bottom:0;
	height: auto;
	font-size: 85%;
	padding: 0px 0px 0 0px;
	border-right: 1px solid #A3B689;
	border-bottom: 1px solid #A3B689;
	border-left: 1px solid #EAEAEA;
	border-top: 1px solid #EAEAEA;
	background-color: #F7FAF3;
	color: #2F4F4F;
}
table .spli {
	width: 25%;
	font-size: 80%;
	font-weight: bold;
	text-align: right;
	background-color: transparent;
	color: #4A5F3C;
	vertical-align: top;
	padding: 3px 10px 0 3px;
}
table .spli img {margin:3px;padding:0;}
table .spre {
	width: 75%;
	font-size: 80%;
	font-weight: normal;
	text-align: left;
	background-color: transparent;
	vertical-align: top;
	padding: 2px 5px 0 5px;
}
table .spre p {font-size: 100%;}
table .spre a {color: #68421B;font-weight: bold;}

table li {
	font-size: 95%;
	line-height: 120%;
	list-style: disc outside;
	padding: 0 0 0 15px;
	marker-offset: 15px;
}
table .highlight {
	width: 100%;
	font-size: 90%;
	font-weight: normal;
	text-align: center;
	background-color: transparent;
	vertical-align: top;
	padding: 8px 0px 8px 0;
	color: #176018;
}
table img {
	padding: 20px 20px 0 0px;
	margin: 20px 20px 0 0px;
	border: none;
/*	float: right;*/
}
table p {
font-size:75%;
}

.spbild {
	width: auto;
	padding: 0;
	margin: 2px;
	vertical-align: top;
	text-align: center;
}
.spbild img {
	padding: 0;
	margin: 2px;
	text-align: right;
}
.sp1 {
	width: auto;
	font-size: 85%;
	padding: 0px 0px 0 3px;
}
.sp1 img {
	float: none;
	margin-top: 3px;
	padding: 0;
}
.sp0 {
	width: 8%;
	padding: 0px 0px 0 3px;
	font-size: 77%;
	text-align: center;
}
.sp5, .sp6 {
	width: 9%;
	text-align: right;
	font-size: 75%;
}
.sp2, .sp3, .sp4 {
	width: 12%;
	padding: 0px 5px 0 3px;
	font-size: 77%;
	text-align: right;
	vertical-align: bottom;
}
.sp4, .sp5 {
	text-align: right;
	padding-right: 3px;
	vertical-align: bottom;
}
.sp6 {
	text-align: center;
	font-size: 95%;
	vertical-align: bottom;
	width: 8%;
}
.sp6 img, .buttonzelle img, .button img {
	margin: 1px 0 0 0;
	padding: 0 0 0 0;
	float: none;
}
.sp3 {
	width: 17%;
	color: #176018;
	text-align: left;
	padding-left: 3px;
}
.sp1, .sp2, .sp3, .sp0, .sp5, .sp6 {
	border-right: 1px solid #EAEAEA;
	border-bottom: 1px solid #EAEAEA;
}
.sp1b {
	width: 40%;
	font-size: 80%;
	padding: 0px 0px 0 3px;
	border-right: 1px solid #EAEAEA;
	border-bottom: 1px solid #EAEAEA;
}
.zeile {
	border-right: 1px solid #A3B689;
	border-bottom: 1px solid #A3B689;
	border-left: 1px solid #EAEAEA;
	border-top: 1px solid #EAEAEA;
	background: #DEE6CF url(zeile2_hg.jpg) repeat-x;	
	color: #006600;
  height: 33px;
	font-weight: bold;
	vertical-align: bottom;
	padding: 0px 3px 0px 3px;
	font-size: 80%;
}
h3.zeile {padding:0;margin:0;line-height: 100%;padding-left: 15px;}
.zeile1 {
	border-right: 1px solid #A3B689;
	border-bottom: 1px solid #A3B689;
	border-left: 1px solid #EAEAEA;
	border-top: 1px solid #EAEAEA;
	background: #DEE6CF url(zeile1_hg.jpg) repeat-x;	
	color: #006600;
  height: 20px;
	font-weight: bold;
	vertical-align: bottom;
	padding: 1px 0px 3px 3px;
	font-size: 75%;
}
a.zeile1  {
	color: #2F4F4F;
  }
.zeile2 {
	border-left: 1px solid #A3B689;
	border-top: 1px solid #A3B689;
	border-right: 1px solid #EAEAEA;
	border-bottom: 1px solid #EAEAEA;
	color: #006400;
	height: 20px;
	vertical-align: bottom;
	padding: 1px 0px 3px 3px;
	font-size: 75%;
}

.warenk {
  width: 170px;
  margin-top:5px;
}
.warenk .sp5 {
  width: 70px;}
.kopf {
	height: auto;
	padding: 5px 5px 0 10px;
  vertical-align: top;
}
.kopf img {
  float: right;
}
h3.kopf  {
  font-size; 110%;
}
h4.kopf  {
  font-size; 70%;
}

.buttonzelle {
	font-size: 100%;
	line-height: 130%;
	padding: 0px 0px 0 3px;
	border: 1px solid;
	background-color: #F0F4E3;
	border-left: 1px solid #A3B689;
	border-top: 1px solid #A3B689;
	border-right: 1px solid #EAEAEA;
	border-bottom: 1px solid #EAEAEA;
	height: 22px;
	text-align: center;
}
.summe {
	font-size: 85%;
	padding: 2px;
	border-bottom: 3px double #EAEAEA;
	text-align: right;
}
.summe1 {
	font-size: 90%;
	padding: 0px 2px 0 3px;
	border-bottom: 1px solid #EAEAEA;
	text-align: right;
}
/*------------------------------BESTELLFORMULAR ____________________________*/
form {
	width: 100%;
	vertical-align: middle;
	text-align: left;
	z-index: 300;
}
#bestell {
	position: absolute;
	top: 150px;
	bottom: 50px;
	background: #F7FAF3;
	color: #000000;
	width: 760px;
	min-height: 100%;
	max-height: 100%;
	max-width: 760px;
	padding: 0px 0px 50px 20px;
	z-index: 1;
}
* html #bestell {
	position: absolute;
	top: 150px;
	width: 760px;
	height: expression(document.body.clientHeight - 200 + "px");
	padding: 0px 0px 10px 20px;
}
input {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 80%;
	line-height: 120%;
}
.inputdaten {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 100%;
	line-height: 110%;
	text-align: left;
	background-color: transparent;
	color: #003900;
}
.inputsumme {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 85%;
	line-height: 100%;
	text-align: right;
	background-color: #F0F4E3;
	padding-right: 3px;
	color: #003900;
}
.submit {
	font-size: 95%;
	line-height: 120%;
	text-align: center;
	border-right: 1px solid #A3B689;
	border-bottom: 1px solid #A3B689;
	border-left: 1px solid #EAEAEA;
	border-top: 1px solid #EAEAEA;
	background-color: #DEE6CF;
	color: #404040;
	width: 120px;
	margin: 5px 10px 5px 10px;
}
.button {
	text-align: center;
	border-right: 1px solid #A3B689;
	border-bottom: 1px solid #A3B689;
	border-left: 1px solid #EAEAEA;
	border-top: 1px solid #EAEAEA;
	background: #DEE6CF url(zeile1_hg.jpg) bottom repeat-x;
  color: #006600;
	vertical-align: bottom;
	padding: 2px;
  width: 142px;
}
* html .button {
	background: #DEE6CF url(zeile1_hg.jpg) bottom repeat-x;
  width: 150px;
  height: 20px;
}
p.button, a.button  {
	font-weight: bold;
	font-size: 70%;
	padding: 3px;
  }
.seitenanfang {
	font-size: 70%;
	line-height: 120%;
	text-align: right;
	margin-right: 10px;
}
.formdaten {
	width: auto;
	height: auto;
	font-size: 85%;
	padding: 0px 0px 0 0px;
	border-right: 1px solid #A3B689;
	border-bottom: 1px solid #A3B689;
	border-left: 1px solid #EAEAEA;
	border-top: 1px solid #EAEAEA;
	background-color: #F7FAF3;
	color: Black;
}
#prodtable li {
	font-size: 80%;
	line-height: 120%;
	list-style: outside url(pfeil.jpg);
	padding: 0 0 0 10px;
	margin: 0 0 0 18px;
}
.bildre {
	border: none;
	float: right;
	margin: 10px 10px 5px 20px;
}
.bildli {
	border: none;
	float: left;
	margin: 10px 20px 5px 10px;
}
.ohne {
	margin: 0;
	padding: 0;
	float: left;
}
.agb {
	background-color: transparent;
	color: #383838;
	font-size: 70%;
	padding: 1px 0px 5px 0px;
	text-align: left;
}
.unsichtbar {
	display: none;
}
.fusszeile {
	font-size: 70%;
	color: #3A3A3A;
	text-align: center;
}
.warengruppe {
	width: 31%;
	background: white;
	color: black;
	float: left;
	margin: 1%;
	font-size: 75%;
	border-right: 1px solid silver;
	border-left: 1px solid #DCDCDC;
	border-top: 1px solid #DCDCDC;
	border-bottom: 1px solid silver;
	text-align: center;
	padding: 3px;
	height: 180px;
}
.warengruppe a, .warengruppe p, .warengruppe .pright {
	clear: all;
	font-size: 100%;
	text-align: center;
}
.warengruppe .pright {
	text-align: right;
	line-height: 120%;
	color: #305778;
	}
td hr {
	display: visible;
}
.programmfunktion {
	background: transparent;
	color: #1E3E00;
	font-size: 70%;
	line-height: 100%;
	font-weight: bold;
	padding: 3px 0 3px 10px;
	text-align: right;
}

#spiegel_n .topnav a {
  font-size: 120%;
  color: navy;
}
 #spiegel_n h3 {
 color: navy;
 }
 .nachtimg {
 padding:0;
 margin:0;
 text-align:center;
 }
 
*html #spiegel_n td {
  font-size: 85%;
  }