/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


#flyout 
{
float: left;
padding: 5px; 
margin: 0; 
list-style:none; 
 width:140px; 
 background: #fff;
 
 border: 1px solid  #ccc; gold;
border-collapse: collapse; 
border-spacing:0px;
border-radius: 10px;


}




#flyout ul {
	padding:0; 
	margin:0; 
	list-style:none; 
	width:130px;  
	height:auto; 
	/* background: url(images/trans.gif); */
	position:absolute; 
	left:-9999px; 
	top:0; 
	

	
	border: 1px solid  #ccc; gold;
border-collapse: collapse; 
border-spacing:0px;
border-radius: 10px;
box-shadow: 5px 5px 5px #444444;


	background: #fff;

  }
#flyout table {
	border-collapse: collapse; 
	width:0; 
	height:0; 
	margin:-1px -10px;
	
	border: 1px solid  #ccc; gold;
border-collapse: collapse; 
border-spacing:0px;
border-radius: 10px;
box-shadow: 5px 5px 5px #444444;	
	
	}

#flyout li {float:left; margin-bottom: 3px; 	  

/*background: rgb(255, 255, 255);  The Fallback */





 }
#flyout li a {
	display:block; 
	float:left; 
	width:130px; 
	height:24px; 
	/*
background: -webkit-linear-gradient(70deg, orange, #F9EC35);
background: linear-gradient(70deg, orange, #F9EC35);
background: rgb(255, 255, 255);  The Fallback 
   background: rgba(255, 255, 255, 0.8); 
   background: #fff;*/
/*background-image: -webkit-linear-gradient(70deg, gold, #F9EC35);
background-image: linear-gradient(70deg, gold, #F9EC35);*/
	 
	color:#333;  /* linkfarbe */
	line-height:24px; 
	font-family:arial, sans-serif; 
	font-size:13px; 
	text-decoration:none; 
	text-indent:10px; 
	font-weight: bold;
/* war vorher bei flyout li runde kanten gingen nicht ohne border bei flyout li a */	
/* border: 1px solid  #ccc; gold;
border-collapse: collapse; 
border-spacing:0px;
border-radius: 10px;  */ 


	}
	
	#flyout li a:first-letter { font-size: 115%;}
	
	
#flyout li a.fly {
	
	/*background: url(images/right-arrow.gif) no-repeat right center; background-color: rgba(255,232,166,0.9);*/ 
/*
color: #000; 

background: rgb(255, 255, 255);  The Fallback */
   background: url(//www.gluehbirne.ist.org/images/right-arrow.gif) no-repeat right center;

 
 }

#flyout li:hover {position:relative; 
/*
background: #FFBF00;

background: rgb(255, 255, 255);  The Fallback 
   background: rgba(255, 255, 255, 0.8);*/ }
   
   
   
#flyout li a:hover {position:relative; 
/*
background: #FFBF00;

background: rgb(255, 255, 255);  The Fallback 
   background: rgba(255, 255, 255, 0.8); */
 
  /*box-shadow: 5px 5px 5px #444444; */
} 

 /* hover */
#flyout li:hover > a {color:#990000; 
text-indent: 15px; 
/*background: #FFBF00;
background: rgb(255, 255, 255);  The Fallback 
   background: rgba(255, 255, 255, 0.8);*/
   
    } /*hover*/

#flyout li:hover > a.fly , #flyout :hover ul li a.fly
 {
 	color:#990000; 
 	text-indent: 15px;
 /*	
background: rgb(255, 255, 255);  The Fallback */
   background: url(//www.gluehbirne.ist.org/images/right-arrow.gif) no-repeat right center;
 



 
 }
  /* dazugefuegt */



#flyout ul li a
 {/*
	background: #FFBF00;
background: -webkit-linear-gradient(70deg, orange, #F9EC35);
background: linear-gradient(70deg, orange, #F9EC35);
background: rgb(255, 255, 255);  The Fallback 
   background: rgba(255, 255, 255, 0.8); 
   background: #fff;*/
  color:#333; /*linkfarbe*/
  } 
#flyout ul li a.fly {
	

	
/*	
background: rgb(255, 255, 255);  The Fallback */
   background: url(//www.gluehbirne.ist.org/images/right-arrow.gif) no-repeat right center;
	

	
	}

#flyout ul ul li a {
	
/*

background: rgb(255, 255, 255);  The Fallback 
   background: rgba(255, 255, 255, 0.8); 
	background: #fff;*/
	 }
#flyout ul ul li a.fly {
	

	/*
background: rgb(255, 255, 255);  The Fallback */
   background:  url(//www.gluehbirne.ist.org/images/right-arrow.gif) no-repeat right center;

}
#flyout ul ul ul li a {
	

/*
background: rgb(255, 255, 255);  The Fallback
   background: rgba(255, 255, 255, 0.8);
   background: #fff; 
 */
}

#flyout li a.current,
#flyout ul li a.current,
#flyout ul ul li a.current,
#flyout ul ul ul li a.current { color:#666;


}

#flyout :hover ul,
#flyout :hover ul :hover ul,
#flyout :hover ul :hover ul :hover ul {left:120px;


}

#flyout :hover ul ul,
#flyout :hover ul :hover ul ul {left:-9999px;


}

#flyout ul li:hover > a { color:#990000; }  /* hover */
#flyout ul ul li:hover > a { color:#990000; }  /* hover */
/* #flyout .last, #flyout li .last { border-bottom: 0px;} */



#flyout :hover .menuup  {position: absolute; top: -88px;}

/* NEW */
.w80, #flyout .w80, #flyout ul.w80, #flyout li.w80, #flyout li a.w80  {width: 80px;}
.w130, .fly #flyout .w130,#flyout  ul.w130,#flyout li.w130, #flyout li a.w130 {width: 130px; 

 background: rgb(255, 255, 255); /* The Fallback */
   background: rgba(255, 255, 255, 0.8); 

}
.w160, #flyout .w160,#flyout ul.w160,#flyout li.w160, #flyout li a.w160 {width: 160px;}
.w250, #flyout .w250,#flyout ul.w250,#flyout li.w250,#flyout li a.w250 {width: 250px;}







#flyout li a.fly
{
  background: url(//www.gluehbirne.ist.org/images/right-arrow.gif) no-repeat right center;
  background-image:
  url(//www.gluehbirne.ist.org/images/right-arrow.gif) no-repeat right center;
 }

#flyout ul li a.fly 
{
  background: url(//www.gluehbirne.ist.org/images/right-arrow.gif) no-repeat right center;
  background-image:
  url(//gluehbirne.ist.org/images/right-arrow.gif) no-repeat right center;
 }
	
	#flyout li:hover > a.fly , #flyout :hover ul li a.fly
 {
  background: url(//www.gluehbirne.ist.org/images/right-arrow.gif) no-repeat right center;
  background-image:
  url(//www.gluehbirne.ist.org/images/right-arrow.gif) no-repeat right center;
 }


 #flyout ul ul li a.fly 
 {
  background: url(//www.gluehbirne.ist.org/images/right-arrow.gif) no-repeat right center;
  background-image:
  url(//www.gluehbirne.ist.org/images/right-arrow.gif) no-repeat right center;
 }
