@page     {
            size:landscape;
        }


/* Elemente  ----------------------------------------------------------------*/

body {

  padding: 0px;
  margin: 0px;
}

p {
  font-family: "Trebuchet MS";
  font-size: 12.5px;
  line-height: 1.15em;
  color:#000000;
  margin: 0 0 7px 0;
} 



h1 {
  font-family: "Trebuchet MS";
  font-size: 25px;
  color: #eab22c;
  line-height: 0.8em;
} 

h2 {
  font-family: "Trebuchet MS";
  font-size: 18px;
  color: #eab22c;
  line-height: 0.9em;
} 

h2.white{
  font-family: "Trebuchet MS";
  font-size: 18px;
  color: #000000;
  line-height: 0.6em;
} 


h3 {
  font-family: "Trebuchet MS";
  font-size: 14px;
  color: #e1a303;
  /*color: #eab22c;*/
  line-height: 1em;
  margin: 0 0 3px 0;
  padding: 0 0 3px 0;

} 

h3.white {
  font-family: "Trebuchet MS";
  font-size: 14px;
  color: #000000;
  line-height: 0.9em;
} 

h4 {
  font-family: "Trebuchet MS";
  font-size: 13px;
  color: #eab22c;
  line-height: 0.9em;
} 

h4.white {
  font-family: "Trebuchet MS";
  font-size: 13px;
  color: #000000;
  line-height: 0.9em;
} 

h5 {
  font-family: "Trebuchet MS";
  font-size: 12.5px;
  color: #eab22c;
  line-height: 0.9em;
} 

h5.white {
  font-family: "Trebuchet MS";
  font-size: 12.5px;
  color: #000000;
  line-height: 0.9em;
} 

h6 {
  font-family: "Trebuchet MS";
  font-size: 11px;
  color: #eab22c;
  line-height: 0.9em;
} 

h6.white {
  font-family: "Trebuchet MS";
  font-size: 11px;
  color: #ffffff;
  line-height: 0.9em;
} 



a:link  {
  text-decoration: none;
  color: #eab22c;

}




a:active {
  text-decoration: none;
  color: #eab22c;
}


a:visited {
  text-decoration: none;
  color: #eab22c;

}

a:hover {
  text-decoration: underline;
  color: #ffffff;

}

/* Tabellen Klassen ----------------------------------------------------------------*/

.statistik {
  width: 280px;
  border: 0px;
  color: #000000;
  font-size: 11px;
}

.td1 {
  border: 2px solid orange;
  margin: 2px 2px 2px 2px;
  padding: 2px 2px 2px 2px;
  
} 


/* IDs  ----------------------------------------------------------------*/

#printheader {
z-index: 998;
position: absolute;
display: block;
height: 245px;
width: 845px;
background-color:#ffffff;




}



#box {
  background-color: #FFFFFF;
  width: 833px;
  height: 555px;
  position: absolute;
  left: -155px;
  top: 130px;
  margin-left:0px;
  margin-top: 0px;
}


#header {
  display:none;
  z-index: 19;
  position: absolute;
  background-color:#3e58a2;
  width: 100%;
  height: 76px;
  background-image:url('../images/elements/header.jpg');
  background-repeat: no-repeat;
}


#logoani{
  display: none;
  z-index: 20;
  position: absolute;
  width:181px;
  top: 9px;
  left: 162px;

}


#navigation{
display: none;
}

#navigation ul {
  margin: 0;
  padding: 0 0 0 40px;
}

#navigation ul li {
  display: inline;
  padding-left: 5px;
  padding-right: 10px;
}


#navi_1_of_2{
  position: absolute;
  margin: 0 0 0 0;
  top: 33px;
  left: 0px;
}

#navi_2_of_2{
  position: absolute;
  top: 33px;
  right: 20px;
}

#navi_1_of_2 img{
 border: 0px;
}

#navi_2_of_2 img{
  border: 0px;
}


#searchbox {
display: none;
  position: relative;
}



#footer {
display: none;
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 35px;
  background-color: #ffffce
}

#footer ul {
  margin: 0;
  padding: 0 0 0 40px;
}

#footer ul li {
  display: inline;
  padding-left: 5px;
  padding-right: 10px;
}

#footer_1_of_2{
  position: absolute;
  left: 0px;
}

#footer_2_of_2{
  position: absolute;
  right: 20px;
}

#footer_1_of_2 img{
  border: 0px;
}

#footer_2_of_2 img{
  border: 0px;
}


#introanimation{
  position: relative;
  top: 70px;
}


#container {
  background-color:#0162b1;
  position: absolute;
  top: 76px;
  width: 100%;
  height: 444px;
}



/* Submenu (das auf der linken Seite zum Aufklappen) -------------------------------------------*/

#listBox {
  display: none;
  text-decoration: none;
  position: absolute;
  left: 0px;
  top: 70px;
  width: 92px;
  height: 290px;
  line-height: 16px;
  font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif;
  font-size: 13px;
  font-weight: bold;
  z-index: 998;
  text-align: right;
}

#listBox a {
  text-decoration: none;
  letter-spacing: -.02em;
  line-height: 14px;
  display: block;
  width: 82px;
}

#listBox a {
  color: #FFFFFF;
}

#listBox a:hover {
  color: #1668B1;
}

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

#listBox ul li {
  margin: 0 0 10px 0;
  padding: 2px 0 5px 0;
  display: inline-block;
}

#listBox ul li a {
  margin: 0;
  padding: 0 0 2px 8px;
  border-bottom: 2px solid #FFFFFF;
}

#listBox ul ul {
  margin: 8px 0 0 8px;
  padding: 0;
}

#listBox ul li ul li {
  margin: 3px 0 3px 0;
  padding: 0;
}

#listBox ul li ul li a {
  margin: 0;
  padding: 0 0 3px 0;
  font-size: 12px;
}

#listBox ul li ul li a {
  font-weight: normal;
}

/*************/

#listBox li.open a, #listBox a:hover {
  border-bottom: 2px solid #1668B1;
  color: #1668B1;
}

#listBox li li a:hover {
  color: #1668B1 !important;
  border: 0 !important;
}

#listBox li.open li a {
  border: none;
  color: #FFFFFF;
}

#listBox li.open li.open a {
  border: none;
  color: #1668B1;
}

/*************/

#listBox .open ul {
  display: block;
}

#listBox .closed ul {
  display: none;
}



/* Submenu Ende ----------------------------------------------------------------*/






/* CONTENT. Die Positionierung und Größe des Content DIVS wird in den ASCX Pages zum Teil über den !important Befehl überschrieben wo nötig. */

#content {
  position: absolute;
  right: 10px;
  top: 50px;
  width: 410px;
  height: 404px;
} 

/* Ende ------------------------------------------------------------------------- */


/**********************************************************************************/
/**********************************************************************************/
/**********************************************************************************/
/********************					      *********************/
/********************  Styles nur für spezielle Unterseiten   *********************/
/******************** 					      *********************/
/**********************************************************************************/
/**********************************************************************************/
/**********************************************************************************/



/* Unternehmen, Firmenleitung */

#firmenleitung p {
  
  
  font-size: 12px; 
  
 
}




/* Zeitleiste */


#zeitleite {
  height: 60px; 
  position: absolute;
  top: 355px;
  left: 160px;
  font-family: 'Trebuchet MS';
  font-size: 12px;
  color: #2d3d87;
}

#jahre {
  display: inline;
}

#jahre a {
padding: 20px 0 20px 0;
}

#jahre a:link{
  color: #385096; 
}



#jahre a:visited{
  color: #1471ae;
}

#jahre a:hover{

  color: #ffffff;
}

.zlblue {
  font-weight: bold;
   background-repeat: no-repeat;
  background-image: url('../images/elements/verlauf.gif');
}

.zlactiveblue {
  color: blue;
}




/*Formular Styles (Kontaktformular) ----------------------------------------------*/


.absenden {
  font-family: Verdana, 'Lucida Grande', Tahoma, Arial, sans-serif;
  font-size: 11px;
  background-image: url('../images/elements/absenden_button.gif') !important;
  background-repeat: no-repeat;
  height: 36px;
  width: 103px;
}


div.formular-line {
  width: 280px;
  font-size: 11px;
  color: #ffffff;
  font-family: trebuchet ms;
  margin: 0 0 2px 0;
  padding: 3px 6px;
 
}

div.formular-line label {
  float: left;
  width: 140px;
  margin: 4px 0 0 0;
}

div.formular-line input {

  font-size: 10px;
  color: #2b468e;
  
  border: 1px solid #4687ba;
}

div.formular-line textarea {
  font-size: 11px;
  color: #2b468e;
  font-family: trebuchet ms;  
  background-color: #ffffff;
  border: 1px solid #4687ba;
  width: 280px;
  height: 180px;
}

div.formular-line .input {
  background-image:url('../images/elements/formBG2.gif');
  font-size: 10px;
  color: #ffffff;
  border: 1px solid #4687ba;
}

div.formular-line input.checkbox {
}

div.formular-line-checkboxes {
  margin: 0 0 10px 0;
}

div.formular-line-checkboxes label {
  display: block;
  padding: 2px 0 2px 10px;
  margin: 0 0 2px 0;
  background-color: #ffffff
}

div.formular-line-checkboxes label a {
  display: block;
  margin: 0 0 0 24px;
  padding: 2px 0 2px 0;
}

div.formular-line-checkboxes label span {
  position: relative;
  top: -2px;
}

.input {
  font-weight: bold;
  color: #FFFFFF;
  font-family: Verdana, 'Lucida Grande', Tahoma, Arial, sans-serif;
  font-size: 11px;
  border: 1px solid #FFA200;
  background-color: #FFB00E;
  background-image: url(images/input-background-orange.gif);
  background-position: center;
}

input.right {
  float: right;
}







/*Rezepte ----------------------------------------------------------------*/


#rezept1 a:link  {
  text-decoration: none;
  color: #172a61;

}

#rezept1 a:hover {
  text-decoration: underline;
  color: orange;

}


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

#rezept1 a:visited {
  text-decoration: none;
  color: #172a61;
}




#rezept2 a:link  {
  text-decoration: none;
  color: #172a61;;

}

#rezept2 a:hover {
  text-decoration: underline;
  color: orange;

}


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

#rezept2 a:visited {
  text-decoration: none;
  color: #172a61;
}



#rezept3 a:link  {
  text-decoration: none;
  color: #172a61;

}

#rezept3 a:hover {
  text-decoration: underline;
  color: orange;

}


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

#rezept3 a:visited {
  text-decoration: none;
  color: #172a61;
}




#rezept4 a:link  {
  text-decoration: none;
  color: #172a61;

}

#rezept4 a:hover {
  text-decoration: underline;
  color: orange;

}


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

#rezept4 a:visited {
  text-decoration: none;
  color: #172a61;
}




.headline {
  font-family: "Trebuchet MS";
  font-weight: bold;
  font-size: 25px;
  line-height: 1em;
  padding: 0 0 10px 0;
  color:#000000;
}



.subheadline {
  font-family: "Trebuchet MS";
  font-size: 19px;
  color:#000000;
}



.preperationHeadline {
  float: right;
  font-family: "Trebuchet MS";
  font-style: oblique;
  font-weight: bold;
  font-size: 12px;
  line-height: 1.1em;
  color:#2a3489;
}



.zubereitungszeit {
  float: right;
  font-style: oblique;
  font-weight: bold;
  font-family: "Trebuchet MS";
  font-size: 12px;
  line-height: 1.1em;
  color:#2a3489;
}



.preperation {
  font-family: "Trebuchet MS";
  font-size: 12px;
  line-height: 1.1em;
  color:#000000;
}



.preperationtime {
  font-family: "Trebuchet MS";
  font-size: 12px;
  line-height: 1.1em;
  color:#000000;
}

.rezeptlink {
  font-family: "Trebuchet MS";
  font-size: 12px;
  line-height: 1.1em;
  color:#000000;
}

div#rezept1 {
  z-index: 998;
  position: absolute;
  left: 92px;
  top: 60px;
}


div#rezept2 {
  z-index: 998;
  position: absolute;
  left: 92px;
  top: 60px;
}


div#rezept3 {
  z-index: 998;
  position: absolute;
  left: 92px;
  top: 60px;
}

div#rezept4 {

  z-index: 998;
  position: absolute;
  left: 92px;
  top: 60px;
}


div.offen {
  z-index: 800;
  background-image:url(images/elements/rezeptlayerbg.gif);
  opacity: .7;
  filter: alpha(opacity=70);
  color: #FFFFFF;
  height: 370px;
  width: 202px;	
  font-family: trebuchet ms;
  font-size: 12px;
  line-height: 11px;
}


/*
div.offen {
  z-index: 800;
  background-image:url(images/elements/rezeptlayerbg.gif);
  filter:alpha(opacity=80); 
  opacity:0.8 
  color: #FFFFFF;
  height: 370px;
  width: 202px;	
  font-family: trebuchet ms;
  font-size: 12px;
  line-height: 11px;
}
*/


div.offen ul li {
 list-style: none;
}


div.offen ul {
  background-color: #ffffff;
  padding: 10px 0px 0 20px;
}

div.offen li {
  background-color: #ffffff;
  padding: 0 5px 4px 10px;
  margin: 0 0 4px 0;
}


div.offen a {
  color: #444444;
  text-decoration: none;
}

div.offen a:hover {
  color: orange;
}


div.geschlossen {
  display: none;
}


.alpha 
  { 
  background-color: #000000; 
  filter:alpha(opacity=50); 
  opacity:0.5 
} 

.inhalt { 
  filter:alpha(opacity=0); 
  -moz-opacity:0; 
  opacity:0 

} 
/*Rezepte ENDE ----------------------------------------------------------------*/




/* Produkte -------------------------------------------------------------------*/


#dvproductoverview {
  position:absolute;
  width:370px;
  height:176px;
  z-index:700;
  left: 373px;
  top: 190px;
  font-family: 'Trebuchet MS';
  font-size: 11px;



}

#dvproductoverview ul li {
  display: inline; 


}

#dvproductoverview li {
 background-image:url('../images/elements/strich.gif');
 background-repeat:no-repeat;

}


#dvproductoverview_ausnahme a {
  color: #2c358a;

}


.einruecker {
  margin: 0 0 0 10px;
}



#produktbild {
  z-index: 900;
  width: 260px;
  position: absolute;
  left: 111px;
  top: 76px;
  float: left;
 

  background-repeat: no-repeat;
  background-position: top left;


  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/prodbg.png');	
 /* , sizingMethod='scale'		*/
}


#produktbild img{
  margin: 30px 40px 60px 03px;

}



html > body #produktbild  {
  background-image: url(../images/prodbg.png);

} 



#produkteHeadline h2{
  color: white;
  font-size: 18px;
  padding: 0 0 0 0;
  margin: 5px 0 4px 0;

}

#produkteHeadline h3{
   color: white;
  font-size: 12px;

}


#produkteBeschreibung{
  padding: 10px 0 10px 0;


  
}

#produkteBeschreibung h4{
  z-index: 900;
  margin: 0 0 9px 0;
  padding: 0 0 9px 0;
  text-align: right;
  font-size: 10px;
  width: 100px;
  position: absolute;
  left: -103px;
  
}

#produkteNavigation{
  display:none;
  padding: 0px 0 5px 0;

}





#produkteNaehrwerttabelle table{

  font-size: 10px;
  font-family: 'Trebuchet MS';
  color: #ffffff;

  
}


#produkteNaehrwerttabelle td{
   border: 1px solid orange;

}


#Naehrwertlabel{
 z-index: 999 !important;

 position: absolute;
 width: 200px;
 text-align: right;
  font-size: 9px;
  float: left;
  left: -200px;
 border-bottom: 2px solid orange;
 border-left: 1px solid orange;
 
}




#Naehrwertlabel h4{
 z-index: 999;
 font-size: 10px;
 margin: 0 4px 0 0;
 padding: 0 0 9px 0;

}





/******** Trend ***********/
/* Die Angaben hier änden den Style der Schriftfarben im allgm. Modul Product_Detail.ascs für den Bereich Trend */

.ProductNText30 p{
  color: #2c358a !important;

}

#produkt30 {
  color: #2c358a; 

}

#produkt30 a:link{
  color: #2c358a; 

}

#produkt30 a:visited{
  color: #2c358a; 

}

#produkt30 a:active{
  color: #2c358a;

}

#produktWeiterProdukt30 {
  color: #2c358a; 

}

#produktWeiterProdukt30 a:link{
  color: #2c358a; 

}

#produktWeiterProdukt30 a:visited{
  color: #2c358a; 

}

#produktWeiterProdukt30 a:active{
  color: #2c358a;

}


/******** Trend **********/









/************************/

/*Flash Scroller */

#flashscroller {
  z-index: 800;
  position: absolute;
  top: 283px;
  left:115px;
  width: 700px;
  height: 94px;

}


/************************

/*Stimmungsbilder */

#stimmungsbilder {
  z-index: -1;
  position: absolute;
  width: 380px;
  left: 220px;
}


#stimmungsbilder img{
  position: absolute;
  top: -46px;
  left: -527px;
}



#table_EMIS{

  font-size: 10px;
  font-family: 'Trebuchet MS';
  color: #ffffff;

  
}







/* Produkte Ende --------------------------------------------------------------*/






/* Presse -------------------------------------------------------------------*/



#presse_liste{
  position: absolute;
  left: 50px;
  display: none;
	
}


#presse_image{
  z-index: 999;
  position: absolute;
  top: -80px;
  left: -280px;

}


#presse_image img{
  width: 220px;

}




#presse_artikel{
  z-index: 999;
  position: absolute;
  top: -140px;
  right: -120px;
  overflow: auto;
  height: 700px;
  width: 500px;
  padding: 0 40px 0 0; 
  margin: 0 40px 0 0; 
  
	
}



#presse_artikel p{
  color: #2b348a;
  width: 378px;
  
	
}



#shortartikel{
  position: absolute;
  right: -10px;
  overflow: auto;
  height: 270px;
  width: 400px;
  padding: 0 40px 0 0; 
  margin: 0 40px 0 0; 
  
	
}



#shortartikel p{
   color:#2b348a;
 }




.PresseHeadline{
  font-family: "Trebuchet MS";
  font-weight: bold;
  font-size: 16px;
  line-height: 1em;
  padding: 0 0 10px 0;
  color:#2b348a;
	
}





.downheadline{
  font-family: "Trebuchet MS";
  font-weight: bold;
  font-size: 14px;
  line-height: 1em;
  padding: 0 0 10px 0;
  color:#2b348a;
	
}



.description{
  font-family: "Trebuchet MS";
  font-size: 14px;
  line-height: 1em;
  padding: 0 0 10px 0;
  color:#2b348a;
	
}


.topheadline{
  font-family: "Trebuchet MS";
  font-weight: bold;
  font-size: 22px;
  color: #0087da;
  line-height: 0.9em;

}


.PresseSmall{
  font-family: "Trebuchet MS";
  font-weight: bold;
  font-size: 10px;
  line-height: 1em;
  padding: 0 0 10px 0;
  color:#2b348a;
	
}

.pressenormal{

  color:#2b348a;
	
}

.PresseLink{
  font-family: "Trebuchet MS";
  font-weight: bold;
  font-size: 12px;
  line-height: 1em;
  padding: 0 0 10px 0;
  color:#e2a406;

}


#mehrinfo a:hover{
  color:#2f3c82;

}

#zurueck {
  display: none;

  width: 60px;
  height: 20px;
  z-index: 999;
  position: absolute;
  left: 20px;
  bottom: 45px;

}


#zurueck a:link  {
  text-decoration: none;
  color: #0087da;
}


#zurueck a:visited  {
  text-decoration: none;
  color: #0087da;
}

/* Presse Ende --------------------------------------------------------------*/










/* Liebhabertest ------------------------------------------------------------*/


#liebhaber {
  COLOR: #f545de !important;
}


#liebhaber p{
  COLOR: #f545de !important;
}


#loverResult {
  position: absolute;
  width: 380px;
  left: 120px;
}

#loverResult p{
  color: #95d2f8;
}

#loverResult h2{
  color: #95d2f8;
  margin: 30px 0 4px 0;
}

#loverResult img{
  position: absolute;
  top: -70px;
  left: -309px;
}



/* Liebhabertest ende -------------------------------------------------------*/







/* Fit mit Kaese ------------------------------------------------------------*/


#fitnav a {
  COLOR: #8ecff6; 
  text-decoration: none; 
}

#fitnav a hover {
  COLOR: #8ecff6;
}




/* Fit mit Kaese ende -------------------------------------------------------*/