/* //////////////////////////////////////////////////////////////// // // nav.css Stylesheet fuer die Navigation // // Weblication® CMS Strukturdesign Version 4.5 // erstellt durch Scholl Communications AG, 77694 Kehl, www.scholl.de // erstellt mit Weblication® Content Management Server, www.weblication.de // //////////////////////////////////////////////////////////////// */ /* ################################ Positionierung Navigation oben ################################ */ .navTop { border: none; height: 25px;} /* ################################ Navigation oben ################################ */ .navTopLevel1 { margin: 0px; height: 25px; padding-top:-2; } /* ################################ Positionierung Navigation links ################################ */ .navLeft {width:100%;padding:0px;margin:0px;border-style:none;} /* ################################################################ Navigation links ################################################################ .navLeftLevel {border-bottom: 1px solid #ddd; width: 178px; border-bottom-color: #CCCCCC; border-bottom-style: solid, padding:4px;padding-left:0px;cursor:pointer;} .navLeftLevelOver {padding:4px;padding-left:10px;cursor:pointer;color:#ffffff;background-color:#FF7F7F;z-index:1;} .navLeftLevel1 {border-bottom: 1px solid #ddd; width: 178px; border-bottom-color: #FF7F7F; border-bottom-style: solid, padding:4px;padding-left:0px;cursor:pointer;} .navLeftLevel1Over {padding:4px;padding-left:10px;cursor:pointer;color:#ffffff;background-color:#ffffff;} .navLeftLevel2 {border-bottom: 1px solid #ddd; width: 178px; border-bottom-color: #FF7F7F; border-bottom-style: solid, padding:4px;padding-left:10px;cursor:pointer;} .navLeftLevel2Over {padding:4px;padding-left:10px;cursor:pointer;background-color:#FF7F7F;} .navLeftLevel3 {padding:4px;padding-left:20px;cursor:pointer;} .navLeftLevel3Over {padding:4px;padding-left:20px;cursor:pointer;background-color:#FF7F7F;} .navLeftLevel4 {padding:4px;padding-left:30px;cursor:pointer;} .navLeftLevel4Over {padding:4px;padding-left:30px;cursor:pointer;background-color:#FF7F7F;} .navLeftLevel5 {padding:4px;padding-left:40px;cursor:pointer;} .navLeftLevel5Over {padding:4px;padding-left:40px;cursor:pointer;background-color:#FF7F7F;} /* ################################################################ Styles für Layers (nicht ändern) ################################################################ */ .submenuTopLevel2 {position:absolute;visibility:hidden;z-index:2;margin:0px;margin-top:1px;margin-left:-0px;padding:0px;width:160px;border-top-style:solid;border-top-color:#CCCCCC;border-top-width:1px;border-left-style:solid;border-left-color:#CCCCCC;border-left-width:1px;} .submenuTopLevel3 {position:absolute;visibility:hidden;z-index:3;margin:0px;margin-left:-1px;margin-top:-1px;padding:0px;width:160px;border-top-style:solid;border-top-color:#CCCCCC;border-top-width:1px;border-left-style:solid;border-left-color:#CCCCCC;border-left-width:1px;} .submenuTopLevel4 {position:absolute;visibility:hidden;z-index:2;margin:0px;margin-left:-1px;margin-top:-1px;padding:0px;width:160px;border-top-style:solid;border-top-color:#CCCCCC;border-top-width:1px;border-left-style:solid;border-left-color:#CCCCCC;border-left-width:1px;} .submenuTopLevel5 {position:absolute;visibility:hidden;z-index:2;margin:0px;margin-left:-1px;margin-top:-1px;padding:0px;width:160px;border-top-style:solid;border-top-color:#CCCCCC;border-top-width:1px;border-left-style:solid;border-left-color:#CCCCCC;border-left-width:1px;} /* ################################################################ Styles für Navigationslevel ################################################################ */ .submenuTopRow {margin:0px;width:180px;padding:5px;padding-left:4px;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:#034A8A;border-right-style:none;border-right-color:#034A8A;border-right-width:0px;cursor:pointer;background-color:#CCCCCC;} .submenuTopRowOver {margin:0px;width:180px;padding:5px;padding-left:4px;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:#034A8A;border-right-style:solid;border-right-color:#034A8A;border-right-width:1px;cursor:pointer;background-color:#CCCCCC;} /* ################################################################ Hintergrundlayer zum Schliessen des Layermenüs ################################################################ innerhalb des DIV-Containers der Klasse "submenuCloser" ist im Navigationstemplate zusätzlich ein trans.gif mit Breiten- und Höhenangabe gesetzt (falls diese Angaben hier angepasst werden)! */ .submenuCloser {position:absolute;visibility:hidden;margin-top:30px; z-index:1;width:600px;height:480px;} /* ################################################################ Formatierung der Links in Navigation ################################################################ */ .aNavTopLevel1 {text-decoration:none;color:#000000;font-weight:normal;} .aNavTopLevel1:hover {text-decoration:none;color:#FF0000;} .aNavTopLevel2 {text-decoration:none;color:#000000;} .aNavTopLevel2:hover {text-decoration:none;color:#FF0000;} .aNavTopLevel3 {text-decoration:none;color:#000000;} .aNavTopLevel3:hover {text-decoration:none;color:#FF0000;} .aNavTopLevel4 {text-decoration:none;color:#000000;} .aNavTopLevel4:hover {text-decoration:none;color:#FF0000;} .aNavTopLevel5 {text-decoration:none;color:#000000;} .aNavTopLevel5:hover {text-decoration:none;color:#FF0000;} .aNavLeftLevel {text-decoration:none;color:#FFFFFF;cursor-pointer;} .aNavLeftLevel:hover {text-decoration:none;color:#FFE4E1;} .aNavTopSystem {text-decoration:none;color:#000000;} .aNavTopSystem:hover {text-decoration:none;color:#000000;} .systemNaviTop { margin-top: 8px; margin-left: 224px; position: absolute } a.aNavQuickLevel1 { color: #000000; text-decoration: none; padding-right: 2; padding-left: 2 } a.aNavQuickLevel1:hover { color:#FFE4E1; text-decoration: none } a.aNavLeftLevel1 { text-decoration: none; display: block } a.aNavLeftLevel1:hover { } a.aNavLeftLevel2 { color: #ffffff; font-weight: bold; text-decoration: none; background-color: #FF0033; padding: 2px 0px 2px 12px; display: block } a.aNavLeftLevel3 { color: #ffffff; text-decoration: none; padding: 2px 0px 2px 12px; display: block } a.aNavLeftLevel2:hover { color: #000000; font-weight: bold; background-color: #FF0033 } a.aNavLeftLevel3:hover { color: #000000; background-color: #FFE4E1; padding-left: 12px } a.aNavLeftLevel4 { color: #FFFFFF; text-decoration: none; padding: 2px 0px 2px 25px; width: 175px; display: block } a.aNavLeftLevel5 { color: #ffffff; text-decoration: none; padding: 2px 0px 2px 35px; display: block } a.aNavLeftLevel4:hover { color: #000000;background-color: #FFE4E1; padding-left: 12px } a.aNavLeftLevel5:hover { color: #FFE4E1 } a.aNavLeftLevel2Open { color: #FFFFFF; font-weight: bold; text-decoration: none; background-color: #FF0033; padding: 2px 0px 2px 12px; display: block } a.aNavLeftLevel2Open:hover { color: #000000; font-weight: bold; text-decoration: none; background-color: #FF0033 } a.aNavLeftLevel3Open { color: #ffffff; font-weight: bold; text-decoration: none; padding-left: 12px; display: block } a.aNavLeftLevel3Open:hover { color: #000000; background-color: #FFE4E1 } a.aNavLeftLevel4Open { color: #ffffff; text-decoration: none; padding: 2px 2px 2px 25px; width: 175px; display: block } a.aNavLeftLevel4Open:hover { color: #FFE4E1 } a.aNavLeftLevel2Selected { color: #ffffff; font-weight: bold; text-decoration: none; background-color: #FFE4E1; padding: 2px 0px 2px 12px; display: block } a.aNavLeftLevel2Selected:hover { } a.aNavLeftLevel3Selected { color: ##ffffff;font-weight: bold; text-decoration: none; background-color: #ffe4e1; padding-left: 22px; display: block } a.aNavLeftLevel3Selected:hover { color: #f00 } a.aNavLeftLevel4Selected { color: #ffffff; font-weight: bold; text-decoration: none; padding: 2px 2px 2px 25px; display: block } a.aNavLeftLevel5Selected { color: #ffffff; font-weight: bold; text-decoration: none; padding: 2px 0px 2px 35px; display: block } a.aNavLeftLevel4Selected:hover { color: #FFE4E1 } a.aNavLeftLevel2OpenSelected { color: #ffffff; font-weight: bold; text-decoration: none; background-color: #adbbc7; display: block } a.aNavLeftLevel2OpenSelected:hover {color:#000000;background-color:#ADBBC7;} a.aNavLeftLevel3OpenSelected { color: #ffffff; font-weight: bold; text-decoration: none; background-color: #FFE4E1; padding: 2px 2px 2px 12px; display: block } a.aNavLeftLevel3OpenSelected:hover { color: #FFE4E1; background-color: #FFE4E1 } a.aNavLeftLevel4OpenSelected { color: #ffffff; font-weight: bold; text-decoration: none; padding: 2px 2px 2px 25px; display: block } a.aNavLeftLevel4OpenSelected:hover { color: #FFE4E1 } a.aNavLeftLevel5OpenSelected { color: #ffffff; font-weight: bold; text-decoration: none; padding: 2px 2px 2px 25px; display: block } a.aNavLeftLevel5OpenSelected:hover { color: #FFE4E1 } /* ################################ Positionierung Sitemap ################################ */ .listSitemap1 {list-style:none; margin:0px; padding:0;} .listSitemap2 {list-style:none; margin:4px 0px 6px 10px; padding:0;} .listSitemap3 {list-style:none; margin:4px 0px 6px 20px; padding:0;} .listSitemap4 {list-style:none; margin:4px 0px 6px 30px; padding:0;} .listSitemap5 {list-style:none; margin:4px 0px 6px 40px; padding:0;} .navSitemapLevel1 a {text-decoration:none; display:inline; color:#000000; line-height:14px;} .navSitemapLevel1 a:hover {color:#EA5A00;} .navSitemapLevel2 a {text-decoration:none; display:inline; color:#000000; line-height:14px;} .navSitemapLevel2 a:hover {color:#EA5A00;} .navSitemapLevel3 a {text-decoration:none; display:inline; color:#000000; line-height:14px;} .navSitemapLevel3 a:hover {color:#EA5A00;} .navSitemapLevel4 a {text-decoration:none; display:inline; color:#000000; line-height:14px;} .navSitemapLevel4 a:hover {color:#EA5A00;} .navSitemapLevel5 a {text-decoration:none; display:inline; color:#000000; line-height:14px;} .navSitemapLevel5 a:hover {color:#EA5A00;}