/*
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("http://www.energiewende-schaffen.de/wp-content/themes/energiewende/Fonts/1246669/5a9b0b34-ed8d-4401-a5a3-58a142c626ec.eot?#iefix");
src:url("http://www.energiewende-schaffen.de/wp-content/themes/energiewende/Fonts/1246669/5a9b0b34-ed8d-4401-a5a3-58a142c626ec.eot?#iefix") format("eot"),url("http://www.energiewende-schaffen.de/wp-content/themes/energiewende/Fonts/1246669/20685c06-277c-434c-9362-96bd3446e057.woff2") format("woff2"),url("http://www.energiewende-schaffen.de/wp-content/themes/energiewende/Fonts/1246669/c107f5db-1c4f-46e7-9a18-36ab736d2d6e.woff") format("woff"),url("http://www.energiewende-schaffen.de/wp-content/themes/energiewende/Fonts/1246669/ac18e6c2-1d34-49b8-8acb-0251e41d546f.ttf") format("truetype"),url("http://www.energiewende-schaffen.de/wp-content/themes/energiewende/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;
}
.col60.content img {max-width:596px; height:auto;max-width:100%;margin-bottom:20px;}
 

.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;}

#sharetop {margin-left:20px;  }


#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;margin:0px 0px 10px 0px;}

.boxbig  h1,
.boxsmall h1,
.boxbig  h2,
.boxsmall h2,

.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:'';}
 
.category-galerie-der-berufe .col100 {padding-left:12px;}
 

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 {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;}

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;}

p.wp-caption-text {font-size:0.75em;margin:-18px 0px 10px 0px;}
/*evtl. nicht überall passend? */

.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;max-width:500px;}



#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.wila {width:45%;}
.footerlogo.life {width:45%;}

 
.footerlogo.rb img {max-width:200px; }
.footerlogo.dbu img {max-width:120px; }
 
.footerlogo.wila img {max-width:117px;}
.footerlogo.life img {max-width:105px;}







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




 
#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);

height:80px;
} 

/*#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('http://www.energiewende-schaffen.de/wp-content/themes/energiewende/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, .postitem{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;}


.postitem .newsimage {padding-top:16px;}
.postitem .newstext h1 a {color:#37a674 !important;}
.postitem .newstext h1 a:hover {color:#d8e04f !important;}
.newstext h1 {padding-left:0px;}

.accordion {padding-bottom:50px;padding-top:28px;}

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 60px 10px 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('http://www.energiewende-schaffen.de/wp-content/themes/energiewende/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('http://www.energiewende-schaffen.de/wp-content/themes/energiewende/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; margin-bottom:0px;}

.galeriethumbnails {height:100px; overflow:hidden;}



/*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:0px; 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;}
 
 
 
 #mc_embed_signup h2 {
 /* font-weight: bold;
  padding: 0;
  margin: 15px 0;
  font-size: 1.4em;
  */
  color:#37a674;font-size:1.1em;font-weight:normal;font-size:1.26em;letter-spacing:0.09em;text-transform:uppercase;line-height:130%;margin:0px 0px 0px 0px;
}


/* MailChimp Form Embed Code - Classic - 08/17/2011 */
#mc_embed_signup form {display:block; position:relative; text-align:left; padding:10px 0 10px 3%}
#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#mc_embed_signup input {border:1px solid #999; -webkit-appearance:none;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {clear:both; background-color: #aaa; border: 0 none; border-radius:4px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: bold; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
#mc_embed_signup .button:hover {background-color:#777;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}

#mc_embed_signup .mc-field-group {clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px;}
#mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
* html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */}
#mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px;}
#mc_embed_signup .mc-field-group input {display:block; width:100%; padding:8px 0; text-indent:2%;}
#mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}
 

#mc_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right:4%;}
#mc_embed_signup .asterisk {color:#c60; font-size:200%;}
#mc_embed_signup .mc-field-group .asterisk {position:absolute; top:25px; right:10px;}        
#mc_embed_signup .clear {clear:both;}

#mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
#mc_embed_signup .mc-field-group.input-group label {display:inline;}
#mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none; width:353px;height:300px; padding:16px; background:#fff;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}

#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}
#mc_embed_signup #num-subscribers {font-size:1.1em;}
#mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}



#mc_embed_signup div.mce_inline_error {
  margin: 0 0 1em 0;
  padding: 5px 10px;
  background-color: #87888A !important;
  font-weight: bold;
  z-index: 1;
  color: #fff;
}


#mc_embed_signup div.response {
  margin: 1em 0;
  padding: 1em .5em .5em 0;
  font-weight: bold;
  float: left;
  top: -1.5em;
  z-index: 1000;
  position:absolute; 
/*  bottom:10px;*/
  left:10px;
  width: 250px;
  background-color:#fff;
  color:#000;
}
.indicates-required {display:none;}

#mc_embed_signup .asterisk {
  color: #37a674;
  font-size: 200%;display:none;
}
 
 #mc_embed_signup input {border:1px solid #fbf485; -webkit-appearance:none; ackground-color: #fbf485;height:26px;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#fbf485;}



  #mc_embed_signup .button {
/*  clear: both;
  background-color: #aaa;
  border: 0 none;
  border-radius: 4px;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-size: 15px;

  height: 32px;
  line-height: 32px;
  margin: 0 5px 10px 0;
  padding: 0 22px;
  text-align: center;
  text-decoration: none;
  vertical-align: top;
  white-space: nowrap;
  width: auto;*/
  
  
  background:#fff !important;
  border:none;
  color:#87888a !important;   font-weight: normal !important;
  
  text-transform:uppercase; font-size:1.26em; letter-spacing:0.09em;background:#fff;margin-left:0px; padding:0px 0px 0px 0px !important;
  
  border:1px solid #87888a;
  border:none;cursor:pointer;font-family:"Calibri Light", Helvetica,Arial,sans-serif;
}
 
/**********************************************************************************/
 
/**********************************************************************************/

 
/**********************************************************************************/

 
/**********************************************************************************/

iframe.berufecheck { width:320px; height:1800px;border:0}


@media (min-width: 380px){
iframe.berufecheck { width:360px; height:1600px; }	
}



@media (min-width: 440px){
iframe.berufecheck { width:420px; height:1600px; }	
}



@media (min-width: 480px){
iframe.berufecheck { width:460px; height:1600px; }	
}





@media (min-width: 640px){
iframe.berufecheck { width:620px; height:1450px; }	
}




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


@media (min-width: 756px){
	
	
iframe.berufecheck { width:740px; height:1300px;border:0}




	
 #commentform input.submit { margin-left:150px; }
 
.category-galerie-der-berufe .col100 {padding-left:0px;}	


	
	
	#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; max-height:300px; }
.home  #headerimage { background:transparent;height:300px;}
  



  

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

 



.col30 {width:726px; width:741px; float:left;margin:0px 0px 0px 0px;overflow:hidden;}

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

#pagebottom {width:726px; height:110px; height:auto;}

.col100 {width:746px; width:741px;  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;}


.col30 .boxsmall,.col100 .boxsmall,.col60 .boxsmall   {margin:0px 17px 20px 0px; }
/*,.col30  .widget_listcategorypostswidget  */



#search span {display:none;}
 

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

-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;}

#sharetop {margin-left:0px;  }


#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.wila {width:137px;}
.footerlogo.life {width:125px;width:210px;}
 
.footerlogo.rb img {max-width:152px;}
.footerlogo.dbu img {max-width:90px;}
.footerlogo.wila img {max-width:117px;}
.footerlogo.life img {max-width:105px;}



#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;}


}




@media (min-width: 1128px){


iframe.berufecheck { width:1180px; height:800px;border:0}


 
	
	
#mobilemenucontainer {
 display:none;
}

/*@media (min-width: 1280px){*/
	
	
#openmenu  {display:none;}
.slicknav_menu {display:none;}

	 
#container  {
 width:1098px; /*gesamtbreite 1130 = mindestens 16 pixel links und rechts*/
 /*gesamtbreite 1280 = mindestens 191 pixel links und rechts*/
 
 /*  +20px rechts */
 width:1118px;
  /*  ausgleichen für zentrierte position: ?  */
 width:1128px;
  max-width:1128px;
 width:1133px;
  max-width:1133px;
 padding-left:15px;
 
}
/*10 px weiter nach rechts*/
#logo {position:absolute; z-index:2; 
 z-index:1002;
top:52px;left: 30px;padding:0;max-width:162px;width:162px;}

 


#headerimage { clear:both;width:1098px; height:356px; 
-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);
overflow:hidden;
background-color:#d8e04f;
}


#headerimage div.caption {display:block;width:168px; height:176px;position:absolute; z-index:2; top:320px; left: 866px; }
#headerimage   .cycle-slideshow   div.caption {top:240px;}


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

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


#mainnavi {display:block;}

#menu {display:block;
clear:both;
position:relative;
width:1098px;
height:87px;
height:88px;
margin-right:20px; margin-bottom:32px;

-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);

}


#breadcrumbs {padding-left:31px;}


.home #headerimage{ height:455px; }

.home #menu { height:55px;}

.home #socialmedia { top:533px;}




#sharetop {margin-left:30px; position:absolute; }
/*.share span { padding:0px 6px 0px 0px; font-size:1.7em;}
.share  span:hover {cursor:pointer; opacity:0.8;}

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





#menu ul {  padding:20px 0px 0px 12px}

/*45 - 42*/
#menu ul li {float:left;list-style-type:none;padding-right:40px;}



#menu ul li a {display:block; float:left; padding: 2px 6px 0px 4px;color:#87888a;color:#58585a;
font-size:1.26em;line-height:110%;letter-spacing:0.09em;text-transform:uppercase;}

/*?  color: ??? s58585a  */

#menu ul li a:hover,#menu ul li.current-menu-item a,
 #menu ul li.current-menu-parent a
 {background-color:#fbf485;color:#58585a;}

#menu ul li ul li a {color:#87888a;color:#58585a;font-size:0.95em;letter-spacing:0.09em;padding: 3px 4px 0px 3px;}

#menu ul li.current-menu-item ul li a, #menu ul li.current-menu-parent ul li a {background-color:#fff;} 



#menu ul li.current-menu-item ul li a:hover,#menu ul li.current-menu-item ul li.current-menu-item  a,
#menu ul li.current-menu-parent ul li a:hover,#menu ul li.current-menu-parent ul li.current-menu-item  a
{background-color:#fbf485;} 

/*#menu ul li ul {display:none;}

#menu ul li.current-menu-item ul,
#menu ul li.current-menu-parent ul
{display:block; }*/

#menu ul li ul li{display:none;}

#menu ul li.current-menu-item ul li,
#menu ul li.current-menu-parent ul li,
#menu ul li.current-post-ancestor ul li
{display:block; }





#menu ul li ul {  padding:20px 0px 0px 0px; position:absolute; top:35px; left:12px;}

#menu ul li ul li {float:left;list-style-type:none;padding-right:25px;}




.col30 {width:353px;  float:left;margin:0px 18px 0px 0px;}

.col60 {width:726px;/* height:518px;*/float:left;margin:0px 18px 0px 0px;}



.col100 {width:1098px; width:1118px; margin:0px 0px 0px 0px;}


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

.boxbig {width:726px; height:518px;float:left; margin:0px 0px 20px 0px; }

.col100 .boxsmall ,.col100 .widget_listcategorypostswidget {margin:0px 18px 20px 0px; }
 
 
 
 
.col60.content {padding-right:100px;padding-left:30px;padding-top:75px;padding-bottom:50px;}

/*.page-template-page-overview .col60.content {padding-right:100px;padding-left:30px;padding-top:20px;}*/
.noshare .col60.content {padding-right:100px;padding-left:30px;padding-top:20px;}


.content_share .col60.content { padding-top:0px; }

.boxcontent {padding-right:100px; }


.content_share {padding-top:75px;}
.content_share .col30 {margin-top:-75px;}


.content h1 {margin-bottom:35px;}


 
#search {position:absolute; top:22px; left: 660px;z-index:3;width:300px;padding:0px; height:auto;} 
 

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




#footer {width:1098px; display:block; clear:both;border-top:1px dotted #58585a;
height:200px;position:relative;top:40px;


width:1095px;right:3px;


}

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

#copyright {position:absolute; left: 0px; top:24px;font-size:0.9em;}

 
#footerlogos { top:24px;}


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


/*.comments-area {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);}
*/


}

