/* ********************************************************* */
/*                      Ilonas Homepage                     */
/* ********************************************************* */

body {
  margin-top: 2px;
  padding: 0;
  font: normal 80% tahoma;
  font-size: 0.8em;
  line-height: 140%;
  text-align: center;
  color: black;
  background: #FFF url(../images/bg.gif) top left no-repeat;
}

h1 {
  font-size: 3em;
  margin: 0;
  padding: 0;
}

h2 {
  font-size: 1.7em;
  line-height: 120%;
  margin: 0;
  padding: 0;
}

h4 {
	color: red;
	font-size: 1.7em;
	margin-left: 30px;
	margin-top: 30px;
}

h5 {
	color: #C456AC;
	font-size: 1.7em;
	margin-top: 30px;
	padding: 0;
}

ul {
  list-style: none;
}

span.rot {
	color: red;
}

.back_buttons {
  color: black;
  text-decoration: underline;
  font-weight: bold;
  font-size: 1.2em;
  font: courier new;
}

a {
  text-decoration: none;
  color: black;
}

a:hover {
  color: black;
  text-decoration: underline;

}

a:visited {
  color: black;
}

#webBody {
  width: 900px;
  margin: 0px auto;
  padding: 0;
  text-align: left;
  border-left: 1px solid #cfcece;
  border-right: 1px solid #cfcece;
  /*background: url(../images/bgschatten.gif) repeat-y;*/
}

#blockUnten {
  background: url(../images/hintergrund.gif) repeat-y;
  width: 900px;
  min-height: 100%;
}

.clear {
  clear: both;
}

.clearLeft{
	clear: left;
}

.greenTxt {
	color: #81c333;
}

.rosaTxt {
	color: #C456AC;
}

.center {
	text-align: center;
}

/* ******************************************************** */
/*                  Header                                  */
/* ******************************************************** */

#headerDiv {
  background: #FFF url(../images/header.jpg) 0 0 no-repeat;
  height: 190px;
  padding-top: 5px;
  width: 900px;
}

#headerDiv ul {
  margin: 0;
  padding: 0;
  padding-right: 5px;
  display: inline;
  list-style: none outside;
  float: right;
}

#headerDiv ul li {
  display: inline;
  list-style: none outside;

}

.streifen {
  background: #FFF url(../images/streifen.gif) 0 0 no-repeat;
  height: 98px;
  width: 900px;

}

#streifenInhalt {
  background: #FFF url(../images/streifenStart.jpg) 0 0 no-repeat;
  height: 98px;
  width: 900px;
}

#streifenBday {
  background: #FFF url(../images/streifen_bday.jpg) 0 0 no-repeat;
  height: 98px;
  width: 900px;
}

/* ********************************************************** */
/*                  Navigation                                */
/************************************************************ */

#webNavigationDiv {
  margin: 0;
  padding: 0;
  width: 188px;
  float: left;
}

#webNavigationDiv ul a{
  display: block;
  height: 23px;
  text-indent: 20px;
}

#webNavigationDiv ul a:hover{
  background: url(../images/pfeilchen.gif) 10px no-repeat;
  text-decoration: none;
}

#webNavigationDiv ul ul a{
  display: block;
  text-indent: 50px;
  color: #575757;
}

#webNavigationDiv ul ul a:hover{
  background: url(../images/pfeilchen.gif) 40px no-repeat;
  text-decoration: none;
}

.naviVerlauf {
  background: url(../images/navi_verlauf.gif) no-repeat;
  height: 140px;
}

.leer a:hover {
  display: none;
}

.aktivEbene2 {
  font-weight: bold;
  margin: 0;
  padding: 0;
  background: url(../images/pfeilchen.gif) 40px no-repeat;
}

.aktiv {
  background: url(../images/pfeilchen.gif) 10px no-repeat;
  font-weight: bold;
}

.aktivOhnePfeil {
  font-weight: bold;
}

#webNavigationDiv ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#webNavigationDiv ul li {
  margin: 0;
  padding: 0;
  display: block;
  line-height: 1.9em;
  border-top: 1px solid #cfcece;
  background: url(../images/bgnavi.gif) no-repeat;
}

* html #webNavigationDiv ul li {
  margin-bottom: -2px;	
}

* html #webNavigationDiv ul li ul li {
  margin-top: -2px;	
}

#webNavigationDiv ul li ul li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: block;
  border: none;
  background-image: url(../images/bgnavi.gif);
  background-repeat: no-repeat;
}

/* ************************************************************* */
/*                        Content                           					      */
/* ************************************************************* */

#webContentDiv {
  float: left;
  width: 600px;
  margin-left: 30px;
  padding-bottom: 50px;
}

#webContentDiv img.seerose{
	margin-top: 30px;
}

#webContentDiv img.fliege{
	float: right;
}

#webContentDiv img.friedaKalender{
	float: left;
	margin-right: 20px;
	width: 255px;
	height: 361px;
}

.bildAbstandLinks {
	margin-left: 140px;
}


#webContentDiv ul{
  list-style-type: none;
  display: block;
}

#webContentDiv ul li{
  background: url(../images/pfeilchen.gif) 0px 5px no-repeat;
  padding-left: 10px;
}

#webContentDiv h2 {
  margin-top: 50px;

}

#webContentDiv p {

  margin-top: 30px;
}

#webContentDiv hr {
	border: none;
	border-bottom: 1px solid #6e4472;
	height: 1px;
}


#webContentDiv2 {
  float: left;
  width: 702px;
  margin-left: 10px;
  padding-bottom: 50px;
}

#webContentDiv2  img{
  margin-top: 20px;
  border: 0;
}

#webContentDiv3 {
  float: left;
  width: 702px;
  margin-left: 10px;
  padding-bottom: 50px;
  background: url(../images/rose.gif) bottom right no-repeat;
}

#webContentDiv2 h2, #webContentDiv3 h2 {
  margin-top: 50px;
  margin-left: 30px;
}

#webContentDiv2 p, #webContentDiv3 p {
  margin-left: 30px;
  margin-top: 30px;
}

#inhaltLinks{
	float: left;
	width: 350px;
}

#aktuellKasten {
	background: url(../images/aktuell2.jpg) 0 0 no-repeat;
	width: 322px;
	height: 447px;
	float: right;
	margin: 20px 0px 0px 0px;
	padding: 54px 0px 5px 20px;
}

*html #aktuellKasten {
	background: url(../images/aktuell2.jpg) 0 0 no-repeat;
	width: 322px;
	height: 447px;
	float: right;
	margin: 20px 0px 0px 0px;
	padding: 58px 0px 5px 20px;
}

#aktuellKasten h3{
	margin: 4px 0px 0px 50px;
	font-size: 1em;
}

#aktuellKasten ul{
	width: 150px;
}

#aktuellKasten ul li{
	background: url(../images/pfeilchen.gif) 0px 5px no-repeat;
	margin-top: 0px;
	margin-left: 10px;
	padding-left: 10px;
}

#aktuellKasten li.aktuellInhaltBild {
	background: none;
	padding-left: 10px;
	margin-top: 0px;
}

/* ************************************************************** */
/*                         KÜCHENGEHEIMNISSE                                   */
/* ************************************************************** */

.rezepteDiv {
	margin: 30px 0 0 0px;
	padding: 10px 10px 10px 20px;
	background: #FFFFFF;
	border: 1px solid #cecece;
}

.rezepteDiv h3{
	font-size: 1.6em;
	color: #c456ac;
}

.rezepteDiv h4{
	font-size: 1.3em;
}

.rezepteDiv ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.zutatenListe {
	width: 330px;
}

.rezepteDiv ul li{
	list-style-type: none;
	margin: 0;
	padding: 0;
}


.rezepteDiv img{
	margin: 20px 10px 0 80px;
}

.rezepteDiv p{
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;
}

.ueberschrift {
	font-weight: bold;
	margin: 10px 0;
	font-size: 1.5em;
}

.zutaten {
	float: left;
}

/* ************************************************************* */
/*                         Images                                                          */
/* ************************************************************* */

.webBildDiv {
  background: url(../images/kuchen_links.jpg) 0 0 no-repeat;
  width: 184px;
  height: 98px;
  position: relative;
  left: 199px;
  top: px;
  float: left;
  display: block;
}

.webBildDiv2 {
  background: url(../images/muffin_klein.jpg) 0 0 no-repeat;
  width: 184px;
  height: 98px;
  position: relative;
  left: 250px;
  top: px;
  float: left;
  display: block;
}

.webBildDiv3 {
  background: url(../images/kuchen_rechts.jpg) 0 0 no-repeat;
  width: 184px;
  height: 98px;
  position: relative;
  left: 300px;
  top: px;
  float: left;
  display: block;
}

/*a .webBildDiv3:hover {
  background: url(../images/kuchen_rechts_hover.jpg) no-repeat;
  width: 184px;
  height: 98px;
  display: block;
  margin: 0;
  padding: 0;
}

a .webBildDiv2:hover {
  background: url(../images/muffin_klein_hover.jpg) no-repeat;
  width: 184px;
  height: 98px;
  display: block;
  margin: 0;
  padding: 0;
}

a .webBildDiv:hover {
  background: url(../images/kuchen_links_hover.jpg) no-repeat;
  width: 184px;
  height: 98px;
  display: block;
  margin: 0;
  padding: 0;
}*/

/* ************************************************************** */
/*                         Footer                                 */
/* ************************************************************** */

#webFooterDiv {
  width: 900px;
  border-top: 1px solid #cfcece;
  background-color: #fff;
}

#webNavigator {
  margin-left: 232px;
}

#webNavigator ul {
  margin: 0;
  padding: 0;
  padding-right: 5px;
  display: inline;
  list-style: none outside;
}

#webNavigator ul li {
  display: inline;
  list-style: none outside;
  color: #c655a5;
}

#webNavigator a {
  background: url(../images/pfeilchen.gif) center right no-repeat;
  padding-right: 8px;
}

/* ****************************************************************** */
/*                           Steckbrief                               */
/* ****************************************************************** */

.streifen h1 {
  padding-left: 225px;
  padding-top: 35px;
  font-size: 2.3em;
}

#steckbrief_helmut {
  background: url(../images/steckbrief_helmut.jpg) 0 0 no-repeat;
  width: 500px;
  height: 550px;
  margin-left: 50px;
}

#steckbrief_ilona {
  background: url(../images/steckbrief_ilona.jpg) 0 0 no-repeat;
  width: 500px;
  height: 550px;
  margin-left: 50px;
}

#steckbrief_cosima {
  background: url(../images/steckbrief_cosima.jpg) 0 0 no-repeat;
  width: 500px;
  height: 550px;
  margin-left: 50px;
}

#steckbrief_tassilo {
  background: url(../images/steckbrief_tassilo.jpg) 0 0 no-repeat;
  width: 500px;
  height: 550px;
  margin-left: 50px;
}

#steckbrief_alina {
  background: url(../images/steckbrief_alina.jpg) 0 0 no-repeat;
  width: 500px;
  height: 550px;
  margin-left: 50px;
}

#steckbrief_fiona {
  background: url(../images/steckbrief_fiona.jpg) 0 0 no-repeat;
  width: 500px;
  height: 550px;
  margin-left: 50px;
}

.steckbriefListe li {
  font-size: 1.2em;
  line-height: 1.5em;
}

/*#helmutBild:hover {
	background: url(../images/bild_helmut.jpg) 0 0 no-repeat;
	text-decoration: none;
	position: absolute;
	right: 250px;
	bottom: 50px;
	width: 198px;
	height: 289px;
	margin: 0;
	padding: 0;
	display: block;
	text-indent: -9999px;

}

#ilonaBild:hover {
	background: url(../images/bild_ilona.jpg) 0 0 no-repeat;
	text-decoration: none;
	position: absolute;
	right: 250px;
	bottom: 50px;
	width: 198px;
	height: 289px;
	margin: 0;
	padding: 0;
	display: block;
	text-indent: -9999px;
}*/

.blume_blau {
  background: url(../images/blume_blau.gif) 0 0 no-repeat;
  width: 250px;
  height: 263px;
  float: right;
  }

.blume {
  background: url(../images/rose.gif) 0 0 no-repeat;
  width: 472px;
  height: 234px;
  float: right;
  }



/* ****************************************************************** */
/*                           Galerie                                                                */
/* ****************************************************************** */

#select {
  width: 450px;
  border: 1px solid #c655a5;
  }

.button {
 border: 1px solid #c655a5;
 font-size: courier new;
 text-decoration: none;
 width: 75px;
 display: block;
 }

.hierKlicken {
	margin-bottom: 5px;
	padding: 0;
}

#gallerie_tabelle {
 margin-left: -3px;
}


/* ****************************************************************** */
/*                           GB                                                                */
/* ****************************************************************** */
.gb_datum {
	margin-bottom: 5px;
	color: #777777;
}



/* ****************************************************************** */
/*                           News                                                                  */
/* ****************************************************************** */

#table {
	margin-left: 30px;

}

#table td {
	padding-right: 30px;
	height: 25px;
}

#table .tabelleDatum {
	color: #777777;
}