.subnavi {

width:1200px;		
margin:0px auto;
padding:100px 0px 0px 0px;
font-family: 'Roboto', verdana;
font-weight:400;
font-size:16px;
line-height:24px;	
color:#ffffff;
letter-spacing:0px;
text-align:center;

text-shadow:#000000 0px 0px 0px;				
}


.subnavi li a{
margin:0px;

color:#ffffff;
text-decoration:none;
padding:6px 20px 6px 20px; 

-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;         
}



.subnavi li a:hover{
margin:0px 0px 0px 0px;

padding:6px 20px 6px 20px;
color:#78b422
;
text-decoration:none;            
}



.subnavi ul {
list-style-type: none;
padding:0px;
margin:0px; 
width:100%;

}
.subnavi li {
list-style-type: none;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
display:inline;
text-align:center;
}


.subnavi a#current{
color:#ffffff;

-webkit-border-radius: 0px 0px 9px 0px;
-moz-border-radius: 0px 0px 9px 0px;
border-radius: 0px 0px 9px 0px;
}






/* DIV navi for 1200px */

@media screen and (max-width:1200px) {

.subnavi {

width:900px;		
margin:0px auto;
padding:100px 0px 0px 0px;
font-family: 'Roboto', verdana;
font-weight:400;
font-size:16px;
line-height:24px;	
color:#ffffff;
letter-spacing:0px;
text-align:center;

text-shadow:#000000 0px 0px 0px;				
}


.subnavi li a{
margin:0px;

color:#ffffff;
text-decoration:none;
padding:6px 20px 6px 20px;

-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;         
}



.subnavi li a:hover{
margin:0px 0px 0px 0px;

padding:6px 20px 6px 20px;
color:#78b422
;
text-decoration:none;            
}



.subnavi ul {
list-style-type: none;
padding:0px;
margin:0px; 
width:100%;

}
.subnavi li {
list-style-type: none;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
display:inline;
text-align:center;
}


.subnavi a#current{
color:#ffffff;

-webkit-border-radius: 0px 0px 9px 0px;
-moz-border-radius: 0px 0px 9px 0px;
border-radius: 0px 0px 9px 0px;
}


}

/* END DIV transparent for 1200px */







/* DIV navi for 1000px */

@media screen and (max-width:1000px) {

.subnavi {

width:100%;		
margin:0px auto 0px auto;
padding:90px 0px 0px 0px;
font-family: 'Roboto', verdana;
font-weight:400;
font-size:18px;
line-height:36px;	
color:#ffffff;
letter-spacing:0px;
text-align:center;

text-shadow:#000000 0px 0px 0px;				
}


.subnavi li a{
margin:0px;

color:#ffffff;
text-decoration:none;
padding:6px 20px 6px 20px; 

-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;         
}



.subnavi li a:hover{
margin:0px 0px 0px 0px;

padding:6px 20px 6px 20px;
color:#78b422
;
text-decoration:none;            
}



.subnavi ul {
list-style-type: none;
padding:0px;
margin:0px; 
width:100%;

}
.subnavi li {
list-style-type: none;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
display:inline;
text-align:center;
}


.subnavi a#current{
color:#ffffff;

-webkit-border-radius: 0px 0px 9px 0px;
-moz-border-radius: 0px 0px 9px 0px;
border-radius: 0px 0px 9px 0px;
}


}

/* END DIV transparent for 1000px */











/* DIV navi for 800px */

@media screen and (max-width:800px) {

.subnavi {

width:100%;		
margin:0px auto;
padding:90px 0px 40px 0px;
font-family: 'Roboto', verdana;
font-weight:400;
font-size:18px;
line-height:36px;	
color:#ffffff;
letter-spacing:0px;
text-align:center;

text-shadow:#000000 0px 0px 0px;				
}


.subnavi li a{
margin:0px;

color:#ffffff;
text-decoration:none;
padding:6px 20px 6px 20px; 

-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;         
}



.subnavi li a:hover{
margin:0px 0px 0px 0px;

padding:6px 20px 6px 20px;
color:#78b422
;
text-decoration:none;            
}



.subnavi ul {
list-style-type: none;
padding:0px;
margin:0px; 
width:100%;

}
.subnavi li {
list-style-type: none;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
display:inline;
text-align:center;
}


.subnavi a#current{
color:#ffffff;

-webkit-border-radius: 0px 0px 9px 0px;
-moz-border-radius: 0px 0px 9px 0px;
border-radius: 0px 0px 9px 0px;
}


}

/* END DIV transparent for 800px */