@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:2;
}
#nav ul {
    left:-9999px;
    position:absolute;
    top:0px;
    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:#821916;
    color: white;  
    display:block;
    float:left;
    font-size:16px;
    
/* main links - text padding inside block */ 
    padding:8px 16px;
    text-decoration:none;
}
#nav > li > a {

    overflow:hidden;
}

 /* main links - line height -10px of mother div height */  
#nav li a.fly {
font-family: droid_serif; 
color: white;   
font-size: 17px;
    background:transparent;
    line-height:60px;
    -webkit-text-shadow: 0px 1px 1px black;
-moz-text-shadow: 0px 1px 1px black;
text-shadow: 0px 1px 1px black;



}

 /* main links Mouse Over - line height -10px of mother div height */  
#nav li a.fly:hover {
 font-family: droid_serif; 
 font-size: 17px;
 background: #666666;
 color: white;
-webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.75);
box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.75);
-webkit-text-shadow: 0px 1px 1px black;
-moz-text-shadow: 0px 1px 1px black;
text-shadow: 0px 1px 1px black;
border-bottom-left-radius: 14px;
}

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

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

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


/*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:75px;
}
#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:2;
}
#nav ul {
    left:-9999px;
    position:absolute;
    top:0px;
    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:#821916;
    color: white;  
    display:block;
    float:left;
    font-size:16px;
    
/* main links - text padding inside block */ 
    padding:8px 5px;
    text-decoration:none;
}
#nav > li > a {

    overflow:hidden;
}

 /* main links - line height -10px of mother div height */  
#nav li a.fly {
font-family: NewFont; 
color: white;   
font-size: 14px;
    background:transparent;
    line-height:60px;
    -webkit-text-shadow: 0px 1px 1px black;
-moz-text-shadow: 0px 1px 1px black;
text-shadow: 0px 1px 1px black;



}

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

   background: #666666;
    color: white;
-webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.75);
box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.75);


    -webkit-text-shadow: 0px 1px 1px black;
-moz-text-shadow: 0px 1px 1px black;
text-shadow: 0px 1px 1px black;
}

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

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

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


/*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:75px;
}
#nav ul.dd li a:active + ul,#nav ul.dd li a:focus + ul,#nav ul.dd li ul:hover {
    left:140px;
}
  
 }