/* Menue left (level1) mit dropdown(level2) für Ausflugsziele */

/*level 1 -------------*/
#navi_left  {position:relative; left:0; top:0; margin-left:4px; margin-top:0px; display:block;}
#navi_left {   
   padding: 1px 0px 0px 0px;
   list-style: none;
   font-size:10pt;
   font-family:verdana,arial,sans-serif;  
   font-weight: normal;
   border:0px solid red;
   width:150px;
   background-color:gray;
   }
#navi_left ul {   
   padding: 0px;
   margin:0px;
   list-style: none;
   font-size:10pt;
   font-family:verdana,arial,sans-serif;  
   font-weight: normal;
   border:0px solid red;   
   }

#navi_left li { padding: 0px 0px 1px 0px;}
#navi_left li a { text-decoration: none; display: block; }
#navi_left li a { padding: 2px; background-color: #eaeaea; color: navy;}
#navi_left li.active a { background: #feebd8; color:red;}
#navi_left li a:hover { background-color: white; color:red;}
#navi_left li.active a:hover {  padding: 2px; background-color: #EFF6D7; } 
#navi_left li.active a:focus {  padding: 2px; background-color: #EFF6D7; }

/* level 2 --------- nicht sichtbar */
#navi_left li ul { position: absolute; left: -5000px;
   background-color:#879972;
   font-size:8pt; border: none; min-width: 180px;
   }
/* level 2 --------- sichtbar */
#navi_left li li { border: none; padding:0px; margin: 1px 3px 1px 1px;}
#navi_left li li a { background-color: #F6F2DA; border: none; color: maroon;}
#navi_left li li a:hover { background-color: silver; color:red;}
#navi_left li.active li a:hover { background-color: silver; color:red;}
#navi_left li.active li a { background: #F6F2DA; color: maroon;}
#navi_left li.active li.active a { background: white; color:red;}
#navi_left li:hover ul { left:150px; margin-top: -30px;}