/**
Layout www.erdbeerhof-wiegand.de
*/

/* DEFINIERTE STARTWERTE FÜR ALLE HTML-ELEMENTE */
* { 
 margin: 0; 
 padding: 0;
 font-family: "Georgia", Times New Roman, Times, serif;

 }

/* BLAUER HIMMEL */

body { 
 background-color: #fff;
 background: url(img/bg_himmel.jpg) no-repeat;
 background-position: center top;
}


/*****************************************************************************************
* NACHFOLGENDE DIV TAGS LEGEN DAS AUSSEHEN DER WEBSEITE FEST
* BANNER, HAUPTNAVIGATION LINKS, SUBNAVIGATION UNTEN, INHALT MITTE, FUSSZEILE
******************************************************************************************/
h1 {
  font-size: 22px;
  line-height: 26px;
  color: #2b813e;  
  font-weight:normal;
  margin-bottom: 10px;
}

h2 {
  font-size: 16px;
  line-height: 20px;
  color: #2b813e;  
  font-weight:bold;
  margin-bottom: 6px;
}

p {
  font-size: 14px;
  line-height: 20px;
  color: #0e4119;  
}

a:link, a:visited {
  font-size: 14px;
  line-height: 20px;
  color: #2b813e;
   text-decoration: none;
}

a:hover {
  color: #e0081d;
  text-decoration: underline;
}

#container {
 width: 764px;
 margin: 40px auto;
 color: #333;
 line-height: 130%;
 background: url(img/bg_header.png) no-repeat;
}

#banner {
 /*padding: .5em;*/
 height: 128px;
}

#header_left {
 padding: 40px 0 0 28px;
 float: left;
}

#header_right {
 padding: 70px 22px 0 0;
 float: right;
}


#main {
 min-height: 600px;
 background: url(img/bg_main.png) no-repeat;
 background-position: bottom; 
}

#left {
 float: left;
 width: 193px;
 clear:both;
}

#navigation {
 float: left;
 width: 193px;
 padding: 22px;
}

#kontakt {
 padding-top: 25px;
 padding-left: 19px;
}

#RezeptTipp {
  width: 199px;
/*min-height: 220px;*/
  margin-top: 0;
  margin-left: 10px;
  padding-bottom: 12px;
  background: url(img/bg_rezepttipp.png) no-repeat;
  background-position: bottom;
  float: right;
}

#RezeptTipp a:link,#RezeptTipp a:visited {
  font-size: 16px;
  line-height: auto;
  margin: 20px 13px; 
  color: #2b813e;
  text-decoration: none;
}

#RezeptTipp a:hover {
  color: #e0081d;
}

#RezeptThumb img {
position: relative;
top: 7px;
left: 19px;
border: 2px solid #d8dfd2;
background-color: #fff;
}

#TippHead {
width: 110px;
height: 26px;
margin-top: -5px;
  margin-left: 10px;;
background: url(img/rezept-tipp.png) no-repeat;
border: none;
}

#inhalt {
 margin-left: 222px;
 padding-top: 20px;
 padding-left: 19px;
 padding-bottom: 15px;
 max-width: 500px;
}

#inhalt img {
margin-left: -10px;
margin-bottom: 17px;
padding: 5px;
border: 1px solid #d8dfd2;
background-color: #fff;
}

#signatur img {
 width: 192px;
 height: 34px; 
 border: none;
 background-color: transparent; 
}

#fusszeile {
 height: 90px;
 background: url(img/bg_footer.png) no-repeat;
 background-position: bottom; 
 /*clear: both;*/
 display: block;
 color: #333;
}

/*****************************************************************************************
* NACHFOLGENDE CSS ANWEISUNGEN DIENEN DER FORMATIERUNG DES HAUPTMENÜS
* KEINE LISTENSYMBOLE, ABSTÄNDE ZU DEN RÄNDERN
******************************************************************************************/
#navigation p { 
margin: 0 0 1em 0; 
}

#navigation ul li {
 background: url(img/bg_navi.png) repeat-x;
/*border-bottom: 1px dashed #2b813e;*/
display: block;
}

#navigation ul li a {
font-size: 16px;
line-height: 25px;
color: #2b813e;
text-decoration: none;
padding: 0 0 0 10px;
display: block;
}

#navigation ul ul li a {
font-size: 14px;
line-height: 25px;
color: #2b813e;
text-decoration: none;
padding: 0 0 0 25px;
display: block;
}

#navigation ul li a.menu_current,#navigation ul li a:hover,#navigation ul li a:active,#navigation ul li li a:active {
color: #e0081d;
text-decoration: none;
}

#navigation ul li a:hover {
 background: url(img/bg_navi_h.png) repeat-x;
}

#inhalt h2 { margin: 0 0 .5em 0; }

/*****************************************************************************************
* NACHFOLGENDE CSS ANWEISUNGEN DIENEN DER FORMATIERUNG DES UNTEREN MENÜS
* AUSRICHTUNG RECHTS, KEINE LISTENSYMBOLE, AKTIVE ELEMENTE IN WEISSER SCHRIFT
******************************************************************************************/

#copyright {
font-size: 12px;
color: #2b813e;
padding: 0 0 0 25px;
float: left;
}

#subnavigation {
float: right;
}

#subnavigation ul li {
font-size: 12px;
padding: 0 25px 0 0;
 float: left;
 display: block;
}

#subnavigation ul li a {
font-size: 12px;
color: #2b813e;
text-decoration: none;
}

#subnavigation ul li a.aktiv,#subnavigation ul li a:hover,#subnavigation ul li a:active {
color: #e0081d;
text-decoration: none;
}
