/* All <ul> tags in the menu including the first level */
#portfolionaviul {
	width:950px;
}
#portfolionaviul.menulist, #portfolionaviul.menulist  ul {
 margin: 0;
 padding: 0;
 list-style: none;
 z-index:9000;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
#portfolionaviul.menulist ul {
 display: none;
 position: absolute;
 top: 1.0em; margin-top: 13px; /* I'm using ems and px to allow people to zoom their font */
 left: 0px;
 width: 150px;
}

#portfolionaviul.menulist #naviKUN ul li ul {
 left: -180px;
}

#portfolionaviul.menulist #naviPRO ul li ul {
 left: -180px;
}

/* Second and third etc. level submenus - position across from parent instead */
#portfolionaviul.menulist ul ul {
 top: -1px; margin-top: 0;
 left: 179px;
}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
#portfolionaviul.menulist li {
 float: left;
 display: block;
 position: relative;
 background:white;
 margin-right: 3px;
 /*height: 24px;*/
}

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
#portfolionaviul.menulist ul li {
 float: none;
 margin: 0 0 -1px 0;
 width: 180px;
 border: 1px solid #d3cea5;
}
#portfolionaviul.menulist ul>li:last-child {
 margin-bottom: 1px; /* Mozilla fix */
}

/* Links inside the menu */
#portfolionaviul.menulist a {
 display: block;
 color: #000;
 font-weight:bold;
 font-size:11px;
 text-decoration: none;
 /*height:25px;*/
 line-height: 25px;
 /* padding:6px 0 0 0; */
 /*padding:0 45px 0 44px;*/
 background-position:top;
}

#portfolionaviul.menulist a:hover {
	color:#000000;
}

#portfolionaviul.menulist li.icon a{
	text-align:center;
}

#portfolionaviul.menulist ul li a {
 padding: 3px !important;
 text-align:left !important;
 background-image:none !important;
 color: #000;
 /*height:16px;*/
 line-height: 16px;
 /*overflow: hidden;*/
}

#portfolionaviul.menulist a:hover, #portfolionaviul.menulist a.highlighted {
	background-position:center;
}

#page.itsicherheit #naviIT a, #page.onlinebanking #naviEB a, #page.itmanagement #naviITM a, #page.beratung #naviBER a, #page.produkte #naviPRO a, #page.kunden #naviKUN a , #page.kartentechnologien #naviKAR a , #page.datenschutz #naviDAT a , #page.qualitaetssicherung #naviQUA a {
	background-position:bottom;
	color: #FFFFFF;
}
/*#page.itsicherheit #naviIT ul, #page.onlinebanking #naviEB ul, #page.itmanagement #naviITM ul, #page.beratung #naviBER ul, #page.produkte #naviPRO ul, #page.kunden #naviKUN ul, #page.kartentechnologien #naviKAR ul, #page.datenschutz #naviDAT ul, #page.qualitaetssicherung #naviQUA ul{
	display:none !important;
}*/
/*#portfolionaviul.menulist a:focus, #portfolionaviul.menulist li.selected a,  #portfolionaviul.menulist li a {
	color: #000000;
}
*/


/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */

/*naviIT*/
#naviIT{
	width:134px;
}
#naviIT a {
	background-image:url(../images/base/red_tab.gif);
}
#naviIT ul li a.highlighted {
	color: #FFFFFF;
}
#naviIT.selected a {
	background-color:#66CCFF;
}
#portfolionaviul.menulist #naviIT ul li {
	border: 1px solid #a00c20;
}
#portfolionaviul.menulist #naviIT ul a{
	color:#000;
}
#portfolionaviul.menulist #naviIT ul a.highlighted {
	color: #a00c20;
}
#portfolionaviul.menulist #naviIT ul a:hover {
	color: #a00c20;
}



/*naviEB*/
#naviEB{
	width:134px;
}
#naviEB a {
	background-image:url(../images/base/green_tab.gif);
}
#naviEB ul li a.highlighted {
	color: #FFFFFF;
}
#naviEB.selected a {
	background-color:#66CCFF;
}
#portfolionaviul.menulist #naviEB ul li {
	border: 1px solid #416e20;
}
#portfolionaviul.menulist #naviEB ul a{
	color:#000;
}
#portfolionaviul.menulist #naviEB ul a.highlighted {
	color:#416e20;
}
#portfolionaviul.menulist #naviEB ul a:hover {
	color:#416e20;
}



/*naviITM*/
#naviITM{
	width:134px;
}
#naviITM a {
	background-image:url(../images/base/blue_tab.gif);
}
#naviITM ul li a.highlighted {
	color: #FFFFFF;
}
#naviITM.selected a {
	background-color:#66CCFF;
}
#portfolionaviul.menulist #naviITM ul li {
	border: 1px solid #284478;
}
#portfolionaviul.menulist #naviITM ul a{
	color:#000;
}
#portfolionaviul.menulist #naviITM ul a.highlighted {
	color:#284478;
}
#portfolionaviul.menulist #naviITM ul a:hover {
	color:#284478;
}


/*naviBER*/
#naviBER ul li {
	width:134px;
}
#naviBER ul li a.highlighted {
 color: #FFFFFF;
}
#naviBER.selected a {
	background-color:#66CCFF;
}
#portfolionaviul.menulist #naviBER ul li {
	border: 1px solid #828058;
}
#portfolionaviul.menulist #naviBER ul a{
	color:#000;
}
#portfolionaviul.menulist #naviBER ul a.highlighted {
	color:#828058;
}
#portfolionaviul.menulist #naviBER ul a:hover {
	color:#828058;
}


/*naviPRO*/
#naviPRO ul li a.highlighted {
 color: #FFFFFF;
}
#naviPRO.selected a {
	background-color:#66CCFF;
}
#portfolionaviul.menulist #naviPRO ul li {
	border: 1px solid #828058;
}
#portfolionaviul.menulist #naviPRO ul a{
	color:#000;
}
#portfolionaviul.menulist #naviPRO ul a.highlighted {
	color:#828058;
}
#portfolionaviul.menulist #naviPRO ul a:hover {
	color:#828058;
}

/*naviKUN*/
#naviKUN ul li a.highlighted {
 color: #FFFFFF;
}
#naviKUN.selected a {
	background-color:#66CCFF;
}
#portfolionaviul.menulist #naviKUN ul li {
	border: 1px solid #828058;
}
#portfolionaviul.menulist #naviKUN ul a{
	color:#000;
}
#portfolionaviul.menulist #naviKUN ul a.highlighted {
	color:#828058;
}
#portfolionaviul.menulist #naviKUN ul a:hover {
	color:#828058;
}

/*naviKAR*/
#naviKAR ul li a.highlighted {
 color: #FFFFFF;
}
#naviKAR.selected a {
	background-color:#66CCFF;
}
#portfolionaviul.menulist #naviKAR ul li {
	border: 1px solid #828058;
}
#portfolionaviul.menulist #portfolioMenu-id-11 a{
	color:#000;
}
#portfolionaviul.menulist #portfolioMenu-id-11 a.highlighted {
	color:#828058;
}
#portfolionaviul.menulist #portfolioMenu-id-11 a:hover {
	color:#828058;
}

/*naviDAT*/
#naviDAT ul li a.highlighted {
 color: #FFFFFF;
}
#naviDAT.selected a {
	background-color:#66CCFF;
}
#portfolionaviul.menulist #naviDAT ul li {
	border: 1px solid #828058;
}
#portfolionaviul.menulist #portfolioMenu-id-12 a{
	color:#000;
}
#portfolionaviul.menulist #portfolioMenu-id-12 a.highlighted {
	color:#828058;
}
#portfolionaviul.menulist #portfolioMenu-id-12 a:hover {
	color:#828058;
}

/*naviQUA*/
#naviQUA ul li a.highlighted {
 color: #FFFFFF;
}
#naviQUA.selected a {
	background-color:#66CCFF;
}
#portfolionaviul.menulist #naviQUA ul li {
	border: 1px solid #828058;
}
#portfolionaviul.menulist #portfolioMenu-id-13 a{
	color:#000;
}
#portfolionaviul.menulist #portfolioMenu-id-13 a.highlighted {
	color:#828058;
}
#portfolionaviul.menulist #portfolioMenu-id-13 a:hover {
	color:#828058;
}






/*default*/
#portfolionaviul.menulist li.default{
	width:134px;
}
#portfolionaviul.menulist li.default a {
	background-image:url(../images/base/default_tab.gif);
	text-align:center;
}
#portfolionaviul.menulist li.default ul li a.highlighted {
	background-color: #FFFFFF;
}
#portfolionaviul.menulist li.default.selected a {
	background-color:#66CCFF;
}
/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
    #portfolionaviul.menulist a#xyz {
      background-image: url(out.gif);
    }
    #portfolionaviul.menulist a#xyz:hover, #portfolionaviul.menulist a.highlighted#xyz, #portfolionaviul.menulist a:focus {
     background-image: url(over.gif);
    }
*/

/* Only style submenu indicators within submenus. */
#portfolionaviul.menulist a .subind {
 display: none;
}
#portfolionaviul.menulist ul a .subind {
 display: block;
 float: right;
}


/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
#portfolionaviul.menulist a {
 float: left;
}
#portfolionaviul.menulist ul a {
 float: none;
}
/* \*/
#portfolionaviul.menulist a {
 float: none;
}
/* */

/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html #portfolionaviul.menulist ul li {
 float: left;
 /*width: 100%;*/
}

* html #portfolionaviul.menulist ul li {
 float: left;
 height: 1%;
}
* html #portfolionaviul.menulist ul a {
 height: 1%;
}
/* End Hacks */