/*
//-----------------------------------------------------------------------------
//  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(/css/csshover.htc);}

.float_left {float:left;}

#searchbox input.searchfield {width:160px;}

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

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

#hnav {border-top: 1px solid #a3a3a3; border-bottom: 1px solid #a3a3a3; border-right: 1px solid #a3a3a3;}

#hnav span {display:block; margin:0; padding: 0px; padding-top: 2px; padding-left: 18px; height:21px; float:left; width: 172px;}

*+html #hnav span {width: 171px;}

#hnav span a {font-weight:bold; font-size:12px; line-height: 18px; }

#hnav span:hover a {color: #fff;}

#hnav span.hauptnavon, #hnav span.hauptnavon a {background: #a3a3a3; color: #fff;}

#hnav span.hauptnavoff {background: white;}

#hnav span.hauptnavoff:hover {background: #a3a3a3;}

#hnav div.hauptnavline {width:1px; height:100%; background:#a3a3a3; float:left;}

#vnav div.vnavspecialoffer div.specialoffer {margin:0 0 3px 12px; font-size:12px; color:#616161; 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 #A3A4A6;}

#vnav div.inneroffer {margin:0 0 0 1px; background-color:#D1D3D4; 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 a {font-size:12px; color:#FF6600;}

#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:-20px 0 0 0px; padding: 2px 0 2px 2px; width:142px; min-height:16px; _height:16px;}

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

#vnav ul li span.vnavtopic2on, #vnav ul li span.vnavtopic2onnavselected, #vnav ul li span.vnavtopic2off:hover, #vnav ul li span.vnavtopic3on, #vnav ul li span.vnavtopic3onnavselected, #vnav ul li span.vnavtopic3off:hover , #vnav ul li span.vnavtopic4on, #vnav ul li span.vnavtopic4onnavselected, #vnav ul li span.vnavtopic4off:hover {background: #F0F0F0;}

#vnav ul li span.vnavtopic2off:hover a, #vnav ul li span.vnavtopic3off:hover a, #vnav ul li span.vnavtopic4off:hover a {color: #ff6600;}

#vnav ul li span.vnavtopic2on a, #vnav ul li span.vnavtopic2onnavselected a, #vnav ul li span.vnavtopic3on a, #vnav ul li span.vnavtopic3onnavselected a,#vnav ul li span.vnavtopic4on a, #vnav ul li span.vnavtopic4onnavselected a {color: #ff6600;}

#vnav ul li span.vnavtopic3on, #vnav ul li span.vnavtopic3onnavselected, #vnav ul li span.vnavtopic3off {padding-bottom:2px;}

/*#vnav ul li span.vnavtopic3off {}*/

#vnav ul li span.vnavtopic3on, #vnav ul li span.vnavtopic3onnavselected {background: #F0F0F0;}

#vnav ul li span.vnavtopic4off, #vnav ul li span.vnavtopic4on, #vnav ul li span.vnavtopic4onnavselected {padding-left:31px; width:126px; margin:-18px 0 0 -12px;}

#vnav ul li span.vnavtopic4off a, #vnav ul li span.vnavtopic4on a, #vnav ul li span.vnavtopic4onnavselected {line-height:1em; font-size:10px;}

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

#vnav ul li span.vnavtopic4off {background: #FFF;}

#vnav ul li span.vnavtopic4on, #vnav ul li span.vnavtopic4onnavselected {background: #F0F0F0;}

#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 {padding-top: 3px; margin-left:-12px; width:16px; height:17px;}

#vnav ul li div.vnavmarker3on, #vnav ul li div.vnavmarker4on  {background: #F0F0F0;}

#vnav ul li span.vnavtopic3on, #vnav ul li span.vnavtopic3off {padding-bottom:2px; margin-top:-20px;}

#vnav ul li div.vnavmarker3off, #vnav ul li div.vnavmarker3on {padding-top: 3px;}

div#vnav ul li.off:hover div.vnavmarker3off, div#vnav ul li.off:hover div.vnavmarker4off {background:#F0F0F0;}

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

#vnav ul li div.vnavmarker2off {background:url(../images/vnavmarker.gif) no-repeat 3px 6px;}

#vnav ul li div.vnavmarker2on {background:#F0F0F0 url(../images/vnavmarkeron.gif) no-repeat 3px 6px;}

div#vnav ul li.off:hover div.vnavmarker2off {background:#F0F0F0 url(../images/vnavmarkeron.gif) no-repeat 3px 6px;}

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

#vnav div.vbetweenline {margin:-1px 0 0 0; background: black; height:1px; overflow:hidden;}

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

#vnav div.vbetweenline4 {margin:-1px 0 0 0; background: black; height:1px; overflow:hidden;}

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

#vnav div.vbottomline {margin:-1px 0 0 0; background: black; 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:40px;}

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

#vnav div.specialoffermagazin span.vnavtopic2off {margin-bottom: 10px;}
#vnav div.specialoffermagazin span.vnavtopic2off a {font-size: 12px; font-weight: bold; color: #818181;}
#vnav div.specialoffermagazin span.vnavtopic2off a:hover, #vnav div.specialoffermagazin span.vnavtopic2off:hover, #vnav div.specialoffermagazin span.vnavtopic2on{background: none;}

#vnav div.specialoffermagazin  div.vnavmarker3on, #vnav div.specialoffermagazin  div.vnavmarker3off {width: 0px;}

#vnav div.specialoffermagazin .vnavtopic3off, #vnav div.specialoffermagazin .vnavtopic3onnavselected {margin-left: -12px; padding-left: 14px;}

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

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

/* Navigation "Rechtliches"
#vnav div.vnavspecialoffer div.specialoffer {font-weight: bold; color: #818181;}

#vnav div.vnavspecialoffer ul li .vnavtopic2off, #vnav div.vnavspecialoffer ul li .vnavtopic2on {margin-top: 0px; padding: 0px; margin-bottom: 0px; line-height: 11px; min-height: 11px;}

* html #vnav div.vnavspecialoffer ul li .vnavtopic2off, * html #vnav div.vnavspecialoffer ul li .vnavtopic2on {height: 11px;}

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

#vnav div.vnavspecialoffer ul li a{font-size: 10px; font-weight: normal; color: #4c4c4c;}

#vnav div.vnavspecialoffer ul li span:hover, #vnav div.vnavspecialoffer ul li a:hover  {background: none;}

* html #vnav div.vnavspecialoffer ul li a:hover {color: #FF6600;}

#vnav div.vnavspecialoffer ul li .vnavmarker2off, #vnav div.vnavspecialoffer ul li .vnavmarker2on {display: none;}

#vnav div.vnavspecialoffer div.vbetweenline,  #vnav div.vnavspecialoffer div.vbottomline {display: none;}

#vnav div.vnavspecialoffer div.vtopline {margin-bottom: 8px;}
Navigation "Rechtliches" Ende */

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

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

#cnav .cmain {min-height:19px; width:205px; 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 white;}

#cnav .cicon1 {border-left: 1px solid white; border-top:1px solid white;}

#cnav .cicon2 {border-left: 1px solid #D1D3D4; border-top:1px solid #D1D3D4;}

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

#cnav .cheadline1 {background-color:#D1D3D4; border-top:1px solid white;}

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

#cnav .cheadline2 {background-color:#D1D3D4; border-top:1px solid #D1D3D4;}

#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 #D1D3D4; height:1%;}

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

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

#cnav .banner {margin:0; border-left:1px solid #D1D3D4; 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 #D1D3D4; padding:0;}

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

#cnav .cnavend {border-bottom:1px solid #D1D3D4; 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;}

#cnav ul.cnav_bookmarkslist li { background-image:none; padding:0;}
.bookmarklink {vertical-align: 3px;}
#cnav ul.cnav_bookmarkslist img { border:none; margin-right:5px;}