﻿@media (min-width: 1000px) {
/* main menu styles */
#nav,#nav ul {
    background-image:url(../images/tr75.png);
    list-style:none;
    margin:0;
    padding:0;
}
#nav {

    padding-left:0px;
    padding-top:0px;
    position:relative;
    z-index:2000000;
}


#nav ul {
    left:-9999px;
    position:absolute;
    top:37px;
    width:auto;
}
#nav ul ul {
    left:-9999px;
    position:absolute;
    top:0;
    width:auto;
}
#nav li {
    float:left;
    
    /* main links - space between blocks */ 
    margin-right:0px;
    
    position:relative;
    text-align:left;
}
#nav li a {
 /* submenu - Eigenschaften Normalzustand */ 
    background:#a42e18;
    color: white;  
    display:block;
    float:left;
    font-size:16px;
    
/* main links - text padding inside block */ 
    padding:12px 15px;
    text-decoration:none;
}
#nav > li > a {

    overflow:hidden;
}

 /* main links - line height -10px of mother div height */  
#nav li a.fly {
font-family: austrian; 
color: white;   
font-size: 20px;
    background:transparent;
    line-height:30px;
    transition: all 0.2s ease-in;
-webkit-transition: background-color all 0.2s ease-in;
-moz-transition: background-color all 0.2s ease-in;
-o-transition: background-color all 0.2s ease-in;
transition: background-color all 0.2s ease-in; 

}

 /* main links Mouse Over - line height -10px of mother div height */  
#nav li a.fly:hover {
font-family: austrian; 
font-size: 20px;
    background:#a42e18 ;
    line-height:30px;
    color: white;

}

#nav ul li {
    margin:0;
}
#nav ul li a {
    width:220px;
    padding: 10px 0px 10px 10px;
    border-top: 1px solid white;
}
#nav ul li a.fly {
    padding-right:10px;
}

 /* main links Mouse Over - when mouse dives into submenu */ 
#nav li:hover > a {
    background-color: #a42e18;
    color:white;
}

 /* submenu Mouse Over  */ 
#nav li ul li:hover > a {
    background-color:#b7770d;
    color:white;
}


/*focus styles*/
    #nav li a:focus {
    outline-width:0;
}

/*popups*/
#nav li a:active + ul.dd,#nav li a:focus + ul.dd,#nav li ul.dd:hover {
    left:0;
    top:55px;
}
#nav ul.dd li a:active + ul,#nav ul.dd li a:focus + ul,#nav ul.dd li ul:hover {
    left:140px;
}

 }


@media (min-width: 450px) and 
  (max-width: 1000px)  {
  /* main menu styles */
#nav,#nav ul {
    background-image:url(../images/tr75.png);
    list-style:none;
    margin:0;
    padding:0;
}
#nav {

    padding-left:0px;
    padding-top:0px;
    position:relative;
    z-index:2000000;
}
#nav ul {
    left:-9999px;
    position:absolute;
    top:37px;
    width:auto;
}
#nav ul ul {
    left:-9999px;
    position:absolute;
    top:0;
    width:auto;
}
#nav li {
    float:left;
    
    /* main links - space between blocks */ 
    margin-right:0px;
    
    position:relative;
    text-align:left;
}
#nav li a {
 /* submenu - Eigenschaften Normalzustand */ 
    background:#a42e18;
    color: white;  
    display:block;
    float:left;
    font-size:16px;
    
/* main links - text padding inside block */ 
    padding:12px 15px;
    text-decoration:none;
}
#nav > li > a {

    overflow:hidden;
}

 /* main links - line height -10px of mother div height */  
#nav li a.fly {
font-family: austrian; 
color: white;   
font-size: 14px;
    background:transparent;
    line-height:30px;
    transition: all 0.2s ease-in;
-webkit-transition: background-color all 0.2s ease-in;
-moz-transition: background-color all 0.2s ease-in;
-o-transition: background-color all 0.2s ease-in;
transition: background-color all 0.2s ease-in; 

}

 /* main links Mouse Over - line height -10px of mother div height */  
#nav li a.fly:hover {
font-family: austrian; 
font-size: 14px;
    background:#a42e18 ;
    line-height:30px;
    color: white;

}

#nav ul li {
    margin:0;
}
#nav ul li a {
    width:220px;
    padding: 10px 0px 10px 10px;
    border-top: 1px solid white;
}
#nav ul li a.fly {
    padding-right:10px;
}

 /* main links Mouse Over - when mouse dives into submenu */ 
#nav li:hover > a {
    background-color: #a42e18;
    color:white;
}

 /* submenu Mouse Over  */ 
#nav li ul li:hover > a {
    background-color:#b7770d;
    color:white;
}


/*focus styles*/
    #nav li a:focus {
    outline-width:0;
}

/*popups*/
#nav li a:active + ul.dd,#nav li a:focus + ul.dd,#nav li ul.dd:hover {
    left:0;
    top:55px;
}
#nav ul.dd li a:active + ul,#nav ul.dd li a:focus + ul,#nav ul.dd li ul:hover {
    left:140px;
}

  
 }