/*------------------------------------------
www.agenturenergie.de
created by AgenturEnergie GmbH
-------------------------------------------*/

/* Grundschriftgroesse einstellen */

* { font-size: 1em; }

html { height: 100%; font-size: 62.5%; /*für Umrechnung img in em*/  }
body { font-size: 100.01%;height: 100%;background-color: #D6DEE7; }

body, div,textarea,img,form { 
	padding:0; 
	margin:0; 
	font-family: "gesta-1","gesta-2", sans-serif; 
	/*font-family: "droid-sans-1","droid-sans-2", sans-serif;*/
	color: #3c3c3c; 
}

img a {border-bottom: none;}
ul, li {margin:0;padding:0;}

/*------------------------------------------
:: Sitearchitektur  
-------------------------------------------*/

#pagecontainer {
	position:relative;
	padding: 0 0 0 40px;
	width:1214px;
}

#sitewrap  { 
	width: 1024px;
	background-color: #fff;
	display:table;
	height:100%;
	float:left;
}

#headwrap {
	width: 94.4em;
	height: 8em;
	margin-top:1.4em;
	margin-left: 4em;
}

/*::: Horizontale Navigation :::::::::::::::*/

#mainmenu {
	float:left;
	margin-top: .7em;
	margin-left: 0;
	font-size:14px;
	font-family: "gesta-1","gesta-2", sans-serif;
}

#mainmenu ul {
	line-height: normal;
	list-style-type:none;
	margin:0;
	padding:0;
}

#mainmenu li {
	float: left;
	border-right: 1px solid #bcba3f;
	padding: 0 .7em 0 .7em;
}

#mainmenu a {
	float: left;
	color: #333333;
	text-decoration: none;
}

#mainmenu a:hover {
	color: #a7b235;
}

#mainmenu .active a {
	color:#229aa5;
}

#mainmenu .start {
	padding-left:0;
}

/*::: Logo :::::::::::::::::::::::::::::::::*/

#logo {
	width: 26em;
	height: auto;
	float:right;
	margin:0;
	padding: 0;
}

#logo img {
	width: 26em;
	height: 5.2em;
}

/*::: Banner :::::::::::::::::::::::::::::::*/

#mediacontent {
	width: 94.4em;
	height: 29em;
	background-color: transparent;
	padding: 0;
	margin-left:4em;
}

#mediacontent.newsroom {}

.visual img {
	width: 94.4em;
	height: 29em;
}


/*::: Content ::::::::::::::::::::::::::::::*/

#contentwrap {
	width: 94.4em;
    margin: 5em 0 0 4em;
    padding: 0;   
	background-color:#fff;
}

#content {
	width: 66em;
	padding:0;
	float: left;
}

#content.arbeiten h3 {
	margin-bottom:.9em;
	/*
margin-top:2em;
*/
}

#content.arbeiten object {
	margin-bottom:3em;
}

/*::: Sidebar und Submenu ::::::::::::::::::::::::::::::::*/

#sidebar	{
	float:right;
	width: 26em;
	margin: 0;
	padding: 0;
	display:block;
}

#sidebar.gt1 {}

#submenu {
	width: 24em;
	margin:0;
	padding: 0;
	font-family: "droid-sans-1","droid-sans-2", sans-serif;
}

#submenu ul {
   	font-size:1.35em;
   	font-weight: bold;
	line-height: 1.4em;
    list-style-type: none;
	padding:0;
}

#submenu li {
	margin-bottom: 1.4em;
	padding-left: 2em;
}

#submenu a {
	color: #333333;
	text-decoration: none;
}

#submenu a:hover {
	color: #a7b235;
}

#submenu .active a {
	color: #a7b235;
}

/*::: weiterer Content Sidebar  ::::::::::::::::::::::::::::::::*/

#sidebar .sidecontent  {
	margin-top: 1em;
}

/*::: Footer ::::::::::::::::::::::::::::::::::*/

#footer {
	clear: both;
	position:relative;
	/*
width: 99.4em;
*/	
	width: 40em;
	float:left;
	margin:8em 0 3em 40px;
	font-size: 1.1em;
	color: #97997b;
}

#footer p {
	font-size: 1em;
	color: #97997b;
}
 
#footer a {
	color: #97997b;
	text-decoration: none;
}

.fb_fans {
	float:right;
	padding-right:6em;
	left:710px;
	width:260px;
	height:auto;
	color:#fff;
}


/*------------------------------------------
:: Basic Styles
-------------------------------------------*/

/*
h1, h2, h3, h4 {
	font-family: "gesta-1","gesta-2", sans-serif;
}
*/

h1 {
	font-size: 20px;
	margin: 0 0 1em 0;
	line-height:140%;
}

h2 {
	color: #A1AC36;
    font-size: 20px;
    font-weight: 400;
    line-height: 160%;
}

h2 strong, h2 b {font-weight:700;}
	
h3 {
	font-size:16px;
	color:#229AA5;
	margin-bottom:.2em;
	font-weight:normal;
}

h3 strong, h3 b {font-weight:bold;font-family: "gesta-1","gesta-2", sans-serif;}
 
h3 a.internal-link{
	color:#229AA5 !important;
}
p {
	font-family: "gesta-1","gesta-2", sans-serif;
	font-size: 13px;
	line-height: 1.9em;
	margin: 0 0 1em 0;
}

p a:link, p a:visited {
	color: #999966; 
	font-weight: 500;
	text-decoration: none;
}

p a:hover  { 
	color:#229AA5;
}

A:link, A:visited {
	color: #999966; 
	font-style: normal;
	text-decoration: none;
}

A:hover  { 
	color:#808080;
	font-style: normal; 
	text-decoration: none; 
}

A:active  { 
	color: #000033;
	font-style: normal; 
	text-decoration: none; 
}

a img {border:none;}

li { 
	list-style-type:none;
	list-style-position:inside;
	font-size:13px;
	padding-bottom:5px;
}
/*---------Liststyles -----------*/

.list1{
	list-style-image: url("../images/images_content/ae_trattino.gif");
	list-style-position: inside;
	line-height: 220%;
	margin: 0;
	padding:0;
}

.list2{
	list-style-image: url("../images/images_content/ae_trattino.gif");
	list-style-position: inside;
	line-height: 170%;
	margin: 0;
	padding:0;
}

div.csc-textpic-intext-left div.csc-textpic-imagewrap {
	float: left;
	margin-right: 2.5em !important;
}

/*::: Campaign Erneuerbare Energien ::::::::::::::::::::::::*/

/* --- Banner Head ---*/

#bannerHead { 
 	height:95px;
	position:relative;
}

#bannerHead.campaign {
	background-color: #9ead25;
}

#bannerHead.campaign p.claim {
	color:#fff;
	font-size:30px;
	font-weight:300;
	text-align:right;
	padding: 15px 40px 0 0;
	margin:0;
}

#bannerHead.campaign p.claim strong {
	font-weight:500;
}

#bannerHead.greenFond {background-color: #9ead25;}
#bannerHead.noFond {display:none;}

/* --- Banner Side ---*/

#bannerAside {
 	float:right;
	width:190px;
	position:relative;
}

#bannerAside.campaign {
	height:600px;
	background-color: transparent;
}

#bannerAside.campaign .turquoise {
	background-color: #00adee;
	height:163px;  /*190 minus padding tb*/
	width:170px;  /*190 minus padding LR*/
	padding: 26px 0 0 20px;	
}

#bannerAside.campaign .turquoise p {
	font-family: gesta-1, gesta-2, sans-serif;
	color:#fff;
	font-size:27px;
	font-weight:500;
	text-align:left;
	line-height:130%;
}

#bannerAside.greenFond {background-color: #9ead25;height:480px;}
#bannerAside.noFond {display:none;}


/*::: Newsroom ::::::::::::::::::::::::*/

div.newsroom {
	width:94.4em;
	height:75em;	
	background: url("../images/ae_newsroom_bg.jpg") no-repeat top left #fff;
}

#mediacontent.newsroom {
	height:754px; }	
/*----Facebook ----*/

div.newsroom_fb {
	width:440px;
	float:left;
	background:#fff;
	margin-top:11em;
}

div.newsroom_fb a img {border:none;}

div.newsroom_fb h2 {
 display:block;
 width:420px;
 color:#fff;
 background-color:#bcba3f;
 padding: 10px;
 margin:0;
}

div.newsroom_fb h2 a {color:#eee;}
div.newsroom_fb h2 a:hover {color:#fff;}

/*----Twitter ----*/

div.newsroomRightbox {
	width:440px;
	float:right;
	margin-top:11em;
}

div.newsroom_tw a img {border:none;}

#wt_twitter_newsticker {
	width:440px;
	height:435px;
	border: 1px solid #999966;
	background:#fff;
	overflow-y:scroll;overflow-x:hidden;
	/*
overflow: auto; 
*/
	line-height:150%;
}

#wt_twitter_newsticker h2 {
	 display:block; 
	 /*position:fixed;*/
	 width:405px;
	 color:#fff;
	 background-color:#bcba3f;
	 padding: 10px;
	 margin:0;
}

#wt_twitter_newsticker h2 a {color:#eee;}
#wt_twitter_newsticker h2 a:hover {color:#fff;}

ul.wttwitter_feed { margin-top:15px;}

ul.wttwitter_feed li {
	font-size:1.3em;
	line-height:150%;
	margin-bottom:.2em;
	padding-left:30px !important;
}

img.wt_twitter_profile_image {display:none;}

/* ---Video Startseite---*/
#c883 {border:1px solid #b6c713;}
#c863 {margin-top:8em;} /*Abstand Flow-Element*/
	
.videoHome {margin-top:40px;}
/* ---XING----*/
/*
#c825 a img {border:none;}
#c850 a img {border:none;}
*/

#c826 img {width:350px;height:auto;padding-right:14px;}

#c875 {padding-right:30px;}/*BoosterCheck Copy*/
#c880 {
	padding: 0 0 0 2.9em;
	margin-top:6em;}
	
#c946 {margin-top:24px;}  /*Kennenlern-Angebote*/

#c984 {
	padding-left:28px;
	padding-top:8em;
}

#c989 {margin-top:30px; /*Ausgewählte Projekte*/}
/*------------------------------------------
:: RTE Styles
-------------------------------------------*/

.fond_1 {
	background-color: #f3f3f2;
	padding: 1em 1.4em 1em 1.4em;
	margin-top: 3em;
	margin-right: 8em;
	display: block;
}

.fondKitt {
	background-color: #f3f3f2;
	padding: 1em 1.4em 1em 1.4em;
	margin-top: 3em;
	margin-right: 8em;
	display: block;
}

.fondKhaki {
	background-color: #c5c7a2;
	color: #fff;
	padding: 1em 1.4em 1em 1.4em;
	margin-top: 3em;
	margin-right: 8em;
	display: block;
}

.fondGesundeThemen {
	background-color: #a7b335;
	color: #fff;
	padding: 1em 1.4em 1em 1.4em;
	margin-top: 3em;
	margin-right: 8em;
	display: block;
}


.typoGreen, span.typoGreen {color:#a1ac36;/*color:#a7b235;*/}
.typoGreenMedium, span.typoGreenMedium {color:#a1ac36;font-size: 1.1em;line-height:160%;font-weight:500;}
.typoGreenBig, span.typoGreenBig {color:#a1ac36;font-size: 1.6em;line-height:160%;font-weight:400;}
 
.typoKhaki, span.typoKhaki {color:#8d8f74;} 
.typoKhakiMedium, span.typoKhakiMedium {color:#97997B;font-size: 15px;line-height:200%;font-weight:500;} 
.typoKhakiBig, span.typoKhakiBig {color:#97997B;font-size: 1.6em;line-height:160%;} 
 ul.typoKhaki  {padding: 1em 0 1em 0;}
 ul.typoKhaki li {font-size:1.3em;list-style:none;margin-bottom:1.4em;border-left: 6px solid #A7B235;padding: .2em 0 0 1em;}

.typoTurquoise, span.typoTurquoise {color:#229AA5;} 
.typoTurquoiseMedium, span.typoTurquoiseMedium {color:#229AA5;font-size: 1.1em;line-height:160%;} 
.typoTurquoiseBig, span.typoTurquoiseBig {color:#229AA5;font-size: 1.6em;line-height:160%;}

.typoBlue, span.typoBlue {color:#22bdf3;}
.typoBlueMedium, span.typoBlueMedium {color:#22bdf3;font-size: 1.1em;line-height:160%;}
.typoBlueBig, span.typoBlueBig {color:#22bdf3;font-size: 1.6em;line-height:160%;}



/* ---------------------------------------
POWERMAIL  
-----------------------------------------*/
 
 .tx-powermail-pi1 {
/*
 	line-height: 100%;
*/
	font-size: 1.3em;
}
 
 fieldset.tx-powermail-pi1_fieldset legend {  /*allg. Ausblenden Fieldset-Titel*/
 	display:none;
 }

 fieldset.tx-powermail-pi1_fieldset {
	/* Fieldset */
	border: 0px solid #669900;
	background-color: #F5F5DB;
	padding: 1.4em  1.4em 1.4em 1em;
}

fieldset.tx-powermail-pi1_fieldset label {
	font-weight: normal;
	font-size:.8em;
	color: #334650;
	width: 170px;
	padding-top:.3em;
}

.tx_powermail_pi1_fieldwrap_html.tx_powermail_pi1_fieldwrap_html_text.tx_powermail_pi1_fieldwrap_html.even,
.tx_powermail_pi1_fieldwrap_html.tx_powermail_pi1_fieldwrap_html_submit.tx_powermail_pi1_fieldwrap_html.even,
.tx_powermail_pi1_fieldwrap_html.tx_powermail_pi1_fieldwrap_html_select.tx_powermail_pi1_fieldwrap_html.even {
	background-color: transparent;
}

fieldset.tx-powermail-pi1_fieldset input.powermail_text, 
fieldset.tx-powermail-pi1_fieldset input.powermail_date, 
fieldset.tx-powermail-pi1_fieldset input.powermail_datetime, 
fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea,
fieldset.tx-powermail-pi1_fieldset select {
	-moz-box-shadow: 0 0 5px #fef4ea inset;
  	background: none repeat scroll 0 0 #fff;
	border: 1px solid #BDB76B;
 	padding: .2em .5em;
	margin-bottom: 1em;
    width: 430px;
}

fieldset.tx-powermail-pi1_fieldset label, 
fieldset.tx-powermail-pi1_fieldset fieldset legend {
    font-weight: normal;
	font-size:1em;
	color: #334650;
	width: 170px;
    display: block;
    float: left;
    white-space: normal;
}
/*-------------------
fieldset.tx-powermail-pi1_fieldset p
fieldset.tx-powermail-pi1_fieldset_3 input.powermail_uid154 {
	width: 20px;
	border: none;
}
input.powermail_subuid42_1 {
	margin-left: 60px;
}
fieldset.tx-powermail-pi1_fieldset_3 div.tx_powermail_pi1_fieldwrap_html_42 label {
	display: inline;
	float: none;
	clear: none;
	margin: 0;
	width: 20px;
}
fieldset.tx-powermail-pi1_fieldset_154 p.tx_powermail_pi1_fieldwrap_html_radio_title {
	display: block;
	float: left;
	width: 100px;
	margin-right: 10px;
}
div.tx_powermail_pi1_fieldwrap_html {
	clear: both;
}

/*Callback Feedback-Form
#powermaildiv_uid154 p.tx_powermail_pi1_fieldwrap_html_radio_title {
	font-weight:bold;font-size:100%; line-height:140%;
	}*/

fieldset.tx-powermail-pi1_fieldset .powermail_check_inner, 
fieldset.tx-powermail-pi1_fieldset .powermail_radio_inner {
    clear: both;
    margin-left: 170px;
}

fieldset.tx-powermail-pi1_fieldset .powermail_check_inner input {
	margin-top:0px;
}

/*Abstand oben fuer Callback */
#powermaildiv_uid154 {
	margin-top: 1.8em;
} 

/*callback text green*/
#powermaildiv_uid154 legend, #powermaildiv_uid154label {
 	font-weight: bold;
	color: #fff;
	padding: .5em;
	width:130px;
	background-color: #A7B235;
	 -moz-border-radius: 5px 5px 5px 5px;
	
 }
 
 #powermaildiv_uid154 label {
	color:#999966;
}
 
 /*Abstand oben fuer Telefon */
#powermaildiv_uid148 {
	margin-top: 1.1em;
} 


 /*Abstand oben fuer Nachricht*/
#powermaildiv_uid153 {
	margin-top: 2em;
} 


/*Abschicken Button*/
fieldset.tx-powermail-pi1_fieldset input.powermail_submit {
    font-weight:bold;
    margin:0 0 10px 170px;
}
span.powermail_mandatory {  /* Plfichtfeld Sternchen*/
color: #334650;
font-weight: normal;
}

div.powermail_mandatory_js {  /*Errormessage*/
color:#c04617;
margin:3px 0 15px 200px;
font-weight: normal;
font-size: .7em;
}

.error {
    -moz-border-radius: 5px 5px 5px 5px;
    -moz-box-shadow: 0 0 6px #666;
    background-color: #A7B235;
    border: 1px solid #A7B235;
    color: #FFFFFF;
    font-size: 10px; 
    height: auto;
    margin-left: -2px;
    padding: 2px 8px 2px 8px;
    text-align: left;
    z-index: 10;
}
.powermail_all.powermail_all_table {
	font-size:.8em;
	color: #6b5e5e;
	background-color: transparent;
}

input.validation-failed, textarea.validation-failed {
background-image:none;
background-position:98% 1px;
background-repeat:no-repeat;
}

td.powermail_all_td {
padding:.5em 2em .5em 0;
}

.tx_powermail_pi1_formconfirmation_back {
	padding:1em 0 .8em 0;
	}
	
/*
fieldset.tx-powermail-pi1_fieldset label {
	font-weight: normal;
	width: 170px;
}
 #tx-powermail-pi1_fieldset_36 input[type="text"], select, textarea {
    background-color: #F5F5DB;
    border: 1px solid #BDB76B;
    color: #707061;
  float: left;
    margin-bottom: 1em;
    padding-left:200px;
    width: 320px;

*/