/*
  ############################################################################################################
    http://www.mein-reisespezialist.de
    autor: holzweg ecommerce solutions, www.holzweg.com
    inhalt: menue
  ############################################################################################################
*/



/* Skiptnavigation
--------------------------------------------------------------- */

          #scipNavigation a, #scipNavigation a:visited, #scipNavigation a:hover { 
            position: absolute;
            left: -1300px;
            top: -1000px;
            width: 0px;
            height: 0px;
            overflow: hidden;
            display: inline;                     
            line-height:1em;
            }
            
          /* spezielle einstellung für den ie6 */
          * html #scipNavigation a:focus { t\op: 130px; }   
          * html #scipNavigation a:active { t\op: 130px; } 
           
          #scipNavigation a:focus, #scipNavigation a:active {
            position: relative;
            top: 118px;            
            left: 230px;
            width: auto; 
            height: auto;
            color:  #000000;
            }
                     
          #scipNavigation p {line-height:0;height:0;margin:0;}
          
          .nonvis {display: none;}
          
          


/* Funktionale Navigation
--------------------------------------------------------------- */

  /* Funktionale Navigation (links)
  --------------------------------------------------------------- */
  #funkNavLeft ul{list-style: none; }
              #funkNavLeft li{ display: inline;}
                #funkNavLeft a{
                         float: left;                                                                                                                      
                         color: #000060;
                         font-size: 0.625em;
                         display: block; 
                         text-decoration: none;                                        
                         padding: 11px 5px 0px 5px;
                         }                                
                #funkNavLeft a:hover { color: #FC6202; text-decoration: underline;}
                #funkNavLeft span { color: #CCCCCC; float: left; display: block; padding: 9px 0px 0px 0px; font-size: 0.625em; }
                
                /* aktiver Menüpunkt */
                #funkNavLeft li a#funkNavLeft { color: #E60003; font-weight: bold;}


  /* Funktionale Navigation (rechts)
  --------------------------------------------------------------- */
  #funkNavRight ul{list-style: none; }
              #funkNavRight li{ display: inline;}
                #funkNavRight a{
                         float: left;
                         color: #000060;
                         font-size: 0.625em;
                         display: block;
                         text-decoration: none;
                         padding: 11px 5px 0px 18px;
                         }
                #funkNavRight a:hover { color: #FC6202; text-decoration: underline;}
                #funkNavRight span { color: #CCCCCC; float: left; display: block; padding: 9px 0px 0px 0px; font-size: 0.625em; }

                /* aktiver Menüpunkt */
                #funkNavRight li a#funkNavRight { color: #E60003; font-weight: bold;}
                
                   .contact{
                     background: url(../images/icon_kontakt.jpg) no-repeat;
                     background-position: 0 12px;
                   }

                   .faq{
                     background: url(../images/icon_faq.gif) no-repeat;
                     background-position: 0 8px;
                   }

                     .sitemap{
                     background: url(../images/icon_sitemap.gif) no-repeat;
                     background-position: 0 10px;
                   }
                   
                     .impressum{
                     background: url(../images/icon_impressum.gif) no-repeat;
                     background-position: 0 10px;
                   }



          
           
                
         

/* Globale Navigation
--------------------------------------------------------------- */
#globalNavigation{float: left;}
  #globalNavigation ul{list-style: none; }
              #globalNavigation li{ display: inline;}              
                #globalNavigation a{  
                  float: left;                  
                  display: block; 
                  text-decoration: none;                    
                  padding: 0; 
                  margin-right:1px;                               
                  } 
                  
                #globalNavigation a:link{}                                                           
                #globalNavigation a:hover { }                  
                  
                  /* aktiver Navigationspunkt */
                  #globalNavigation li a#globalNavigationActive  {padding: 0px;}
                              



        /* Menüpunkt : Pauschalreisen
        ----------------------------------------*/
   #globalNavigation .packagetours {
                         background: url(../images/bu_pauschalreisen_passiv.gif);
                         background-repeat: no-repeat;
                         backround-position: top left;  
                         width:118px;
                         height:32px;
           } 

           #globalNavigation .packagetours:hover {
                                 background: url(../images/bu_pauschalreisen_hover.gif) no-repeat top left;
                   }
                   
           #globalNavigation .packagetours_aktive {
                                 background: url(../images/bu_pauschalreisen_aktiv.gif);
                                 background-repeat: no-repeat;
                                 backround-position: top left;
                                 width:118px;
                                 height:32px;
                   }
   
        /* Menüpunkt : Flugreisen
        ----------------------------------------*/
   #globalNavigation .flighttravel {
                         background: url(../images/bu_flugreisen_passiv.gif)  no-repeat top left;                         
                         width:118px;
                         height:32px;                             
   } 
           #globalNavigation .flighttravel:hover{
                      background: url(../images/bu_flugreisen_hover.gif) no-repeat top left;                   
           }

           #globalNavigation .flighttravel_aktive {
                                 background: url(../images/bu_flugreisen_aktiv.gif)  no-repeat top left;
                                 width:118px;
                                 height:32px;
           }
   

        /* Menüpunkt : Unterkünfte
        ----------------------------------------*/
   #globalNavigation .accommodation {
                         background: url(../images/bu_unterkuenfte_passiv.gif) no-repeat top left; 
                         width:118px;
                         height:32px;                            
   }
           #globalNavigation .accommodation:hover{
                      background: url(../images/bu_unterkuenfte_hover.gif) no-repeat top left;                   
           }   

   #globalNavigation .accommodation_aktive {
                         background: url(../images/bu_unterkuenfte_aktiv.gif) no-repeat top left;
                         width:118px;
                         height:32px;
   }
   
   
        /* Menüpunkt : Mietautos
        ----------------------------------------*/
   #globalNavigation .rentalcar {
                         background: url(../images/bu_mietwagen_passiv.gif) no-repeat top left; 
                         width:118px;
                         height:32px;                             
   }  
           #globalNavigation .rentalcar:hover{
                      background: url(../images/bu_mietwagen_hover.gif) no-repeat top left;                   
           }      

           #globalNavigation .rentalcar_aktive {
                                 background: url(../images/bu_mietwagen_aktiv.gif) no-repeat top left;
                                 width:118px;
                                 height:32px;
           }






/* Pfadnnavigation
--------------------------------------------------------------- */
                  
  #pathNavigation ul{list-style: none; }
  
              #pathNavigation li{ display: inline;}
              
                #pathNavigation a{  
                  float: left;
                  color: #333333;
                  font-size: 1.0em; 
                  display: block; 
                  text-decoration: none;  
                  letter-spacing: 1px; 
                  padding: 6px 5px 0px 10px;                                      
                  } 
                                                         
                #pathNavigation a:hover { color: #333333; text-decoration: underline;  }
                
                #pathNavigation span { color: #333333; float: left; display: block; padding: 4px 0px 0px 0px; }
                
                /* aktiver Menüpunkt */
                #pathNavigation li a#pathNavigationActive { color: #333333; font-weight: bold; }



/* Fusszeile
--------------------------------------------------------------- */
        #footerContainer{float:left;width:947px;height:48px;margin-left:20px;_margin-left:10px; background: url(../images/BackgroundFooter.gif) no-repeat top left;border-top: 1px solid #fff;}
    
  /* Coypright                   
  ----------------------------------------------------- */ 
  #copyright span { color: #333333; float: left; display: block; padding: 10px 0px 0px 9px; }                   
     
     
  /* Fussnavigation                   
  ----------------------------------------------------- */                       
    #footerNavigation {float:left;width:auto;}
    #footerNavigation ul{list-style: none; }
                #footerNavigation li{ display: inline;  color: red;}
                  #footerNavigation a{ float: left; 
                                       color: #000066; 
                                       font-size: 0.6em; 
                                       display: block; 
                                       text-decoration: none;  
                                       padding: 11px 5px 0px 5px;                                                                                                                                                          
                                            }                
                  #footerNavigation a:hover { color: #ff6600; text-decoration: underline;}
                  #footerNavigation span { font-size: 0.6em; color: #999999; float: left; display: block; padding: 10px 0px 0px 0px; }  
                  
                  /* aktiver Navigationspunkt */
                  #footerNavigation li a#active{color: #ff6600; font-weight: bold; }                  
                     

  /* holzweg 
  --------------------------------------------------------------- */
        #footerProducer{float:right;margin-right:75px;_margin-right:35px;}
    #footerProducer ul{list-style: none; }
                #footerProducer li{ display: inline;  color: red;}
                  #footerProducer a{ float: left; 
                                       color: #000066; 
                                       font-size: 0.6em; 
                                       display: block; 
                                       text-decoration: none;  
                                       padding: 11px 5px 0px 5px;                                                                                                                                                          
                                            }                
                  #footerProducer a:hover { color: #ff6600; text-decoration: underline;}
                  #footerProducer span { font-size: 0.6em; color: #999999; float: left; display: block; padding: 10px 0px 0px 0px; }  
                  
                  /* aktiver Navigationspunkt */
                  #footerProducer li a#active{color: #ff6600; font-weight: bold; }                  
                     








                                  