/* @override http://www.bibessen.de/i500m0209/css/navigation.css */ /* //----------------------------------------------------------------------------- // Resource: /apps/all/docroot/css/navigation.css // Beschreibung: CSS für Navigationsspezifische Klassem // // History: // 17.04.2009, sgr: Grauwerte angepasst (R00022107) // 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;} #sysnav a {font-size:9px; color: #fff;} #sysnav a:hover {text-decoration:underline;} #sysnavauthor a {color:#AEB2B3;} #hnav span {display:block; margin:0; padding:6px 8px 2px 8px; height:16px; float:left;} #hnav span a {font-weight:bold; font-size:12px; line-height:1em; color: #0b3264; } #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:2px; 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: #649911; line-height:1em;} #vnav div.specialoffermagazin {margin:-21px 0 3px 0px; 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:#C1C3C4; width:175px; padding:0 0 5px 0;} #vnav div.navlogo {margin:0 0 0 0;} #vnav div.magazinlogo {margin:20px 0 10px -12px; border-left:0px solid #A3A4A6; width:182px; height:40px; position:relative; } #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: #649911;} #vnav div.navoffer div.offerlink a:hover {text-decoration:underline;} /*#vnav ul {list-style-type:none; margin:0; padding:0;}*/ #vnav ul {list-style-type:none; margin:0; padding:0; width:180px; min-height:18px; _height:18px;} /*#vnav ul li {margin:0 0 1px 12px; line-height:1em;}*/ #vnav ul li {margin:0 0 0 12px; line-height:1em; width:168px; min-height:18px; _height:18px;} /*#vnav ul li span {display:block; margin:-17px 0 0 -5px; padding: 2px 0 0 5px; width:180px; min-height:18px; _height:18px;}*/ #vnav ul li span {display:block; margin:-17px 0 0 -5px; padding: 2px 0 0 5px; position:relative; width:168px; min-height:18px; _height:18px;} #vnav ul li span a {text-decoration:none; line-height:16px; color: #0b3264;} #vnav ul li span.vnavtopic2off {padding: 0px 0 0 5px;} #vnav ul li span.vnavtopic2off a {font-weight:bold; font-size:12px;} /*#vnav ul li span.vnavtopic2off a {font-weight:bold; font-size:12px; width:168; padding: 0px 0 0 5px;}*/ /*#vnav ul li span.vnavtopic2on {background: url(../images/gradient_bg_submenu.1.gif); }*/ #vnav ul li span.vnavtopic2on {background: url(../images/gradient_bg_submenu.1.gif); padding: 0 0 0 5px;} #vnav ul li span.vnavtopic2on a {font-weight:bold; font-size:12px; } /*#vnav ul li span.vnavtopic3on, #vnav ul li span.vnavtopic3off {padding-bottom:2px;}*/ #vnav ul li span.vnavtopic3on, #vnav ul li span.vnavtopic3off {padding: 0 0 0 5px;} /*#vnav ul li span.vnavtopic3off {}*/ #vnav ul li span.vnavtopic2onnavselected {background-color: #0b3264; margin:-17px 0 0 -5px; padding: 0 0 0 5px; width:168px; min-height:18px; _height:18px;} #vnav ul li span.vnavtopic2onnavselectedmagazinlogo {background-color: #0b3264; margin:20px 0 10px -5px; padding: 0 0 0 5px; width:168px; min-height:18px; _height:18px;} #vnav ul li span.vnavtopic2onnavselected a {font-weight:bold; font-size:12px; color:white;} /**#vnav ul li span.vnavtopic3on {background: url(../images/gradient_bg_submenu.1.gif);}*/ #vnav ul li span.vnavtopic3onnavselected {background-color: #0b3264; margin:-18px 0 0 -5px; padding:0 0 0 5px; width:160px; min-height:18px; _height:18px;} #vnav ul li span.vnavtopic3onnavselected a {font-weight:bold; font-size:12px; color:white; } #vnav ul li span.vnavtopic4onnavselected {background-color: #0b3264; margin:-18px 0 0 -5px; padding:0 0 0 22px; width:145px; min-height:18px; _height:18px;} #vnav ul li span.vnavtopic4onnavselected a {font-size:10px; color: white;} #vnav ul li span.vnavtopic4off, #vnav ul li span.vnavtopic4on {background-color: white; margin:-17px 0 0 -5px; padding:0 0 0 22px; width:145px; min-height:18px; _height:18px;} #vnav ul li span.vnavtopic4off a {font-size:10px;} /*div#vnav > ul li span.vnavtopic4off, #vnav > ul li span.vnavtopic4on {margin-top:-16px;}*/ #vnav ul li div.vnavmarker2off, #vnav ul li div.vnavmarker3off, #vnav ul li div.vnavmarker4off {margin-left:-12px; padding:0; position:relative; width:6px; min-height:18px; _height:18px;} #vnav ul li div.vnavmarker2on, #vnav ul li div.vnavmarker3on, #vnav ul li div.vnavmarker4on {margin-left:-12px; padding:0; position:relative; width:6px; min-height:18px; _height:18px; background-color: #649911; } #vnav ul li div.vnavmarker2onmagazin {margin-left:-12px; margin-top:20px; width:6px; height:17px; background-color: #649911;} #vnav ul li div.vnavmarker2off {background-color:#C1C1C1;} /*div#vnav ul li.off:hover div.vnavmarker2off {background-color: #a3a4a6;}*/ 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: #649911;} #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:-1px 0 0 0; background-image:url(../images/gradient_space_submenu.0.gif); height:1px; overflow:hidden;} #vnav div.vbetweenline3 {margin:-1px 0 0 0; background-image:url(../images/trenner_navi_links_weiss.gif); height:1px; overflow:hidden;} #vnav div.vbetweenline4 {margin:-1px 0 0 0; background-image:url(../images/trenner_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:-1px 0 0 0; background-image:url(../images/gradient_top_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; } #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;} #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 #C1C3C4; border-top:1px solid #C1C3C4;} #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: #649911; border-top:1px solid white;} #cnav .cheadline1 a {color:#FFFFFF; font-weight:bold;} #cnav .cheadline2 {background-color: #0b3264; border-top:1px solid #C1C3C4;} #cnav .cheadline2 a {color:#FFFFFF; font-weight:bold; line-height:18px;} /* height 1% wegen Treppeneffekt im IE (Holly Hack) */ #cnav ul {padding:2px 0 10px 0; margin:0; list-style:none; border-left:1px solid #C1C3C4; 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: #649911;} #cnav .channel {margin:0; border-left:1px solid #C1C3C4; padding:0 0 2px 28px;} #cnav .banner {margin:0; border-left:1px solid #C1C3C4; 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 #C1C3C4; padding:0;} #cnav h2.actionsubhead {margin:0; border-left:1px solid #C1C3C4; padding:2px 0 5px 28px;} #cnav .cnavend {border-bottom:1px solid #C1C3C4; margin-bottom:5px;} #cnav .cnavsep {height:1px; margin:0; padding:0; background-color: #FFFFFF; overflow:hidden; border-left:1px solid #C1C3C4; border-bottom:1px solid #C1C3C4;} .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;} #cnav ul.cnav_bookmarkslist li { background-image:none; padding:0;} .bookmarklink {vertical-align: 3px;} #cnav ul.cnav_bookmarkslist img { border:none; margin-right:5px;}