@media (max-width:1010px) 
{
	#header_wrapper, #content_wrapper,#footer, #efalogo .inner 
	{ width: 742px; }
	
	#wrapper, #header, #footer .inner 
	{ width: 720px; margin: 0 13px 0 7px;}
	
	#header { height: 126px; }
	
	#left { width: 130px; }
	#main { margin-left: 130px; }
	
	#header_wrapper, #topic_navi { background-size: 742px 206px; }
	
	#content_wrapper { background-size:  734px 10px;  }
	
	
	
	#header #logo { top: 30px; left: 24px; width: 310px; height: 72px; background-size: 310px 72px; }
	#header #search { left: 450px; width: 150px; height: 22px; top: 18px; }
	#search input.text { width: 120px; }
	
	#header #link_keepintouch { height: 40px; right: 105px; top: 66px; width: 100px;}
	#header #link_press {height: 20px;right: 0;top: 66px;width: 90px;}
	#header #link_events { height: 20px;right: 35px;top: 90px; width: 55px; }
	#header #sociallinks {height: 30px;right: 30px;top: 15px;width: 90px;}
	#header #sociallinks a { margin-left: 2px; }
	
	#topic_navi { background-position: -139px -125px; height: 76px; }
	#topic_navi li a { width: 80px; height: 76px; background-size: 80px 76px; }
	
	
	
	.col { width: 440px; }
	.article.blog .col {width: 430px; }
	.toolbox { margin-left: 446px; }
	#pen { display: none; }
	
	#content iframe, #content img { max-width: 100%; }


	
	.highlight .img { width: 250px; }
	.highlight .detail { margin-left: 280px; }

	a.icon, input.icon { padding-left: 21px; background-size: 19px 19px;  }


	#mcm-lnk { width: 159px; top: 54px; right: 220px; }

	
}


@media (max-width:767px) 
{
	#header_wrapper, #content_wrapper,#footer, #efalogo .inner  
	{ width: 464px; }
	
	#wrapper, #header, #footer .inner 
	{ width: 441px; margin: 0 14px 0 9px;}
	
	#header_wrapper, #topic_navi { background: url(../imgs/bg_header_480.png) no-repeat; background-size: 464px 172px; } 
	#content_wrapper { background: url(../imgs/shaddow_480.png) repeat-y;  background-size:  464px 4px;  }
	
	#header { height: 116px; }
	
	#smnav { position: absolute; bottom: 10px; display: block; width: auto;  padding: 0px 6px; background: #717171; color: #fff; text-decoration: none; text-transform: uppercase;  }
	
	#left { display: none; position: absolute; top: 0px; left: 9px; z-index: 99999; background: #fff; min-height: 100%; 
		box-shadow: 10px 0px 0px rgba(0,0,0,0.3); 
	}
	#left.visible { display: block; }
	
	#ext_navi { display: block; }
	
	#left .inner { margin: 12px; }
	#main { margin-left: 0px; }
	
	#main .inner { margin-right: 0px; }
	
	.paper { padding: 6px; }
	
	
	
	#header #logo { top: 30px; left: 24px; width: 230px; height: 52px; background-size: 230px 52px; }
	#header #search { left: 240px; width: 110px; height: 22px; top: 5px; }
	#search input.text { width: 85px; }
	
	#header #link_keepintouch { height: 40px;right: 0;top: 46px;width: 90px;}
	#header #link_press {display: none; }
	#header #link_events { display: none;}
	#header #sociallinks {height: 30px;right: 15px;top: 5px;width: 80px;}
	#header #sociallinks a { height: 18px; width: 18px; background-size: 18px 18px; margin-left: 2px; }
	
	#topic_navi { background-position: -9px -115px; height: 56px; }
	#topic_navi li a { width: 58px; height: 56px; background-size: 58px 56px; }
	
	
	
	.col,.article.blog .col { width: auto; max-width: 100%; }
	
	.toolbox { display: none;  }
	
	
	#content iframe, #content img { max-width: 100%; }


	
	.highlight .img { width: 170px; }
	.highlight .detail { margin-left: 200px; }
	
	
	
	#meta_navi ul { padding-top: 20px; }
	#link_gnd { top: 50px; }
	#link_efa { top: 50px; }
	
	
	.entry .img, .article .img { width: 90px; float: left; }
	.entry .detail, .article .headlines { margin-left: 110px;  }

    #efalogo { margin-bottom: -5px; }
    #efalogo a { right: 50%; margin-right: -112px; }


    #mcm-lnk { width: 126px; top: 61px; right: 100px; }
	
}




@media (max-width:479px) 
{
	#header_wrapper, #content_wrapper,#footer, #efalogo .inner  
	{ width: 311px; }
	
	#wrapper, #header, #footer .inner 
	{ width: 287px; margin: 0 15px 0 9px;}
	
	#header_wrapper, #topic_navi { background: url(../imgs/bg_header_320.png) no-repeat; background-size: 311px 181px; } 
	#content_wrapper { background: url(../imgs/shaddow_320.png) repeat-y;  background-size:  311px 3px;  }
	
	#header { height: 144px; }
	
	#footer .inner { height: 150px; }
	
	
	#header #logo { top: 40px; }
	#header #search { left: 63px;  }

	
	#header #link_keepintouch { top: 88px;}

	#header #sociallinks {height: 30px;right: 35px;top: 5px;width: 80px;}

	#topic_navi { background-position: -9px -144px; height: 35px; }
	#topic_navi li a { width: 37px; height: 35px; background: url(../imgs/tab_arctic_320.jpg) no-repeat; background-size: 37px 35px; }
	

	#topic_navi li#pageid_20 a { background-image: url(../imgs/tab_shale_320.jpg); }
	#topic_navi li#pageid_21 a { background-image: url(../imgs/tab_nuclear_320.jpg); }
	#topic_navi li#pageid_22 a { background-image: url(../imgs/tab_green_320.jpg); }
	#topic_navi li#pageid_23 a { background-image: url(../imgs/tab_eu_320.jpg); }
	#topic_navi li#pageid_24 a { background-image: url(../imgs/tab_greenway_320.jpg); }
	#topic_navi li#pageid_25 a { background-image: url(../imgs/tab_inter_320.jpg); }

	#topic_navi li.active a, #topic_navi li a:hover { background-image: url(../imgs/tab_arctic_over_320.jpg); }
	#topic_navi li#pageid_20.active a, #topic_navi li#pageid_20 a:hover { background-image: url(../imgs/tab_shale_over_320.jpg); }
	#topic_navi li#pageid_21.active a, #topic_navi li#pageid_21 a:hover { background-image: url(../imgs/tab_nuclear_over_320.jpg); }
	#topic_navi li#pageid_22.active a, #topic_navi li#pageid_22 a:hover { background-image: url(../imgs/tab_green_over_320.jpg); }
	#topic_navi li#pageid_23.active a, #topic_navi li#pageid_23 a:hover { background-image: url(../imgs/tab_eu_over_320.jpg); }
	#topic_navi li#pageid_24.active a, #topic_navi li#pageid_24 a:hover { background-image: url(../imgs/tab_greenway_over_320.jpg); }
	#topic_navi li#pageid_25.active a, #topic_navi li#pageid_25 a:hover { background-image: url(../imgs/tab_inter_over_320.jpg); }

	
	#content iframe, #content img { max-width: 100%; }

	
	.entry .img { float: none; }
	.entry .detail { margin-left: 0px; }
	.articles .entry .detail {  margin-top: 10px; }
	.article .img { float: none; }
	.article .headlines { margin-left: 0px; }
	
	.entry .img, .article .img { width: 170px;  }
	.entry .detail, .article .headlines { margin-left: 0px;  }

	.highlight .img { float: none; width: 100%; }
	.highlight .detail { margin-left: 0px; }
	
	
	
	#meta_navi ul { padding-top: 20px; }
	#link_gnd { top: 100px; right: 90px; }
	#link_efa { top: 50px; left: 10px; }


	#mcm-lnk { width: 120px; top: 68px; right: 161px; }

	
}