/******************************************************************************************************** created by: NewMedia http://www.newmedia.ch project: newmedia.ch date: September/2009, Gaby Wildhaber version: 4.1 file: navigation.css function: navigation ********************************************************************************************************/ /*-------------------------------- csc Navigation --------------------------------*/ /* nummerierung und punkt verstecken */ li dfn, .usb { display:none; } /* SERVICE NAVIGATION ------------------------------------------- */ #table-menu-service { height:479px; } #table-menu-service td { padding-bottom: 14px; } #menu-service { padding:0px; margin:0px; } #menu-service li { list-style:none; margin:0px; line-height:18px; height:28px; } #menu-service li.first { border-left:none; } #menu-service li a {letter-spacing:0;padding-left:20px; padding-right:20px;line-height:18px;color: #666666; text-decoration: none; font-weight:normal; font-size:14px;} *html #menu-service li a {font-size:13px;} #menu-service li a:link {height:18px; line-height:18px; } #menu-service li a:visited {height:18px; line-height:18px; } #menu-service li a:hover {height:18px; line-height:18px; color: #ffffff;} #menu-service li a:active {height:18px; line-height:18px; color: #ffffff;} #menu-service li a:focus {height:18px; line-height:18px; color: #ffffff;} #menu-service li .activ a {height:18px; line-height:18px; color: #ffffff;} #menu-service li .activ a:link {height:18px; line-height:18px; color: #ffffff;} #menu-service li .activ a:visited {height:18px; line-height:18px; color: #ffffff;} #menu-service li .activ a:hover {height:18px; line-height:18px; color: #ffffff;} #menu-service li .activ a:active {height:18px; line-height:18px; color: #ffffff;} #menu-service li .activ a:focus {height:18px; line-height:18px; color: #ffffff;} #menu-service li .cur a {height:18px; line-height:18px; color: #ffffff;} #menu-service li .cur a:link {height:18px; line-height:18px; color: #ffffff;} #menu-service li .cur a:visited {height:18px; line-height:18px; color: #ffffff;} #menu-service li .cur a:hover {height:18px; line-height:18px; color: #ffffff;} #menu-service li .cur a:active {height:18px; line-height:18px; color: #ffffff;} #menu-service li .cur a:focus {height:18px; line-height:18px; color: #ffffff;} /* HAUPTNAVIGATION HOME LAYOUT---------------------------------------------------------- */ #menu-mainhome { color:#333333; float:left; margin:0px; padding:0px; text-align:right; } *html #menu-mainhome { padding-top:12px; } #content #menu-mainhome_1 { padding:0px; margin:0px; } #menu-mainhome_1 li { color:#333333; list-style:none; width:400px; margin:0px; padding:0px; margin-bottom:16px; margin-top:8px; background-image:url(../html/img/menu-mainhome.gif); background-repeat:no-repeat; background-position:right top; } #menu-mainhome_1 .first { margin-top:0; } #menu-mainhome_1 li a {letter-spacing:0;padding-left:10px; padding-right:10px; display:block; height:22px; line-height:28px; color:#333333; text-decoration: none; font-size:14px; font-weight:normal;} *html #menu-mainhome_1 li a {font-size:13px;} #menu-mainhome_1 li a:link {height:22px; line-height:22px;} #menu-mainhome_1 li a:visited {height:22px; line-height:22px;} #menu-mainhome_1 li a:hover {height:22px; line-height:22px;} #menu-mainhome_1 li a:active {height:22px; line-height:22px;} #menu-mainhome_1 li a:focus {height:22px; line-height:22px;} #menu-mainhome_1 li .activ a {height:22px; line-height:22px; color: #333333;} #menu-mainhome_1 li .activ a:link {height:22px; line-height:22px; color: #333333; } #menu-mainhome_1 li .activ a:visited {height:22px; line-height:22px; color: #333333; } #menu-mainhome_1 li .activ a:hover {height:22px; line-height:22px; color: #333333; } #menu-mainhome_1 li .activ a:active {height:22px; line-height:22px; color: #333333; } #menu-mainhome_1 li .activ a:focus {height:22px; line-height:22px; color: #333333; } #menu-mainhome_1 li .cur a {height:22px; line-height:22px; color: #333333; } #menu-mainhome_1 li .cur a:link {height:22px; line-height:22px; color: #333333; } #menu-mainhome_1 li .cur a:visited {height:22px; line-height:22px; color: #333333; } #menu-mainhome_1 li .cur a:hover {height:22px; line-height:22px; color: #333333; } #menu-mainhome_1 li .cur a:active {height:22px; line-height:22px; color: #333333; } #menu-mainhome_1 li .cur a:focus {height:22px; line-height:22px; color: #333333; } #content #menu-mainhome_2 { padding:0px; margin:0px; } #menu-mainhome_2 li { color:#666666; list-style:none; width:390px; margin:0px; padding:0px; border-bottom:1px dotted #999999; padding-bottom:4px; padding-top:4px; margin-right:16px; background-image:url(../html/img/menu-mainhome_sub.gif); background-repeat:no-repeat; background-position:right bottom; } *html #menu-mainhome_2 li { color:#666666; list-style:none; width:385px; margin:0px; padding:0px; border-bottom:1px dotted #999999; padding-bottom:4px; padding-top:4px; margin-right:15px; background-image:url(../html/img/menu-mainhome_sub.gif); background-repeat:no-repeat; background-position:right bottom; } #menu-mainhome_2 .first { border-top:1px dotted #999999; margin-top:8px; } #menu-mainhome_2 li a {padding-left:10px; display:block;height:22px; line-height:28px; color:#666666; text-decoration: none; font-size:14px;font-weight:normal;} #menu-mainhome_2 li a:link {height:22px; line-height:22px;} #menu-mainhome_2 li a:visited {height:22px; line-height:22px;} #menu-mainhome_2 li a:hover {height:22px; line-height:22px;} #menu-mainhome_2 li a:active {height:22px; line-height:22px;} #menu-mainhome_2 li a:focus {height:22px; line-height:22px;} #menu-mainhome_2 li .activ a {height:22px; line-height:22px; color: #666666;} #menu-mainhome_2 li .activ a:link {height:22px; line-height:22px; color: #666666;} #menu-mainhome_2 li .activ a:visited{height:22px; line-height:22px; color: #666666;} #menu-mainhome_2 li .activ a:hover {height:22px; line-height:22px; color: #666666;} #menu-mainhome_2 li .activ a:active {height:22px; line-height:22px; color: #666666;} #menu-mainhome_2 li .activ a:focus {height:22px; line-height:22px; color: #666666;} #menu-mainhome_2 li .cur a {height:22px; line-height:22px; color: #666666;} #menu-mainhome_2 li .cur a:link {height:22px; line-height:22px; color: #666666;} #menu-mainhome_2 li .cur a:visited {height:22px; line-height:22px; color: #666666;} #menu-mainhome_2 li .cur a:hover {height:22px; line-height:22px; color: #666666;} #menu-mainhome_2 li .cur a:active {height:22px; line-height:22px; color: #666666;} #menu-mainhome_2 li .cur a:focus {height:22px; line-height:22px; color: #666666;} /* Dies sind die Klassenstile für das Untermenü wenn sich die Maus */ /* über der Liste befindet (.hover siehe JavaScript oben) */ /*#menu-mainhome_1 .hover #menu-mainhome_2 { display:block; } */ /* HAUPTNAVIGATION STANDARD LAYOUT---------------------------------------------------------- */ #table-menu-main { height:277px; width:210px; } #table-menu-main td { padding-bottom: 14px; } #menu-main { padding:0px; margin:0px; text-align:right; } #menu-main li { list-style:none; margin:0px; line-height:18px; height:28px; padding-right:8px; } #menu-main li.first { border-left:none; } #menu-main li.menu-main { background-image:url(../html/img/menu-main.gif); background-repeat:no-repeat; background-position:right; } #menu-main li.activ, #menu-main li.cur { background-image:none; background-image:url(../html/img/menu-main_hover.gif); background-repeat:no-repeat; background-position:right; } #menu-main li a {letter-spacing:0;line-height:18px;color: #666666; text-decoration: none; font-weight:normal; font-size:14px;} *html #menu-main li a {font-size:13px;} #menu-main li a:link {height:18px; line-height:18px; } #menu-main li a:visited {height:18px; line-height:18px; } #menu-main li a:hover {height:18px; line-height:18px; color: #ffffff;} #menu-main li a:active {height:18px; line-height:18px; color: #ffffff;} #menu-main li a:focus {height:18px; line-height:18px; color: #ffffff;} #menu-main li .activ a {height:18px; line-height:18px; color: #ffffff;} #menu-main li .activ a:link {height:18px; line-height:18px; color: #ffffff;} #menu-main li .activ a:visited {height:18px; line-height:18px; color: #ffffff;} #menu-main li .activ a:hover {height:18px; line-height:18px; color: #ffffff;} #menu-main li .activ a:active {height:18px; line-height:18px; color: #ffffff;} #menu-main li .activ a:focus {height:18px; line-height:18px; color: #ffffff;} #menu-main li .cur a {height:18px; line-height:18px; color: #ffffff;} #menu-main li .cur a:link {height:18px; line-height:18px; color: #ffffff;} #menu-main li .cur a:visited {height:18px; line-height:18px; color: #ffffff;} #menu-main li .cur a:hover {height:18px; line-height:18px; color: #ffffff;} #menu-main li .cur a:active {height:18px; line-height:18px; color: #ffffff;} #menu-main li .cur a:focus {height:18px; line-height:18px; color: #ffffff;} /* SUBNAVIGATION STANDARD LAYOUT---------------------------------------------------------- */ #menu-sub { color:#333333; float:left; margin:0px; padding:0px; text-align:left; } *html #menu-sub { padding-top:12px; margin-left: -10px; } /* 1. Ebene */ #content #menu-sub #menu-sub_1 { padding:0px; margin:0px; } *html #content #menu-sub #menu-sub_1 { padding:0px; margin:0px; padding-left:10px; } #menu-sub #menu-sub_1 li { width:270px; margin:0px; padding:0px; margin-top:8px; border-bottom:1px dotted #666666; background-image:none; list-style:none; padding-bottom:4px; } *html #menu-sub #menu-sub_1 li { width:250px; margin:0px; padding:0px; margin-top:8px; background-image:none; list-style:none; padding-bottom:4px; } #menu-sub #menu-sub_1 img{ border:none; margin-right:8px; margin-bottom:2px; } #menu-sub #menu-sub_1 .first { border-top:1px dotted #666666; margin-top:0; padding-top:8px; } #menu-sub #menu-sub_1 .activ { margin-top:0; border-bottom: none; } #menu-sub #menu-sub_1 li a {letter-spacing:0;padding-left:40px; display:block; height:22px; line-height:28px; color:#333333; text-decoration: none; font-size:14px; font-weight:normal;} *html #menu-sub #menu-sub_1 li a {font-size:13px;} #menu-sub #menu-sub_1 li a:link {height:22px; line-height:22px;} #menu-sub #menu-sub_1 li a:visited {height:22px; line-height:22px;} #menu-sub #menu-sub_1 li a:hover {height:22px; line-height:22px;} #menu-sub #menu-sub_1 li a:active {height:22px; line-height:22px;} #menu-sub #menu-sub_1 li a:focus {height:22px; line-height:22px;} #menu-sub #menu-sub_1 li .activ a {margin-left:-12px; height:22px; line-height:22px; color: #333333;} #menu-sub #menu-sub_1 li .activ a:link {height:22px; line-height:22px; color: #333333; } #menu-sub #menu-sub_1 li .activ a:visited {height:22px; line-height:22px; color: #333333; } #menu-sub #menu-sub_1 li .activ a:hover {height:22px; line-height:22px; color: #333333; } #menu-sub #menu-sub_1 li .activ a:active {height:22px; line-height:22px; color: #333333; } #menu-sub #menu-sub_1 li .activ a:focus {height:22px; line-height:22px; color: #333333; } #menu-sub #menu-sub_1 li .cur a {margin-left:-12px; height:22px; line-height:22px; color: #333333; } #menu-sub #menu-sub_1 li .cur a:link {height:22px; line-height:22px; color: #333333; } #menu-sub #menu-sub_1 li .cur a:visited {height:22px; line-height:22px; color: #333333; } #menu-sub #menu-sub_1 li .cur a:hover {height:22px; line-height:22px; color: #333333; } #menu-sub #menu-sub_1 li .cur a:active {height:22px; line-height:22px; color: #333333; } #menu-sub #menu-sub_1 li .cur a:focus {height:22px; line-height:22px; color: #333333; } /* 2. Ebene */ #content #menu-sub #menu-sub_2 { padding:0px; margin:0px; } #menu-sub #menu-sub_2 ul { margin-top:0; margin-bottom:4px; } #menu-sub #menu-sub_2 li { color:#666666; list-style:none; list-style-image:none; list-style-position:inside; width:285px; margin:0px; padding:0px; border:none; } *html #menu-sub #menu-sub_2 li { width: 220px; color:#666666; list-style:none; list-style-image:none; list-style-position:inside; margin:0px; padding:0px; border:none; } #menu-sub #menu-sub_2 .first { border:none; margin-top:0; padding-top:0; } #menu-sub #menu-sub_2 .activ { margin-top:0; border-bottom: none; } #menu-sub #menu-sub_2 li a {padding-left:50px;* padding-left:36px; display:block;height:22px; line-height:28px; color:#999999; text-decoration: none; font-size:14px; font-weight:normal;} #menu-sub #menu-sub_2 li a:link {height:22px; line-height:22px;} #menu-sub #menu-sub_2 li a:visited {height:22px; line-height:22px;} #menu-sub #menu-sub_2 li a:hover {height:22px; line-height:22px; color:#333333;} #menu-sub #menu-sub_2 li a:active {height:22px; line-height:22px;} #menu-sub #menu-sub_2 li a:focus {height:22px; line-height:22px;} #menu-sub #menu-sub_2 li .activ a {padding-left:38px; margin-left:0; height:22px; line-height:22px; color: #333333;} *html #menu-sub #menu-sub_2 li .activ a {padding-left:38px; margin-left:-14px; height:22px; line-height:22px; color: #333333;} #menu-sub #menu-sub_2 li .activ a:link {height:22px; line-height:22px; color: #333333; } #menu-sub #menu-sub_2 li .activ a:visited {height:22px; line-height:22px; color: #333333; } #menu-sub #menu-sub_2 li .activ a:hover {height:22px; line-height:22px; color: #333333; } #menu-sub #menu-sub_2 li .activ a:active {height:22px; line-height:22px; color: #333333; } #menu-sub #menu-sub_2 li .activ a:focus {height:22px; line-height:22px; color: #333333; } #menu-sub #menu-sub_2 li .cur a {margin-left:-12px; height:22px; line-height:22px; color: #333333; } #menu-sub #menu-sub_2 li .cur a:link {height:22px; line-height:22px; color: #333333; } #menu-sub #menu-sub_2 li .cur a:visited {height:22px; line-height:22px; color: #333333; } #menu-sub #menu-sub_2 li .cur a:hover {height:22px; line-height:22px; color: #333333; } #menu-sub #menu-sub_2 li .cur a:active {height:22px; line-height:22px; color: #333333; } #menu-sub #menu-sub_2 li .cur a:focus {height:22px; line-height:22px; color: #333333; } /* 3. Ebene */ #content #menu-sub #menu-sub_3 { padding:0px; margin:0px; } #menu-sub #menu-sub_3 ul { margin-top:0; margin-bottom:4px; } #menu-sub #menu-sub_3 li { color:#666666; list-style:none; list-style-image:none; list-style-position:inside; width:285px; margin:0px; padding:0px; border:none; } *html #menu-sub #menu-sub_3 li { width: 190px; color:#666666; list-style:none; list-style-image:none; list-style-position:inside; margin:0px; padding:0px; border:none; } #menu-sub #menu-sub_3 .first { border:none; margin-top:0; padding-top:0; } #menu-sub #menu-sub_3 .activ { margin-top:0; border-bottom: none; } #menu-sub #menu-sub_3 li a {padding-left:64px;* padding-left:36px; display:block;height:22px; line-height:28px; color:#999999; text-decoration: none; font-size:14px; font-weight:normal;} #menu-sub #menu-sub_3 li a:link {height:22px; line-height:22px;} #menu-sub #menu-sub_3 li a:visited {height:22px; line-height:22px;} #menu-sub #menu-sub_3 li a:hover {height:22px; line-height:22px; color:#333333;} #menu-sub #menu-sub_3 li a:active {height:22px; line-height:22px;} #menu-sub #menu-sub_3 li a:focus {height:22px; line-height:22px;} #menu-sub #menu-sub_3 li .activ a {padding-left:64px;* padding-left:36px; margin-left:0; height:22px; line-height:22px; color: #333333;} *html #menu-sub #menu-sub_3 li .activ a {padding-left:36px; margin-left:0; height:22px; line-height:22px; color: red;} #menu-sub #menu-sub_3 li .activ a:link {height:22px; line-height:22px; color: #333333; } #menu-sub #menu-sub_3 li .activ a:visited {height:22px; line-height:22px; color: #333333; } #menu-sub #menu-sub_3 li .activ a:hover {height:22px; line-height:22px; color: #333333; } #menu-sub #menu-sub_3 li .activ a:active {height:22px; line-height:22px; color: #333333; } #menu-sub #menu-sub_3 li .activ a:focus {height:22px; line-height:22px; color: #333333; } #menu-sub #menu-sub_3 li .cur a {margin-left:0;height:22px; line-height:22px; color: #333333; } *html #menu-sub #menu-sub_3 li .cur a {padding-left:36px;height:22px; line-height:22px; color: #333333; } #menu-sub #menu-sub_3 li .cur a:link {height:22px; line-height:22px; color: #333333; } #menu-sub #menu-sub_3 li .cur a:visited {height:22px; line-height:22px; color: #333333; } #menu-sub #menu-sub_3 li .cur a:hover {height:22px; line-height:22px; color: #333333; } #menu-sub #menu-sub_3 li .cur a:active {height:22px; line-height:22px; color: #333333; } #menu-sub #menu-sub_3 li .cur a:focus {height:22px; line-height:22px; color: #333333; } /* 4. Ebene */ #content #menu-sub #menu-sub_4 { padding:0px; margin:0px; } #menu-sub #menu-sub_4 ul { margin-top:0; margin-bottom:4px; } #menu-sub #menu-sub_4 li { color:#666666; list-style:none; list-style-image:none; list-style-position:inside; width:285px; margin:0px; padding:0px; } *html #menu-sub #menu-sub_4 li { width:174px; color:#666666; list-style:none; list-style-image:none; list-style-position:inside; margin:0px; padding:0px; border:none; } #menu-sub #menu-sub_4 .first { border:none; margin-top:0; padding-top:0; } #menu-sub #menu-sub_4 .activ { margin-top:0; border-bottom: none; } #menu-sub #menu-sub_4 li a {padding-left:78px;* padding-left:36px; display:block;height:22px; line-height:28px; color:#999999; text-decoration: none; font-size:14px; font-weight:normal;} #menu-sub #menu-sub_4 li a:link {height:22px; line-height:22px;} #menu-sub #menu-sub_4 li a:visited {height:22px; line-height:22px;} #menu-sub #menu-sub_4 li a:hover {height:22px; line-height:22px; color:#333333;} #menu-sub #menu-sub_4 li a:active {height:22px; line-height:22px;} #menu-sub #menu-sub_4 li a:focus {height:22px; line-height:22px;} #menu-sub #menu-sub_4 li .activ a {padding-left:78px;* padding-left:36px; margin-left:0; height:22px; line-height:22px; color: #333333;} #menu-sub #menu-sub_4 li .activ a:link {height:22px; line-height:22px; color: #333333; } #menu-sub #menu-sub_4 li .activ a:visited {height:22px; line-height:22px; color: #333333; } #menu-sub #menu-sub_4 li .activ a:hover {height:22px; line-height:22px; color: #333333; } #menu-sub #menu-sub_4 li .activ a:active {height:22px; line-height:22px; color: #333333; } #menu-sub #menu-sub_4 li .activ a:focus {height:22px; line-height:22px; color: #333333; } #menu-sub #menu-sub_4 li .cur a {margin-left:0;height:22px; line-height:22px; color: #333333; } #menu-sub #menu-sub_4 li .cur a:link {height:22px; line-height:22px; color: #333333; } #menu-sub #menu-sub_4 li .cur a:visited {height:22px; line-height:22px; color: #333333; } #menu-sub #menu-sub_4 li .cur a:hover {height:22px; line-height:22px; color: #333333; } #menu-sub #menu-sub_4 li .cur a:active {height:22px; line-height:22px; color: #333333; } #menu-sub #menu-sub_4 li .cur a:focus {height:22px; line-height:22px; color: #333333; }