/********************************************************************************************************************************/
/*************************************************************************************************************TEXT***************/
/********************************************************************************************************************************/

/**********************************************ÜBERSCHRIFTEN*/
h1{
	font-size:20pt;
	text-align:center;
}


/**********************************************einfache ÜBERSCHRIFTEN z.b. Rezepte*/
#ueb{
	font-size:25pt;
	font-weight:bold;
}


/**********************************************Text in Übersichten(Rezepte/Getränke)*/
#text_list{   
	font-size:16pt;
	font-weight:bold;
}

/**********************************************Fussnoten (speichern Falls kein Bild...)*/
#text_kl{   
	font-size:12pt;
	font-weight:bold;
}

/********************************************************************************************************************************/
/*************************************************************************************************************TABELLEN***********/
/****************************************************************************************************************ZELLEN/SPALTEN**/

/**********************************************Haupttabelle*/
#tabs{
	border-style:none;
	width:1000px;
	font-size:16pt;
}

/**********************************************Tabelle klein(Menüs)*/
#tab_klein{
	border-style:dotted;
	width:200px;
	font-size:16pt;
}


/**********************************************Tabellen Zeilen Abwechselnd*/
#tr1{
	background-color:#99FF33	;
}

#tr2{
	background-color:#D5D5D5;
}

/********************************************************************************************************************************/
/*************************************************************************************************************INPUTS*************/
/********************************************************************************************************************************/

/**********************************************Input transparent und füllend*/
#inp_tr_fill{ 	
	font-size:16pt;
	font-family:"Times New Roman", Times, serif;
	border-style:none;
	background: transparent;
	width:100%;
	height:100%;
}

/**********************************************Input transparent* (Menge RECHTSBÜNDIG Getrank show/*/
#inp_tr_right{ 	
	text-align:right;
	font-size:16pt;
	font-family:"Times New Roman", Times, serif;
	border-style:none;
	background: transparent;
	width:60px;
}

/**********************************************Input transparent* mit Rahmen (Menge RECHTSBÜNDIG Getrank neu/*/
#inp_tr_right_br{ 	
	text-align:right;
	font-size:16pt;
	font-family:"Times New Roman", Times, serif;
	background: transparent;
	width:60px;
}


/**********************************************Input transparent* (Zutaten Getrank show/*/
#inp_tr{ 	
	font-size:16pt;
	font-family:"Times New Roman", Times, serif;
	border-style:none;
	background: transparent;
	width:60px;
}

/**********************************************Input transparent* (Getranke Zutat(Breite90%)*/
#inp_tr_w90{
	font-size:16pt;
	font-family:"Times New Roman", Times, serif;
	border-style:none;
	background: transparent;
	width:90%;
}

/**********************************************Input transparent fill mit Rahmen (Getränke neu*/
#inp_tr_fill_br{	
	font-size:16pt;
	font-family:"Times New Roman", Times, serif;
	background: transparent;
	width:100%;
	height:100%;
}

/**********************************************Input transparent mit Rahmen (Getränke neu-Personen*/
#inp_tr_br{	
	font-size:16pt;
	font-family:"Times New Roman", Times, serif;
	background: transparent;
	width:100%;
}

/********************************************************************************************************************************/
/*************************************************************************************************************BUTTONS************/
/**********************************************************************************************SCHALTER & IMAGES ALS SCHALTER****/

/**********************************************Bilder als Schalter groß Hauptmenu unten!*/
#btn_hptm{
	height:29px;
}
/**********************************************Bilder als Schalter [_g]*/
#btn{
	height:30px;
}

/**********************************************Bilder als Schalter groß[_g] z.B. Im hpt menu*/
#btn_gr{
	height:50px;
}


/********************************************************************************************************************************/
/*************************************************************************************************************BILDER*************/
/********************************************************************************************************************************/

/**********************************************Bilder anzeigen "mini (Getränke verfügbar)*/
#bild_min{  /* für getranke zutaten*/
	width:10px;
}

/**********************************************Bilder anzeigen "Gertränke show Alk*/
#bild_min1{  /* für getranke zutaten*/
	width:25px;
}

/**********************************************Bilder anzeigen "klein (AlkFrei Bild Getränkeüberischt)*/
#bild_kl{
	width:60px;
}

/**********************************************Bilder anzeigen normal (Bei Übersichten)*/
#bild{
	width:100px;
}

/**********************************************Bilder anzeigen "groß"*/
#bild_med{  /* Bilder groß*/
	width:200px;
}


/**********************************************Bilder anzeigen "groß"*/
#bild_gr{  /* Bilder groß*/
	width:400px;
}

/**********************************************Bilder anzeigen "groß"*/
#bild_sgr{  /* Bilder groß*/
	width:700px;
}

/********************************************************************************************************************************/
/*************************************************************************************************************SPECIELLE**********/
/********************************************************************************************************************************/

/**********************************************Bild Vorschaufenster*/
#bild_vorschau{
	width:100%;
	height:100%;
	background-color:#696969;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	display:none;	
}

/**********************************************FÜRS LOGO*/
#container {				    /************/
  position: relative;			    /************/
  width: 50%;				    /************/
}					    /************/
					    /************/
#image {				    /************/
  display: block;			    /************/
  width: 100%;				    /************/
  height: auto;				    /************/
}					    /************/
                                            /************/
.overlay {                                  /************/
  position: absolute;			/************/
  top: 0;						/************/
  bottom: 0;					/************/
  left: 0;						/************/
  right: 0;						/************/
  height: 100%;					/************/
  width: 100%;					/************/
  opacity: 0;					/************/
  transition: .5s ease;			/************/
}								/************/
								/************/
#container:hover .overlay {		/************/
  opacity: 1;								/************/
}											/************/		
/**********************************************FÜRS LOGO*/


/*******************************************INDEX SACHEN*/
#top_line{
/*	background-color:#B2B2B2;
	height:5px;*/
        
        background-color:#B2B2B2;
	height:3px;
        width: 100%;
        position: fixed;
        padding-left: 20px; 
        padding-right: 0px; 
        border-bottom: 1px solid black; 
        top:0px;
}

#mid_line{
	background-color:#B2B2B2;
	height:1px;
}

#btn_line{
	background-color:#B2B2B2;
	height:29px;
        width: 100%;
        position: fixed;
        padding-left: 20px; 
        padding-right: 0px; 
        border-top: 1px solid black; 
        bottom:0px;
}