/* Beschreibung: Joyn us - Menu -CSS Zuletzt bearbeitet: Jan Wagner Datum: 23.01.2009 ------------------------------------------------------------------ -1.0- Top Menu -2.0- Breadcrumb Menu -3.0- Breadcrumb Rootline -4.0- Main Menu -5.0- Footer Menu ------------------------------------------------------------------*/ /* -1.0- Top Menu ------------------------------------------------------------------*/ #topmenu-wrapper ul { } #topmenu-wrapper li { list-style:none; margin:0px 4px 0px 0px; float:left; background:url(../images/topmenu-division.jpg) no-repeat right 3px; } #topmenu-wrapper li a { margin:3px 8px 0px 0px; padding:6px 0px 9px 45px; font-size:15px; font-weight:bold; float:left; list-style:none; text-decoration:none; } #topmenu-wrapper li.but1 a {background:url(../images/topmenu-01a.jpg) no-repeat left center; color:#ffffff;} #topmenu-wrapper li.but1 a.active {background:url(../images/topmenu-01m.jpg) no-repeat left center; color:#35a5db;} #topmenu-wrapper li.but1 a:hover {background:url(../images/topmenu-01m.jpg) no-repeat left center; color:#35a5db;} #topmenu-wrapper li.but2 a {background:url(../images/topmenu-02a.jpg) no-repeat left center; color:#ffffff;} #topmenu-wrapper li.but2 a.active {background:url(../images/topmenu-02m.jpg) no-repeat left center; color:#35a5db;} #topmenu-wrapper li.but2 a:hover {background:url(../images/topmenu-02m.jpg) no-repeat left center; color:#35a5db;} #topmenu-wrapper li.but3 a {background:url(../images/topmenu-03a.jpg) no-repeat left center; color:#ffffff;} #topmenu-wrapper li.but3 a.active {background:url(../images/topmenu-03m.jpg) no-repeat left center; color:#35a5db;} #topmenu-wrapper li.but3 a:hover {background:url(../images/topmenu-03m.jpg) no-repeat left center; color:#35a5db;} #topmenu-wrapper li.but4 a {background:url(../images/topmenu-04a.jpg) no-repeat left center; color:#ffffff;} #topmenu-wrapper li.but4 a.active {background:url(../images/topmenu-04m.jpg) no-repeat left center; color:#35a5db;} #topmenu-wrapper li.but4 a:hover {background:url(../images/topmenu-04m.jpg) no-repeat left center; color:#35a5db;} #topmenu-wrapper li.but5 a {background:url(../images/topmenu-05a.jpg) no-repeat left center; color:#ffffff;} #topmenu-wrapper li.but5 a.active {background:url(../images/topmenu-05m.jpg) no-repeat left center; color:#35a5db;} #topmenu-wrapper li.but5 a:hover {background:url(../images/topmenu-05m.jpg) no-repeat left center; color:#35a5db;} #topmenu-wrapper li.but6 a {background:url(../images/topmenu-06a.jpg) no-repeat left center; color:#ffffff;} #topmenu-wrapper li.but6 a.active {background:url(../images/topmenu-06m.jpg) no-repeat left center; color:#35a5db;} #topmenu-wrapper li.but6 a:hover {background:url(../images/topmenu-06m.jpg) no-repeat left center; color:#35a5db;} #topmenu-wrapper li .subline { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-size:10px; font-weight:100; } /* -2.0- Breadcrumb Menu ------------------------------------------------------------------*/ #breadcrumb-menu ul { } #breadcrumb-menu li { list-style:none; /* padding wieder raus */ padding:0px 0px 0px 10px; margin:0px 5px 0px 0px; float:left; /* background:url(../images/breadcrumbmenu-division.jpg) no-repeat left 2px;*/ } #breadcrumb-menu li a { margin:0px 10px 0px 0px; padding:8px 43px 8px 15px; font-size:14px; font-weight:bold; float:left; list-style:none; text-decoration:none; } #breadcrumb-menu li.but1 a {background:url(../images/breadcrumbmenu-01a.jpg) no-repeat right 4px; color:#d9eef8;} #breadcrumb-menu li.but1 a.active {background:url(../images/breadcrumbmenu-01m.jpg) no-repeat right 4px; color:#ffffff;} #breadcrumb-menu li.but1 a:hover {background:url(../images/breadcrumbmenu-01m.jpg) no-repeat right 4px; color:#ffffff;} #breadcrumb-menu li.but2 a {background:url(../images/breadcrumbmenu-02a.jpg) no-repeat right 4px; color:#d9eef8;} #breadcrumb-menu li.but2 a.active {background:url(../images/breadcrumbmenu-02m.jpg) no-repeat right 4px; color:#ffffff;} #breadcrumb-menu li.but2 a:hover {background:url(../images/breadcrumbmenu-02m.jpg) no-repeat right 4px; color:#ffffff;} #breadcrumb-menu li.but3 a {background:url(../images/breadcrumbmenu-03a.jpg) no-repeat right 4px; color:#d9eef8;} #breadcrumb-menu li.but3 a.active {background:url(../images/breadcrumbmenu-03m.jpg) no-repeat right 4px; color:#ffffff;} #breadcrumb-menu li.but3 a:hover {background:url(../images/breadcrumbmenu-03m.jpg) no-repeat right 4px; color:#ffffff;} #breadcrumb-menu li .subline { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-size:10px; font-weight:100; } /* -3.0- Breadcrumb Rootline ------------------------------------------------------------------*/ #breadcrumb ul { padding:0px; margin:0px; } #breadcrumb li { padding:0px; margin:0px 0px 0px 3px; float:left; list-style:none; } #breadcrumb a:link, a:visited { color:#FFFFFF; text-decoration:none; } #breadcrumb a:link { color:#fed748; text-decoration:none; } /* -4.0- Main Menu ------------------------------------------------------------------*/ #mainmenu ul { margin:0px; padding:0px; } #mainmenu ul li { padding:0px 0px 0px 0px; font-size:16px; font-weight:bold; display:block; list-style:none; text-decoration:none; } #mainmenu ul li a { padding:12px 0px 3px 25px; width:149px; height:30px; display:block; } #mainmenu ul li a { text-decoration:none; color:#a1a1a1; background:url(../images/mainmenu-hla-a.jpg) no-repeat;} #mainmenu ul li a.active { text-decoration:none; color:#35a5db; background:url(../images/mainmenu-hla-m.jpg) no-repeat;} #mainmenu ul li a:hover { text-decoration:none; color:#35a5db; background:url(../images/mainmenu-hla-m.jpg) no-repeat;} #mainmenu ul li .subline { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-size:9px; font-weight:100; } /* ######## Zweite Ebene ######### */ #mainmenu ul ul li { padding:0px 0px 0px 0px; font-size:12px; font-weight:100; list-style:none; display:block; text-decoration:none; } #mainmenu ul ul li a { padding:5px 0px 0px 40px; width:132px; height:21px; display:block; } #mainmenu ul ul li a { text-decoration:none; color:#a1a1a1; background:url(../images/mainmenu-sl-a.jpg);} #mainmenu ul ul li a.active { background:url(../images/mainmenu-sl-m.jpg);} #mainmenu ul ul li a:hover { text-decoration:none; color:#35a5db; background:url(../images/mainmenu-sl-m.jpg);} #mainmenu ul li.but2 a { padding:6px 0px 0px 25px; width:149px; height:35px; display:block; } #mainmenu ul li.but2 a { text-decoration:none; color:#a1a1a1; background:url(../images/mainmenu-hlb-a.jpg) no-repeat;} #mainmenu ul li.but2 a.active { text-decoration:none; color:#35a5db; background:url(../images/mainmenu-hlb-m.jpg) no-repeat;} #mainmenu ul li.but2 a:hover { text-decoration:none; color:#35a5db; background:url(../images/mainmenu-hlb-m.jpg) no-repeat;} #mainmenu ul li.but2 ul li { padding:0px 0px 0px 0px; font-size:12px; font-weight:100; display:block; list-style:none; text-decoration:none; } #mainmenu ul li.but2 ul li a { padding:5px 0px 0px 40px; width:132px; height:21px; display:block; } #mainmenu ul li.but2 ul li a { text-decoration:none; color:#a1a1a1; background:url(../images/mainmenu-sl-a.jpg);} #mainmenu ul li.but2 ul li a.active { background:url(../images/mainmenu-sl-m.jpg);} #mainmenu ul li.but2 ul li a:hover { text-decoration:none; color:#35a5db; background:url(../images/mainmenu-sl-m.jpg);} /* ######## Dritte Ebene ######### */ #mainmenu ul ul ul li { padding:0px 0px 0px 0px; font-size:11px; font-weight:100; list-style:none; display:block; text-decoration:none; } #mainmenu ul ul ul li a { padding:5px 0px 0px 40px; width:132px; height:21px; display:block; } #mainmenu ul ul ul li a { text-decoration:none; color:#a1a1a1; background:url(../images/mainmenu-sl-sl-a.jpg);} #mainmenu ul ul ul li a.active { color:#a1a1a1; background:url(../images/mainmenu-sl-sl-m.jpg);} #mainmenu ul ul ul li a:hover { color:#a1a1a1; background:url(../images/mainmenu-sl-sl-m.jpg);} #mainmenu ul li.but2 ul ul li { padding:0px 0px 0px 0px; font-size:12px; font-weight:100; display:block; list-style:none; text-decoration:none; } #mainmenu ul li.but2 ul ul li a { padding:5px 0px 0px 40px; width:132px; height:21px; display:block; } #mainmenu ul li.but2 ul ul li a { text-decoration:none; color:#a1a1a1; background:url(../images/mainmenu-sl-sl-a.jpg);} #mainmenu ul li.but2 ul ul li a.active { color:#a1a1a1; background:url(../images/mainmenu-sl-sl-m.jpg);} #mainmenu ul li.but2 ul ul li a:hover { color:#a1a1a1; background:url(../images/mainmenu-sl-sl-m.jpg);} /* ################# */ #mainmenu-allopen ul { margin:0px; padding:0px; } #mainmenu-allopen ul li { padding:0px 0px 0px 0px; font-size:12px; /* font-weight:bold;*/ display:block; list-style:none; text-decoration:none; } #mainmenu-allopen ul li.but3 a { padding:30px 0px 0px 40px; width:132px; height:21px; display:block; } #mainmenu-allopen ul li.but4 a { padding:5px 0px 0px 40px; width:132px; height:21px; display:block; } #mainmenu-allopen ul li.but3 a { text-decoration:none; color:#a1a1a1; background:url(../images/mainmenu-hlc-a.jpg);} #mainmenu-allopen ul li.but3 a.active { text-decoration:none; color:#ffcc0d; background:url(../images/mainmenu-hlc-m.jpg);} #mainmenu-allopen ul li.but3 a:hover { text-decoration:none; color:#ffcc0d; background:url(../images/mainmenu-hlc-m.jpg);} #mainmenu-allopen ul li.but4 a { text-decoration:none; color:#a1a1a1; background:url(../images/mainmenu-slc-a.jpg);} #mainmenu-allopen ul li.but4 a.active { text-decoration:none; color:#ffcc0d; background:url(../images/mainmenu-slc-m.jpg);} #mainmenu-allopen ul li.but4 a:hover { text-decoration:none; color:#ffcc0d; background:url(../images/mainmenu-slc-m.jpg);} /* -5.0- Footer Menu ------------------------------------------------------------------*/ #footer a:link, #footer a:visited { color:#a1a1a1; } #footer a.active, #footer a:hover { color:#35a5db; } #footer ul { padding:0px; margin:0px; } #footer li { padding:0px; margin:0px 0px 0px 0px; float:left; list-style:none; }