/*
//-----------------------------------------------------------------------------
//  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: 160px;
	border: 1px solid #004799;
	background-image: url(../images/search_bg.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 2px;
}

#sysnav a {	font-size:9px;}

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

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

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

#hnav span.hauptnavon {
	background-image: url(../images/verlauf_hauptnavi_aktiv.gif);
	font-weight: bold;
	background-position: right;
}
#hnav span.hauptnavon a {
		font-weight: bold;
}
#hnav span.hauptnavoff {
	background-image: url(../images/verlauf_hauptnavi.gif);
}

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

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

div.vnavspecialoffer {
	background-image: url(../images/vnav_special.gif);
}

#vnav div.vnavspecialoffer div.specialoffer {
	margin: 0 0 3px 14px;
	font-size: 12px;
	color: #004799;
	font-weight: bold;
	padding: 2px 2px;
}

/*#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 #BDCBE6;
}

#vnav div.inneroffer {
	margin: 0 0 0 0px;
	background-color: #366EAF;
	width: 175px;
	padding: 0 0 5px 0;
	border-left: 1px solid White;
	border-right: 1px solid #366EAF;
}

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

#vnav div.navoffer {
	margin: 10px 0 0 6px;
	text-align: right;
}

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

#vnav div.navoffer div.offertext {
	font-size: 12px;
	color: #BCCBE6;
	text-align: left;
}

#vnav div.navoffer div.offerlink {
	text-align: right;
	padding-right: 3px;
}

#vnav div.navoffer a {
	text-align: right;
	padding-right: 3px;
	font-size: 12px;
	color: #BCCBE6;
	font-weight: bold;
}

#vnav div.navoffer a:hover {
	color: #FFCC00;
}

#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;*/ padding:0 0 1px 12px; line-height:1em; background-color: #D9E4EF;}

#vnav ul li span {
	display: block;
	margin: -20px 0px 0 -5px;
	padding: 2px 0px 0 4px;
	width: 175px;
	min-height: 18px;
	_height: 18px;
}

#vnav ul li span a {
	text-decoration: none;
	line-height: 16px;
	color: White;
}
	
#vnav ul li span.vnavtopic2off a {
	font-weight: normal;
	font-size: 12px;
}

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

#vnav ul li span.vnavtopic2on, #vnav ul li span.vnavtopic2onnavselected {
	background-image: url(../images/gradient_bg_submenu_on.1.gif);
	border-left: 1px solid white;
}

#vnav ul li span.vnavtopic2off {
	background-image: url(../images/gradient_bg_submenu.1.gif);
	border-left: 1px solid white;
}

#vnav ul li span.vnavtopic3off {
	background-image: url(../images/gradient_bg_submenu_on.1.gif);
	border-left: 1px solid #D9E4EF;
	padding-left: 14px;
	padding-right: 10px;
	width: 165px;
}

#vnav ul li span.vnavtopic3on, #vnav ul li span.vnavtopic3onnavselected  {
	background-image: url(../images/gradient_bg_submenu_on.3.gif);
	padding-left: 14px;
	border-left: 1px solid #D9E4EF;
	width: 165px;
}

#vnav ul li span.vnavtopic3off a {
	color: #004799;
	font-weight: normal;
	font-size: 11px;
}

#vnav ul li span.vnavtopic3on a, #vnav ul li span.vnavtopic3onnavselected a {
	color: #004799;
	font-weight: bold;
	font-size: 11px;

}

#vnav ul li span.vnavtopic4off  {
	background-image: url(../images/gradient_bg_submenu_on.1.gif);
	border-left: 1px solid #D9E4EF;
	padding-left: 24px;
	width: 155px;
	/*overflow: hidden;*/
}

#vnav ul li span.vnavtopic4on, #vnav ul li span.vnavtopic4onnavselected  {
	background-image: url(../images/gradient_bg_submenu_on.4.gif);
	border-left: 1px solid #D9E4EF;
	padding-left: 24px;
	width: 155px;
	/*overflow: hidden;*/
}

#vnav ul li span.vnavtopic4off a {
	color: #004799;
	font-weight: normal;
	font-size: 10px;
	line-height: 14px;
}

#vnav ul li span.vnavtopic4on a, #vnav ul li span.vnavtopic4onnavselected  a{
	color: #004799;
	font-weight: bold;
	font-size: 10px;
	line-height: 14px;
}

#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 {
    width: 7px;
	height: 20px;
	margin: 0px 0 0 -12px;
    overflow: hidden;
}

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

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

#vnav ul li div.vnavmarker4off, #vnav ul li div.vnavmarker4off {
	background-color: #D9E4EF;
	font-size: 10px;
	line-height: 14px;
}

#vnav ul li div.vnavmarker2on, div#vnav ul li.off:hover div.vnavmarker2off {
	background-color: #FFCC00;
}

#vnav ul li div.vnavmarker3on, #vnav ul li div.vnavmarker4on  {
	background-color: #D9E4EF;
}

/*
div#vnav ul li.off:hover div.vnavmarker3off, div#vnav ul li.off:hover div.vnavmarker4off {
	background-color: #FFCC00;
}
*/

#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, #vnav div.vbetweenline3 {
	margin: -1px 0 0 0;
	height: 1px;
	overflow: hidden;
	background-image: url(../images/trenner_vnav_3.gif);
}

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

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

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

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

#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: 40px;
}

#vnav div.magazinlogo {margin:0 0 0 -8px; border-left:0px solid #A3A4A6; width:182px; height:40px; position:relative;}

#vnav div.specialoffermagazin div.vnavmarker2onmagazin{
    display: none;
}

#vnav div.specialoffermagazin span.vnavtopic2off, #vnav div.specialoffermagazin span.vnavtopic2on {
    background: url(../images/vnav_special.gif);
    border: none;
    margin-left: -4px;
}

#vnav div.specialoffermagazin span.vnavtopic2off a{
    color: #004799;
    font-weight: bold;
}

#vnav div.specialoffermagazin span.vnavtopic3off{
    background-image: url(../images/gradient_bg_submenu.1.gif);
	border-left: 1px solid white;
    padding-left: 4px;
}

#vnav div.specialoffermagazin span.vnavtopic3off a {
    color: white;
    font-size: 12px;
}

#vnav div.specialoffermagazin div.vnavmarker3off {
	background-color: #C0C9E3;
}

#vnav div.specialoffermagazin div.vnavmarker3on, #vnav div.specialoffermagazin ul li.off:hover div.vnavmarker3off {
	background-color: #FFCC00;
}

#vnav div.specialoffermagazin span.vnavtopic3on, #vnav div.specialoffermagazin span.vnavtopic3onnavselected {
	background-image: url(../images/gradient_bg_submenu_on.1.gif);
	border-left: 1px solid white;
    padding-left: 4px;
    width: 175px;
}

#vnav div.specialoffermagazin span.vnavtopic3onnavselected a{
    font-weight: bold;
	font-size: 12px;
	color: #004799;
}

#vnav div.specialoffermagazin span.vnavtopic4off{
    background-image: url(../images/gradient_bg_submenu_on.1.gif);
	border-left: 1px solid #D9E4EF;
	padding-left: 14px;
	padding-right: 10px;
	width: 165px;
} 

#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{
    background-color: White;
}

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

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

* html #cnav iframe {width: 203px;}

#cnav .cmain {min-height:19px; width:206px; padding:0; margin:0 0 0 0;}

#cnav .cicon1, #cnav .cicon2 {
	padding: 0;
	margin: 0;
	width: 18px;
	height: 18px;
	float: left;
	border-right: 1px solid #004799;
	border-bottom: 1px solid #004799;
	border-left: 1px solid #004799;
	border-top: 1px solid #004799;
}


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

#cnav .cheadline1 {
	background-color: #004799;
	border-top: 1px solid #004799;
	border-bottom: 1px solid #004799;
	border-right: 0px;
	border-left: 0px;
}

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

#cnav .cheadline2 {
	background-color: #004799;
	border-top: 1px solid #004799;
	border-bottom: 1px solid #004799;
	border-right: 0px;
}

#cnav .cheadline2 a {color:#FFFFFF; background-color: #004799; 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 #004799;
	height: 1%;
	border-right: 1px solid #004799;
}

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

#cnav .channel {
	margin: 0;
	border-left: 1px solid #004799;
	padding: 0 0 2px 28px;
	border-right: 1px solid #004799;
}

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

#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 #004799;
	padding: 0;
	border-right: 1px solid #004799;
}

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

#cnav .cnavend {border-bottom:1px solid #004799;}

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

.deprecatedTemplate {margin-top:20px; width:90%; font-weight:bold;  border: 1px solid black;}

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