@charset "utf-8";
/* CSS Document */

/*Kalibrierung*/
html {
	height: 101%; 		/*erzwingt einen Rollbalken*/
}						
*{
	margin: 0;			/*unterdrückt Standardabstände*/
	padding: 0;
}
p, ul  {
	margin-bottom:17px;
}
h1, h2	  {
	margin-bottom:20px;
}
	


ul ul {
	margin-bottom:0;	/*kein Abstand unten*/
}


/*allgemeine Selektoren*/
body {background-image:url(../images/hintergrund.jpg) ; 
	color: #333;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
}
p, td {
	color: #333 ;
	font-size:13px;
	
}
h1 {
	color: #600  ;
	font-size:26px;
	text-align:left;
}

a { 
	color: #666 ; 
	text-decoration:none; }

a:hover { 
	color: #600 ;
	}




/*Klasse*/
.fett {
	font-size:14px;
	font-weight:bold;
}
.farbe_schrift{  
	color: #600 ; 
}

.farbe_hell{  
	color: #CCC  ; font-size:12px;
}

.schrift{ font-family:"Comic Sans MS", cursive;
		font-size:14px;
}
.groesse{
	font-size:11px;}

/*Layout*/
#container {   	 
	margin:8px auto;
	padding:0px 0px 0px 0px;
	width:1176px;
	height:680px; 
	
	
}

#content_logo {background-image:url(../images/logo.png);
	margin:0px 0px 0px 10px;
	float:left;
	padding:0px 0px 0px 0px;
	width:288px; 
	height:156px;
			}	
		
#content_left{ background-image:url(../images/essen.jpg);
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 0px ;
	float:left;
	height:394px;
	width:279px;
	margin:1px 0px 0px 20px;
}		


#content_right { background-color:#FFF; 
	padding:30px 20px 0px 20px ;
	float:left;
	height:364px;
	width:756px;
	margin:1px 0px 0px 0px;
		}	
		
#content_bottom { background-image:url(../images/kochkurs.png);
	color: #CCC;	
	margin:0px auto; 
	padding:0px 0px 0px 0px;	
	height:25px;
	width:1150px;
	float:left;
}


#footer { 
	color: #000 ;	
	padding:6px 0px 0px 0px;	
	height:30px;
	width:908px;
	float:left;
}

#navig_footer{ 
	color: #000;	
	padding:6px 0px 0px 20px;	
	height:30px;
	width:248px;
	float:left;
}
	


		

#navig{ 
	margin:120px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	height:42px;
	width:810px;
	color:#333; 
}



/*Hauptnavigation*/
 
  ul#Navigation { float:left; 
    margin: 0; padding: 0;
    text-align: center; 
  }

  ul#Navigation li {
	 
    list-style: none;
	border-right-color:#600 1px solid; 
    float: left;  /* ohne width - nach CSS 2.1 erlaubt */
    position: relative;
    margin: 0.0em; padding:0; 
  }
 
  
  *:first-child+html ul#Navigation li {  /* Korrektur fuer den IE 7 */
    margin-bottom: -0.1em;
  }

  ul#Navigation li ul { border-right-color:#600 1px solid; 
    margin: 0; padding: 0;
    position: absolute;
    top: 2.0em; left: 0em; right: 0em;
    display: none;  /* Unternavigation ausblenden */
  }
  * html ul#Navigation li ul {  /* Korrektur fuer IE 5.x */
    left: -1.5em;
    lef\t: -0.4em;
  }
  *:first-child+html ul#Navigation ul {  /* Workaround fuer den IE 7 */
    background-color:silver; padding-bottom:0.4em;
  }
 
 
  ul#Navigation li ul li {
    float: none;
    display: block;
    margin-bottom: 0.1em;
  }

  ul#Navigation a, ul#Navigation span { background-image:url(../images/navig1.png) ; 
    display: block;
    width:8.0em;
	/* Breite den in li enthaltenen Elementen zuweisen */
    padding: 0.8em 0.4em;	
    text-decoration: none; 
    color: #333  ; 
  }
  
  
  ul#Navigation a:hover, ul#Navigation span, li a#aktuell { 
  background-image:url(../images/navig2.png);
    border-color: white;
    color: #600 ; 
  }
  #Navigation a:hover,
#Navigation a:focus,  
body#haupt1 #Navigation #ho,
body#haupt2 #Navigation #se,
body#haupt3 #Navigation #me,
body#haupt4 #Navigation #kl,
body#haupt5 #Navigation #re,
body#haupt6 #Navigation #ko,
body#haupt7 #Navigation #fe

					{ 
					color:#600;
  					}