/* 
Stylesheet zur Verwendung auf der Startseite. Steuert den grundsätzlichen
Aufbau der Startseite sowie die Teaserelemente auf der Startseite.
style-rechtespalte.css muss zusätzlich eingebunden werden.
*/

body {
	background: none;
}

td#cell_footer div.main_wrapper {
	height:50px;
	position:relative;
	background:url(../img/footer_start.jpg) no-repeat left bottom;
}


			/* -- Navigation im Footer -- */
			ul#footer_nav {
				position:absolute;
				left:8px;
				top:18px;
			}

div#content {
  width: 982px;
  margin-left: 8px;
margin-bottom: -40px;
}

  /* großer Teaser über die ganze Breite */
  
  div#content div#start_teaser {
    width: 982px;
    margin-bottom: 30px;
  }
  
  

  /* Hauptbereich */

  div#content div#start_left {
    float: left;
    margin-right: 8px;
    width: 772px;
  }
  
  
    /* Produkt-Teaser */
    
    div#content div#start_left div.teaser_left,
    div#content div#start_left div.teaser_right {
      width: 380px;
      height: 200px;
      margin-top: 20px;
      border: 1px solid #BD0F2E;
      float: left;
      position: relative;
    }
    
    div#content div#start_left div.teaser_right {
      margin-left: 8px;
    }
    
      div#content div#start_left div.teaser_left img.icon,
      div#content div#start_left div.teaser_right img.icon {
        margin: -20px 0 0 25px;
      }
      
      div#content div#start_left div.teaser_left div.info,
      div#content div#start_left div.teaser_right div.info {
        width: 190px;
        margin: 32px 10px 0px 10px;
        color: #000;
      }
      
        div#content div#start_left div.teaser_left h2,
        div#content div#start_left div.teaser_right h2 {
          font-size: 15px;
          font-weight: bold;
          padding: 0;
          margin: 0;
          padding-bottom: 4px;
        }
        
        div#content div#start_left div.teaser_left p,
        div#content div#start_left div.teaser_right p {
          padding: 0;
          margin: 0;
        }
        
        div#content div#start_left div.teaser_left p.red,
        div#content div#start_left div.teaser_right p.red {
          color: #BD0F2E;
          padding-top: 22px;
        }
      
      div#content div#start_left div.teaser_left img.produktbild,
      div#content div#start_left div.teaser_right img.produktbild {
        position: absolute;
        top: 7px;
        right: 7px;
      }
      
      div#content div#start_left div.teaser_left div.button,
      div#content div#start_left div.teaser_right  div.button {
        position: absolute;
        bottom: 4px;
        right: 7px;
      }
      
        div#content div#start_left div.teaser_left div.button a,
        div#content div#start_left div.teaser_right  div.button a {
          text-decoration: underline;
          color: #666;
        }
        
        div#content div#start_left div.teaser_left div.button a:hover,
        div#content div#start_left div.teaser_right  div.button a:hover {
          text-decoration: underline;
          color: #BD0F2E;
        }
	
	
	
	
	
	/* Mein Gartencenter - Marktsuche */
	
	div#content div#start_left div#marktsuche {
		width: 780px;
		height: 228px;
		margin-top: 8px;
		background: url(../img/start/bg_meingartencenter.gif) no-repeat top left;
		padding: 10px;
		color: #96CC00;
	}
		div#content div#start_left div#marktsuche a {
			color: #96CC00;
		}
		div#content div#start_left div#marktsuche input.input_option_plz {
			border-color: #FFF;
		}
		div#content div#start_left div#marktsuche input.input_option_plz_submit {
			display:block;
			margin: 30px 0 20px 65px;
		}
		div#content div#start_left div#marktsuche img {
			height: 220px;
		}
		
		
		div#content div#start_left div#marktsuche table td.form {
			vertical-align: bottom;
		}
		div#content div#start_left div#marktsuche table td.myMarket {
			width:200px;
			vertical-align: bottom;
			padding-bottom: 55px;
		}
		
		
		
		
		
    
    /* Redaktions-Teaser */
    
    div#content div#start_left div.redaktion_left,
    div#content div#start_left div.redaktion_right {
      width: 362px; /* 380px minus padding minus border*/
      padding: 9px;
      min-height: 200px;
      float: left;

    }
    
    div#content div#start_left div.redaktion_left {
     /* border: 1px solid #F39E01;*/
      color: #666;;
    }
    
    div#content div#start_left div.redaktion_right {
      /*border: 1px solid #00643E;*/
      margin-left: 8px;
      color: #666;
    }
    
        div#content div#start_left div.redaktion_left h2,
        div#content div#start_left div.redaktion_right h2 {
          padding: 0;
          margin: 0;
        }
    
        div#content div#start_left div.redaktion_left p,
        div#content div#start_left div.redaktion_right p {
          padding-bottom: 8px;
        }
        
        div#content div#start_left div.redaktion_left a,
        div#content div#start_left div.redaktion_right a {
          color: #666;
		  text-decoration: underline;
        }
        
        div#content div#start_left div.redaktion_left a:hover {
          color: #F39E01;
        }
        
        div#content div#start_left div.redaktion_right a:hover {
          color: #00643E;
        }
    
  
  /* Rechte Spalte */
  
  div#content div#col_right.right {
    float: left;
    width: 202px;
    margin-top: 20px;
  }
  

  div#loginform {
	  padding-top: 8px!important;
	}