/*
//-----------------------------------------------------------------------------
//  Resource:      /apps/all/docroot/css/navigation.css
//  Beschreibung: CSS für Navigationsspezifische Klassem
//                
//  History:
//      17.04.2007, mfr: div.uiprotectedarea_info hinzugefuegt
//      17.04.2007, oge: #cnav -banner .img => 8px padding-left gesetzt
//      20.12.2006, oge: fehler in uiinherited (# am zeilenende) korrigiert
//      08.12.2006, mfr: cmain: height in min-height geaendert (wg. IE7)
//      13.09.2006, mob: margin bei iframe-bannern im aktionskanal (T01159633)
//      07.06.2006, ple: dpalink: CSS eingefuegt
//      19.05.2006, oge: vnavtopic4: Hoehe korrigiert DFE000076
//      10.05.2006, oge: Abstand fuer IFrame
//      06.02.2006, oge: Hintergrund fuer 3. Ebene Navigation korrigiert
//      28.02.2006, dli: #vnav div.uidelete_info 
//      09.03.2006, oge: Klassen fuer spezielle Angebote
//-----------------------------------------------------------------------------
*/

/*body {behavior: url(http://www.kd-bank.de/i500m0320/css/csshover.html);}*/
body {behavior: url(csshover.htc);}

.float_left {float:left;}

#searchbox input.searchfield {
	width: 160px;
	border: 1px solid #005588;
	color: Black;
}

#sysnav a {
	font-size: 9px;
	color: #005588;
	font-weight: bold;
}

#sysnav a:hover {text-decoration:underline;}

/* Umstellung Release 3.3 ----  21.06.2010, GF*/
#sysnavauthor a {color:#005588;}
/*-------------------------------------------*/

#hnav span {display:block; margin:0px; padding:6px 18px 2px 18px; height:16px; float:left;}

#hnav span a {
	font-weight: bold;
	font-size: 12px;
	line-height: 1em;
	color: #ffffff;
}

#hnav span.hauptnavon a {
	font-weight: bold;
	font-size: 12px;
	line-height: 1em;
	color: #005588;
}

#hnav span.hauptnavon {
	background-image: url(../images/verlauf_hauptnavi_aktiv.gif);
}

#hnav span.hauptnavoff {
	background-image: url(../images/verlauf_hauptnavi.gif);
}

#hnav span.hauptnavoff:hover {
	background-image: url(../images/verlauf_hauptnavi_aktiv.gif);
}

#hnav div.hauptnavline {
	width: 1px;
	height: 100%;
	background-image: url(../images/trenner_hauptnavi.gif);
	float: left;
}

#vnav div.vnavspecialoffer div.specialoffer {margin:0 0 3px 12px; font-size:12px; color:#616161; line-height:1em;}

/* Umstellung Release 3.3 ----  21.06.2010, GF*/
#vnav div.specialoffermagazin {margin:-21px 0 3px 0px; font-size:12px; color:#000; line-height:1em;}
/*-------------------------------------------*/

/*#vnav div.outeroffer {margin:20px 0 0 0; background-color:#D1D3D4; width:175px; padding:0 0 5px 0; border-left:6px solid #A3A4A6;}*/
#vnav div.outeroffer {
	margin: 20px 0 0 0;
	border-left: 7px solid #005588;
	border-bottom: 1px solid white;
}

#vnav div.inneroffer {
	margin: 0 0 0 1px;
	width: 175px;
	padding: 0 0 5px 0;
	background: url(../images/gradient_bg_submenu.1off.gif);
}

#vnav div.navlogo {margin:0 0 0 0;}

/* Umstellung Release 3.3 ----  21.06.2010, GF*/
#vnav div.magazinlogo {margin:20px 0 10px -12px; border-left:0px solid #07598B; width:182px; height:40px; position:relative; }
/*-------------------------------------------*/

#vnav div.navoffer {margin:10px 0 0 6px;}

#vnav div.navoffer div.offerheadline {
	font-size: 12px;
	color: White;
	font-weight: bold;
}

#vnav div.navoffer div.offertext {
	font-size: 12px;
	color: White;
}

#vnav div.navoffer div.offerlink a {font-size:12px; color:#005588;}

#vnav a.clink {
	color: #005588;
}

#vnav div.navoffer div.offerlink a:hover {text-decoration:underline;}

#vnav ul {list-style-type:none; margin:0; padding:0;}

#vnav ul li {margin:0 0 1px 12px; line-height:1em;}

#vnav ul li span {
	display: block;
	margin: -17px 0 0 -5px;
	padding: 2px 0px 0px 5px;
	width: 183px;
	min-height: 16px;
	_height: 16px;
}

#vnav ul li span a {
	text-decoration: none;
	line-height: 16px;
	color: #176492;
	letter-spacing: 0px;
}
	
#vnav ul li span.vnavtopic2off a, #vnav ul li span.vnavtopic2on a { font-weight:bold; font-size:12px; }

#vnav ul li span.vnavtopic2on {
	background: url(../images/gradient_bg_submenu.1.gif);
}

#vnav ul li span.vnavtopic2off {
	background: url(../images/gradient_bg_submenu.1off.gif);
}

#vnav ul li span.vnavtopic3on, #vnav ul li span.vnavtopic3off {
	padding: 0px 0px 0px 10px;
}

#vnav ul li span.vnavtopic3on a, #vnav ul li span.vnavtopic3off a {
	padding-right: 10px;
}

#vnav ul li span.vnavtopic3off {background: url(../images/gradient_bg_submenu.1off.gif);}

#vnav ul li span.vnavtopic3on {
	background: url(../images/gradient_bg_submenu.1.gif);
}

#vnav ul li span.vnavtopic4off, #vnav ul li span.vnavtopic4on {
	padding: 0px 0px 0px 17px;
}

#vnav ul li span.vnavtopic4off a, #vnav ul li span.vnavtopic4on a {
	padding-right: 5px;
}

div#vnav > ul li span.vnavtopic4off, #vnav > ul li span.vnavtopic4on {}

#vnav ul li span.vnavtopic4off {background: url(../images/verlauf_navi_links_grau.gif);}

#vnav ul li span.vnavtopic4on {background: url(../images/verlauf_navi_links_grau_aktiv.gif);}

/* Umstellung Release 3.3 ----  21.06.2010, GF*/
#vnav ul li span.vnavtopic2onnavselected {background: url(../images/gradient_bg_submenu.1.gif);}
#vnav ul li span.vnavtopic2onnavselectedmagazinlogo { background-color: #07598B;margin:20px 0 10px -5px; padding: 0 0 0 5px; width:183px; min-height:16px; _height:16px; }

#vnav ul li span.vnavtopic2onnavselected a {font-weight:bold; font-size:12px;}

#vnav ul li span.vnavtopic3onnavselected {background: url(../images/gradient_bg_submenu.1.gif);padding: 0px 0px 0px 10px;}
#vnav ul li span.vnavtopic3onnavselected a {padding-right: 10px;}

#vnav ul li span.vnavtopic4onnavselected {padding: 0px 0px 0px 17px;background: url(../images/verlauf_navi_links_grau_aktiv.gif);}
#vnav ul li span.vnavtopic4onnavselected a {padding-right: 5px;}
/*-------------------------------------------*/

#vnav ul li div.vnavmarker2off, #vnav ul li div.vnavmarker2on, #vnav ul li div.vnavmarker3off,
#vnav ul li div.vnavmarker3on, #vnav ul li div.vnavmarker4off, #vnav ul li div.vnavmarker4on {
	margin-left: -12px;
	width: 7px;
	height: 17px;
}


#vnav ul li div.vnavmarker2off {background-color:#07598B;}

#vnav ul li div.vnavmarker2on {background-color:#80AA2B;}

#vnav ul li div.vnavmarker3off {background-color:#07598B;}

#vnav ul li div.vnavmarker3on {background-color:#80AA2B;}

#vnav ul li div.vnavmarker4off {background-color:#07598B;}

#vnav ul li div.vnavmarker4on {background-color:#80AA2B;}

div#vnav ul li.off:hover div.vnavmarker2off, div#vnav ul li.off:hover div.vnavmarker3off, div#vnav ul li.off:hover div.vnavmarker4off {background-color: #80AA2B;}

/* Umstellung Release 3.3 ----  21.06.2010, GF*/
#vnav ul li div.vnavmarker2onmagazin {margin-left:-12px; margin-top:20px; width:6px; height:17px; background-color:#07598B;}
/*-------------------------------------------*/

#vnav ul div.vbetweenline, #vnav ul div.vbottomline, #vnav ul div.vtopline, #vnav ul div.vbetweenline3 {
	width:190px; height:1px; overflow:hidden; }

#vnav div.vbetweenline {
	margin: -2px 0 0 0;
	background-image: url(../images/gradient_space_submenu.0.gif);
	height: 1px;
	overflow: hidden;
}

#vnav div.vbetweenline3 {
	margin: -2px 0 0 0;
	background-image: url(../images/verlauf_navi_links_weiss.gif);
	height: 1px;
	overflow: hidden;
}

#vnav div.vbetweenline4 {
	margin: -2px 0 0 0;
	background-image: url(../images/verlauf_navi_links_grau.gif);
	height: 1px;
	overflow: hidden;
}

#vnav div.vtopline {
	margin: 0 0 -1px 0;
	background-image: url(../images/gradient_top_submenu.gif);
	height: 1px;
	overflow: hidden;
}

#vnav div.vbottomline {
	margin: -2px 0 0 0;
	background-image: url(../images/gradient_bottom_submenu.gif);
	height: 1px;
	overflow: hidden;
}

#vnav ul ul {margin:0; padding:0;}

#vnav ul ul li {margin:0; padding:0;}

#vnav div.vnavtopics {margin-top:126px;}

#vnav div.vnavspecialoffer {margin-top:20px;}

/*Hinzugefügt "#vnav div.uisymlink_info" Release 3.1 -------- 18.08.09, GF*/
#vnav div.uiinherited_info, #vnav div.uicopy_info, 
#vnav div.uisymlink_info,
#vnav div.uisubjectareabegin_info, #vnav div.uisubjectarea_info, 
#vnav div.uisubjectareaactivate_info { margin-top:20px; width:90%; font-weight:bold;  border: 1px solid black;}
/*-------------------------------------------------------*/
#vnav div.uiprotectedarea_info { margin-top:20px; width:90%; font-weight:bold;  border: 1px solid black;}

#vnav div.uidelete_info { margin-top:20px; width:90%; color:red; font-weight:bold;  border: 1px solid black;}

#cnav * {font-size:12px;}

#cnav iframe {padding-bottom:5px;}

#cnav .cmain {
	min-height: 19px;
	width: 205px;
	padding: 0;
	margin: 0 0 0 0;
	border-bottom: 0px #005588 solid;
}

#cnav .cicon1, #cnav .cicon2 {
	padding: 0;
	margin: 0 0;
	width: 18px;
	height: 18px;
	float: left;
	border: 1px solid #005588;
}

#cnav .cheadline1, #cnav .cheadline2 {
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 10px;
	min-height: 20px;
	_height: 20px;
	width: 175px;
	color: White;
	font-weight: bold;
	line-height: 18px;
}

#cnav .cheadline1 {background-color:#005588;}

#cnav .cheadline1 a {color:#FFFFFF; font-weight:bold;}

#cnav .cheadline2 {background-color:#005588;}

#cnav .cheadline2 a {color:#FFFFFF; font-weight:bold;}

/* height 1% wegen Treppeneffekt im IE (Holly Hack) */
#cnav ul {
	padding: 2px 0 10px 0;
	margin: 0;
	list-style: none;
	border-left: 1px solid #005588;
	border-right: 1px solid #005588;
	border-top: 0px;
	height: 1%;
	background: White;
}

#cnav ul.dpalink {padding:0; border-left:0;}

#cnav ul li {
	padding: 0 0 0 16px;
	margin: 8px 0 0 30px;
	background-image: url(../images/icon_more.gif);
	background-repeat: no-repeat;
	background-position: 2px 2px;
}

#cnav ul.dpalink li {margin:0;}

#cnav ul li a {
	padding: 0;
	margin: 0;
	font-weight: bold;
	color: #7A7A7A;
}

#cnav ul li a:hover {color:#005588;}

#cnav .channel {
	margin: 0;
	border-left: 1px solid #005588;
	padding: 0 0 2px 28px;
	background-color: White;
}

#cnav .banner {margin:0; border-left:1px solid #005588; text-align:center; padding:0;}

#cnav .banner img {margin:10px 0 10px 0; padding:0 0 0 8px;}

#cnav .banner iframe {margin:10px 0 10px 0; padding:0;}

#cnav .textplus {margin:0; border-left:1px solid #005588; padding:0;}

#cnav h2.actionsubhead {
	margin: 0;
	border-left: 1px solid #005588;
	padding: 2px 0 5px 28px;
	border-right: 1px solid #005588;
	background-color: White;
}

#cnav .cnavend {
	border-bottom: 1px solid #005588;
	margin-bottom: 5px;
}

#cnav .cnavsep {height:1px; margin:0; padding:0; background-color: #FFFFFF; overflow:hidden; border-left:1px solid #005588; border-bottom:1px solid #005588;}

/* Hinzugefügt Release 3.2 ------- 05.03.2010, GF */
.deprecatedTemplate {margin-top:20px; width:90%; font-weight:bold;  border: 1px solid #666769;}

#cnav ul.cnav_rsslist li { background-image:url(../images/rss_icon.gif); padding:2px 0 6px 22px; margin-top:0px;}
/*----------------------------------------------*/

/* Hinzugefügt Release 3.3 ------- 21.06.2010, GF */
#cnav ul.cnav_bookmarkslist li { background-image:none; padding:0;}
.bookmarklink {vertical-align: 3px;}
#cnav ul.cnav_bookmarkslist img { border:none; margin-right:5px;}
/*----------------------------------------------*/
