/*=========================================================
===========================================================


	newfastfood.de - Fast Food, aber nicht, wie Sie es kennen.

	praesentiert von Morphy Richards, intellisteam

	Autor: Atelier Schindler GmbH, Zirndorf, Germany
	
	
	
	Anmerkung der Redaktion:
	
	Um der Skalierbarkeit auf sehr großen Bildschirmen
	willen, waere es unter Umstaenden sinnvoll die Boxen
	relativ zu positionieren und mit Prozentwerten zu arbeiten.
	
	Seite sollte im Quelltext von unten nach oben aufgebaut werden!


===========================================================
=========================================================*/


body 	{
		font-family: verdana, arial, helvetica, sans-serif;
		background-image: url(__hintergrund.jpg);
	    }

#box	{
    /*border: 1px solid red;	*/
		position: relative;
		width: 800px;
		height: auto; /* vormals 600px; */
		margin-left: auto;
		margin-right: auto;
		}


/*=========================================================
===========================================================


	1. Identifikation und Navigation


===========================================================
=========================================================*/


#navid 	{
    /*border: 1px solid green;	*/
		position: absolute;
		width: 800px;
		height: 110px;
		top: 0px;
		left: 0px;
		}		
		
.food 	{
/*		display: none;		*/
		position: absolute;
		top: 50px;
		left: 12px;
		}
		
.morphy 	{
/*		display: none;		*/
		position: absolute;
		top: 38px;
		right: 8px;
		}
		
.intellilogo 	{
		position: absolute;
		top: 50px;
		right: 9.5px;
		}
		
		
.pfadfinder 	{
/*		display: none;		*/
		position: absolute;
		text-align: left;
		font-size: 10px;
		font-weight: bold;
		line-height: 145%;
		color: #90908f;
		top: 30px;
		left: 0px;
		}
		
.pfadfinder a	{
		color: #00B3AD;
		text-decoration: none;
		}
		
.pfadfinder a:visited	{
		color: #00B3AD;
		text-decoration: none;
		}
		
.pfadfinder a:hover	{
		color: #ea0000;
		text-decoration: underline;
		}
		
	
	
#bestellen 	{
/*		display: none;		*/
		position: absolute;
		top: 0px;
		right: 0px;
		}
		
#bestellen_aktiv 	{
/*		display: none;		*/
		position: absolute;
		top: 0px;
		right: 0px;
		}
		

/*=========================================================
===========================================================


	2. Hauptinhalt - Die Buehne


===========================================================
=========================================================*/
		

#main 	{
	/*border: 1px solid green;	*/
		position: absolute;
		width: 800px;
		height: auto; /* vormals 440px */
		top: 110px;
		left: 0px;
		}
		
.stoerer {
			/*border: 1px solid #90908f; */
    position: absolute;
		top: -90px;
		left: 510px;
		}




.ifa {
	border: 1px solid black;
    position: absolute;
	top: 177px;
	left: 565px;
}


.twitter {
		/*border: 1px solid #90908f; */
    position: absolute;
		top: 45px;
		left: 550px;
		}

.polaroid {
		/*border: 1px solid #90908f; */
    position: absolute;
		top: 255px;
		left: 10px;
		
    }


.lauf	{
		/*border: 1px solid #90908f; */
    position: absolute;
		top: 340px;
		left: 0px;
		font-size: 12px;
		font-weight: bold;
		padding-right: auto;
		padding-left: auto;
    
    
    
   
    }	
		
		
    
.teller {
		/*border: 1px solid #90908f; */
    position: absolute;
		top: 30px;
		left: 55px;
		}
		
	
	
.intellifish 	{
		position: absolute;
		top: 120px;
		left: 0px;
		}

.bestellen 	{
		position: absolute;
		top: 1px;
		left: 151px;
		}


.detail 	{
		position: absolute;
		top: 1px;
		left: 50px;
		}
		
.download 	{
		position: absolute;
		top: 1px;
		left: 200px;
		}	
		

.Einfach_unkompliziert 	{
		position: absolute;
		top: 130px;
		left: 48px;
		}	
.halibut 	{
		position: absolute;
		top: 70px;
		left: 0px;
		}
		
.junk 	{
		position: absolute;
		top: -50px;
		left: 107px;
		}		
		
		
.telefonieren 	{
		position: absolute;
		top: 120px;
		right: 0px;
		}
		
.icons_h 	{
		position: absolute;
		top: 70px;
		left: 0px;
		}
		
.icons_v 	{
		position: absolute;
		top: 70px;
		left: 140px;
		}
		
.kalorien 	{
/*		display: none;		*/
		position: absolute;
		top: 405px;
		left: 98px;
		}
		
.time 	{
		position: absolute;
		top: 405px;
		left: 196px;
		}
		
.vorteil 	{
		position: absolute;
		top: 1px;
		left: 0px;
		}
		
	
.newlefthead 	{
/*		display: none;		*/
		position: absolute;
		width: 400px;
		top: 80px;
		left: 12px;
		}
		
.newlefttext 	{
/*		display: none;		*/
		position: absolute;
		width: 788px;
		top: 100px;
		left: 12px;
		font-size: 10px;
		font-weight: bold;
    color: #58595B;
    }

.newrighthead 	{
/*		display: none;		*/
		position: absolute;
		width: 400px;
		top: 80px;
		left: 422px;
		}

.device 	{
		position: relative;
		top: 20px;
		left: 100px;
		float: left;
    }
    
.banner 	{
		position: relative;
		top: 0px;
		left: -8px;
    right: 0px;
		float: left;
    padding-right: 40px;
    
    }
    
.headliner 	{
		position: relative;
		top: 0px;
		right: 0px;
		left: -8px;
    float: left;
    padding-bottom: 10px;
    }   
    
.klickbutton {
		position: relative;
		top: 50px;
		left:100px;
		float: center;
    margin-bottom: 5px;
    }   
  
#gewinnspieler 	{
	  /*border: 1px solid #90908f;*/
		position: relative;
		width: 480px;
		height: auto; /* vormals 440px */
		margin-left: 10px;
		margin-right: 10px;
    top: 0px;
		left: 0;
		
    }  

#gewinnerbox	{
   /*border: 1px dashed red;*/
		position: absolute;
		width: 800px;
		height: auto; /* vormals 600px; */
		margin-left: auto;
		margin-right: auto;
		float:left;
		top: 60px;
    font-size: 10px;
    }
    
#gewinnbox	{
   /*border: 1px dashed red;*/
		position: absolute;
		width: 800px;
		height: auto; /* vormals 600px; */
		margin-left: auto;
		margin-right: auto;
		float:left;
		top: 140px;
    font-size: 10px;
    }


#rightcol 	{
    /*border: 1px solid blue;	*/
		position: relative;
		text-align: left;
		font-size: 10px;
		line-height: 100%;
		color: #58595B;
		width: 300px;
		top: -43px;
		right:5%;
		float: right;
    
    }
    
#teillefthead 	{
		/*border: 1px dashed green;	*/
		position: absolute;
		text-align: left;
		font-size: 10px;
		line-height: 145%;
		color: #58595B;
		width: 377px;
		top: 60px;
		left: 0px;
		padding-bottom:0px;
   
    }

#teilleftcol 	{
		/*border: 1px dashed green;	*/
		position: absolute;
		text-align: left;
		font-size: 10px;
		line-height: 145%;
		color: #58595B;
		width: 377px;
		top: 150px;
		left: 0px;
		padding-bottom:0px;
   
    }
 
#teilrightcol 	{
/*border: 1px solid #90908f;	*/
		position: absolute;
		text-align: left;
		font-size: 10px;
		line-height: 145%;
		color: #58595B;
		width: 377px;
		top: 150px;
		left: 422px;
		
    } 
 
              
.clearing	{ clear: both;}


#gewinnleftcol 	{
border: 1px solid #90908f;	*/
		position: absolute;
		text-align: left;
		font-size: 10px;
		line-height: 145%;
		color: #58595B;
		width: 500px;
		top: 60px;
		left: 0px;
		}
    
    
    
#newleftcol 	{
/*		border: 1px solid #90908f;	*/
		position: absolute;
		text-align: left;
		font-size: 10px;
		line-height: 145%;
		color: #58595B;
		width: 377px;
		top: 130px;
		left: 12px;
		}
		
#newleftcol a	{
		text-align: left;
		font-size: 12px;
		font-weight: bold;
		color: #00B3AD;
		text-decoration: none;
		}
		
#newleftcol a:hover	{
		color: #ea0000;
		text-decoration: underline;
		}
		
#newleftcolbelow 	{
/*		border: 1px solid #90908f;	*/
		position: absolute;
		text-align: left;
		font-size: 10px;
		line-height: 145%;
		color: #58595B;
		width: 377px;
		top: 505px;
		left: 12px;
		}

#newrightcol 	{
/*border: 1px solid #90908f;	*/
		position: absolute;
		text-align: left;
		font-size: 10px;
		line-height: 145%;
		color: #58595B;
		width: 377px;
		top: 130px;
		left: 422px;
		}
		
#newrightcol a	{
		text-align: left;
		font-size: 12px;
		font-weight: bold;
		color: #00B3AD;
		text-decoration: none;
		}
		
#newrightcol a:hover	{
		color: #ea0000;
		text-decoration: underline;
		}
		
#newrightcol li {
		font-size: 10px;
		color: #58595B;
		}


/*=========================================================
===========================================================


	3. Infobereich - Weiterfuehrendes


===========================================================
=========================================================*/

		
#leftinfo 	{
/*		display: none;		*/
		position: absolute;
		top: 360px;
		left: 0px;
		}
		
#leftinfo a  {
   display: block;
   text-indent: -2000px;
   width: 390px;
   height: 100px;
   background: 0 0 no-repeat;
   margin: 0;
   padding: 0;
}

#leftinfo a  {
   background-image: url(intellisteam_im_Detail.gif);
   
}

#leftinfo a:hover	{
   background-position: -390px 0;
}
		
#rightinfo 	{
/*		display: none;		*/
		position: absolute;
		top: 360px;
		right: 0px;
		}
		
#rightinfo a  {
   display: block;
   text-indent: -2000px;
   width: 390px;
   height: 100px;
   background: 0 0 no-repeat;
   margin: 0;
   padding: 0;
}

#rightinfo a  {
   background-image: url(telebanner.gif);
}

#rightinfo a:hover	{
   background-position: -390px 0;
}


/*=========================================================
===========================================================


	4. Fussbereich


===========================================================
=========================================================*/


#leftfoot 	{
/*		border: 1px solid #90908f;	*/
		position: absolute;
		text-align: left;
		font-size: 8px;
		font-weight: bold;
		color: #000;
		width: 390px;
		height: 30px;
		top: 570px;
		left: 0px;
		
    }
		
#leftfoot a	{
		color: #00B3AD;
		text-decoration: none;
		}
		
#leftfoot a:hover	{
		color: #ea0000;
		text-decoration: underline;
		}
		
#rightfoot 	{
/* border: 1px solid #90908f;	*/
		position: absolute;
		text-align: left;
		font-size: 8px;
		font-weight: bold;
		color: #000;
		width: 400px;
		height: 30px;
		top: 570px;
		left: 400px;
		}
		
#rightfoot a	{
		color: #00B3AD;
		text-decoration: none;
		}
		
#rightfoot a:hover	{
		color: #ea0000;
		text-decoration: underline;
		}

/*#teilnahmefoot 	{
/*		border: 1px solid #90908f;	
		position: absolute;
		text-align: left;
		font-size: 8px;
		font-weight: bold;
		color: #000;
		width: 390px;
		height: 30px;
		top: 570px;
		left: 0px;
		
    }*/
		
#teilnahmefoot a	{
		color: #ea0000;
		text-decoration: none;
		}
		
#teilnahmefoot a:hover	{
		color: #00B3AD;
		text-decoration: underline;
		}

		
.dimplex 	{
		position: absolute;
		top: 10px;
		right: 0px;
		}
		
.seknavi 	{
		position: absolute;
		top: 10px;
		left: 0px;
		}
		
		
/*==========================================================
===========================================================
	

	Grundsaetzliche Formatierungen


===========================================================
=========================================================*/


html	{ 
		height: 101%; 
		}		
		
h1	 	{
		text-align: left;
		font-size: 12px;
		font-weight: bold;
		line-height: 145%;
		color: #58595B;
		}

h2	 	{
		text-align: left;
		font-size: 14px;
		font-weight: bold;
		line-height: 145%;
		color: #ea0000;
		}
		
/* Die Formatierung für die Fusszeile ALT */
		
h3	 	{
		text-align: left;
		font-size: 10px;
		font-weight: bold;
		line-height: 1.5;
		color: #ea0000;
		}
		
/* Ende Formatierung der Fusszeile ALT */

h4	 	{
		text-align: left;
		font-size: 10px;
		font-weight: bold;
		color: #00B3AD;
		}
		
h5	 	{
		text-align: left;
		font-size: 10px;
		font-weight: bold;
		color: #58595B;
		line-height: 16px;
		}
		
h6	 	{
		text-align: left;
		font-size: 14px;
		font-weight: bold;
		color: #00B3AD;
		}

a:link	{
		text-decoration: none;
		color: #58595b;
		} 

a:visited	{
		text-decoration: none;
		color: #58595b;
		}

a:hover	{
		text-decoration: underline;
		color: #58595b;
		}


/*==========================================================
===========================================================
	


/*=========================================================
===========================================================


	DROP-DOWN-NAVIGATION


===========================================================
=========================================================*/
		

#navigation li {
	float: left;
	  /* clear: 0; */
	}
		
/* HIER WERDEN DIE BUTTONS AUSGETAUSCHT */

#allgemeines a,
#allgemeines_aktiv a,
#moeglichkeiten a,
#moeglichkeiten_aktiv a,
#kochrezepte a,
#kochrezepte_aktiv a,
#fragen a,
#fragen_aktiv a,
#kontakt a,
#kontakt_aktiv a,
#forum a,
#forum_aktiv a  {
   display: block;
   text-indent: -2000px;
   width: 93px;
   height: 20px;
   background: 0 0 no-repeat;
   margin: 0;
   padding: 0;
   }

#ursprung a,
#unterschied a, 
#vorteile a,
#detail a,
#bedienungsanleitung a,
#menue a,
#freizeit a,
#einfach a,
#rezepta a,
#rezeptb a,
#rezeptc a,
#rezeptd a,
#rezepte a,
#rezeptf a,
#rezeptg a,
#rezepth a {
   /*display: block;*/
   text-indent: -2000px;
   width: 192px;
   height: 20px;
   background: 0 0 no-repeat;
   margin: 0;
   padding: 0;
   }

#bestellen a {
   display: block;
   text-indent: -2000px;
   width: 186px;
   height: 20px;
   background: 0 0 no-repeat;
   margin: 0;
   padding: 0;
}

#allgemeines a  {
   background-image: url(allgemeines_ebene01.gif);
}

#allgemeines_aktiv a {
   background-image: url(allgemeines_ebene01_aktiv.gif);
}

#moeglichkeiten a  {
   background-image: url(moeglichkeiten_ebene01.gif);
}

#moeglichkeiten_aktiv a {
   background-image: url(moeglichkeiten_ebene01_aktiv.gif);
}

#kochrezepte a  {
   background-image: url(kochrezepte_ebene01.gif);
}

#kochrezepte_aktiv a {
   background-image: url(kochrezepte_ebene01_aktiv.gif);
   }

#fragen a  {
   background-image: url(fragen_ebene01.gif);
}

#fragen_aktiv a {
   background-image: url(fragen_ebene01_aktiv.gif);
}

#kontakt a  {
   background-image: url(kontakt_ebene01.gif);
}

#kontakt_aktiv a {
   background-image: url(kontakt_ebene01_aktiv.gif);
}

#forum a  {
   background-image: url(forum_ebene01.gif);
}

#forum_aktiv a {
   background-image: url(forum_ebene01_aktiv.gif);
}

#ursprung a  {
   background-image: url(ursprung_ebene02.gif);
}

#unterschied a  {
   background-image: url(unterschied_ebene02.gif);
}

#vorteile a  {
   background-image: url(vorteile_ebene02.gif);
}

#detail a  {
   background-image: url(detail_ebene02.gif);
}

#bedienungsanleitung a  {
   background-image: url(bedienungsanleitung_ebene02.gif);
}

#menue a  {
   background-image: url(menue_ebene02.gif);
}

#freizeit a  {
   background-image: url(freizeit_ebene02.gif);
}

#einfach a  {
   background-image: url(einfach_ebene02.gif);
}

#rezepta a  {
   background-image: url(rezepta_ebene02.gif);
}

#rezeptb a  {
   background-image: url(rezeptb_ebene02.gif);
}

#rezeptc a  {
   background-image: url(rezeptc_ebene02.gif);
}

#rezeptd a  {
   background-image: url(rezeptd_ebene02.gif);
}

#rezepte a  {
   background-image: url(rezepte_ebene02.gif);
}

#rezeptf a  {
   background-image: url(rezeptf_ebene02.gif);
}

#rezeptg a  {
   background-image: url(rezeptg_ebene02.gif);
}

#rezepth a  {
   background-image: url(rezepth_ebene02.gif);
}



#bestellen a  {
   background-image: url(bestellbutton_ebene01.gif);
}

#allgemeines a:hover,
#moeglichkeiten a:hover, 
#kochrezepte a:hover,
#fragen a:hover,
#kontakt a:hover,
#forum a:hover	{
   background-position: -93px 0;
}

#ursprung a:hover,
#unterschied a:hover, 
#vorteile a:hover,
#detail a:hover,
#bedienungsanleitung a:hover,
#menue a:hover,
#freizeit a:hover,
#einfach a:hover,
#rezepta a:hover,
#rezeptb a:hover,
#rezeptc a:hover,
#rezeptd a:hover,
#rezepte a:hover,
#rezeptf a:hover,
#rezeptg a:hover,
#rezepth a:hover	{
   background-position: -192px 0;
}

#bestellen a:hover	{
   background-position: -186px 0;
}

/* ENDE BUTTONAUSTAUSCH */

ul.nav,
.nav ul{
/*Alle Abstände entfernen*/
	margin: 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
	display: inline;
}

ul.nav{
	display: table; 
}
ul.nav>li{
	/* Navigation horizontal */
  display: block;
	position: relative;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 6px;
	padding-bottom: 0px;
}

ul.nav li>ul {
/*Die Elemente der zweiten Ebene verstecken*/
	display: none;
	position: absolute;
	top: 20px;
  height: 20px;
  left: 0;
  
  /*max-width: 40ex;
	margin-left: 0px;
	
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;*/
  }

ul.nav li:hover>ul{
/*Wenn man darauf verweilt, wieder einblenden*/
	display : block;
}

.nav ul li a {
/*Die Hyperlinks als Block-Element darstellen*/
	display: block;
	padding: 0px;
}


/* Einstellungen für die Farben des Menues

.nav ul,
.nav ul li a{
	font-size: 10px;
	font-weight: bold;
	background-color: #00b3ad;
	color: #fff;
	width: 93px;
	border-top: 2px solid #fff;
}

.nav ul li a:hover{
	background-color: #c41c27;
	color: #fff;
}

.nav a{
	text-decoration: none;
}*/

/*=========================================================
===========================================================


	Kontakt-Seite


===========================================================
=========================================================*/

#kontaktrightcol 	{
/*		border: 1px solid #90908f;	*/
		position: absolute;
		text-align: left;
		font-size: 10px;
		line-height: 145%;
		color: #58595B;
		width: 377px;
		top: 110px;
		left: 422px;
		}

#kontaktleftcol 	{
/*		border: 1px solid #90908f;	*/
		
    position: absolute;
		text-align: left;
		font-size: 10px;
		line-height: 145%;
		color: #58595B;
		width: 377px;
		top: 130px;
		left: 12px;
		}
		
		
/*=========================================================
===========================================================


	Bestell-Seite


===========================================================
=========================================================*/

#bestellleftcol 	{
/* 	border: 1px solid #90908f;	*/
/*    background-image:url(__hintergrund_bestell.jpg);
    background:#e8e8ff url(__hintergrund_bestell.jpg) repeat;
    background-repeat:no-repeat;*/
    position: absolute;
		text-align: left;
		font-size: 10px;
		line-height: 145%;
/*		color: #000000; */
		width: 377px;
		top: 100px;
		left: 12px;
		}
		


#bestellrightcol 	{
/*		border: 1px solid #90908f;	*/
		position: absolute;
		text-align: left;
		font-size: 10px;
		line-height: 145%;
		color: #58595B;
		width: 400px;
		top: 28px;
		left: 398px;
		/*background-color: transparent;*/
		}
		
		
		
		
/*=========================================================
===========================================================


	Forum-Seite


===========================================================
=========================================================*/	
		
#newforumcol 	{
/*		border: 1px solid #90908f;	*/
		position: absolute;
		text-align: left;
		font-size: 10px;
		line-height: 145%;
		color: #58595B;
		width: 800px;
		top: 5.5em;
		left: 0px;
		}