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