/* //////////////////////////////////////////////////////////////// // // Styles für die Navigation // // Weblication GRID CMS Strukturdesign Version 1.0 // erstellt durch Scholl Communications AG, 77694 Kehl, www.scholl.de // erstellt mit Weblication Content Management Server, www.weblication.de // //////////////////////////////////////////////////////////////// */ /* Hauptnavigation */ #navigationMain {margin:0 0 50px 0px !important;margin:0; font-size:12px; font-weight:bold;} #navigationMain * {margin:0;padding:0} #navigationMain ul {list-style-type:none;} #navigationMain li {overflow:hidden} #navigationMain a {display:block;width:100%;text-decoration:none} #navigationMain a:hover {display:block;width:100%;text-decoration:none} #navigationMain span {display:none;} /* Gestaltung des Navigationslevel 1 */ #navigationMain .navLevel1Container {} #navigationMain .navLevel1 {float:left;width:180px; height:43px; background-repeat:no-repeat;} #navigationMain .navLevel1 span {padding:0;} #navigationMain a.navLevel1 {line-height:16px;padding:7px 0 7px 0;color:#616365;} #navigationMain a.navLevel1:hover {line-height:16px;padding:7px 0 7px 0;color:#FFFFFF;} #navigationMain .navLevel1Selected {float:left;width:180px;height:43px; background-repeat:no-repeat;} #navigationMain .navLevel1Selected span {padding:0;} #navigationMain a.navLevel1Selected {line-height:16px;padding:7px 0 7px 0;color:#FFFFFF;} #navigationMain a.navLevel1Selected:hover {line-height:16px;padding:7px 0 7px 0;color:#FFFFFF;} #navigationMain .navLevel1Open {float:left; width:180px;height:43px; background-repeat:no-repeat;} #navigationMain .navLevel1Open span {padding:0;} #navigationMain a.navLevel1Open {line-height:16px;padding:7px 0 7px 0;color:#FFFFFF;} #navigationMain a.navLevel1Open:hover {line-height:16px;padding:7px 0 7px 0;color:#FFFFFF;} #navigationMain .navLevel1OpenSelected {float:left;width:180px;height:43px; background-repeat:no-repeat;} #navigationMain .navLevel1OpenSelected span {padding:0;} #navigationMain a.navLevel1OpenSelected {line-height:16px;padding:7px 0 7px 0;color:#FFFFFF;} #navigationMain a.navLevel1OpenSelected:hover {line-height:16px;padding:7px 0 7px 0;color:#FFFFFF;} /* Gestaltung des Navigationslevel 2 */ #navigationMain .navLevel2Container {float:left;padding:0 0 0 0;} #navigationMain .navLevel2 {width:180px;font-weight:normal; list-style-type:none;border-top:1px solid #cccccc;} #navigationMain .navLevel2 span {padding:0 0 0 8px;} #navigationMain a.navLevel2 {line-height:16px;padding:4px 0 4px 0;color:#707070;} #navigationMain a.navLevel2:hover {width:180px;line-height:16px;padding:4px 0 4px 0;color:#707070;background-color:#fcff00;} #navigationMain .navLevel2Selected {width:180px; list-style-type:none;border-top:1px solid #cccccc;} #navigationMain .navLevel2Selected span {padding:0 0 0 8px;} #navigationMain a.navLevel2Selected {line-height:16px;padding:4px 0 4px 0;color:#707070;background-color:#fcff00;} #navigationMain a.navLevel2Selected:hover {width:180px;line-height:16px;padding:4px 0 4px 0;color:#707070;background-color:#fcff00;} #navigationMain .navLevel2Open {} #navigationMain .navLevel2Open span {padding:0 0 0 8px;} #navigationMain a.navLevel2Open {line-height:16px;padding:4px 0 4px 0;color:#648DA5;background-color:#EDF6FC;} #navigationMain a.navLevel2Open:hover {line-height:16px;padding:4px 0 4px 0;color:#648DA5;background-color:#ffffff;} #navigationMain .navLevel2OpenSelected {} #navigationMain .navLevel2OpenSelected span {padding:0 0 0 8px;} #navigationMain a.navLevel2OpenSelected {line-height:16px;padding:4px 0 4px 0;color:#648DA5;background-color:#EDF6FC;} #navigationMain a.navLevel2OpenSelected:hover {line-height:16px;padding:4px 0 4px 0;color:#648DA5;background-color:#ffffff;} /*Navigation Left */ #navigationLeft {margin:0;font-size:11px; font-weight:normal;} #navigationLeft * {margin:0;padding:0} #navigationLeft ul {width:180px;list-style-type:none;font-weight:bold;border-bottom:1px solid #cccccc;} #navigationLeft li {overflow:hidden} #navigationLeft a {display:block;width:100%;text-decoration:none} #navigationLeft a:hover {display:block;width:100%;text-decoration:none} #navigationLeft span {} /* Gestaltung des Navigationslevel 1 Left */ #navigationLeft .navLevel1Container {} #navigationLeft .navLevel1 {float:left;margin-right:2px;width:180px;} #navigationLeft .navLevel1 span {padding:3px 0 3px 15px;} #navigationLeft a.navLevel1 {line-height:16px;padding:7px 0 7px 0;color:#616365;} #navigationLeft a.navLevel1:hover {line-height:16px;padding:7px 0 7px 0;color:#FFFFFF;background-color:#98BFD7;} #navigationLeft .navLevel1Selected {float:left;margin-right:2px;width:180px;} #navigationLeft .navLevel1Selected span {padding:3px 0 3px 15px;} #navigationLeft a.navLevel1Selected {line-height:16px;padding:7px 0 7px 0;color:#FFFFFF;} #navigationLeft a.navLevel1Selected:hover {line-height:16px;padding:7px 0 7px 0;color:#FFFFFF;background-color:#98BFD7;} #navigationLeft .navLevel1Open {float:left; width:180px;} #navigationLeft .navLevel1Open span {padding:3px 0 3px 15px;} #navigationLeft a.navLevel1Open {line-height:16px;padding:7px 0 7px 0;color:#FFFFFF;} #navigationLeft a.navLevel1Open:hover {line-height:16px;padding:7px 0 7px 0;color:#FFFFFF;background-color:#98BFD7;} #navigationLeft .navLevel1OpenSelected {float:left;margin-right:2px;width:180px;} #navigationLeft .navLevel1OpenSelected span {padding:3px 0 3px 15px;} #navigationLeft a.navLevel1OpenSelected {line-height:16px;padding:7px 0 7px 0;color:#FFFFFF;} #navigationLeft a.navLevel1OpenSelected:hover {line-height:16px;padding:7px 0 7px 0;color:#FFFFFF;background-color:#98BFD7;} /* Gestaltung des Navigationslevel 2 */ #navigationLeft .navLevel2Container {float:left;padding:0 0 0 0;} #navigationLeft .navLevel2 {width:180px;font-weight:normal; list-style-type:none;} #navigationLeft li.navLevel2 {border-top:1px solid #cccccc;} #navigationLeft .navLevel2 span {padding:0 0 0 3px;} #navigationLeft a.navLevel2 {line-height:16px;padding:4px 0 4px 0;color:#666;} #navigationLeft a.navLevel2:hover {width:180px;line-height:16px;padding:4px 0 4px 0;color:#666;background-color:#fcff00;} #navigationLeft .navLevel2Selected {width:180px; list-style-type:none;} #navigationLeft li.navLevel2Selected {border-top:1px solid #cccccc;font-weight:normal;} #navigationLeft .navLevel2Selected span {padding:0 0 0 3px;} #navigationLeft a.navLevel2Selected {line-height:16px;padding:4px 0 4px 0;color:#333;background-color:#fcff00;} #navigationLeft a.navLevel2Selected:hover {width:180px;line-height:16px;padding:4px 0 4px 0;color:#333;background-color:#fcff00;} #navigationLeft .navLevel2Open {} #navigationLeft li.navLevel2Open {border-top:1px solid #cccccc;} #navigationLeft .navLevel2Open span {padding:0 0 0 3px;} #navigationLeft a.navLevel2Open {line-height:16px;padding:4px 0 4px 0;color:#648DA5;background-color:#EDF6FC;} #navigationLeft a.navLevel2Open:hover {line-height:16px;padding:4px 0 4px 0;color:#648DA5;background-color:#ffffff;} #navigationLeft .navLevel2OpenSelected {} #navigationLeft li.navLevel2OpenSelected {border-top:1px solid #cccccc;} #navigationLeft .navLevel2OpenSelected span {padding:0 0 0 3px;} #navigationLeft a.navLevel2OpenSelected {line-height:16px;padding:4px 0 4px 0;color:#648DA5;background-color:#EDF6FC;} #navigationLeft a.navLevel2OpenSelected:hover {line-height:16px;padding:4px 0 4px 0;color:#648DA5;background-color:#ffffff;} /* Gestaltung des Navigationslevel 3 */ #navigationLeft .navLevel3Container {padding:2px 0 2px 0;background-color:#EDF6FC;} #navigationLeft .navLevel3 {} #navigationLeft .navLevel3 span {padding:0 0 0 52px;} #navigationLeft a.navLevel3 {line-height:16px;padding:2px 0 2px 0;color:#648DA5;background-color:#EDF6FC;} #navigationLeft a.navLevel3:hover {line-height:16px;padding:2px 0 2px 0;color:#648DA5;background-color:#ffffff;} #navigationLeft .navLevel3Selected {} #navigationLeft .navLevel3Selected span {padding:0 0 0 52px;} #navigationLeft a.navLevel3Selected {line-height:16px;padding:2px 0 2px 0;color:#648DA5;background-color:#EDF6FC;} #navigationLeft a.navLevel3Selected:hover {line-height:16px;padding:2px 0 2px 0;color:#648DA5;background-color:#ffffff;} #navigationLeft .navLevel3Open {} #navigationLeft .navLevel3Open span {padding:0 0 0 52px;} #navigationLeft a.navLevel3Open {line-height:16px;padding:2px 0 2px 0;color:#648DA5;background-color:#EDF6FC;} #navigationLeft a.navLevel3Open:hover {line-height:16px;padding:2px 0 2px 0;color:#648DA5;background-color:#ffffff;} #navigationLeft .navLevel3OpenSelected {} #navigationLeft .navLevel3OpenSelected span {padding:0 0 0 52px;} #navigationLeft a.navLevel3OpenSelected {line-height:16px;padding:2px 0 2px 0;color:#648DA5;background-color:#EDF6FC;} #navigationLeft a.navLevel3OpenSelected:hover {line-height:16px;padding:2px 0 2px 0;color:#648DA5;background-color:#ffffff;} /* Sitemap */ #navigationSitemap {} #navigationSitemap .navLevel1Description {margin:0 0 8px 0} #navigationSitemap .navLevel2Description {margin:0 0 8px 0} #navigationSitemap .navLevel3Description {margin:0 0 8px 0} #navigationSitemap .navLevel4Description {margin:0 0 8px 0} #navigationMain a.gruen:hover {background-image:url(/global/wGlobal/layout/images/menu/startseite_on.gif);background-repeat:no-repeat;} #navigationMain a.gelb:hover {background-image:url(/global/wGlobal/layout/images/menu/angebot_on.gif);background-repeat:no-repeat;} #navigationMain a.rot:hover {background-image:url(/global/wGlobal/layout/images/menu/produkte_on.gif);background-repeat:no-repeat;} #navigationMain a.blau:hover {background-image:url(/global/wGlobal/layout/images/menu/referenzen_on.gif);background-repeat:no-repeat;} #navigationMain a.hellgruen:hover {background-image:url(/global/wGlobal/layout/images/menu/firma_on.gif);background-repeat:no-repeat;}