* {
    padding: 0;
    margin: 0;
      
}

html
{background: url(all.jpg) no-repeat top fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: 100% 100%;
}

html, body{
width: 100%;
min-height:100%;}



#steuerung {
    padding-top: 10em;
    width: 11em;
    float: left;
    font-family: arial, sans-serif; 
    text-decoration-color: #f6deba;
       
}

#steuerung a {
    text-decoration-color: #f6deba;
    text-decoration-line: none;
    display: block;
    padding: 6px 6px 6px 25px;
}

#steuerung center {
        margin-top: 5em;
        font-size: 14px;
    
}   

#steuerung ul {
    text-decoration-color: #f6deba;
    text-decoration-line: none;
}

#steuerung a:hover {
    font-weight: bold;
}

#infos {
    margin-top: 12em;
    margin-left: 5em;
    display: block;
    background-color: hsla(0, 100%, 50%, 0.3);
    padding: 15px 15px 15px 15px;
    font-color: #f6deba;
    font-family: arial, sans-serif;  
}

#infos strong  {
    font-size: 18px;
}

#angaben {
    float: right;
    margin-top: 18em;
    margin-left: 20em;
    display: block;
    background-color: hsla(0, 100%, 50%, 0.3);
    padding: 15px 15px 15px 80px;
    font-color: #f6deba;
    font-family: arial, sans-serif;  
}

#angaben strong  {
    font-size: 18px;
}

#slideshow {
   float:center;
   padding-top: 12em;
   width:600px;
   height:500px;
}

iframe  {
   padding-top: 12em;
}

#bestellmaske  {
   margin-top: 12em;
   margin-left: 20em;
   padding: 1em 1em 1em 1em;   
   float: left;
   font-color: #f6deba;
   font-family: arial, sans-serif;
   background-color: hsla(0, 100%, 50%, 0.3);
}

#bestellmaske strong   {
   font-size: 18px;
}


.tcalInput {
	
   background-color: white;

   padding-right: 20px;
	   
   cursor: pointer;
   font-color: #f6deba;

}



  /* additional properties for input boxes in activated state, above still applies unless in conflict */


.tcalActive {
	
   background-image: url('no_cal.gif');

   background-color: white;
   font-color: #f6deba;
}
         
  
/* container of calendar's pop-up */


#tcal {
	
   position: absolute;
	
   visibility: hidden;
	
   z-index: 100;
	
   width: 170px;
	   
   background-color: white;
	
   margin-top: 2px;
	
   padding: 0 2px 2px 2px;
	   
   border: 1px solid silver;

	
   -moz-box-shadow: 3px 3px 4px silver;
	
   -webkit-   box-shadow: 3px 3px 4px silver;
	
   box-shadow: 3px 3px 4px silver;
	
   -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='silver')";
	
   filter: progid:DXImageTransform.Microsoft.Shadow (Strength=4, Direction=135, Color='silver');

   font-color: #f6deba;


}
        
  

/* table containing navigation and current month */


#tcalControls {
	
   border-collapse: collapse;
	
   border: 0;
	   
   width: 100%;

}


#tcalControls td {

   border-collapse: collapse;
	
   border: 0;
	   
   padding: 0;
	
   width: 16px;
	
   background-position: 50% 50%;
	
   background-repeat: no-repeat;
	
   cursor: pointer;

}


#tcalControls th {
	
   border-collapse: collapse;
	
   border: 0;
	
   padding: 0;
	
   line-height: 25px;
	
   font-size: 10px;
	
   text-align: center;
	
   font-family: Tahoma, Geneva, sans-serif;
	   
   font-weight: bold;
	
   white-space: nowrap;

}


#tcalPrevYear { 
   background-image: url('prev_year.gif'); 
}



#tcalPrevMonth { 
   background-image: url('prev_mon.gif'); 
}


#tcalNextMonth { 
   background-image: url('next_mon.gif'); 
}


#tcalNextYear { 
   background-image: url('next_year.gif'); 
}         



/* table containing week days header and calendar grid*/


#tcalGrid {

   border-collapse: collapse;
	
   border: 1px solid silver;
	   
   width: 100%;

}


#tcalGrid th {
	
   border: 1px solid silver;

   border-collapse: collapse;
   padding: 3px 0;

   text-align: center;

   font-family: Tahoma, Geneva, sans-serif;
	
   font-size: 10px;

   background-color: gray;
   color: white;

}


#tcalGrid td {

   border: 0;

   border-collapse: collapse;

   padding: 2px 0;

   text-align: center;

   font-family: Tahoma, Geneva, sans-serif;
	   
   width: 14%;
	
   font-size: 11px;

   cursor: pointer;

}		


#tcalGrid td.tcalOtherMonth { 
   color: silver; 
}


#tcalGrid td.tcalWeekend { 
   background-color:#ACD6F5; 
}


#tcalGrid td.tcalToday { 
   border: 1px solid red; 
}


#tcalGrid td.tcalSelected { 
   background-color: #FFB3BE; 
}