/* Copyright 2009 asgari design */ /* IMPORTANT FOR ALL UL and LI elements used as navigation, removes list-symbols and corrects position to zero has to be completed if new navigations following ************************************************************************************* */ #main-navigation ul, #main-navigation ul.nav1st li, #sub-navigation-2nd-Level ul, #sub-navigation-2nd-Level ul.nav2nd li, #sub-navigation-3rd-Level ul, #sub-navigation-3rd-Level ul.nav3rd li { list-style-type:none; margin: 0px; } /* 1.Ebene Hauptnavigation 1.Ebene Horizontal ************************************************************************************* */ /* 1. Alle Navigationspunkte per ColorClassID definieren. Die Color-Klassen werden in den Metatags der Home und der Startartikel der jeweiligen Kategorien definiert*/ /* Ggf. übergreifendes über alle Farbklassen ... */ #main-navigation .colorClassCatID_0, #main-navigation .colorClassCatID_1, #main-navigation .colorClassCatID_2, #main-navigation .colorClassCatID_3, #main-navigation .colorClassCatID_4, #main-navigation .colorClassCatID_5 { } /* Nun die einzelnen Categorien */ /* Categorie 0 (HOME) */ #main-navigation ul.nav1st li .colorClassCatID_0 { } #main-navigation ul.nav1st li a.colorClassCatID_0:hover { background-color: #7ba7d5; } #main-navigation ul.nav1st li.active a.colorClassCatID_0, #main-navigation ul.nav1st li.active a.colorClassCatID_0:link { background-color: #7ba7d5; } .colorClassCatID_0 ul.nav1st_EXTRAMENU a.current, .colorClassCatID_0 ul.nav1st_EXTRAMENU a.current:link, .colorClassCatID_0 ul.nav1st_EXTRAMENU a:hover { color: #7ba7d5; } /* Categorie 1 */ #main-navigation ul.nav1st li .colorClassCatID_1 { } #main-navigation ul.nav1st li a.colorClassCatID_1:hover { background-color: #5b96a9; } #main-navigation ul.nav1st li.active a.colorClassCatID_1, #main-navigation ul.nav1st li.active a.colorClassCatID_1:link { background-color: #5b96a9; } .colorClassCatID_1 ul.nav1st_EXTRAMENU a.current, .colorClassCatID_1 ul.nav1st_EXTRAMENU a.current:link, .colorClassCatID_1 ul.nav1st_EXTRAMENU a:hover { color: #5b96a9; } /* Categorie 2 */ #main-navigation ul.nav1st li .colorClassCatID_2 { } #main-navigation ul.nav1st li a.colorClassCatID_2:hover { background-color: #64afab; } #main-navigation ul.nav1st li.active a.colorClassCatID_2, #main-navigation ul.nav1st li.active a.colorClassCatID_2:link { background-color: #64afab; } .colorClassCatID_2 ul.nav1st_EXTRAMENU a.current, .colorClassCatID_2 ul.nav1st_EXTRAMENU a.current:link, .colorClassCatID_2 ul.nav1st_EXTRAMENU a:hover { color: #64afab; } /* Categorie 3 */ #main-navigation ul.nav1st li .colorClassCatID_3 { } #main-navigation ul.nav1st li a.colorClassCatID_3:hover { background-color: #9bce2c; } #main-navigation ul.nav1st li.active a.colorClassCatID_3, #main-navigation ul.nav1st li.active a.colorClassCatID_3:link { background-color: #9bce2c; } .colorClassCatID_3 ul.nav1st_EXTRAMENU a.current, .colorClassCatID_3 ul.nav1st_EXTRAMENU a.current:link, .colorClassCatID_3 ul.nav1st_EXTRAMENU a:hover { color: #9bce2c; } /* Categorie 4 */ #main-navigation ul.nav1st li .colorClassCatID_4 { } #main-navigation ul.nav1st li a.colorClassCatID_4:hover { background-color: #c9c722; } #main-navigation ul.nav1st li.active a.colorClassCatID_4, #main-navigation ul.nav1st li.active a.colorClassCatID_4:link { background-color: #c9c722; } .colorClassCatID_4 ul.nav1st_EXTRAMENU a.current, .colorClassCatID_4 ul.nav1st_EXTRAMENU a.current:link, .colorClassCatID_4 ul.nav1st_EXTRAMENU a:hover { color: #c9c722; } /* Categorie 5 */ #main-navigation ul.nav1st li .colorClassCatID_5 { } #main-navigation ul.nav1st li a.colorClassCatID_5:hover { background-color: #cb5243; } #main-navigation ul.nav1st li.active a.colorClassCatID_5, #main-navigation ul.nav1st li.active a.colorClassCatID_5:link { background-color: #cb5243; } .colorClassCatID_5 ul.nav1st_EXTRAMENU a.current, .colorClassCatID_5 ul.nav1st_EXTRAMENU a.current:link, .colorClassCatID_5 ul.nav1st_EXTRAMENU a:hover { color: #cb5243; } /* Categorie 6 */ #main-navigation ul.nav1st li .colorClassCatID_6 { } #main-navigation ul.nav1st li a.colorClassCatID_6:hover { background-color: #ff9900; } #main-navigation ul.nav1st li.active a.colorClassCatID_6, #main-navigation ul.nav1st li.active a.colorClassCatID_6:link { background-color: #ff9900; } .colorClassCatID_6 ul.nav1st_EXTRAMENU a.current, .colorClassCatID_6 ul.nav1st_EXTRAMENU a.current:link, .colorClassCatID_6 ul.nav1st_EXTRAMENU a:hover { color: #ff9900; } /* Categorie 7 */ #main-navigation ul.nav1st li .colorClassCatID_7 { } #main-navigation ul.nav1st li a.colorClassCatID_7:hover { background-color: #c7b060; } #main-navigation ul.nav1st li.active a.colorClassCatID_7, #main-navigation ul.nav1st li.active a.colorClassCatID_7:link { background-color: #c7b060; } .colorClassCatID_7 ul.nav1st_EXTRAMENU a.current, .colorClassCatID_7 ul.nav1st_EXTRAMENU a.current:link, .colorClassCatID_7 ul.nav1st_EXTRAMENU a:hover { color: #c7b060; } /* Categorie 8 */ #main-navigation ul.nav1st li .colorClassCatID_8 { } #main-navigation ul.nav1st li a.colorClassCatID_8:hover { background-color: #e4afab; } #main-navigation ul.nav1st li.active a.colorClassCatID_8, #main-navigation ul.nav1st li.active a.colorClassCatID_8:link { background-color: #e4afab; } .colorClassCatID_8 ul.nav1st_EXTRAMENU a.current, .colorClassCatID_8 ul.nav1st_EXTRAMENU a.current:link, .colorClassCatID_8 ul.nav1st_EXTRAMENU a:hover { color: #e4afab; } /* Categorie 9 */ #main-navigation ul.nav1st li .colorClassCatID_9 { } #main-navigation ul.nav1st li a.colorClassCatID_9:hover { background-color: #6e7b8b; } #main-navigation ul.nav1st li.active a.colorClassCatID_9, #main-navigation ul.nav1st li.active a.colorClassCatID_9:link { background-color: #6e7b8b; } .colorClassCatID_9 ul.nav1st_EXTRAMENU a.current, .colorClassCatID_9 ul.nav1st_EXTRAMENU a.current:link, .colorClassCatID_9 ul.nav1st_EXTRAMENU a:hover { color: #6e7b8b; } /**************************************************/ /* Hauptnavigation - Übergeordnente Einstellungen */ #main-navigation { position:absolute; width:960px; top: 84px; left: 12px; height: 20px; z-index: 50; } /* Hauptnavigation - Übergeordnete Einstellungen des Verhaltens der Einzelmenupunkte */ #main-navigation ul.nav1st li, #main-navigation ul.nav1st a, #main-navigation ul.nav1st a:link, #main-navigation ul.nav1st a.current, #main-navigation ul.nav1st a.current:link, #main-navigation ul.nav1st a:hover { font-family: Arial, Helvetica, Tahoma, Geneva, Verdana, sans-serif; font-size: 1.05em; width: auto; /* << Bei Änderung des Hauptmenus (mehr oder weniger Felder) hier die Breite der Einzelnen Farbfelder korrigieren */ height: 15px; text-align: center; } /* Hauptnavigation - -Detail-Einstellungen der verschiedenen Stati */ #main-navigation ul.nav1st li { text-align: center; display:block; float:left; /*background-color: #f0f0f0;*/ } #main-navigation ul.nav1st a, #main-navigation ul.nav1st a:link { padding: 0px 14px 0px 14px; display:block; color:#17426e; text-decoration: none; padding-top:0px !Important; } #main-navigation ul.nav1st a.current, #main-navigation ul.nav1st a.current:link, #main-navigation ul.nav1st a:hover { color: #fff; } /*2. Ebene vertikal */ #sub-navigation-2nd-Level { margin-left: -5px; padding-top: 4px; border-top: dotted 1px #fff; } #sub-navigation-2nd-Level ul.nav2nd li { font-family: Arial, Helvetica, Tahoma, Geneva, Verdana, sans-serif; font-size: 1em; line-height: 1.1em; /*text-transform: uppercase;*/ margin-top: 3px; margin-bottom: 5px; padding-bottom: 5px; list-style: none; margin-left: -17px; border-bottom: dotted 1px #fff; } #sub-navigation-2nd-Level ul.nav2nd li li { /* nur bei verschachtelter Version für 3. Ebene benötigt */ border-bottom: none; margin-top: 7px; margin-bottom: -5px; padding-top: 5px; list-style: none; margin-left: 0px; border-top: dotted 1px #fff; } #sub-navigation-2nd-Level ul.nav2nd a, #sub-navigation-2nd-Level ul.nav2nd a:link { display:block; color:#fff; text-decoration: none; padding-left: 5px; } #sub-navigation-2nd-Level ul.nav2nd a.current, #sub-navigation-2nd-Level ul.nav2nd a.current:link, #sub-navigation-2nd-Level ul.nav2nd a:hover { color: #4f5953; /* text-decoration: underline; */ font-weight: bold; } /*3. Ebene vertikal */ #sub-navigation-3rd-Level ul.nav3rd li { font-family: Arial, Helvetica, Tahoma, Geneva, Verdana, sans-serif; font-size: 1em; line-height: 1.1em; text-transform: uppercase; margin-top: 3px; margin-bottom: 5px; padding-bottom: 5px; list-style: none; margin-left: -20px; border-bottom: dotted 1px #fff; } #sub-navigation-3rd-Level ul.nav3rd a, #sub-navigation-3rd-Level ul.nav3rd a:link { display:block; color:#fff; text-decoration: none; padding-left: 5px; } #sub-navigation-3rd-Level ul.nav3rd a.current, #sub-navigation-3rd-Level ul.nav3rd a.current:link, #sub-navigation-3rd-Level ul.nav3rd a:hover { color:#4f5953; text-decoration: underline; font-weight: bold; } /*3. Ebene vertikal (verschachtelte Version) */ /* #sub-navigation-2nd-Level ul.nav3rd li { font-family: Arial, Helvetica, Tahoma, Geneva, Verdana, sans-serif; font-size: 1em; line-height: 1.1em; padding-left:0px; list-style: none; margin-left: 0px; } */ #sub-navigation-2nd-Level ul.nav3rd a, #sub-navigation-2nd-Level ul.nav3rd a:link { display:block; color:#fff; text-decoration: none; padding-left: 5px; } #sub-navigation-2nd-Level ul.nav3rd a.current, #sub-navigation-2nd-Level ul.nav3rd a.current:link, #sub-navigation-2nd-Level ul.nav3rd a:hover { color:#4f5953; /* text-decoration: underline; */ font-weight: bold; } /* FOOTER MENU */ ul.nav1st_EXTRAMENU li, ul.nav1st_EXTRAMENU a, ul.nav1st_EXTRAMENU a:link, ul.nav1st_EXTRAMENU a.current, ul.nav1st_EXTRAMENU a.current:link, ul.nav1st_EXTRAMENU a:hover { font-family: Arial, Helvetica, Tahoma, Geneva, Verdana, sans-serif; font-size: 1em; width: auto; /* << Bei Änderung des Hauptmenus (mehr oder weniger Felder) hier die Breite der Einzelnen Farbfelder korrigieren */ height: 15px; text-align: center; display:block; float:left; margin-right: 5px; /* << Bei Änderung des Hauptmenus (mehr oder weniger Felder) hier Zwischenabstände korrigieren */ }