@charset "utf-8";
 
/*allgemeine einstellungen*/

p, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
}

a{text-decoration:none;
   
 
 }



header a{
		 color:	#F47F33;
		text-align:right;
		font-size:1.25em;	
		display:inline-block;
		position:relative;
		left:17em;

}


header #dot{color:#00ACD8;}

header h3{font-size:0.6em;
		 margin:0 0 3px 0; 
		text-align:right;
	  	color:#454141;
} 
 
 #seitentitel{
 			display:inline-block;
			position:relative;
			left:-26em;
			
 }

/* Darstellungsfehler beheben */
img{
border:none; /* Standardrahmen um verlinkte Bilder in alten IE verhindern */
text-decoration:none; /* Unterstreichung verhindern in alten Safari(windows) verhindern */
outline:0; /* Focuslinie ohne Focus in IE(bis-9) und Opera(bis 10) verhindern */
}

/*-------------------enegieagentur---------------------*/
/*Schriftart*/
body{
    color: #555658;
	font-size:100%;
    
	font-family: open-sans, sans-serif;
}


#wrapper{margin: 0 auto; /* Zentriert das Layout */
	max-width:970px; /* Definiert die maximale Gesamtbreite des Layouts */
	
	padding-top: 1em;}


/*Anordnung Inhalt*/
.startnews{display:table;
			border-spacing:10px;
			width:99%;
			
			
}

.startnews section{display:table-cell;
					
					
					padding:0px;
}


/*Format NAV*/
#main-nav {
    background: linear-gradient(#ffab00, #f07d00);
    /*background: linear-gradient(#ffff00, #F47F33 ) repeat scroll 0 0 rgba(0, 0, 0, 0);*/
    /*background: linear-gradient(#F47F33 75%,#ffff00 );*/
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffab00+0,f07d00+100 */
	
	background: linear-gradient(to bottom,  #ffab00 0%,#f07d00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffab00', endColorstr='#f07d00',GradientType=0 ); /* IE6-9 */
	
	float: left;
    height: 42px;
    
    width: 100%;
    
}
#main-nav ul{list-style:none;margin:0;padding:3px 0 0 10px;}

#main-nav ul li{
    display:inline-block;
    font-weight: 900;
	margin: 0;
    padding: 0;
    text-transform:uppercase;
	
}

#main-nav li a{font-size:1.5em; }
#main-nav a{text-decoration:none;color:#000;transition: background 0.3s;}

#main-nav ul li:after {
    
	content: "|";
    margin-left: 0.5em;
	
	font-size:1.5em;
}

#main-nav ul li a:hover {
    background: rgb(0, 0, 0);/*fallback*/
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.60);
    color: #F47F33;
    
    height: 33px;
    
    text-decoration: none;
	
	
}
/*HeadlineImage; Bilderuntertitel*/
#headlineimg:after{
	content: "Quelle: Energieagentur NRW";
	
  font-size:0.5em;
}
#Solarpage #headlineimg:after{
	content: "Quelle: Teckwerke eG; PV Anlage der Teckwerke Bürgerenergie eG";
	
  font-size:0.5em;
}

#Kontaktpage #headlineimg:after{
	content: "Quelle: Google";
	
  font-size:0.5em;
}

#Akkupage #headlineimg:after{
	content: "Quelle: IBC; Speicher";
	
  font-size:0.5em;
}

#Ueberunspage #headlineimg:after{
	content: "Quelle: Teckwerke eG; v.l. Felix Denzinger; Ulrich Mach; Olaf Essig (Vorstände der Teckwerke eG);Bild:Region Teck";
	
  font-size:0.5em;
}

#Windpage aside:after,#Ueberunspage aside:after, #Solarpage aside:after{
	content: "Quelle: LUBW";
	
  font-size:0.5em;
}

#Windpage #headlineimg:after{
	content: "Quelle: Energieagentur NRW; Winpark";
	
  font-size:0.5em;
}

#headlineimg img{width:auto 0;
height:350px;
}
/*Section Abstand top*/
#one {margin-top:35px;}

/*Inhalt*/
.startnews {margin-top:5px;
            padding-left:15px;

}

.startnews-image-text {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.85);
    height: 94px;
    margin-bottom: -92px;
    overflow: hidden;
    padding: 16px 20px 0;
    position: relative;
    top: -112px;
    width: 248px;
}

.startnews-image-text h2 {
    font-size: 1em;
    color:#555658;
    
    text-transform: uppercase;
}
.startnews-image-text p{
	color:#555658;
}
/*hover der Sections*/
.shadow picture img:hover{
    opacity: 0.8;
	transition: opacity 500ms ease-out 0s;
    
}

.startnews-image-text h2:hover {
    font-size: 1.2em;
    color:#D8602A;
    text-transform: uppercase;
}

/*Format assid*/
aside{float:right;
	width:30%;
	

}
 aside h3{border-bottom: 1px solid #555658;
	border-top: 1px solid #555658;
	font-size: 1rem;
	font-weight: 900;
	margin: 0 0 13px;
	padding: 19px 0 20px;
	text-transform: uppercase;

}
/*Format unterseiten*/
.page article h2{margin-top:1em;}
.page article h3{margin:0.25em 0 0.4em 0;}


.page{margin-top:2em;}



.page section{
		width:65%;
        float:left;
}

.page a{color:#29C3D5;
	  font-weight:bold;

}

.page a:hover{color: #f07d00;}
 /*footer*/
footer { 
   border:none;background-color:#E9E6E2;
   text-align:center;
   margin-top:5em;
}	

footer h1{font-size:1em;
          color:#837E7E;
}


/*clear*/
.clearfix:after,.page:after {content:""; display:table; clear: both;}
/* .page:after{content:""; display:table; clear: both;}*/
/*section:after{content:"";display:table;clear:both;}*/