/** hier sind die styles für das menü auf der ersten seite, allerdings die sachen für den Firefox,
Das Menü für den IE ist in der datei upmenu_ie.css **/

/* common styling */
.menu { 
	font-family: arial, sans-serif;
	font-weight:bold;
	font-size:13px;
	width:767px;
}
.menu ul li a, .menu ul li a:visited { 
	display:block;
	text-decoration:none;
	height:25px;
	color:#fff;
	line-height:25px;
	width:152px;
	text-align:center;
	text-transform:uppercase;
}



.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
a.first:hover, li.first:hover {display:block; color:#FFFFFF; }

li.first:hover {margin-left:-1px;padding-left:-200px;background:#587B8D;-moz-opacity: 0.85; border:1px dashed #FFFFFF; border-top-width:0px; border-bottom-width:0px; }


.menu ul li ul li a {color:#FFF;font-family:arial; font-weight:500;width:150px;border-left:1px dashed #FFFFFF;border-right:1px dashed #FFFFFF;}
.menu ul li ul li:hover a {color:#FFF;font-family:arial;border-left:1px dashed #FFFFFF;border-right:1px dashed #FFFFFF; font-weight:500;width:150px;}
.menu ul li.last a {border:1px dashed #FFFFFF;border-bottom-width:0px;}
.menu ul li:hover ul {display:block; position:absolute; bottom:30px; left:0;}
.menu ul li:hover ul li a.hide { color:#fff;}
.menu ul li:hover ul li {display:block; color:#fff; clear:both; font-size:11px; }
.menu ul li:hover ul li:hover a.hide {color:#fff;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#587B8D; color:#FFFFFF; font-family:arial, sans-serif; text-align:left;text-transform:none;padding-left:7px;margin-left:-1px;width:145px;letter-spacing:0px;}
.menu ul li:hover ul li a:hover {background:#E5352D;color:#DFDFDF;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:210px; bottom:0;}
.menu ul li:hover ul li:hover ul li a { color:#fff;}
.menu ul li:hover ul li:hover ul li a:hover {color:#fff;}


.menu ul li:hover ul.left {left:-105px;}
.menu ul li:hover ul li:hover ul.left {left:-210px; width:209px;}