/*
 * style_navigation.css - BW-Bank.de
 * © BRANDPERFECTION KOMMUNIKATIONSDESIGN GmbH
 */

/* Hauptnavigation */
DIV.navi{
    position: relative;
	width:230px;
	margin-right:10px;	
	float:left;
    z-index: 999;
}
	
/* Shortlinks */
DIV.navi UL.shortLinks{
	margin:0;
	padding:0;
	list-style-type:none;
}

DIV.navi UL.shortLinksTop{
	margin:0 0 8px 0;
}

DIV.navi UL.shortLinks LI.shortItem A{
	display:block;
	line-height:29px;
	height:29px;
	text-decoration:none;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	padding:0 0 0 40px;
}
    
DIV.navi UL.shortLinks LI.shortItem A:after{
	content: "";
}
	
DIV.navi UL.shortLinks LI.shortItemTop A,
DIV.navi UL.shortLinks LI.shortItemBottom A{
	line-height:31px;
	height:31px;
}
	
DIV.navi UL.shortLinks LI.shortItemBottom A{
	line-height:30px;
}

DIV.navi UL.shortLinks LI A{
    background: no-repeat left top;
}

DIV.navi UL.shortLinks LI.telefonservice A{
    background-image:url(/media/layout/web/img/mainnavigation/bg_shortItemTelefon_342977.png);
}
DIV.navi UL.shortLinks LI.telefonservice A:hover{
    background-position: left bottom;
}
	
DIV.navi UL.shortLinks LI.kontakt A{
    background-image:url(/media/layout/web/img/mainnavigation/bg_shortItemKontakt_342985.png);
}
DIV.navi UL.shortLinks LI.kontakt A:hover{
    background-position: left bottom;
}
	
DIV.navi UL.shortLinks LI.filialfinder A{
    background-image:url(/media/layout/web/img/mainnavigation/bg_shortItemFilialfinder_342980.png);
}
DIV.navi UL.shortLinks LI.filialfinder A:hover{
    background-position: left bottom;
}

DIV.navi UL.shortLinks LI.shortItemSingle A{
	background-image:url(/media/layout/web/img/mainnavigation/bg_shortItemSingle_342975.png);
}

/* productFinder */
DIV.navi DIV.productFinder{
    margin: 10px 0 0 0;
    height: 32px;
    background: url('/media/layout/web/img/mainnavigation/bg_productfinder_top_342978.png') no-repeat left top;
    cursor: pointer;
}
DIV.navi DIV.productFinder:hover{
    background-position: left -46px;
}

DIV.navi DIV.productFinderContent{
    padding: 47px 0 0 0;
    margin: 0 0 130px 0;
    height: 110px;
    background: url('/media/layout/web/img/mainnavigation/bg_productfinderdetail_342979.png') no-repeat -1px -3px;
}

/* Breadcrumb Menü */
DIV.breadcrumb{
	height:22px;
	overflow:hidden;
	margin:9px 0 10px 0;
}
        
SPAN.breadcrumbItem{
	font-weight:bold;
    color:#fff;
    padding:8px 0 0 10px;
}
SPAN.breadcrumbItem:after{
	content: "\00A0\00BB";
}

SPAN.breadcrumbItem.aktiv{
	color:#f2d279;
}

SPAN.breadcrumbItem A{
	color:#fff;
	text-decoration:none;
	font-size:12px;
    margin-right: 5px;
}
SPAN.breadcrumbItem A:hover{
    text-decoration: underline;
}
SPAN.breadcrumbItem A:after,
SPAN.breadcrumbItem.aktiv:after,
DIV.navi UL.directLinksTop LI A:after{
	content: "";
}

/* Direktlinks */	
DIV.navi UL.directLinksTop LI A{
	display:block;
	height:33px;
	background:url('/media/layout/web/img/mainnavigation/bg_directlinks_top_343008.png') no-repeat left top;
}
DIV.navi UL.directLinksTop LI A:hover{
	background-position: left -46px;
}

DIV.navi UL.directLinks{
	padding: 0 0 0 6px;
	overflow: hidden;
	display: none;
	position: absolute;
	top: 30px;
	z-index: 1500;
	width: 226px;
    background: url('/media/layout/web/img/mainnavigation/bg_directlinks_flyout_343015.png') no-repeat center bottom;
}

DIV.navi UL.directLinks LI.directLinksItem A{
	display:block;
	text-decoration:none;
    font-size:12px;
	color:#fff;
	font-weight:bold;
	padding:5px 0 0 4px;
}
DIV.navi UL.directLinks LI.directLinksItem A:hover{
    text-decoration: underline;
}
	
DIV.navi UL.directLinks LI.directLinksItemFirst A{
    margin: 2px 0 0 0;
}

DIV.navi UL.directLinks LI.directLinksItemLast A{
	padding-bottom: 13px;
}

/* Sitemap */
DIV.siteMapModulWrapper DIV.headlineModul{
	padding:0 0 0 18px;
}

DIV.siteMapModul{
	padding:0 0 15px 0;
	margin:0 15px 0 18px;
}
	
DIV.siteMapModul P.sitemapText{
	border-bottom:1px solid #d6e5f3;
	padding:0 0 15px 0;
	margin:0 0 10px 0;
}
	
DIV.siteMapModul DIV.listWrapper{
	padding:0 0 5px 0;
    zoom: 1;
}
DIV.siteMapModul DIV.listWrapper:before,
DIV.siteMapModul DIV.listWrapper:after{
    display: table;
    content: "";
}
DIV.siteMapModul DIV.listWrapper:after{
    clear: both;
}

DIV.siteMapModul DIV.listWrapper DL{
	float:left;
	width:212px;
	margin:0 20px 0 0;
}
DIV.siteMapModul DIV.listWrapper DL.listThird{
	margin:0;
}
	
DIV.siteMapModul DIV.listWrapper DL A{
    color:#000;
	text-decoration:none;
	line-height:14px;
	display:block;
	padding:0 0 6px 0;
}
DIV.siteMapModul DIV.listWrapper DL A:hover{
	text-decoration:underline;
}
DIV.siteMapModul DIV.listWrapper DL DT A{
    font-weight:bold;
    color:#036;
}