/* 
  Standard-CSS für www.gaertnerei-thormann.de 
  
  Wichtige Farben :
    Dunkelgrau = #007A00 
    Hellgrün = #009400 
*/


html, body, div, p, h1, h2, h3, ul, ol, span, a, table, td, form, img, li { 
  margin: 0; 
  padding: 0; 
  font-family: Arial, Geneva, Arial, Verdana, sans-serif;
}

html, body { 
  font-size: 101%; 
}

body {
  background: url('../img/body_bg.gif') no-repeat top center;
}

a:link, a:visited, a:active { 
  color: #003300; 
  text-decoration: underline; 
} 

a:hover { 
  color: #003300; 
  text-decoration: underline; 
} 

strong { 
  font-weight: bold; 
} 

.clear { 
  clear: both; 
} 

.center { 
  text-align: center; 
} 

img { 
  border: 0; 
} 

.right { 
  text-align: right; 
} 

.top { 
  vertical-align: top; 
}

h1 { 
  font-size: 1.0em; 
  color: #003300; 
  margin: 15px 15px 15px 15px; 
} 

h2 { 
  font-size: 0.9em; 
  color: #003300; 
  margin: 15px 15px 0px 15px; 
} 

p, table { 
  font-size: 0.9em; 
  line-height: 1.5em; 
  color: #666; 
  margin: 10px 15px 10px 15px; 
}

#text table td {
  padding: 3px;
}



#page {
  position: relative;
  width: 100%;
  background: url('../img/page_bg.gif') repeat-x;
}

#top {
  margin: 0 auto;
  width: 915px;
  height: 105px;
  
  
}

#logo {
  width: 175px;
  height: 105px;
  float: left;
}

#topmenu {
  float: left;
  width: 740px;
  height: 29px;
  padding: 38px 0;
  text-align: right;
}

#topmenu li {
  display: inline;
  background: url('../img/topmenu_list.gif') no-repeat left bottom;
  padding: 0 20px 0 3px;
}

#topmenu ul li a {
  color: #fff;
  font-size: 0.70em;
  padding: 0 10px;
  text-decoration: none;
}

#topmenu ul li a:hover {
  text-decoration: underline;
}

#mainmenu {
  padding: 15px 0; 
  margin: 0 auto;
  width: 915px;
  text-align: right;
}

#mainmenu ul li {
  display: inline;
  padding: 0 5px 0 10px;
  background: url('../img/mainmenu_list.gif') no-repeat left bottom;
  padding: 0 20px 0 12px;
}

#mainmenu ul li a {
  font-size: 0.80em;
  color: #003300;
  text-decoration: none;
} 

#mainmenu ul li a:hover {
  text-decoration: underline;
}



#content {
  position: relative;
  margin: 0 auto;
  width: 915px;
  height: 498px;
  border: 1px solid #809980;
  background: #fff url('../img/content_bg.jpg') repeat-x bottom left;
}

#topbilder {
  position: absolute;
  top: 0;
  left: 0;
  margin: 4px;
  width: 350px;
  height: 490px;
}

#text {
  position: absolute;
  top: 0;
  left: 350px;
  margin: 4px;
  width: 526px;
  height: 470px;
  overflow-y: scroll;
  padding: 10px 15px;
  line-height: 1.4em;
  font-size: 0.85em;
  
}

.text_left {
  float: left;
  width: 250px;
}

.text_right {
  float: left;
  width: 250px;
}



#text ul {
  color: #666;
  font-size: 0.9em;
  padding: 7px 0 10px 50px;
}

#text ul li {
  list-style-image: url('../img/text_list.gif');
  line-height: 1.7em;
}



#left_top {
  position: absolute;
  bottom: -150px;
  left: -100px;
  width: 300px;
  height: 190px;
  background: url('../img/kartoffeln.png') no-repeat;
  z-index: 5;
}

#right_top {
  position: absolute;
  bottom: -110px;
  right: -90px;
  width: 240px;
  height: 200px;
  background: url('../img/radieschen.png') no-repeat;
}


#bottom {
  margin-top: 150px;
  width: 100%;
  padding: 3px 0;
  background: #003300;
  color: #fff;
  font-size: 0.70em;
}

#bottom_center {
  width: 915px;
  margin: 0 auto;
  text-align: right;
}

#bottom a {
  font-weight: bold;
  color: #fff;
  text-decoration: none;
}

#bottom a:hover {
  text-decoration: underline;
}