/* ===== ALLGEMEIN ===== */
body, html {
	margin:0;
	padding:0;
	font-family:Verdana, Geneva, sans-serif;
}

html {
	/*font-size:100%;*/
}

p, h1, h2, h3, ul, li, a, img {
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	vertical-align:baseline;
	background-repeat:no-repeat;
}

/* ===== HEADER: FARBE UND LOGO ===== */
#header {
	background-color:#ececec; /*hellgrau*/
	height:4em;
	width:100%;
}

#logo a img {
	text-decoration:none;
	border:none;
	margin-top:0.8em;
	margin-left:36.5em; /*entsprechen 580px*/
	width:15.625em;
	height:2.4375em;
}
#koscherlogo {
	width:14.5625em;
	height:7.625em;
}

/* ===== ALLE SEITENINHALTE ===== */
#content {
	/*width:800px;*/
	width:50.0em;
}

/* ===== RECHTE SEITE ===== */
#rechteseite {
	position:relative;
	width:12em; /*has Layout fuer IE*/
	float:right;
	margin-top:1.5em;
	/*padding-right:2em;*/
}

#navigation {
margin-top:10.5em;	
}

#navigation a {
	text-decoration:none;
	color:#000000;
}

#navigation a:hover {
	text-decoration:underline;
	color:#ff9e1c;
}

#navigation ul{
	text-transform:uppercase;
	margin-top:2em;
}

#navigation li {
	list-style:none;
	font-size:0.7em;
	margin:0.5em; /*fuer IE 6 extra definiert*/
	font-weight:bold;
}

#navigation li a.active {
color:#ff9e1c;	
}

/* === DIE DYNAMISCHE NAVIGATION AUF DER ÜBERSICHTSSEITE === */

#navigationdyn {
margin-top:0em;	
}

#navigationdyn a {
	text-decoration:none;
	color:#000000;
}

#navigationdyn a:hover {
	text-decoration:underline;
	color:#ff9e1c;
}

#navigationdyn ul{
	text-transform:uppercase;
	margin-top:2em;
}

#navigationdyn li {
	list-style:none;
	font-size:0.7em;
	margin:0.5em; /*fuer IE 6 extra definiert*/
	font-weight:bold;
}

#navigationdyn li a.active {
color:#ff9e1c;	
}

/* ===== LINKE SEITE ===== */

#linkeseite {
	margin-top:0.5em;
	float:left;
	width:36.5em;
}

/*#linkeseite a {
	text-decoration:none;
}*/

/* ===== GRUNDRASTER ===== */
.raster {
	border:solid;
	/*border-width:1px;*/
	border-width:0.0625em;
	border-color:#000000;
	margin-top:0.1875em;
	margin-left:0.1875em;
	/*margin-top:3px;
	margin-left:3px;*/	
	width:8.75em; /*8.75 em entsprechen 140px*/
	height:8.75em; /*8.75 em entsprechen 140px*/
	float:left;
}


#zweitezeile, #drittezeile, #viertezeile, #fuenftezeile, #sechstezeile {
	clear:left;
}

/* ===== RASTERELEMENTE IN VERSCHIEDENEN FARBEN ===== */
.schwarz {
	background-color:#000000;
}

.hellgrau {
	background-color:#ececec; /*hellgrau*/
}

.orange {
	background-color:#ff9e1c;
}

.grau {
	background-color:#d7d7d7;
}

.leer {
	border-color:#ffffff;
}

/* ===== RASTERLEMENT: BILD ===== */
.bild img{
	width:8.75em;
	height:8.75em;
	padding:0em;
	margin:0em;
}

/* ===== RASTERLEMENT: BILDUNTERSCHRIFT ===== */
.bildunterschrift p{
	font-size:0.6em;
	padding-left:0.3em;
	padding-right:0.3em;
}

.bildunterschrift {
	border:solid;
	border-width:0.0625em;	
	/*border-width:1px;*/
	border-color:#ffffff;	
}


/* ===== RASTERELEMENT: WEITERNAVIGATION ===== */
/*Gesamtes Rasterelement*/
.weiter {
	width:8.75em;
	height:8.75em;
	padding:0;	
}


/*Link oberhalb des Bildes*/


/*weniger hohes Bild mit Beschriftung*/
.weiter .weiterbild {
	height:7em;
	width:8.75em;
	padding-top:0.1em;
}


/* ===== RASTERLEMENT: SPALTE FÜR EINZELNE RESTERLEMENTE LINKS NEBEN MITTIGEN TEXTFELDERN ===== */
/* Zusätzlicher Selektor für .spalte und .raster links */
.linksvomtext {
	clear:left;
	float:left;
}



/* ===== SPALTEN RECHTS UND LINKS VOM TEXTFELD */
.spalte {
	
}

/* ===== TEXTFELDER CONTENTSEITEN ===== */
.textfeld {
	border:solid;
	border-width:0.0625em;
	/*border-width:1px;*/
	border-color:#ffffff;
	margin-top:0.1875em;
	margin-left:0.1875em;
	/*margin-top:3px;
	margin-left:3px;*/	
	padding:0.15em; 
	float:left;
}

.textfeld h2 {
	text-transform:uppercase;
	font-size:0.8em;
	font-weight:bold;
	}

.textfeld p {
	font-size:0.7em;
	margin-top:0.5em;
	}
	
.textfeld h3 {
	padding-top:1em;
	text-transform:uppercase;
	font-size:0.8em;
	font-weight:bold;
}

.textfeld ol {
	font-size:0.7em;
	margin-top:0.5em;
}

/*zweispaltig und zweizeilig*/
.zweispaltig { 
	width:17.5em;		
}

.zweizeilig {
	min-height:17em; /*fuer IE 6 separat*/
}

.dreizeilig {
	min-height:25.75em; /*fuer IE 6 separat*/
}

.allezeilen{
	
}

.zweispalten {
width:18.4em;	
}

.wusstenSie { 
 	height:17.5em; /*muss noch optimiert werden, insbes. auch auf verhalten bei schriftvergr.*/
 	background-color:#99ccdd;
 	color:#fff; /*weiß auf hellblau: schwer lesbar*/
 	text-transform:uppercase;
 	font-weight:bold;
 /*font-size muss noch korrekt definiert werden*/
}


/* ===== WUSSTEN SIE ...?===== */
ul.wusstensie{
 list-style:none;
 font-size:0.7em;
 margin-top:0.5em;
}
.wusstensie li{
  margin-bottom:1.0em;
}

span.schliessen{
 font-size:0.7em;
 cursor:pointer;
}

span.seitenzahl{ 
  margin-left:6.25em;
  /*margin-left:100px; *//* schlampig, nur fuer test */
  font-size:0.7em;
}
span.blaettern{ 
 cursor:pointer;
}

/* ===== SITEMAP und ===== */
#sitemap ul{
	 list-style:none;
	 margin-top:1.5em;
	 margin-bottom:0.5em;
}

.sub{
 margin-left:1.0em;
}

#sitemap li{
	 margin-bottom:0.5em;
	 font-size:0.7em; 
}




/* ===== STYLES A LA CARTE SEITEN ===== */

.flash {
	width:577px;
	height:432px;
	margin:0.125em;
}


/*.einzeilig {
	min-height:8.50em;
}*/

.zweizeilig2 {
	height:17.5em;
}

.dreispaltig {
	width:26.25em;
}

.dreizeilig2 {
	height:26.95em;
}

.dreizeilig3 {
	height:26.5em;
}
.vierzeilig {
	min-height:35.0em; /*fuer IE 6 separat*/
}
.fuenfzeilig {
	min-height:43.75em; /*fuer IE 6 separat*/
	border:0em;
	margin-top:-0.03125em;
}


/*LINKS FÜR GESAMMELTE REZEPTE IN DER NAVIGATION RECHTS*/
.rezeptaktiv {
	text-transform:uppercase;
	text-align:left;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	background-color:#FFFFFF;
	border:0em;
	margin-left:-0.1875em;
	padding:0em;

}

.rezeptaktiv:hover {
	color:#FF9E1C;
	text-decoration:underline;
	cursor: pointer;
}


/* TEXTFELD RECHTS*/

.rechtsvomtext {
	margin-left:0.325em;
}
.drucken {
	margin-left:0.325em;
	margin-right:-0.125em;
}

.rechtsvomtext2 {
	margin:0em;
}
.rechtsvomtext2a {
	margin:0em;
}
.rechtsvomtext3 {

}
.linksvomtext2 {
	clear:left;
	float:left;
}


#linkeseite a {
	color:#000000;
	text-decoration:underline;
}

#linkeseite a:hover {
	color:#000000;
	text-decoration:none;
}

#weiter a {
	color:#000000;
	text-decoration:none;
	font-weight:bold;
}

#weiter a:hover {
	color:#000000;
	text-decoration:underline;
	font-weight:bold;
}

#weiter2 a {
	text-decoration:none;
	font-weight:bold;
	color:#ffffff;
}

#weiter2 a:hover {
	color:#ffffff;
	text-decoration:underline;
	font-weight:bold;
}

.rezepttitel {
	font-size:0.7em;
	font-weight:bold;
	width:11.0em;
	padding:0.5em;
	position:absolute;
	color:#000000;
	/*border:solid;
	border-width:1px;
	border-color:#000000;	*/
}

/*LOGIN-FORMULAR AUF DER STARTSEITE */
.inputcode {
	font-size:0.8em;
	border:solid;
	border-width:0.08em;	
	/*border-width:1px;*/
	border-color:#000000;
	background-color:#ffffff;
	width:95%;
}

.buttonIN {
	font-size:0.8em;
	font-weight:bold;
	background-color:#ffffff;
	margin-top:1em;
	margin-right:0.4em;
	float:right;
	height:2em;
	border:solid;
	border-width:0.08em;	
	/*border-width:1px;*/
	border-color:#000000;
}

.bild2 img{
	width:26.875em;
	height:8.75em;
	padding:0;
}

/* LOGIN-BUTTON ALS IMAGE */
/*.buttonIN {
	width:100%;
	height:3em;
	background-image:url(../img/de/enter.gif);
	background-repeat:no-repeat;
	background-color:#ffffff;
	border:hidden;
}*/

/* DAS FEEDBACK FORMULAR: */
.feedback {
	padding-left:0.3em;
	padding-top:0.3em;
	padding-right:0em;
	/*height:43.75em;	*/
}

.feedback ul {
	font-size:0.7em;
	list-style-type:none;
/*	line-height:1em;*/
	padding-bottom:0em;
	padding-top:0.5em;
}

.feedback li {
	padding-bottom:0.5em;
}

/*.feedback input {
	padding-bottom:1em;
}*/

.buttonF {
	font-size:1.2em;
	font-weight:bold;
	background-color:#ececec;
	height:2em;
	border:solid;
	border-width:0.08em;	
	/*border-width:1px;*/
	border-color:#000000;	

}

.kommentar {
	margin-top:0.5em;
	margin-bottom:1.5em;
	width:90%;
}
/*BESTAETIGUNG NACH DEM ABSENDEN DES FEEDBACKS*/
.meldung {
	padding-top:2em;
	padding-left:2em;
	padding-right:2em;
	font-size:0.7em;	
	font-weight:bold;
}


/* ABSCHICKEN-BUTTON ALS IMAGE */
/*.buttonF {
	width:8.75em;
	height:3em;
	background-image:url(../img/de/absenden.gif);
	background-repeat:no-repeat;	
	border:hidden;
}*/

/* VERISON 1 OHNE HINTERGRUNDFARBE */
/*.feedback {
	font-size:0.7em;
	list-style-type:none;
	line-height:2em;
	padding-bottom:1em;
	padding-top:1em;
}*/

.zutatentext {
	line-height:1.2em;
	margin-left:-0.25em;
	margin-top:0em;
/*	margin-left:0em;
	margin-top:0.1875em;*/
	/*margin-top:3px;*/		
	padding-left:0.3em;
	height:26.6625em;		
}

.fussnote {
	font-size:0.6em;
	font-weight:normal;
	line-height:normal;
}

/* WEISSER TEXT FUER FARBIGEN HINTERGRUND */
.fontbunt {
	color:#ffffff;
	font-weight:bold;
} 

.fontdunkel {
	color:#333333;
	font-weight:bold;	
}


.rahmenrot {
	border-color:#a40133;
}

/*ROTER HINTERGRUND FUER FEHLERMELDUNGEN */
.rot {
	background-color:#a40133;
}

/*DIE FARBEN DER EINZELNEN RAEUME ALS HINTERGRUND: */

.raum0 {
	background-color:#006288;
	color:#ffffff;
	font-weight:bold;	
}
.raum1 {
	background-color:#717879;
	color:#ffffff;
	font-weight:bold;
}
.raum2 {
	background-color:#b73737;
	color:#ffffff;
	font-weight:bold;	
}

.raum3 {
	background-color:#6ebe9d;
	color:#ffffff;
	font-weight:bold;
}
.raum4 {
	background-color:#fcc76f;
	color:#333333;
	font-weight:bold;		
}
.raum5 {
	background-color:#db5548;
	color:#ffffff;
	font-weight:bold;
}
.raum6 {
	background-color:#009b8d;
	color:#ffffff;
	font-weight:bold;
}
.raum7 {
	background-color:#f0efdc;
	color:#333333;
	font-weight:bold;	
}
.raum8 {
	background-color:#999f9e;
	color:#333333;
	font-weight:bold;		
}
.raum9 {
	background-color:#f3edac;
	color:#333333;
	font-weight:bold;		
}


/*UNSERE KLASSEN (HTW) */

#rezeptButton {
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	border: 0em;
	padding:0em;
	background:none;
	width:11.0em;
	text-align:left;
	white-space:normal;
	text-decoration:none;
}

#rezeptButton:hover {
	cursor: pointer;
	text-decoration:none;
}

/*.zutat {
	background: #AAAAAA;
	list-style-type: none;

}*/

.personenangabe {
	font-style:italic;
	list-style-type: none;
	}
	
.wichtig {
	font-weight:bold;
}

#verstecke {

}	
#abstand {
	margin-top:10.5em;	
}		

#pdf {
	font-size:0.65em;
	font-weight:normal;
	width:13.0em;
	padding:0.5em;
	margin-top:11.2em;
	position:absolute;
	color:#000000;
	/*border:solid;
	border-width:1px;
	border-color:#000000;	*/
}

#pdf a {
	color:#000000;
	text-decoration:none;
}

#pdf a:hover {
	color:#000000;
	text-decoration:underline;
}