/* http://www.alistapart.com/articles/hybrid */ #nav {margin:0 0 0 0;padding:0;float:left;position:relative;} #nav li.on ul, #nav li.off ul {margin:0;padding:0;} #nav span.small {font-size:10px;font-weight:normal;margin-top:6px;line-height:13px;padding:0 0 0 0;} #nav a {text-decoration:none;} #nav li a {color:#333;font-weight:bold;display:block;padding:1px 10px 6px 8px;border:1px solid #999;margin-left:3px;} /* Reiter */ #nav li { /*float the main list items*/margin:0;float:left;display:block;margin-right:0;padding:0;} #nav li.color-1 a {background:url('http://px.umzug.de/nav-1-1.png') 0 -50px repeat-x;} #nav li.color-2 a {background:url('http://px.umzug.de/nav-1-2.png') 0 -50px repeat-x;} #nav li.color-3 a {background:url('http://px.umzug.de/nav-1-3.png') 0 -50px repeat-x;} #nav li.color-4 a {background:url('http://px.umzug.de/nav-1-4.png') 0 -50px repeat-x;} #nav li.color-5 a {background:url('http://px.umzug.de/nav-1-5.png') 0 -50px repeat-x;} #nav li.color-6 a {background:url('http://px.umzug.de/nav-1-6.png') 0 -50px repeat-x;} #nav li.color-7 a {background:url('http://px.umzug.de/nav-1-7.png') 0 -50px repeat-x;} /* Bei Hover auf Subnavi sollen die Reiter die On-Farbe zeigen */ #nav li:hover a {background-position:0px -100px;} #nav li ul {display:none;} #nav li.off ul, #nav li.on ul {/*put the subnav below*/position:absolute;top:50px;*top:50px;left: 0;padding:6px 0 6px 10px;width:969px;} #nav li a:hover {color:black;text-decoration:none;border:1px solid #666;font-weight:bold;background-position:0px -100px;} #nav li.on a {border: 1px solid #666;color:black;background-position:0 -100px;} /* Reiter on */ /*#nav li.on {background:#d6e3b0;}*/ #nav li.on ul.color-1 {display:block;z-index:75;background:#FBDB51 !important;} #nav li.on ul.color-2 {display:block;z-index:75;background:#98AD56 !important;} #nav li.on ul.color-3 {display:block;z-index:75;background:#EAA797 !important;} #nav li.on ul.color-4 {display:block;z-index:75;background:#A8BABE !important;} #nav li.on ul.color-5 {display:block;z-index:75;background:#B696AB !important;} #nav li.on ul.color-6 {display:block;z-index:75;background:#8A909C !important;} #nav li.on ul.color-7 {display:block;z-index:75;background:#B98E52 !important;} #nav li.color-1:hover ul {display:block;z-index:80;background:#FBDB51 !important;} #nav li.color-2:hover ul {display:block;z-index:80;background:#98AD56 !important;} #nav li.color-3:hover ul {display:block;z-index:80;background:#EAA797 !important;} #nav li.color-4:hover ul {display:block;z-index:80;background:#A8BABE !important;} #nav li.color-5:hover ul {display:block;z-index:80;background:#B696AB !important;} #nav li.color-6:hover ul {display:block;z-index:80;background:#8A909C !important;} #nav li.color-7:hover ul {display:block;z-index:80;background:#B98E52 !important;} #nav li.over ul.color-1 {display:block;z-index:80;background:#FBDB51 !important;} #nav li.over ul.color-2 {display:block;z-index:80;background:#98AD56 !important;} #nav li.over ul.color-3 {display:block;z-index:80;background:#EAA797 !important;} #nav li.over ul.color-4 {display:block;z-index:80;background:#A8BABE !important;} #nav li.over ul.color-5 {display:block;z-index:80;background:#B696AB !important;} #nav li.over ul.color-6 {display:block;z-index:80;background:#8A909C !important;} #nav li.over ul.color-7 {display:block;z-index:80;background:#B98E52 !important;} #nav li.on ul a, #nav li.off ul a {float:left; /*ie doesn't inherit the float*/color:black;text-decoration:underline;width:auto;margin-right:12px;border:none;} #nav li.off:hover ul {color:black;display:block;z-index:80;} #nav li.on ul {display:block;} #nav li.off a:hover {color:black;} #nav li:hover a {color:black;border:1px solid #666;} #nav li.over ul {display:block;z-index: 80;} #nav li:hover, #nav li.off a:hover, #nav li.on a:hover, #nav li.over a {background-position:0 -100px;color:black;border-color:#666;} #nav ul.subnav {border-bottom:1px solid #666;} #nav ul.subnav li {position:relative;} /* Links in der Subnavi */ #nav ul.subnav li a {border:none;font-weight:normal;background:none;padding:4px 6px 7px 5px;} #nav ul.subnav li a:hover {border:none;font-weight:normal;text-decoration:none;background:none;} /* Die Subnav unter der Subnav */ /* Nebeneinnander */ #nav ul.subnav ul.subsubnav {margin:0;padding:0;background:none;width:624px;position:absolute;top:25px;left:5px;display:none;/*background:url('http://px.umzug.de/drop2-1.png') repeat-y;*/border:1px solid #666;border-top:none;} #nav ul.subnav ul.subsubnav li {float:left;} #nav ul.subnav ul.subsubnav li a {float:left;display:block;width:140px;padding:3px 8px;margin:1px 0;font-size:11px;} #nav ul.subnav ul.subsubnav li a:hover {border-left:none;} #nav ul.subnav ul.subsubnav {background:#FBDB51 !important;} #nav ul.subnav ul.subsubnav li.color-1 a.color-1 {background:#FBDB51 !important;} #nav ul.subnav ul.subsubnav li a.color-2 {background:#BC9D2D !important;} #nav ul.subnav ul.subsubnav li a.color-3 {background:#EAA797 !important;} #nav ul.subnav ul.subsubnav li a.color-4 {background:#A8BABE !important;} #nav ul.subnav ul.subsubnav li a.color-5 {background:#B696AB !important;} #nav ul.subnav ul.subsubnav li a.color-6 {background:#8A909C !important;} #nav ul.subnav ul.subsubnav li a.color-7 {background:#B98E52 !important;} #nav ul.subnav ul.subsubnav li a.color-1:hover {background:#FFF0D3 !important;} #nav ul.subnav ul.subsubnav li a.color-2:hover {background:#98AD56 !important;} #nav ul.subnav ul.subsubnav li a.color-3:hover {background:#EAA797 !important;} #nav ul.subnav ul.subsubnav li a.color-4:hover {background:#A8BABE !important;} #nav ul.subnav ul.subsubnav li a.color-5:hover {background:#B696AB !important;} #nav ul.subnav ul.subsubnav li a.color-6:hover {background:#8A909C !important;} #nav ul.subnav ul.subsubnav li a.color-7:hover {background:#B98E52 !important;} /* HIER SUBNAV UNTEREINANDER #nav ul.subnav ul.subsubnav {margin:0;padding:0;background:none;width:200px;position:absolute;top:25px;left:5px;display:none;} #nav ul.subnav ul.subsubnav li {float:left;clear:both;} #nav ul.subnav ul.subsubnav li a {float:left;display:block;width:180px;padding:6px 10px;margin:0;border-top:1px solid white;border-left:1px solid white;border-right:1px solid white;font-size:11px;} #nav ul.subnav ul.subsubnav li a:hover {border-top:1px solid white;border-left:1px solid white;border-right:1px solid white;} #nav ul.subnav ul.subsubnav li a.color-1 {background:#678DBC !important;} #nav ul.subnav ul.subsubnav li a.color-2 {background:#BC9D2D !important;} #nav ul.subnav ul.subsubnav li a.color-3 {background:#018842 !important;} #nav ul.subnav ul.subsubnav li a.color-4 {background:#C14B80 !important;} #nav ul.subnav ul.subsubnav li a.color-5 {background:#BE0B12 !important;} #nav ul.subnav ul.subsubnav li a.color-6 {background:#228B8F !important;} #nav ul.subnav ul.subsubnav li a.color-7 {background:#B687B8 !important;} #nav ul.subnav ul.subsubnav li a.color-1:hover {background:#AABFD9 !important;} #nav ul.subnav ul.subsubnav li a.color-2:hover {background:#BC9D2D !important;} #nav ul.subnav ul.subsubnav li a.color-3:hover {background:#018842 !important;} #nav ul.subnav ul.subsubnav li a.color-4:hover {background:#C14B80 !important;} #nav ul.subnav ul.subsubnav li a.color-5:hover {background:#BE0B12 !important;} #nav ul.subnav ul.subsubnav li a.color-6:hover {background:#228B8F !important;} #nav ul.subnav ul.subsubnav li a.color-7:hover {background:#B687B8 !important;} */ #nav-1 li:hover ul.subsubnav, #nav-1 li.over ul.subsubnav {display:block;}