@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700);


body { font-family: 'Open Sans', Arial, sans-serif; margin: 0; padding: 0; outline: 0; line-height: 1.5em; }

#header_wrapper, #content_wrapper,#footer, #efalogo .inner { width: 992px; margin: 0 auto; position: relative; overflow: auto; }
#header_wrapper, #topic_navi { background: url(../imgs/bg_header.png) no-repeat; } 
#content_wrapper { background: url(../imgs/shaddow.png) repeat-y; } 

#wrapper, #header, #footer .inner { width: 970px; margin: 0 13px 0 9px; overflow: auto;  }

#header { height: 168px; position: relative; }
	#header div, #header .bl { position: absolute; display: block; }
	#header .bl {text-indent: -1000px; overflow: hidden;  }
	#header #logo { top: 40px; left: 40px; width: 421px; height: 98px; background: url(../imgs/logo.png); }
	#header #search { left: 600px; width: 200px; height: 30px; top: 26px; }
	#header #sociallinks { right: 50px; width: 100px; height: 30px; top: 24px; }
	#header #sociallinks a { background: url(../imgs/icon_contact.png) no-repeat; width: 23px; height: 23px; display: inline-block; text-indent: -1000px; margin-left: 5px;  }
	#header #sociallinks a:hover { opacity: 0.8; }
	#header #sociallinks a#link_fb { background-image: url(../imgs/icon_fb.png); }
	#header #sociallinks a#link_tw { background-image: url(../imgs/icon_twitter.png); }
	
	#header #link_keepintouch { right: 150px;  top: 90px; width: 120px; height: 50px; }
	#header #link_press { right: 10px; top: 88px; width: 110px; height: 25px; }
	#header #link_events { right: 55px;top: 120px; width: 70px; height: 20px; }
	
	#smnav { display: none; }
#footer .inner { height: 95px; }

#left { width: 178px; float: left; position: relative; overflow: auto; }
#left .inner { margin: 0px 12px; }

#main { margin-left: 178px; position: relative; overflow: auto;  }
#main .inner { background: #ebebeb; padding: 0px 6px 30px 6px; margin: 12px 12px 0px 0px; }
#content { overflow: auto; padding-top: 6px; }


#footer_wrapper { clear: left; width: 100%; background: #252525; }



.clear { clear: both; }



body { background: url(../imgs/bg_body_repeat.png) repeat; }
a { text-decoration: none; }
#main a:hover { text-decoration: none !important; opacity: 0.8; }

a.icon, input.icon { padding-left: 30px; background: url(../imgs/icon_contact.png) no-repeat;  }
a.icon:hover { opacity: 0.8; }
a.more, a.more:hover { padding-left: 10px; background: url(../imgs/more.png) left center no-repeat; text-decoration: none !important; }
a.icon, input.icon { padding: 7px 0px 7px 30px; background-position: left center; border: none; }

#content a, input.icon { font-weight: bold; }

h1 { color: #fff; text-transform: uppercase; font-weight: normal; margin: 0; padding: 14px 0px 14px 18px; }
.theme_ h1 { color: #252525; }
.theme_1 h1 { background: url(../imgs/symbol_arctic.png) no-repeat right center; }
.theme_2 h1 { background: url(../imgs/symbol_shale.png) no-repeat right center; }
.theme_3 h1 { background: url(../imgs/symbol_nuclear.png) no-repeat right center; }
.theme_4 h1 { background: url(../imgs/symbol_green.png) no-repeat right center; }
.theme_5 h1 { background: url(../imgs/symbol_eu.png) no-repeat right center; }
.theme_6 h1 { background: url(../imgs/symbol_thegreen.png) no-repeat right center; }
.theme_7 h1 { background: url(../imgs/symbol_international.png) no-repeat right center; }

h2 { text-transform: uppercase;  }



/* COLORS */

.postit .header,
.paging a { color: #fff;}

body, .left_navi li a, .paging li.active a  { color: #252525; }

a, h3, .theme_ .paging a, input.icon { color: #617507; }

#meta_navi li a 
{ color: #a2a2a2; }

.topline, #fe_ttaddress_email_input, #search .text
{ color: #939393; }
.topline span.div
{ background: #939393; }

#meta_navi li
{ border-color: #a2a2a2 !important; }


h2 a, h2 a:hover { color: inherit; text-decoration: inherit; }


/* see more  #828282 */


.theme_1 #main .inner { background: #509aa6; } /* arctic */
.theme_2 #main .inner { background: #afaf09; } /* shale */
.theme_3 #main .inner { background: #efe200; } /* nuclear */
.theme_4 #main .inner { background: #8aae1b; } /* green energy */
.theme_5 #main .inner { background: #a87697; } /* eu climate policy */
.theme_6 #main .inner { background: #db6712; } /* the green way */
.theme_7 #main .inner { background: #106178; } /* international */

.theme_1 #main .inner h2, .theme_1 .ctype { color: #509aa6; } /* arctic */
.theme_2 #main .inner h2, .theme_2 .ctype { color: #afaf09; } /* shale */
.theme_3 #main .inner h2, .theme_3 .ctype { color: #efe200; } /* nuclear */
.theme_4 #main .inner h2, .theme_4 .ctype { color: #8aae1b; } /* green energy */
.theme_5 #main .inner h2, .theme_5 .ctype { color: #a87697; } /* eu climate policy */
.theme_6 #main .inner h2, .theme_6 .ctype { color: #db6712; } /* the green way */
.theme_7 #main .inner h2, .theme_7 .ctype { color: #106178; } /* international */



/* SPECIAL ELEMENT RESETS */

p, h2 { margin: 10px 0px; }

.img p { margin:0; padding: 0; }

body 
{ font-size: 12.5px; }

h1, h2, .postit .header 
{ font-size: 20px; line-height: 1.2em;}

.topline, .small, .topline span
{ font-size: 10px; line-height: 1em; }

#meta_navi a, .left_navi, a.icon, .small2, input.icon, input, textarea, .toolbox .header, .toolbox p, .highlight_header, .highlight_header div, #smnav
{ font-size: 10.5px; line-height: 1.5em; }

#meta_navi a, .paging a,.highlight_header div {line-height: 1em; }



.paging li, .left_navi ul, .left_navi li, .addthis_toolbox li, #ext_navi li
{ list-style-type: none; }

.paging li, #meta_navi li a, a.icon, .left_navi li a,.postit .header, input.icon, .toolbox .header, .highlight_header
{ text-transform: uppercase; }

.paging li a, #meta_navi li a, a.icon 
{ text-decoration: none; }

.content 
{ overflow:auto; }

.topline, .highlight_header div
{ overflow: hidden; }

.article, .articles .entry, .highlight, #footer .inner 
{ position: relative; }


.left_navi ul, .left_navi li, .addthis_toolbox ul, .addthis_toolbox li, #meta_navi ul, #meta_navi li, #ext_navi ul, #ext_navi li
{ margin:0; padding: 0; }

#nontopic_navi li#pageid_27, #nontopic_navi li#pageid_29 {
	margin-bottom: 15px;
}
#nontopic_navi li#pageid_27 a {
	background-color: #f1e8db;
}
#nontopic_navi li#pageid_63 a, #nontopic_navi li#pageid_28 a, #nontopic_navi li#pageid_29 a {
	background-color: #d7e2e8;
}
#nontopic_navi li#pageid_58 a, #nontopic_navi li#pageid_30 a {
	background-color: #f3edd5;
}
#nontopic_navi li a:hover {
	background-color: #efefef !important;
}

.be_hint { position: absolute; top: 0px; right: 0px; width: 250px; height: 20px; opacity: 0.4; background: red; }

a:focus { outline: none; }
a:hover, .active a { text-decoration: underline !important; }

.img img { display: block;}

h4 { margin-top: 0; }


/* HEADER ELEMENTS */


/* FORM */

label { width: 100px; display: inline-block; }
input.text, input[type=text], textarea { border: 1px solid #ededed; width: 100%; }
#content  input.text, #content  input[type=text], #content  textarea { width: 200px; max-width: 100%; }


/* search*/
#search input.text { border: none; width: 160px; background: transparent;}
#search_submit { border: 0; background: transparent; }

/* PAPER */

.col { width: 596px; float: left; }

.paper, .paper_bg { position: relative; overflow: auto;}
.paper { background: #fff; padding: 18px 28px; }
.paper_bg { height: 31px; background: url(../imgs/bg_paper.png) no-repeat; }
.article.blog .pre_paper { height: 46px; background: url(../imgs/block.png) no-repeat; }

#pen { position: absolute; top: 107px; right: 147px; }


.article.blog .col {width: 586px; margin: 0px 5px; }
.article.blog .col .paper, .article.blog .col .paper_bg, .article.blog .pre_paper  { 
	/* border-left: 5px solid #c2c2c2; border-right: 5px solid #c2c2c2;  */
	box-shadow: 5px 0px 0px 0px #c2c2c2, -5px 0px 0px 0px #c2c2c2;
	
}
.article.blog .pre_paper {
	box-shadow: 5px 11px 0px 0px #c2c2c2, -5px 11px 0px 0px #c2c2c2;
}
.article.blog .col .paper_bg {
	box-shadow: 11px -6px 0px -6px #c2c2c2, -11px -6px 0px -6px #c2c2c2;
}



/* toolbox */
.toolbox .header, .highlight_header { margin-bottom: -2px; overflow: hidden; }
.toolbox .header span, .highlight_header div { display: inline-block; overflow: hidden; background: #fff;  padding: 6px 0px 0px 0px; min-width: 90px; font-weight: bold; text-align: center;  }
.toolbox .content { background: #fff; padding: 12px 12px;}
.toolbox .header, .highlight_header {  height: 18.25px; z-index: 200; margin-bottom: 0px; }
.highlight { z-index: 199; }
.highlight_header div { height: 18.25px; }


/* NAVIGATION */

#topic_navi { background-position: -187px -168px; height: 102px; overflow: hidden; }
#topic_navi ul { margin: 0; padding: 0px 6px; }
#topic_navi li { display: inline-block; margin-right: 2px; z-index: 1000; position: relative; overflow: auto; }
#topic_navi li a { text-indent: -1000px; overflow: hidden; display: block; width: 100px; text-align: center; width: 108px; height: 102px; background: url(../imgs/tab_arctic.png) no-repeat; }

#topic_navi li.active {box-shadow: 0 3px 6px 3px #ccc; z-index: 1001; }
#topic_navi li#pageid_20 a { background-image: url(../imgs/tab_shale.png); }
#topic_navi li#pageid_21 a { background-image: url(../imgs/tab_nuclear.png); }
#topic_navi li#pageid_22 a { background-image: url(../imgs/tab_green.png); }
#topic_navi li#pageid_23 a { background-image: url(../imgs/tab_eu.png); }
#topic_navi li#pageid_24 a { background-image: url(../imgs/tab_greenway.png); }
#topic_navi li#pageid_25 a { background-image: url(../imgs/tab_inter.png); }

#topic_navi li.active a, #topic_navi li a:hover { background-image: url(../imgs/tab_arctic_over.png); }
#topic_navi li#pageid_20.active a, #topic_navi li#pageid_20 a:hover { background-image: url(../imgs/tab_shale_over.png); }
#topic_navi li#pageid_21.active a, #topic_navi li#pageid_21 a:hover { background-image: url(../imgs/tab_nuclear_over.png); }
#topic_navi li#pageid_22.active a, #topic_navi li#pageid_22 a:hover { background-image: url(../imgs/tab_green_over.png); }
#topic_navi li#pageid_23.active a, #topic_navi li#pageid_23 a:hover { background-image: url(../imgs/tab_eu_over.png); }
#topic_navi li#pageid_24.active a, #topic_navi li#pageid_24 a:hover { background-image: url(../imgs/tab_greenway_over.png); }
#topic_navi li#pageid_25.active a, #topic_navi li#pageid_25 a:hover { background-image: url(../imgs/tab_inter_over.png); }

#meta_navi a { display: block; }
#meta_navi ul { padding: 40px 0px 0px 0px ; }
#meta_navi li { display: inline-block; border-left: 1px solid #617507; padding: 0px 12px; }
#meta_navi li:first-child { border: none; }

#ext_navi { display: none; }
#ext_navi ul { padding: 10px 0px; }
#ext_navi li { padding: 6px 0px; }

/* left navi */

.left_navi li a { display: block; font-weight: bold; padding: 1px 6px; background: #efefef; text-decoration: none !important;  }
.left_navi li.sub a { font-weight: normal; }

.left_navi ul { margin-bottom: 15px; }
.left_navi li { margin-bottom: 3px; }
.left_navi ul.second-level { padding-top: 3px; }
.left_navi li.sub { /*margin-left: 12px;*/ position: relative; }
.left_navi li.sub a { padding-left: 15px;  }
.left_navi li.sub a:before { content: "» "; color: #617507; display: block; position: absolute; top: 0px; left: 6px; }

#main_navi.left_navi li a {  background: #f0f4e5; }

#main_navi.left_navi li a:hover, .left_navi li a:hover, #left li.active > a { background: #d7dfa4; text-decoration: none !important; }

span.div { background: #252525; margin: 0px 10px; padding-left: 1px; height: 1em; display: inline-block;  }
span.ctype { text-transform: uppercase; font-weight: bold; }


.entry, .comment { border-top: 1px solid #e0e0e0; padding-top: 18px; margin-top: 18px; }
.entry:first-child { border:none; margin: 0; padding: 0; }
.entry .img, .article .img { width: 170px; float: left; }
.entry .detail, .article .headlines { margin-left: 200px;  }



/* ARTICLE DETAIL */

.paper { /*float: left; width: 500px;*/ }
.toolbox { margin-left: 608px; margin-bottom: 20px; }

.article.blog { min-height: 480px; }
.highlight_header div { padding: 6px 14px 0px 14px; } 
.highlight { position: relative; }
.highlight .img { width: 450px; float: left; }
.highlight .detail { margin-left: 480px;  }
.highlight .paper { padding: 6px; }

.teaser .highlight_header { display: none; }

.headlinebox { padding-bottom: 10px; }

/* postit */
.postit { width: 80%; position: relative; }

.postit .content { background: url(../imgs/bg_postit_content.png) repeat;  }
.postit .content .inside { padding: 0px 20px; }
.postit .header { padding: 0px 20px; background: url(../imgs/bg_postit_header.png) center top no-repeat; height: 50px; display: block; }
.postit .header div { padding-top: 17px; }
.postit .footer { background: url(../imgs/bg_postit_footer.png) center top no-repeat; height: 36px; }

/* COMMENTS */

.comment { position: relative; }




/* PAGINATION */
.paging { text-align: center; }
.paging a { display: block; }
.paging ul { margin: 0; padding: 0; margin-bottom: 20px; }
.paging li { display: inline-block; border-left: 1px solid #fff;  text-align: center; padding: 0px 9px 0px 12px; }
.theme_ .paging li { border-left: 1px solid #617507; }
.paging li:first-child { border: none; }
.paging li.active a { text-decoration: none !important; } 





/* SHARE */
.share { position: relative; height: 30px; }
.share a { display: block; overflow: hidden; position: absolute; }
.share a.addthis_button_facebook_like { left: 90px; min-width: 90px; }
.share a.addthis_button_google_plusone { right: 0px; width: 70px; }

.addthis_toolbox a { display: block !important; }
.addthis_toolbox span { display: none !important; }
.custom_hover { display: none; }

a.addthis_button_print { background-image: url(../imgs/icon_print.png); }
a.addthis_button_favorites { background-image: url(../imgs/icon_bookmark.png); }
a.addthis_button_pdfmyurl { background-image: url(../imgs/icon_pdf.png); }
a.share_hover { background-image: url(../imgs/icon_share.png); }
a.addthis_button_twitter { background-image: url(../imgs/icon_twitter.png); }
a.addthis_button_facebook { background-image: url(../imgs/icon_fb.png); }
a.addthis_button_google_plusone_share { background-image: url(../imgs/icon_print.png); }
a.addthis_button_email { background-image: url(../imgs/icon_contact.png); }


a.feed_twitter { background-image: url(../imgs/icon_twitter_feed.png); }
#twitterfeed { margin-top: 30px; padding: 6px; background: #f7f5f6;  }

.twitter-widget-follow a { text-transform: uppercase; text-decoration: none; }
a.icon.feed_twitter { text-transform: none; display: block; }

#twitter-widget
	{width:100%;}
.twitter-widget-follow,.twitter-widget-follow a
	{color:#617507;line-height:1.2em;font-size:11px;font-weight:bold;}
.twitter-widget-get,.twitter-widget-get a
	{text-align:right;font-size:10px;text-decoration:none;cursor:pointer;color:#ccc;}
#twitter_update_list{padding:0;margin:0;list-style-type:none;}
#twitter_update_list li {padding:0;margin:0;padding:5px 0 5px 0;}
#twitter_update_list li span {font-size:10px; line-height:1.5em; display: block; }
#twitter_update_list li span a {font-size:10px;color:#617507;display:inline;}
#twitter_update_list li a {font-size:10px;color:#617507;display:block;}
			
			

/* FOOTER */

#link_gnd, #link_efa { position: absolute; right: 320px; top: 30px; width: 116px; height: 42px; background: url(../imgs/link_gnd.png) no-repeat; }
#link_efa { right: 30px; width: 254px; height: 40px; top: 25px; background-image: url(../imgs/link_efa.png); }
#link_gnd:hover { background-image: url(../imgs/link_gnd_over.png); }
#link_efa:hover { background-image: url(../imgs/link_efa_over.png); }




.faq { padding-left: 18px; }
.faq .text { display: none; }

.faq h4 { cursor: pointer; padding-top: 10px; padding-left: 20px; position: relative; }
.faq h4:before { content: '»'; display: block; position: absolute; top: 9px; left: 0px; width: 8px; height: 20px;  }

.faq h4.active:before { top: 11px; -moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
-webkit-transform: rotate(90deg);}




#efalogo, #efalogo .inner
{
    background: #fff;
    height: 48px;
    
}
#efalogo a { display: block; top: 3px; position: absolute; right: 8px; height: 42px;}

#efalogo a img { display: block; }




#mcm-lnk { display:block; position: absolute; top: 70px; right: 285px; }
#mcm-lnk img { display:block; width: 100%; max-width: 100%; height: auto; }