/* common styling */
.menu {font-family: Arial, Verdana, sans-serif; float: left; width:989px; position:relative; top: 1px; font-size:8px; border-right: 1px solid #FFFFFF; margin:10px 0 0 0; background: url("images/navigation.jpg") repeat-x;}
.menu ul li a, .menu ul li a:visited { font-family: Verdana, Arial, sans-serif; display:block; text-decoration:none; width:119px; height:23px; text-align:left; color:#FFFFFF; border-top: none; padding-left:10px; margin-top: 0px; padding-top: 0px; border-width:0px 1px 1px 0px; line-height:22px; background: url(images/navigation_li.jpg) no-repeat left top;  font-size:9px; }

.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

#contact { border-right: 1px solid #FFFFFF; height: 25px;}


/* specific to non IE browsers */
.menu ul li:hover a, .menu ul li a.hide_active {color:#FFFFFF;}
.menu ul li:hover ul {display:block; position:absolute; top:23px; left:0;}

.menu ul li:hover ul li a.hide_inactive {background:#7B6857; color:#000; }
.menu ul li:hover ul li a.hide_active {background:#a7c9c9; color:#000; }

.menu ul li:hover ul li {display:block; background:#fff; color:#000; width:119px; clear:both;}

.menu ul li:hover ul li:hover a.hide_inactive {background:#dfc184; color:#000;}
.menu ul li:hover ul li:hover a.hide_active {background:#dfc184; color:#000;}

.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a { font-size: 11px; display:block; background:#7B6857; line-height:26px; color:#FFFFFF; width:100%; padding-left:10px; border-bottom: solid 1px #FFFFFF; border-left: none; border-right: none; border-top: none; font-family: Trebuchet MS;}
.menu ul li:hover ul li a:hover {background:#948475; color:#000000; background-image: url(images/schwarzerverlauf.png); background-repeat: no-repeat; border-top: none; }
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:210px; bottom:0;}
.menu ul li:hover ul li:hover ul li a {background:#dfc184; color:#000;}
.menu ul li:hover ul li:hover ul li a:hover {background:#c9c9a7; color:#000;}

.menu ul li:hover ul.left {left:-105px;}
.menu ul li:hover ul li:hover ul.left {left:-210px; width:209px;}
