/*******************************************************************************
 * Elements
 ******************************************************************************/

body{
  background-color: white;
  color: black;
  overflow: hidden;
  margin: 0;
  padding: 0;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
}

h1{
  font-size: 21px;
  font-weight: bold;
  text-align: center;
}

p{
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
}
/*******************************************************************************
 * Intro
 ******************************************************************************/

#intro
{
  text-align: center; 
  vertical-align: middle;
}
/*******************************************************************************
 * Panels
 ******************************************************************************/
  
#top
{
  border: 0; 
  position: absolute; 
  left: 7px; 
  top: 8px;
  right: 0;
  height: 89px; 
  z-index: 3; 
  background-color: rgb(0, 0, 204);
}

#left
{
  border: 0; 
  position: absolute; 
  left: 7px; 
  top: 100px; 
  width: 143px; 
  bottom: 0; 
  z-index: 1; 
  background-color: rgb(255, 255, 0);
}

/*******************************************************************************
 * Menue
 ******************************************************************************/

#menu
{
  position: absolute;
  top: 33px;
  width: 100%;
  z-index: 4;
}

#menu table
{
  width: 100%;
  border-collapse: collapse;
  padding: 0;
  border: 0;
  background-color: #FFCC00;
  width: 721px;
  height: 24px;
}

#menu td
{
  width: 103px;
  border-collapse: collapse;
  padding: 0;
  border: 0;
  text-align: center;
  vertical-align: middle;
  background-color: #FFCC00;
  background-image: url(../imgs/button.png);
}

#menu a
{
  color: white;
  font-weight: bold;
  text-decoration: none;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
}

#menu a:hover
{
  color: #FFFF00;
  font-weight: normal;
}

#standard
{
  position: relative;
  top: -30px;
}

#iexplorer
{
  visibility: hidden;
}

/*******************************************************************************
 * Content
 ******************************************************************************/
  
#scroll 
{
  position: absolute;
  top: 150px;
  left: 0;
  padding-left: 220px;
  right: 0;
  bottom: 0px;
  z-index: 1;
  overflow: auto;
}

#content 
{
  z-index: 2;
  overflow: hidden;
  text-align: justify;
  width: 100%;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  border: none;
}

#header
{
  z-index: 2; 
  left: 220; 
  right: 0;
  position: absolute; 
  font-family: Arial,Helvetica,sans-serif;
  top: 110px; 
  height: 46px;
  text-align: center;
}

/*******************************************************************************
 * ids fuer alle seiten bis auf produkte  
 ******************************************************************************/
#image
{
  z-index: 3; 
  left: 20px; 
  width: 220px; 
  position: absolute; 
  top: 117px; 
  height: 374px;
  background-image: url(../imgs/mykorriza1.jpg);
  text-align: center;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 18px;
  font-weight: bold;
}

#notice
{
  z-index: 3; 
  left: 20px; 
  width: 190px; 
  position: absolute; 
  top: 494px; 
  height: 94px;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 10px;
}

/*******************************************************************************
 * produkte ids
 ******************************************************************************/
#image1
{
  border: 0; 
  position: absolute; 
  left: 66px; 
  top: 144px; 
  width: 153px; 
  height: 226px; 
  z-index: 3; 
  background-color: rgb(255, 204, 0); 
  background-image: url(../imgs/blumesymbok-klein.jpg);
}

#image2
{
  border: 0; 
  position: absolute; 
  left: 20px; 
  top: 435px; 
  width: 211px; 
  height: 140px; 
  z-index: 3; 
  background-color: rgb(255, 204, 0); 
  background-image: url(../imgs/pt2-klein.jpg);
  text-align: center;
}

#image3
{
  border: 0; 
  position: absolute; 
  left: 20px; 
  top: 176px; 
  width: 219px; 
  height: 228px; 
  z-index: 3; 
  background-color: rgb(255, 204, 0); 
  background-image: url(../imgs/wald1-klein.jpg);
  text-align: center;
}

#image4
{
  border: 0; 
  position: absolute; 
  left: 53px; 
  top: 144px; 
  width: 153px; 
  height: 226px; 
  z-index: 3; 
  background-color: rgb(255, 204, 0); 
  background-image: url(../imgs/baum1-klein.jpg);
  text-align: center;
}

#symbiok
{
  border-collapse: collapse;
  padding: 0;
  border: 1px solid black;
  margin: 0;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  background-color: white;
  color: black;
}

/*******************************************************************************
 * Miscellaneous Classes
 ******************************************************************************/
.big
{
  font-size: 15px
}

.center
{
  text-align: center;
  font-size: 15px;
}

.copyright
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: bold;
}

.text 
{
  margin: 1em;
  padding: 1em;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  z-index: 0;
  text-align: justify;
}