#headerwrapper {
	background: url(../images/bg_textur_kyf.png) repeat-x bottom center;
	padding-bottom: 2.7em
	}
		
	a.logo {
		background: url(../images/logo/logo_kyf_l.png) no-repeat top left;
		min-height: 75px;
		height:auto !important;	
		height:75px;
		width: 600px;
		margin: 1em 0 .3em 0
		}	
	a:hover.logo {
		background: url(../images/logo/logo_kyf_l_hov.png) no-repeat top left;
		}		






#navi ul li a {
			color:#666;
			}
#navi ul li a:hover,
#navi ul li a.active {
			background:#000;
			}			

#subnavi ul li a {
			color: #666;
			}
#subnavi ul li a:hover,
#subnavi ul li a.active {
			color: #000;
			}				




/* RESPONSIVE DESIGN --- 980
--------------------------------------------- */

									@media screen and (max-width: 980px) {
									
												
									a.logo {
											width: 435px;
											margin: .6em 0 .3em .3em;
											
											min-height: 85px;
											height:auto !important;	
											height:85px;
											
											background: url(../images/logo/logo_kyf_s.png) no-repeat top left 
											}	
										a:hover.logo {
											background: url(../images/logo/logo_kyf_s_hov.png) no-repeat top left;
											}			
													
									
									}		


/* RESPONSIVE DESIGN --- 700
--------------------------------------------- */

									@media screen and (max-width: 700px) {
									
									
									a.logo {
											float: left;
											margin: .2em 0 .6em 0;
											width: 270px;
										
											min-height: 70px;
											height:auto !important;	
											height:70px;
											
											background: url(../images/logo/logo_kyf_xs.png) no-repeat top left 
											}	
										a:hover.logo {
											background: url(../images/logo/logo_kyf_xs_hov.png) no-repeat top left;
											}	
								
									
									}		
									


					



/* RESPONSIVE DESIGN --- 450
--------------------------------------------- */


									@media screen and (max-width: 450px) {
									
									a.logo {
											float: left;
											margin: .4em 0 .8em 0;
											width:100%;
											
											min-height: 70px;
											height:auto !important;	
											height:70px;
											
											background: url(../images/logo/logo_kyf_xs.png) no-repeat top center 
											}	
										a:hover.logo {
											background: url(../images/logo/logo_kyf_xs_hov.png) no-repeat top center;
											}		
									
									
									}