@charset "utf-8";
/* CSS Document */

body { 
  background-color:#578c26;
  background-image:url(../img/bg01.jpg);
  background-repeat:repeat-x;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:0.7em;
  z-index:0;
  }

/* - - - content bereich - - - */
#box {
  width:100%;
  height:300px;
  position:relative;
}
#box_200 {
  width:100%;
  height:200px;
  position:relative;
}
#box p, #box_200 p {
  font-size:1em;
  }
#box a:link, #box a:hover, #box a:visited, #box a:active {
  text-decoration:underline;
  color:#333333;
  }
.bold {
  font-weight:bold;
  }  

h2 {
  padding-left:250px;
}
h2 a{
  color: #333333;
  background: transparent;
  font-weight: bold;
  text-decoration:none;
}
  
ul {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  line-height:1.6em;
  list-style:none;
  margin-left: 0.5em;
  margin-top:0.3em; 
  padding-left: 0.5em;
  }
li {
  background:url(../img/listpic.gif) no-repeat left top;
  padding-left:20px;
  margin-left:140px;
  }

/* - - - content bereich Spalten - - - */  
#spalte1 {
  width:170px;
  padding-left:140px;
  padding-top:10px;
  float:left;
}
#spalte2 {
  width:170px;
  padding-left:10px;
  padding-top:10px;
  float:left;
}
#spalte3 {
  width:260px;
  padding-left:10px;
  padding-top:208px;
  float:left;
}
#spalte1 p, #spalte2 p, #spalte3 p {
  padding:0px;
  font-size:1em;
  line-height:1.3em;
  }

/* - - - content bereich Philosophie - - - */
#philo1 {
  width:300px;
  margin-right:10px;
  padding-left:140px;
  padding-top:10px;
  float:left;
}
#philo2 {
  width:300px;
  padding-left:5px;
  padding-top:10px;
  float:left;
}
#philo3 {
  width:750px;
  padding-left:140px;
  float:left;
}
#philo1 p, #philo2 p, #philo3 p {
  padding:0px;
  margin:0px;
  font-size:1em;
  line-height:1.3em;
  }
#philo1 li, #philo2 li, #philo3 li {
  padding:0 0 0 25px;
  margin:0px;
  font-size:1em;
  line-height:1.6em;
  }

/* - - - content bereich Produkte - - - */
#box_prod1 {
  width:100%;
  height:120px;
  display:block;
  }
#box_prod2 {
  width:100%;
  height:230px;
  display:block;
  }
#box_prod3 {
  width:100%;
  height:100px;
  display:block;
  }
#box_prod1 p, #box_prod2 p, #box_prod3 p {
  font-size:1em;
  }
#prod1 {
  width:130px;
  padding-left:145px;
  float:left;
  }
#prod2 {
  width:130px;
  padding-left:5px;
  float:left;
}
#prod3 {
  width:100px;
  padding-left:5px;
  float:left;
}
#prod1 p, #prod2 p, #prod3 p {
  padding:0px;
  margin:0px;
  text-align:center;
  font-size:0,9em;
  line-height:1.2em;
  }
#prod1 a:link, #prod1 a:hover, #prod1 a:visited, #prod1 a:active, #prod2 a:link, #prod2 a:hover, #prod2 a:visited, #prod2 a:active, #prod3 a:link, #prod3 a:hover, #prod3 a:visited, #prod3 a:active {
  text-decoration:none;
  color:#333333;
  }

/* - - - content bereich Rezepte - - - */
#rezeptbox1 {
	width:200px;
	padding-left:140px;
	padding-top:10px;
	float:left;
  }
#rezeptbox2 {
  width:200px;
  padding-top:10px;	
  float:left;
  margin-left:10px;
  }
#rezeptbox1 p, #rezeptbox2 p {
  padding:0px;
  line-height:1.3em;
}
#box_rezept {
  width:100%;
  height:255px;
  position:relative;
  }
#box_rezept2 {
  width:100%;
  margin-top:10px;
  padding-bottom:10px;
  position:relative;
  }
#box_rezept p, #box_rezept2 p{
  font-size:1em;
  }
#rezeptbox1 a:link, #rezeptbox1 a:visited, #rezeptbox1 a:active, #rezeptbox2 a:link, #rezeptbox2 a:visited, #rezeptbox2 a:active {
  text-decoration:none;
  color:#333333;
  }
#rezeptbox1 a:hover, #rezeptbox2 a:hover {
  text-decoration: underline;
  color:#333333;
  }

/* - - - content bereich Ernaehrung - - - */
#box_ern1 {
  width:100%;
  height:370px;
  position:relative;
}
#box_ern1 p {
  font-size:1em;
  }
#box_ern1 p2 {
  font-size:0.8em;
  margin-left:140px;
  }
#box_ern1 a:link, #box_ern1 a:hover, #box_ern1 a:visited, #box_ern1 a:active {
  text-decoration:none;
  color:#333333;
  }
#ern1 {
  width:310px;
  margin-right:5px;
  padding-left:145px;
  padding-top:5px;
  float:left;
}
#ern2 {
  width:330px;
  padding-left:5px;
  padding-top:5px;
  float:left;
}
#ern3 {
  width:640px;
  margin-right:5px;
  padding-left:145px;
  padding-top:5px;
  float:left;
}
#ern1 p, #ern2 p, #ern3 p {
  padding:0px;
  margin:0px;
  font-size:0,9em;
  line-height:1.2em;
  }

/* - - - content bereich Kontakt - - - */
#box_kontakt {
  width:100%;
  height:350px;
  position:relative;
}
#box_kontakt2 {
  width:100%;
  height:200px;
  position:relative;
}
#box_kontakt p, #box_kontakt2 p {
  font-size:1em;
  }
#box_kontakt a:link, #box_kontakt a:hover, #box_kontakt a:visited, #box_kontakt a:active, #box_kontakt2 a:link, #box_kontakt2 a:hover, #box_kontakt2 a:visited, #box_kontakt2 a:active {
  text-decoration:none;
  color:#333333;
  }


/* - - - navigation - - - */

.topnavi {
  background:transparent; 
  width:850px;
  margin-top:60px;
  margin-left:auto;
  margin-right:auto;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  letter-spacing:0.1em;
  color:#000;
  padding-left:175px;
  }
.topnavi a:link, .topnavi a:hover, .topnavi a:visited,.topnavi a:active { 
  text-decoration:none;
  color:#FFFFFF;
  }
.botnavi {
  background:transparent; 
  width:850px;
  margin-top:5px;
  margin-left:auto;
  margin-right:auto;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.9em;
  letter-spacing:0.1em;
  color:#000;
  padding-left:175px;
  }
.botnavi a:link, .botnavi a:hover, .botnavi a:visited, .botnavi a:active {
  text-decoration:none;
  color:#FFFFFF;
  }

.subnavi {
	height:20px;
	margin-bottom:20px;
	margin-left:0px;
	padding-top:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	letter-spacing:0.1em;
	color:#333333;
	z-index:2;
  }
.subnavi a:link, .subnavi a:hover, .subnavi a:visited, .subnavi a:active {
	text-decoration:none;
	color:#333333;
  }
.subnaviphil {
	height:20px;
	margin-bottom:20px;
	margin-left:0px;
	padding-left:215px;
	padding-top:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	letter-spacing:0.1em;
	color:#333333;
	z-index:2;
  }
.subnaviphil a:link, .subnaviphil a:hover, .subnaviphil a:visited, .subnaviphil a:active {
	text-decoration:none;
	color:#333333;
  }
.subnaviprod {
	height:20px;
	margin-bottom:20px;
	margin-left:0px;
	padding-left:350px;
	padding-top:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	letter-spacing:0.1em;
	color:#333333;
	z-index:2;
  }
.subnaviprod a:link, .subnaviprod a:hover, .subnaviprod a:visited, .subnaviprod a:active {
	text-decoration:none;
	color:#333333;
  }
.subnavi_ern {
	height:20px;
	margin-bottom:20px;
	margin-left:0px;
	padding-left:140px;
	padding-top:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	letter-spacing:0.1em;
	color:#333333;
	z-index:2;
  }
.subnavi_ern a:link, .subnavi_ern a:hover, .subnavi_ern a:visited, .subnavi_ern a:active {
	text-decoration:none;
	color:#333333;
  }
  

/* - - - bildbalken - - - */
.illu {
  width:958px;
  border:none;
  margin-top:-25px;
  background-color:#FFFFFF;
  }
.illurezept {
  width:958px;
  height:149px;
  margin-top:30px;
  background-color:#FFFFFF;
  border:none;
  }
.triple1 {
  position:relative;
  border:none;
  width:507px;
  height:91px;
  top:35px;
  left:370px;
  }
.produkte {
  width:958px;
  height:289px;
  border:none;
  }
    

/* - - - logos startseite - - - */
.logos {
  width:958px;
  height:60px;
  padding-top:10px;
  margin-top:5px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:0.9em;
  text-align:right;
  vertical-align:bottom;
  }
.logosleer {
  width:958px;
  height:15px;
  padding-top:10px;
  margin-top:5px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:0.9em;
  text-align:right;
  vertical-align:bottom;
  }

/* - - - Box mit abgerundeten Ecken - - - */

.raised {
  background:transparent;
  width:960px;
  margin-top:5px;
  margin-left:auto;
  margin-right:auto;
  }
.raised h1, .raised p {
  margin:0 10px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  padding-left:135px;
  }
.raised h1 {
  font-size:2em; 
  color:#000;
  padding-top:0.3em;
  }
.raised p {
  padding-bottom:0.5em;
  font-size:0.7em;
  line-height:1.4em;
  }
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {
  display:block; 
  overflow:hidden;
  font-size:1px;
  }
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {
  height:1px;
  }
.raised .b2 {
  background:#fff; 
  border-left:1px solid #fff; 
  border-right:1px solid #eee;
  }
.raised .b3 {
  background:#fff; 
  border-left:1px solid #fff; 
  border-right:1px solid #ddd;
  }
.raised .b4 {
  background:#fff; 
  border-left:1px solid #fff; 
  border-right:1px solid #aaa;
  }
.raised .b4b {
  background:#fff; 
  border-left:1px solid #eee; 
  border-right:1px solid #999;
  }
.raised .b3b {
  background:#fff; 
  border-left:1px solid #ddd; 
  border-right:1px solid #999;
  }
.raised .b2b {
  background:#fff; 
  border-left:1px solid #aaa; 
  border-right:1px solid #999;
  }
.raised .b1 {
  margin:0 5px; 
  background:#fff;
  }
.raised .b2, .raised .b2b {
  margin:0 3px; 
  border-width:0 2px;
  }
.raised .b3, .raised .b3b {
  margin:0 2px;
  }
.raised .b4, .raised .b4b {
  height:2px; margin:0 1px;
  }
.raised .b1b {
  margin:0 5px; background:#999;
  }
.raised .boxcontent {
  display:block;  
  background:#fff;
  background-image:url(../img/AGRI_logo.gif);
  background-position:right top;
  background-repeat:no-repeat;
  border-left:1px solid #fff; 
  border-right:1px solid #999;
  }