/*
Theme Name: Energiewende
Theme URI: http://www.energiewende-schaffen.de/
Description: Energiewende Schaffen Theme
Version: 1.0
Author: Miren Merkelbach
Author URI: http://www.miren-merkelbach.de
*/
@import url("http://fast.fonts.net/lt/1.css?apiType=css&amp;c=5d77e54b-0959-42a9-94d9-53054a2cb2c8&amp;fontids=1246669");
@font-face{
font-family:"Calibri Light";
src:url("Fonts/1246669/5a9b0b34-ed8d-4401-a5a3-58a142c626ecd41d.eot?#iefix");
src:url("Fonts/1246669/5a9b0b34-ed8d-4401-a5a3-58a142c626ecd41d.eot?#iefix") format("eot"),url("Fonts/1246669/20685c06-277c-434c-9362-96bd3446e057.html") format("woff2"),url("Fonts/1246669/c107f5db-1c4f-46e7-9a18-36ab736d2d6e.html") format("woff"),url("Fonts/1246669/ac18e6c2-1d34-49b8-8acb-0251e41d546f.html") format("truetype"),url("Fonts/1246669/b38eac92-b4a9-486a-8248-635d0e7742a6.svg#b38eac92-b4a9-486a-8248-635d0e7742a6") format("svg");
}
 


* { 
	margin: 0; 
	padding: 0; 
}

*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }


/*html {
    overflow-y: scroll;
}
*/
body {
    
  
font-family: "Calibri Light",Arial,Helvetica,sans-serif;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color:#ffffff;
height: 100%;
color:#87888a;
font-size:95%;

}
 

#wrapper {
position: relative;
width:100%;

}

 
#container  {
width:100%;
display:block;
position: relative;
margin:0px auto 0px auto;
}


#mainnavi {display:none;}

#menu {display:block;background:#f5f5f5; 
clear:both;
position:relative;
-moz-box-shadow: 4px 4px 3px rgba(205, 205, 205, 0.3);
-webkit-box-shadow:4px 4px 3px rgba(205, 205, 205, 0.3);
box-shadow:4px 4px 3px rgba(205, 205, 205, 0.3);
margin-bottom:20px;

padding-bottom:15%;

}


#logo {position:absolute;  top:62px; left: 15px;
z-index:1011;
/*padding-top:30px;*/

-moz-box-shadow: 4px 4px 3px rgba(205, 205, 205, 0.3);
-webkit-box-shadow:4px 4px 3px rgba(205, 205, 205, 0.3);
box-shadow:4px 4px 3px rgba(205, 205, 205, 0.3);
width:23%; 
}

.home #logo {width:27%; }

#logo img {width:100%}

#headerimage { width:100%; height:auto;}

#headerimage div.caption { display:none;}

#headerimage img{ width:100%; height:auto;}


#headerimage {  
-moz-box-shadow: 4px 4px 3px rgba(205, 205, 205, 0.3);
-webkit-box-shadow:4px 4px 3px rgba(205, 205, 205, 0.3);
box-shadow:4px 4px 3px rgba(205, 205, 205, 0.3);
}




#headerline {width:100%; display:block; height:62px;}

#wila {position:fixed; right:20px; top:6px;
z-index:16;
z-index:1016;
width:42%;max-width:221px;}

#wila img {width:100%}


a:link { color:#37a674;text-decoration:none; padding:0px 0px 0px 0px;}
a:visited { color:#37a674;text-decoration:none;padding:0px 0px 0px 0px;}
a:active { color:#d8e04f;text-decoration:none; padding:0px 0px 0px 0px; }
a:hover { color:#d8e04f;text-decoration:none; padding:0px 0px 0px 0px;}

.col30, .col60 {width:100%;}

.boxbig,.boxsmall,.widget_listcategorypostswidget{width:100%;padding:0;margin-bottom:16px;padding-bottom:10px;overflow:hidden;}



.boxbig img,.boxsmall img,.widget_listcategorypostswidget img {width:100%; height:auto;}
.boxsmall img,.widget_listcategorypostswidget img {max-width:353px;}

.boxbig,.boxsmall,.boxcontent,.widget_listcategorypostswidget{
/*-moz-box-shadow: 2px 2px 1px 1px #ebebeb;
-webkit-box-shadow:2px 2px 1px 1px #ebebeb;
box-shadow:2px 2px 1px 1px #ebebeb;

-moz-box-shadow: 2px 0px 2px 2px rgba(205, 205, 205, 0.3);
-webkit-box-shadow:2px 0px 2px 2px rgba(205, 205, 205, 0.3);
box-shadow:2px 0px  2px 2px rgba(205, 205, 205, 0.3);*/

-moz-box-shadow: 4px 4px 3px rgba(205, 205, 205, 0.3);
-webkit-box-shadow:4px 4px 3px rgba(205, 205, 205, 0.3);
box-shadow:4px 4px 3px rgba(205, 205, 205, 0.3);

}
 
.contentcontainer{width:100%;padding:16px;
}
.contentcontainer img {max-width:596px; height:auto;}

.col60.content {-moz-box-shadow: 4px 4px 3px rgba(205, 205, 205, 0.3);
-webkit-box-shadow:4px 4px 3px rgba(205, 205, 205, 0.3);
box-shadow:4px 4px 3px rgba(205, 205, 205, 0.3);}

#pagebottom {clear:both;width:100%;
-moz-box-shadow: 4px 4px 3px rgba(205, 205, 205, 0.3);
-webkit-box-shadow:4px 4px 3px rgba(205, 205, 205, 0.3);
box-shadow:4px 4px 3px rgba(205, 205, 205, 0.3);
padding:20px 0px 20px 0px;}

#pagebottom:after{clear:both;}


#bottomicons{/*border-top:1px dotted #58585a;*/
margin-right:60px;margin-left:30px;padding-top:12px;}

#sharebottom {float:left;}

#print {float:right;margin-left:20px;}

#download {float:right;}

.comments-area {clear:both;padding-left:30px;padding-top:15px;}


.mobileclear {clear:none; padding-top:0px;}

.boxbig  p,
.boxsmall p,
.widget_listcategorypostswidget p {padding: 15px 14px 0px 16px;}

.boxbig  h1,
.boxsmall h1,
.widget_listcategorypostswidget h1 {padding: 15px 6px 0px 16px;}

.boxbig  h1 + p,
.boxsmall  h1 + p,
.widget_listcategorypostswidget  h1 + p,
.boxbig p + p ,
.boxsmall p + p,
.widget_listcategorypostswidget p + p,
.newstext p
 {padding-top:0px;}


.gallery {width:100%;padding:0;



padding-bottom:10px;overflow:hidden;

/*margin-bottom:16px !important;
-moz-box-shadow: 4px 4px 3px rgba(205, 205, 205, 0.3);
-webkit-box-shadow:4px 4px 3px rgba(205, 205, 205, 0.3);
box-shadow:4px 4px 3px rgba(205, 205, 205, 0.3);*/
display:block;

}
.gallery-item:first-of-type {clear:both;}
.gallery-item {float:left; width:25% !important;ight:auto !important; padding:5px;}
.gallery-item img {width:100%; height:auto;border:none !important;}

/*.gallery:before {content:'Fotogalerie';color:#37a674;font-size:1.26em;font-weight:normal;letter-spacing:0.09em;text-transform:uppercase;line-height:130%;margin:0px 0px 0px 0px;display:block;}*/

.contentcontainer .gallery-item {float:left; width:16.666666% !important;ight:auto !important; padding:5px;}
 .contentcontainer .gallery:before {content:'';}
 
 
 
/*<div id='gallery-1' class='gallery galleryid-59 gallery-columns-3 gallery-size-thumbnail'><dl class='gallery-item'>
			<dt class='gallery-icon landscape'>
				<a href='http://www.energiewende-schaffen.de/wordpress/wp-content/uploads/2015/03/Jobmotor-Erneuerbare-Energien-Art-Directorin.jpg'><img width="150" height="150" src="http://www.energiewende-schaffen.de/wordpress/wp-content/uploads/2015/03/Jobmotor-Erneuerbare-Energien-Art-Directorin-150x150.jpg" class="attachment-thumbnail colorbox-59 " alt="Jobmotor-Erneuerbare-Energien---Art-Directorin" /></a>
			</dt></dl><dl class='gallery-item'>
			<dt class='gallery-icon landscape'>
				<a href='http://www.energiewende-schaffen.de/wordpress/wp-content/uploads/2015/03/Jobmotor-Erneuerbare-Energien-Wind-Arbeiter.jpg'><img width="150" height="150" src="http://www.energiewende-schaffen.de/wordpress/wp-content/uploads/2015/03/Jobmotor-Erneuerbare-Energien-Wind-Arbeiter-150x150.jpg" class="attachment-thumbnail colorbox-59 " alt="Jobmotor-Erneuerbare-Energien---Wind-Arbeiter" /></a>
			</dt></dl><dl class='gallery-item'>
			<dt class='gallery-icon landscape'>
				<a href='http://www.energiewende-schaffen.de/wordpress/wp-content/uploads/2015/03/Waermepumpe1_Bohrung-Agentur-f-r-Erneuerbare-Energien.jpg'><img width="150" height="150" src="http://www.energiewende-schaffen.de/wordpress/wp-content/uploads/2015/03/Waermepumpe1_Bohrung-Agentur-f-r-Erneuerbare-Energien-150x150.jpg" class="attachment-thumbnail colorbox-59 " alt="Waermepumpe1_Bohrung---Agentur-f++r-Erneuerbare-Energien" /></a>
			</dt></dl><br style="clear: both" />
		</div>
		
		
		*/


h1,.widget_listcategorypostswidget h4 {color:#37a674;font-size:1.26em;font-weight:normal;letter-spacing:0.09em;text-transform:uppercase;line-height:130%;margin:0px 0px 0px 0px;}
h2 {color:#37a674;font-size:1.26em;font-weight:normal;font-size:1.26em;letter-spacing:0.09em;text-transform:uppercase;line-height:130%;margin:0px 0px 0px 0px;}
h3, h4, h5 {font-weight:normal;letter-spacing:0.01em;}
/*8788a*/
p{color:#000;font-size:0.9em; line-height:135%;margin:0px 0px 20px 0px;}



.gruen {background-color:#d8e04f}
.gruen h1 {color:#000;}



#page {width:100%; display:block; clear:both;}

#main {width:100%; display:block; clear:both;}



 
#breadcrumbs {width:100%; max-width:1098px;height:50px;padding-top:10px;padding-left:16px;}
#breadcrumbs  a {color:#87888A;font-size:0.9em;}
#breadcrumbs a:hover {color:#58585a;background-color:transparent;}


 
/*.widget_listcategorypostswidget {clear:both;}*/




.hellgrau {color:#87888A; }

.clear {clear:both;height:1px;padding:0; margin:0;}
.clear.line {height:20px;}

.hidemobile {display:none;}




#footer {width:100%; display:block; clear:both; position:relative;background-color:#f5f5f5;padding-top:0px;}

#footernavi {width:100%; display:block; background-color:#fff;  }
#footernavi ul{margin-bottom:20px;}
#footernavi ul li {display:block; list-style-type:none; 
padding: 15px 0px 15px 16px;
-moz-box-shadow: 4px 4px 3px rgba(205, 205, 205, 0.3);
-webkit-box-shadow:4px 4px 3px rgba(205, 205, 205, 0.3);
box-shadow:4px 4px 3px rgba(205, 205, 205, 0.3);
}
#footernavi ul li a {color:#87888A;  padding:2px 0px 0px 3px; font-family: "Calibri Light",Arial,Helvetica,sans-serif;

color:#58585a;
font-size:1.26em;line-height:110%;letter-spacing:0.09em;text-transform:uppercase;
}
#footernavi ul li a:hover {background-color:#fbf485;color:#58585a;}

 
#copyright { clear:both; /*position:absolute; bottom:10px;left:10px;*/

font-size:1em;width:100%;background:#f5f5f5; padding-left:16px;}



#footerlogos {  width:100%;background:#f5f5f5; }

.footerlogo {float:left;width:50%; padding: 0px 0px 0px 15px;margin-top:40px; }

.footerlogo img{ width:100%;}
.footerlogo p {color:#87888A; margin:0px 0px 8px 0px; padding:0px;}
 
.footerlogo.rb {width:45%;}
.footerlogo.dbu {width:25%;}
 
.footerlogo.rb img {max-width:200px; }
.footerlogo.dbu img {max-width:120px; }





#socialmedia {width:100%; text-align:center;background:#f5f5f5; display:block;padding:21px;}
#socialmedia span {/*display:inline-block;*/ padding:0px 30px 0px 0px; font-size:2.5em;}
#socialmedia span:hover {cursor:pointer; opacity:0.8;}
 





 
#search {display:block; width:100%;padding:25px 0px 25px 16px;
-moz-box-shadow: 4px 4px 3px rgba(205, 205, 205, 0.3);
-webkit-box-shadow:4px 4px 3px rgba(205, 205, 205, 0.3);
box-shadow:4px 4px 3px rgba(205, 205, 205, 0.3);} 

/*#search span {   color:#58585a;float:left; display:block;
font-size:1.26em;line-height:110%;letter-spacing:0.09em;text-transform:uppercase;padding:6px 12px 0px 3px}*/
 
#search input.searchinput {border: 1px dotted #87888A;
background:#fff; float:left; height:30px; width:70%; max-width:300px;margin-right:6px;
color:#87888A; font-size:1.26em;padding:2px 0px 0px 3px; font-family: "Calibri Light",Arial,Helvetica,sans-serif;
}

#search input.searchsubmit {float:left;
border:none;
background:transparent url('images/suche.gif');
background-repeat:  no-repeat ;
background-position:0px 0px;
background-size:contain;

height:28px;width:22px; 
padding:0px;text-indent:-9999px;color:#87888a;
cursor:pointer;}





.share {color: #87888a;padding-bottom:20px;}
.share span { padding:0px 6px 0px 0px; font-size:1.7em;}

.share a{color: #87888a;}

.share  a:hover {cursor:pointer; opacity:0.8;}

.share p {color: #87888a;margin-bottom:6px;}



.postlist ,.widget_listcategorypostswidget{padding: 0px 16px 0px 16px; }


.news {  border-bottom: 1px dotted #87888A;display:block; width:100%;padding-top:12px; }

.news:first-of-type { padding-top:0px;}
.news:last-of-type {  border-bottom: none;}

.newsimage {float:left; width:30%; padding-right:12px;margin-top:1px;padding-bottom:20px;}

.newsimage  img {width:100%;max-width:96px;}

.newstext {float:left; padding-right:12px; 

width:70%;}

.newsdate {display:block; margin:0; padding:0; color: #87888a;}

.postlist h1,.widget_listcategorypostswidget h4{margin-left:30%;  padding: 15px 0px 0px 0px !important;}

.postlist.noimage h1,.widget_listcategorypostswidget.noimage h4{margin-left:0 !important; }
.postlist.noimage .newstext,.noimage .newstext  { width:100%;padding-left:0px;}



.newstext p {margin-bottom:20px;padding: 0px 0px 0px 0px !important;}
 
.newstext  a {color:#000 !important;}
.newstext a:hover {color:#37a674 !important;}



h3.accordion-title,h2.accordion-title  {
text-transform:uppercase;
cursor:pointer;
margin:2px 0px 5px 0px;
font-size:1.26em;font-weight:normal;letter-spacing:0.09em;
padding:10px; 

width: 100%;
-moz-box-shadow: 4px 4px 3px rgba(205, 205, 205, 0.3);
-webkit-box-shadow:4px 4px 3px rgba(205, 205, 205, 0.3);
box-shadow:4px 4px 3px rgba(205, 205, 205, 0.3);

background:transparent url('images/ausklapp.gif') 95% 10px no-repeat;
background-size:18px ;
}


.accordion-content {
padding:0px 60px 0px 0px;
width: 100%;
 color:#000;font-size:0.9em; line-height:135%;margin:20px 0px 20px 20px;} 
 .accordion-content  p {font-size:1em; }
 
h3.accordion-title {color:#37a674;}
h3.accordion-title:hover {color:#37a674;}
h3.accordion-title.open,h3.accordion-title.open:hover {color:#37a674;

background:transparent url('images/ausklappunten.gif') 95% 10px  no-repeat;
background-size:18px ;
}




#mobilemenucontainer {
  display: block;
  width: 100%;
 
  position: fixed;
  top: 0;
  left: 0;
z-index:1012;
  background: #ffffff;
  height: 40px;
}

.berufegalerie {display:block; padding-bottom:40px;}

.galeriethumbnail {float:left; margin-right:10px; width: 100px;}
.galeriethumbnail img{width:100%; height:auto;}

.galerieimage {float:none; display:block; width: 100%; padding-bottom:30px;}
.galerieimage img {width:100%; height:auto;}
 
/**********************************************************************************/





/*@media (min-width: 756px){*/



	
	
	#container  {
/* max-width:726px;*/
 width:756px;
 padding-left:15px;
	}
	
	

#mobilemenucontainer {
display: block;
width: 50%;
width:364px;
position: absolute;
top: 316px;
left: 50%;
margin-left:-365px;
z-index:1012;
background: #ffffff;
height: 40px;
}

 
.home #mobilemenucontainer {
top: 380px;
}
 

	
#logo {  top:42px; left: 30px;padding:0;width:132px;max-width:132px;}
.home #logo {  top:42px; left: 30px;padding:0;width:162px;max-width:162px;}

	
	
#wila {position:relative;float:right;margin-right:20px;padding-top:4px;width:221px;max-width:221px;}

#headerline { height:79px;}
 
#headerimage { width:726px; height:235px; background-color:#d8e04f;}

 


#headerimage div.caption {display:block;width:168px; height:176px;position:absolute; z-index:2; top:180px; left: 536px; 
background: #ffffff;  
    background: rgba(255, 255, 255, .9);
    padding:12px 16px 12px 12px; }

  
#headerimage .cycle-slideshow div.caption {top:100px;}


#headerimage img {float:right; max-height:235px; width:auto; height:235px;}

.home  #headerimage img {float:none; max-height:auto; width:100%; height:auto;}
.home  #headerimage { background:transparent;}
  



  

#menu { width:726px; background:#fff; height:55px; padding-bottom:0px;}
/*.col30 {width:47%; float:left;margin:0px 20px 20px 0px;}*/

 



.col30 {width:726px; width:746px; float:left;margin:0px 0px 0px 0px;}

.col60 {width:726px; /*height:518px;f*/loat:left;margin:0px 0px 0px 0px;}
#pagebottom {width:726px;}

.col100 {width:746px;  margin:0px 0px 0px 0px;}

.col60.content {height:auto;}


.col30.content {height:auto;}
 
.contentcontainer{width:100%;padding:0px; }


.boxsmall,.widget_listcategorypostswidget {width:353px; height:249px;float:left;margin:0px 18px 20px 0px; padding-bottom:0px}

.boxbig {width:726px; height:518px;float:left; margin:0px 0px 20px 0px; padding-bottom:0px }
 
.mobileclear {clear:both; padding-top:20px;}




#search span {display:none;}
 

 
#search {position:absolute; top:26px; left: 300px;z-index:3;width:300px;padding:0px;

-moz-box-shadow: none;
-webkit-box-shadow:none;
box-shadow:none;

} 
 
#search input.searchinput {border:1px solid #dedede;background:#fff; float:left; height:25px; width:150px; margin-right:6px;
color:#87888A; font-size:1em;padding:2px 0px 0px 3px; font-family: "Calibri Light",Arial,Helvetica,sans-serif;
}

#search input.searchsubmit {height:22px; background-position:0px 1px; }


#socialmedia {position:absolute; top:312px; right: 20px; z-index:1;width:200px;background:transparent;padding:0;}
#socialmedia span {float:right; padding:16px 20px 0px 0px; font-size:1.7em;}




.home #socialmedia { top:380px;}

#footer {width:726px; display:block; clear:both; border-top:1px dotted #58585a;

height:160px;position:relative;background:#fff;top:40px;

width:723px;right:3px;
}
 


#footernavi {position:absolute; left: 0px; top:24px;width:500px; }
#footernavi ul li {float:left; list-style-type:none; padding: 0px 14px 0px 0px;
-moz-box-shadow: none;
-webkit-box-shadow:none;
box-shadow:none}
#footernavi ul li a {color:#87888A;font-size:0.9em;text-transform:none;letter-spacing:0;}
#footernavi ul li a:hover {color:#58585a;background-color:transparent;}
 

#copyright {position:absolute; left: 0px; top:124px;font-size:0.9em;width:200px; background:transparent;padding-left:0px; }


#footerlogos {position:absolute; right:0px; top:24px;width:auto;background:transparent;}

.footerlogo {float:left; width:auto;padding: 0px 0px 0px 20px;margin-top:0px;background:transparent;} 

.footerlogo img {  width:auto;}

.footerlogo.rb {width:172px;}
.footerlogo.dbu {width:110px;}
 
.footerlogo.rb img {max-width:152px;}
.footerlogo.dbu img {max-width:90px;}



#breadcrumbs { padding-left:0px;}

.newsimage {  width:108px; }

.newsimage  img { width:100%;max-width:96px;}

.newstext { width:210px;}
 
.postlist h1,.widget_listcategorypostswidget h4 {margin-left:108px; }

.postlist.noimage h1,.widget_listcategorypostswidget.noimage h4{margin-left:0 !important; }
.postlist.noimage .newstext,.noimage .newstext  { width:310px;padding-left:0px;}


.hidemobile {display:block;}
 


 


/*common wordpress formats*/

.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignright {
	float: right;
	margin-left: 15px;
}

.alignleft {
	float: left;
	margin-right: 15px;
}

h2.widgettitle,  .widget h4  {display:none;}
/*.widget_text h4,*/

/*wie share*/
h3.comment-reply-title {color: #87888a;text-transform:uppercase;/*font-size:1.7em;*/font-size:0.9em;}
.form-allowed-tags {display:none;}
#commentform input, #commentform textarea {   background-color: #fbf485;  border:none;
  color: #58585a;}
 #commentform input{ height:26px; }
 #commentform label {width:150px; float:left; } 
  #commentform input.submit {color:#87888a; text-transform:uppercase; font-size:0.9em;background:#fff;margin-left:150px; padding:0px 5px 0px 5px;
  border:1px solid #87888a;
  border:none;cursor:pointer;}
  

 .widget_listcategorypostswidget h4  {display:block;}
 
 
/*.widget_listcategorypostswidget {
-moz-box-shadow: 4px 4px 3px rgba(205, 205, 205, 0.3);
-webkit-box-shadow:4px 4px 3px rgba(205, 205, 205, 0.3);
box-shadow:4px 4px 3px rgba(205, 205, 205, 0.3);

}*/
 .searchresult {padding-bottom:20px;}
.searchresult h1 {margin-bottom:5px !important;}
 
 .screen-reader-text {display:none;}
 
 .nav-links a {padding-right:20px;}
 article {min-height:200px;}
 
 
 
 /*special print*/
 #pagebottom,#sharetop, #search, #menu, #socialmedia, #mobilemenucontainer {display:none}
 
 .accordion-content {display:block}

