/* MOTION Navigation CSS */

.navMOTION {width:612px; height:17px; font-size:0.85em; position:relative; z-index:100; border-right:0px solid #fff; font-weight:bold;}
/* hack fuer IE5.5 box-model */
* html .navMOTION {width:606px; w\idth:605px;}
/* entfernt alle bullets, borders und paddings des generellen list stylings */
.navMOTION ul {padding:0;margin:0;list-style-type:none;}
.navMOTION ul ul {width:149px;}
/* floatet die liste fuer die horizontale und die relative positon fuer die kontrolle der dropdown menu positon */
.navMOTION li {float:left;position:relative;}
/* styles fuer die links des top levels */
.navMOTION a, .navMOTION a:visited {display:block; font-size:9px;text-decoration:none; color:#5d0000; height:15px; border:1px solid #9a0000; background:#f6e8e8; margin-left:2px; margin-right:2px; padding-left:5px; padding-right:5px; line-height:15px;}
/* hack fuer IE5.5 box-model */
* html .navMOTION a, * html .navMOTION a:visited {width:50px; w\idth:50px;}
* html .navMOTION li.menuButton {white-space:nowrap;}
/* style fuer den ersten level background mit Untermenu*/
.navMOTION ul ul a.drop, .navMOTION ul ul a.drop:visited {background:#dca6a6 url(../../images/submenu_motion.gif) bottom right no-repeat;}
/* stylt den ersten level hover mit Untermenu (klapp-grafik) */
.navMOTION ul ul a.drop:hover{background:#9a0000 url(../../images/submenu_all_hover.gif) bottom right no-repeat;}
/* style fuer den zweiten level background mit Untermenu*/
.navMOTION ul ul ul a.drop, .navMOTION ul ul ul a.drop:visited {background:#cc7f7f url(../../images/submenu_motion.gif) bottom right no-repeat;}
/* stylt den zweiten level hover mit Untermenu (klapp-grafik) */
.navMOTION ul ul ul a.drop:hover{background:#9a0000 url(../../images/submenu_all_hover.gif) bottom right no-repeat;}
/* style fuer den drittes level background mit Untermenu*/
.navMOTION ul ul ul ul a.drop, .navMOTION ul ul ul ul a.drop:visited {background:#cc7f7f;}
/* stylt den drittes level hover mit Untermenu (bekommt keine klapp-grafik.. letztes level) */
.navMOTION ul ul ul ul a.drop:hover{background:#b34040;}
/* damit das hover ein submenue drueber bestehen bleibt.. */
.navMOTION ul ul :hover > a.drop {background:#9a0000 url(../../images/submenu_all_hover.gif) bottom right no-repeat;}
.navMOTION ul ul ul :hover > a.drop {background:#9a0000 url(../../images/submenu_all_hover.gif) bottom right no-repeat;}
/* stylt den zweiten level background */
.navMOTION ul ul ul a, .navMOTION ul ul ul a:visited {background:#dca6a6; border-color:#fff;}
/* stylt den zweiten level hover */
.navMOTION ul ul ul a:hover {background:#b34040;}
/* stylt den dritten level background */
.navMOTION ul ul ul ul a, .navMOTION ul ul ul ul a:visited {background:#cc7f7f;}
/* stylt den dritten level hover */
.navMOTION ul ul ul ul a:hover {background:#b34040;}
/* versteckt die sub levels und verpasst ihnen eine absolute position */
.navMOTION ul ul {visibility:hidden; position:absolute; height:0; top:16px; left:0; width:149px; border-top:1px solid #fff;}
/* hack fuer IE5.5 */
* html .navMOTION ul ul {top:16px;t\op:16px;}
/* positioniert das zweite untermenue */
.navMOTION ul ul ul{left:149px; top:-1px; width:149px;}
.navMOTION ul ul ul.left {left:-149px;}
/* stylt die menue-table - erforderlich fuer den IE */
.navMOTION table {position:absolute; top:0; left:0; border-collapse:collapse;}
/* style fuer die links des ersten sublevels */
.navMOTION ul ul a, .navMOTION ul ul a:visited {background:#ebcccc; color:#5d0000; height:auto; line-height:1em; padding:5px 10px; width:128px; border-width:0 1px 1px 1px; border-color:#fff;}
/* hack fuer IE5.5 */
* html .navMOTION ul ul a, * html .navMOTION ul ul a:visited {width:150px; w\idth:128px;}
/* style fuers top level, level eins hover */
.navMOTION a:hover, .navMOTION ul ul a:hover{color:#fff; background:#b34040;}
.navMOTION ul ul :hover > a {color:#fff; background:#b34040;}
/* active top */
.navMOTION :hover > a {color:#fff; background:#9a0000;}
/* macht das erste level sichtbar bei mouseOver top-level */
.navMOTION ul li:hover ul,
.navMOTION ul a:hover ul{visibility:visible; }
/* verstecken des zweite levels bei hover des ersten levels*/
.navMOTION ul :hover ul ul{visibility:hidden;}
/* sichtbar machen des dritten levels bei mouseover zweites level usw. .. auch fuer folgende level (sichtbar/unsichtbar..)*/
.navMOTION ul :hover ul :hover ul{ visibility:visible;}
.navMOTION ul :hover ul :hover ul ul{ visibility:hidden;}
.navMOTION ul :hover ul :hover ul :hover ul{ visibility:visible;}
.navMOTION ul :hover ul :hover ul :hover ul ul{ visibility:hidden;}