/*
//-----------------------------------------------------------------------------
//  Resource:      /apps/all/docroot/css/navigation.css
//  Beschreibung: CSS f�r Navigationsspezifische Klassem
//                
//  History:
//		30.01.2008, mmu: #vnav ul li span.vnavtopic4off, #vnav ul li span.vnavtopic4on 
//						 fixe Hoehe entfernt, damit auch mehrzeilige Navigationspunkte
//						 darstellbar sind.
//		29.01.2008, mmu: #vnav div.navoffer div.offerlink a jetzt orange (T01610902)
//		29.10.2007, pha: #vnav div.uisymlink_info hinzugefuegt
//      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(csshover.htc);
	}

.float_left {float:left;}

#searchbox input.searchfield {
	width:10.80em;
	vertical-align:top;
	border:1px solid #c3c9c9;
	color:#666666;
	font-size:12px;
	padding:3px 2px 3px 2px;
	}

#sysnav a {
	font-size:11px;	
	color:#666;
	top:1px;
	}

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

#hnav span { 
	margin:0; 
	padding:0; 
	float:left;
	display:inline-block;
	}

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

#hnav span.hauptnavon {
	height:100%;
	background-image:url(../images/dkm_hauptnavon_L.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	position:relative;
	}
#hnav span.hauptnavon a.hauptnavon {
	background-image:url(../images/dkm_hauptnavon_R.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	vertical-align:bottom;
	padding:16px 27px 9px 27px;
	}
#hnav span.hauptnavoff {
	height:100%;
	background-image:url(../images/dkm_hauptnavoff_L.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	position:relative;
	}
#hnav span.hauptnavoff a.hauptnavoff {
	background-image:url(../images/dkm_hauptnavoff_R.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	vertical-align:bottom;
	padding:16px 27px 8px 27px;
	}
#hnav span.hauptnavoff:hover {
	background-image:url(../images/dkm_hauptnavon_L.jpg);
	}
#hnav span.hauptnavoff:hover a.hauptnavoff {
	background-image:url(../images/dkm_hauptnavon_R.jpg);
	}
#hnav div.hauptnavline {
	width:0; 
	height:100%; 
	float:left; 
	background-image:none; 
}

#vnav div.vnavspecialoffer div.specialoffer {margin:0 0 3px 12px; font-size:12px; color:#191c1c; 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:6px solid #fff;
	}

#vnav div.inneroffer {
	margin:0 0 0 1px; 
	background-color:#fff; 
	width:175px; padding:0 0 5px 0;
	}

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

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

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

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

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

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

#vnav div.vnavtopics {
	margin-top:11.25em;
	/*width:15.17em;*/
	width:14.75em;
	}

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

#vnav ul li {
	margin:0 0 1px 0; 
}

#vnav ul li span {
	display:block; 
	margin:0 0 0 0; 
	padding: 0 0 0 0; 
	width:100%; 
	min-height:1.33em;
	}
* html #vnav ul li span {
	height:1.33em;
	}

#vnav ul li span a {
	text-decoration:none; 
	color:#616161;
	}
#vnav ul li span a:hover {
	color:#ec008c;
}
#vnav ul li span.vnavtopic2off, 
#vnav ul li span.vnavtopic2on,
#vnav ul li span.vnavtopic2onnavselected {
	width:93%;
	border-left:5px solid #cdcece;
	padding:5px 0 4px 9px;
	display:block;
	background: url(../images/dkm_bg_vnavtopics.jpg) left bottom no-repeat;
	}
	
#vnav ul li span.vnavtopic2off a, 
#vnav ul li span.vnavtopic2on a,
#vnav ul li span.vnavtopic2onnavselected a {
	font-weight:bold; 
	font-size:12px;
	display:block;
	width:95%;
	}
#vnav ul li span.vnavtopic2on a,
#vnav ul li span.vnavtopic2onnavselected a {
	color:#000;
	}
	
#vnav ul li span.vnavtopic2onnavselected {font-weight:bold; font-size:12px;	display:block;	width:95%; }
#vnav ul li span.vnavtopic2onnavselected a { color: #000;}

#vnav ul li span.vnavtopic3on, 
#vnav ul li span.vnavtopic3off {
	padding:5px 0 4px 24px;
	}
#vnav ul li span.vnavtopic3on a {
	color:#ec008c;
	font-weight:bold;
	}
/**#vnav ul li span.vnavtopic3on {background: url(../images/gradient_bg_submenu.1.gif);}*/
#vnav ul li span.vnavtopic3onnavselected {padding:5px 0 4px 24px;}
#vnav ul li span.vnavtopic3onnavselected a {color:#ec008c; font-weight:bold; }


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

#vnav ul li span.vnavtopic4off a, #vnav ul li span.vnavtopic4on a {
	font-size:11px;
	}
#vnav ul li span.vnavtopic4on a {
	color:#ec008c;
	}

div#vnav > ul li span.vnavtopic4off, #vnav > ul li span.vnavtopic4on {margin-top:-16px;}

#vnav ul li span.vnavtopic4off {
	
	}

#vnav ul li span.vnavtopic4on {
	color:#ec008c;
	font-weight:bold;
	}
#vnav ul li span.vnavtopic4onnavselected { color:#ec008c; font-weight:bold; padding:5px 0 4px 35px;}
#vnav ul li span.vnavtopic4onnavselected a {color:#ec008c;}


#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:5px; 
	height:1.42em;
	*/
	display:none;
}

#vnav ul li div.vnavmarker4off, #vnav ul li div.vnavmarker4on {height:15px;}

#vnav ul li div.vnavmarker2off {
	/*background-color:#cdcece;*/
	}

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

div#vnav ul li.off:hover div.vnavmarker2off {
	background-color: #676c6c;
	}
	
#vnav ul div.vbetweenline, 
#vnav ul div.vbottomline, 
#vnav ul div.vtopline, 
#vnav ul div.vbetweenline3 {
	/*width:15.17em; */
	width:14.75em; 
	height:1px; 
	position:relative;
	}
#vnav div.vbetweenline {
	margin:0 0 0 0; 
	background-color:#cdcece;
	height:1px; 
	overflow:hidden;
	}

#vnav div.vbetweenline3 {
	margin:-1px 0 0 0; 
	background-color:#cdcece;
	height:1px; 
	overflow:hidden;
	}

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

#vnav div.vtopline {
	margin:0 0 0 0; 
	background-color:#cdcece;
	height:1px; 
	overflow:hidden;
	}

#vnav div.vbottomline {
	margin:0 0 0 0; 
	background-color:#cdcece;
	height:1px; 
	overflow:hidden;
	}

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

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

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

#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;}

/* KNA Ticker */
#cnav .dkm-tickerHead {
	position:absolute!important;
	z-index:999;
	top:8.25em;
	bottom:32.5em;
	left:-71.75em;
	font-size:11px;
	margin-left:5px;
	font-weight:bold!important;
	width:16.25em!important;
	}
#cnav .dkm-tickerHead .cicon2 {
	display:none;
	}
#cnav .dkm-tickerHead .cheadline2 {
	background-image:none;
	color:#000;
	background-color:#fff;
	margin:0;
	padding-left:13px;
	*padding-left:18px;
	padding-right:0;
	font-weight:bold;
	vertical-align:bottom;
	line-height:130%;
	font-size:11px!important;;
	}
#cnav .dkm-tickerText {
	position:absolute!important;
	z-index:999;
	top:12.05em;
	left:-71.75em;
	*left:-71.25em;
	background-image:none;
	color:#000;
	font-size:11px!important;
	font-weight:bold;
	margin-left:5px;
	width:180px;
	height:365px!important;
	overflow:hidden;
	padding:0 0 0 7px!important;
	border:0!important;
}
#cnav * {font-size:12px;}

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

#cnav .cmain {
	min-height:1.73em;
	width:100%; 
	padding:0; 
	margin:0 0 0 0;
	}

#cnav .cicon1, 
#cnav .cicon2 {
	padding:0; 
	margin:0; 
	width:21px; 
	height:21px; 
	float:left;
	border-right:2px solid white;
	}

#cnav .cicon1 {

	}

#cnav .cicon2 {
	
	}

#cnav .cheadline1, 
#cnav .cheadline2 {
	margin: 0 0 0 23px; 
	padding:0 0 2px 6px; 
	min-height:1.73em;
	_height:1.73em; 
	color:#FFF;	
	font-weight:bold; 
	line-height:1.73em;
	font-size:11px;
	}

#cnav .cheadline1 {
	background-color:#989b9b; 
	background-image: url(../images/dkm_bg_cheadline1.gif); 
	background-repeat: repeat-x; 
	background-position:0 bottom;
	}

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

#cnav .cheadline2 {
	background-color:#f0f3f3; 
	background-image: url(../images/dkm_bg_cheadline2.gif); 
	background-repeat: repeat-x; 
	background-position:0 bottom;
	color:#000000;
	letter-spacing: -0.02em;
	padding: 1px 0 1px 6px; 
	}
#cnav .cheadline2 .offerlink {
	font-size:11px;
	font-weight:bold;
	line-height:1.73em;
	}

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

/* height 1% wegen Treppeneffekt im IE (Holly Hack) */
#cnav ul {
	padding:2px 0 10px 0; 
	margin:0; 
	list-style:none; 
	height:1%;
	}
#cnav ul.dpalink {
	padding:0; 
	border:0;
	}

#cnav ul li {
	padding:5px 6px 6px 35px; 
	margin:0 0 0 0; 
	border:1px solid #eceeee;
	color:#595e5e;
	}

#cnav ul li  {
	background-image: url(../images/dkm_icon_more.gif); 
	background-repeat: no-repeat; 
	background-position:27px 0.75em;
	}
#cnav ul.cnav_bookmarkslist li  {
	background-image: none; 
	}
#cnav ul.cnav_bookmarkslist li a img {
	
	vertical-align: middle;
	margin-right: 5px;
	margin-left: -7px;
	}

#cnav ul.dpalink li {
	margin:0;
	border:0;
	background-position:0 0.8em;
	padding-left:9px;
	}

#cnav ul li a,
#cnav ul.cnav_linklist li div.offerlink a {
	padding:0; 
	margin:0; 
	color:#595e5e;
	}

#cnav ul li a:hover {
	text-decoration:underline;
	}

#cnav .channel {
	margin:0 0 10px 0; 
	border:1px solid #eceeee; 
	border-top:0;
	padding:10px 6px 6px 23px;
	}

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

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

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

#cnav .textplus {
	margin:0; 
	font-size:11px;
	border:1px solid #eceeee; 
	padding:10px 6px 6px 23px;
	}
#cnav .textplus iframe {
	margin-left:-23px;
	width:202px!important;
	*width:200px!important;
	}
#cnav h2.actionsubhead {
	margin:0 0 -1px 0;
	padding:10px 6px 6px 23px;
	background-color:#fff;
	position:relative;
	z-index:5;
	border-left:1px solid #eceeee; 
	border-right:1px solid #eceeee; 
	}

#cnav .cnavend {
	margin-bottom:5px;
	}

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