body {
  font-family: Arial,sans-serif;
  color: #EFD19A; background-color: black;
  margin-left: 12px; 
  margin-top: 120px;
  margin-bottom: 120px;  
  padding: 0em;
  
  }
  

  
A {color: silver;}
A:visited {color:#EEE2D0;}



H2  {font-weight: normal; color: white; margin-top: 20px; margin-bottom:12px}

H3  {font-weight: normal; color: white; font-size: large;}

H4  {font-weight: normal; font-size: small;}




.untertitel {font-weight: normal; color: white;}

.untertitel_klein {font-weight: normal; font-size: 0.8em;}


/* ---------------------------------------------------------------------------- */



/* Formatierung Titelbild */
.titel_bild {
	float: left;
    margin-right: 40px;
    margin-bottom: 9px;
	border: none;
}



/* Formatierung Tabelle Zutatenliste */

/* Tabellentitel */
.zut_caption {
	text-align: left;
}

/* Tabelle 1 - Gewichtsangabe */
.td_1 {
	vertical-align:top;
	text-align: right;
	padding-right: 10px;
}

/* Tabelle 2 - Zutaten */	
.td_2 {
	vertical-align:top;
	text-align: left;
	padding-right: 10px;
}
	
/* Erzeugt Absatz in Tabelle 2 */	
.td_2_absatz {
	vertical-align:top;
	text-align: left;
	padding-right: 10px;
}

/* grosse Tabellenbreite fuer lange Titel*/	
.breite {
    margin-right: 300px;
}


	
/* ---------------------------------------------------------------------------- */


/* Formatierung Bedello-Logo */	
.bedello_logo {
	position: absolute;
	border: none;
	left: 10px;
	top: 10px;
}	


/* Formatierung Text: Pralinen- und Confiserie-Rezepte */	
.bedello_text {
	position: absolute;
	left: 138px;
	top: 30px;
	color: white;	
}	


/* Formatierung Text: Zuletzt erneuert am: */	
.bedello_aktuell {
	position: absolute;
	left: 450px;
	top: 33px;
	font-size: small;	
	color: white;	
}	

/* ---------------------------------------------------------------------------- */

/* Formatierung Pfeile vorwaerts und zurueck */
.pfeillinks {
	margin-left: 8px;
	border: none;
}

/* Formatierung Pfeile vorwaerts und zurueck */
.pfeilrechts {
	margin-left: 6px;
	border: none;
}

/* ---------------------------------------------------------------------------- */

/* Formatierung pdf-logo */
.pdf_logo {
	position: absolute;
	left: 469px;
	top: 125px;
	border: none;
}	

/* Formatierung Text: pdf-Druckvorlage */
.pdf_text {
	position: absolute;
	left: 506px;
	top: 125px;
}	

/* ---------------------------------------------------------------------------- */

/* Formatierung der Bilder im Uebersichtsfenster (index.html) */
.bild_index {
	border: none;
	margin-right: 2px;
	margin-bottom: 0px;
}	

/* Formatierung der Bildernamen im Uebersichtsfenster (index.html) */
.text_smaller {font-size: 0.85em;}	


/* ---------------------------------------------------------------------------- */


/* Hebt den Befehl "float: left" auf  im Abschnitt "Zubereitung*/
.zub_clear {clear: left;}


/* Formatierung Bilder im Abschnitt "Zubereitung */
.zub_bild {
	float: left;
	border: none;
    margin-right: 15px;
    margin-bottom: 9px;
}


/* Formatierung Text im Abschnitt "Zubereitung */
.zub_text {
    margin-bottom: 9px;
}


/* ---------------------------------------------------------------------------- */




/* Startpunkt fuer nach Oben-Button */
.start {
	position: absolute;
	top: 0px;}

/* nach Oben-Button */
/* Formatierung nach Oben-Button */
.nach_oben {
    margin-top: 50px;
	border: none;
}

/* nach Oben-Button */
/* Hebt den Befehl "float: left" auf  und zentriert den Button*/
.ikon {
	clear: left; 
	width: 100%; 	
	text-align: center;
}





/* ---------------------------------------------------------------------------- */
/* ---------------------Formatierung spezielle Seiten-------------------------- */
/* ---------------------------------------------------------------------------- */




/* Tabelle 1 - Seite "Meine Arbeiten" */
.td_1_arbeiten {
	vertical-align:top;
	width: 420px;
	text-align: center;
	border: none;
	padding-bottom: 50px;
}

/* Tabelle 2 - Seite "Meine Arbeiten" */	
.td_2_arbeiten {
	vertical-align: top;
	border: none;
	padding-left: 30px;
	padding-right: 20px;
}

/* Tabelle 1 - Seite "Meine Arbeiten" Teil 2 */
.td_1_arbeiten2 {
	vertical-align:top;
	width: 510px;
	text-align: left;
	border: none;
	padding-left: 5px;
	padding-bottom: 50px;
}

/* Tabelle 2 - Seite "Meine Arbeiten" Teil 2 */	
.td_2_arbeiten2 {
	vertical-align: top;
	border: none;
	padding-right: 20px;
}


/* Tabelle - Seite "Statistik" */	
.tab_statistik {
	border-width: 1px;
	border-style: solid;
	border-color: white;
	padding: 0.3em;
	text-align: center;
}


/* Tabellenbreite im Kapitel Bisquit und Brandteig */	
.breite2 {
    margin-right: 100px;
}








	


/* ---------------------------------------------------------------------------- */
/* -------------------------------Navigationsleiste---------------------------- */
/* ---------------------------------------------------------------------------- */










/* Navigationsliste */


/* Rahmen rechts von Navigationsliste */

 .nav_rahmen {
    width: 0px;
	height: 34px;
    padding: 0em;
	position: absolute;
	left: 800px;
	top: 60px;
    border: 1px solid black;
	background-color: #4A4A4A;
	border-top-color: silver;
	border-left: none;
  }



	
	
/* Einstellungen fuer CSS-basierende Navigationsliste */
	

  div#Rahmen {
    width: 99.9%;
    padding: 0em;
	position: absolute;
	left: 0px;
	top: 60px;
    border: 1px solid black;
	background-color: #4A4A4A;
	border-top-color: silver;
	border-right: none;
  }

  div#Rahmen div {
     clear: left;
  }
  
  ul#Navigation {
	margin: 0; padding: 0;
    text-align: center;
  }

  ul#Navigation li {
    list-style: none;
    float: left;  /* ohne width - nach CSS 2.1 erlaubt */
    position: relative;
    margin: 0; padding: 0;
  }


  ul#Navigation li ul {
    margin: 0; padding: 0;
    position: absolute;
    top: 2.0em; left: 0;  /* Abstand zwischen Menu und Anzeige Unterverzeichnis */
    display: none;  /* Unternavigation ausblenden */
  }

  ul#Navigation li:hover ul {
    display: block;  /* Unternavigation in modernen Browsern einblenden */
  }
  
  ul#Navigation li ul li {
    float: none;
    display: block;
    margin-bottom: -0.1em;
  }

  ul#Navigation a, ul#Navigation span {
    display: block;
    width: 6.5em;  /* Breite den in li enthaltenen Elementen zuweisen */
    padding: 0.1em 0em;   /* Abstand von Zellenrand zu Schrift */
    text-decoration: none; font-weight: bold; font-size: 75%;
    border: 1px solid black;
    border-right-color: silver; border-left-color: silver; border-top-color: #4A4A4A;
    color: white; background-color: #4A4A4A;
  }

  ul#Navigation a:hover, ul#Navigation span, li a#aktuell {
    border-color: #AF6929;
    border-left-color: black; border-top-color: black;
    color: black; background-color: #EFD19A;
  }

  li a#aktuell {  /* aktuelle Rubrik kennzeichnen */
    color: white; background-color: #AF6929;
  }
  
  ul#Navigation li ul span {  /* aktuelle Unterseite kennzeichnen */
    color: white; background-color: #AF6929;
  }