#ulmportal-leiste{
width:970px;
height:40px;
background-color:#FEFEFE;
margin:5px 0;
font-size:12px;
font-family:'Arial', sans-serif;
position:absolute;
z-index:1000;
top: 105px;
left: 35px;
}
#ulmportal-leiste *{
transition: 0.5s;
-webkit-transition: 0.5s;
}
#ulmportal-leiste ul{
width:970px;
height:40px;
margin:0;
padding:0;
}
#ulmportal-leiste ul li{
height:34px;
list-style-type:none;
margin:3px 0;
padding:0;
display:inline-block;
width:20%;
text-align:center;
position:relative;
}
#ulmportal-leiste ul li a{
border-right:2px solid #ffffff;
height:24px;
display:block;
color:#999999;
padding:10px 0 0 0;
margin:0;
font-weight:bold;
line-height:15px;
background-color:#EFEFEF;
}
#ulmportal-leiste ul li a:hover{
color:#fff;
background-color:#999999;
border-right:2px solid #fff;
}
#ulmportal-leiste ul li a.active{
color:#fff;
background-color:#EE3300;
border-right:2px solid #fff;
}
#ulmportal-leiste  ul li:last-child a{
border:0;
}
#ulmportal-leiste ul li a div.down-box{
position:absolute;
top:34px;
left:0;
background-color:#fff;
color:#000;
width:375px;
height:64px;
padding:5px;
z-index:5000;
transition: 0.1s;
-webkit-transition: 0.1s;
border-left:5px solid #999999;
text-align:left;
visibility:hidden;
font-size:10px;
font-weight:normal;
}
#ulmportal-leiste ul li a div.down-box p{padding:0 0 0 5px;margin:0;}
#ulmportal-leiste ul li a div.down-box .link{color:#fff;font-weight:bold;padding:2px 10px 2px 10px;margin:4px -5px 0 -5px;background-color:#999999;}
#ulmportal-leiste ul li a.active div.down-box .link{background-color:#EE3300;}
#ulmportal-leiste ul li a div.down-box .link:hover{text-decoration:underline;}
#ulmportal-leiste ul li a.active div.down-box{
border-left:5px solid #EE3300;
}
#ulmportal-leiste ul li a:hover div.down-box{
visibility:visible;
}