
html * {
	margin: 0;
	padding: 0;
	outline: none;
}

html {
	height:101%;
	border-bottom:1px transparent;
}

body {
	font-family: Trebuchet MS, Verdana, Arial sans-serif;
	font-size: 11px;
	color: #484848;
	background: url(../img/body.png) repeat-x #636c71;
	text-align: center;
}

a {

}

a:hover {

}

p { margin: 0 0 10px 0;}

.clear {
	clear: both;
	line-height: 0;
	height: 0;
	font-size: 0;
}


/*   = = = = = = = = = = = = = = = =    GRUNDAUFBAU   = = = = = = = = = = = = = = = =   */

#container {
	position: relative;
	margin: 0 auto;
	padding: 102px 0 0 0;
	width: 950px;
	text-align: left;
	background: url(../img/container.png) no-repeat right 85px;
}

#header {
}

#header h1 a {
	position: absolute;
	top: 75px;
	display: block;
	width: 235px;
	height: 240px;
	overflow: hidden;
	text-indent: -999999%;
	/*color: transparent; */
	background: url(../img/h1.png) no-repeat;
}

#media {
	position: absolute;
	margin: 0 0 0 247px;
	top: 168px;
	width: 671px;
	height: 135px;
	background: #ffffff;
}

#path {
	position: absolute;
	margin: 205px 0 0 259px;
	color: #666;
}

#path em { font-style: normal; }

#path a {
	color: #666;
	text-decoration: none;
	background: url(../img/arrow.png) no-repeat left center;
	padding: 0 6px 0 12px;
}

#path a.first-child {
	padding: 0 6px 0 0;
	background: none;
}

#content {
	margin: 0 0 0 41px;
	padding: 225px 15px 15px 15px;
	width: 862px;
	background: #f1f2f4;
}

#col1 {
	width: 450px;
	float: left;
	background: none;
	border: 0px solid;
}
#col1 p {
	line-height:18px;
}
#col1 div.indent {
	padding-left:35px;
	margin-bottom:10px;
	 line-height: 18px;
}

#col1 h1 {
	margin: 29px 0 15px 0;
	font-size:23px;
	color: #679f42;
}
#col1 h1.csc-firstHeader {
	margin-top:20px;
}
#col1 h2 {
	margin: 25px 0 14px 0;
	font-size:19px;
	color: #7d5320;
}
#col1 h3 {
	margin: 22px 0 12px 0;
	font-size:16px;
	color: #7d5320;
}
#col1 h4 {
	font-size:14px;
	color:#333;
	margin: 19px 0 7px 0;
}

#col1 ul {
	margin: 15px 0;
	padding: 0 0 0 22px;
	list-style: none;
}
#col1 ul li {
	padding: 0 0 0 17px;
	margin: 0 0 0.25em 0;
	background: url(../img/menu2-pfeil.png) no-repeat 5px center;
}

#col1 ol {
	margin: 15px 0;
	padding: 0 0 0 45px;
}
#col1 ol li {
	padding: 0;
	margin: 0 0 0.25em 0;
}

#col2 {
	float: right;
	width: 185px;
	background: none;
}

#inhalt {
	/* position: relative; */
	padding: 10px;
	background: url(../img/inhalt_start.png) no-repeat bottom left #ffffff;
}

#teaser {
	position: absolute;
	bottom: 70px;
	width: 164px;
}

#teaser img { margin: 0 0 8px 0;}

#footer {
	width: 670px;
	margin: 20px 0 0 265px;
	color: #ffffff;
}

#footer a {
	color: #ffffff;
	text-decoration: none;
}




#col1 div.csc-textpic img {
	border: 1px solid #e5e5e5;
	padding: 2px;
}

#col1 a, #col2 a {
	color:#679f42;
	text-decoration:none;
}
#col1 a img {
	border:none;
}

/* ========================= INHALTE ===================== */

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption  {
	font-size:10px;
	font-style:italic;
	margin:0 0;
}


/* zitate sc-frame */
.sf-zitat p {
	background:none repeat scroll 0 0 #FAFAFA;
	border-left:7px solid #DDDDDD;
	padding:16px 27px 11px 22px;
}
.sf-zitat p i {
	color:#888888;
	display:block;
	font-size:13px;
	font-weight:normal;
	margin-top:10px;
}


/*   = = = = = = = = = = = = = = = =    MENU   = = = = = = = = = = = = = = = =   */

#menu {
	position: absolute;
	top: 117px;
	margin: 0 0 0 247px;
	padding: 9px 0 0 20px;
	width: 651px;
	height: 27px;
	background: url(../img/menu.png) repeat-x;
}

#menu ul li {
	list-style: none;
	display: inline;
}

#menu ul li a {
	display: block;
	float: left;
	padding: 0 16px;
	text-decoration: none;
	color: #48494a;
	font-size: 14px;
	background: url(../img/ul_menu.png) no-repeat center left;
}

.cufon-ready #menu ul li a {
	font-size: 15px;
	margin-top: 2px;
	letter-spacing:0.4px;
	padding:0 16px 0 13px;
}

#menu ul li ul li a {
	font-size: 13px;
	padding: 6px 6px;
}
.cufon-ready #menu ul li ul li a {
	font-size: 13px;
	padding: 6px 6px;
}
.cufon-ready #menu ul li ul li ul li a {
	font-size: 12px;
	padding: 6px 6px;
}



#menu2 {
	float: left;
	width: 160px;
	margin: 0 21px 300px 0;
}

#menu2 ul li  {
	list-style: none;
	display: inline;
}

#menu2 ul li a, #menu2 ul li span {
	display: block;
	text-decoration: none;
	font-size: 14px;
	color: #515151;
	background: #dddddd;
	padding: 12px;
}

#menu2 ul li span { padding:0 0; padding-left:11px;line-height:30px;height:30px; }
.cufon-ready #menu2 ul li span { padding-top: 8px; height:22px; }

#menu2 ul li ul li a {
	background: #ffffff;
	border-bottom: 1px dashed #c7c7c7;
	border-top: 6px solid #ffffff;
	padding: 3px 12px 12px 10px;
	margin: 0 0 0 2px;
	font-size: 13px;
	color: #333333;
}
.cufon-ready #menu2 ul li ul li a { padding: 4px 12px 10px 10px; border-top-width:5px; }

#menu2 ul li ul li a:hover, #menu2 ul li ul li a.act {
	background: url(../img/ul.png) repeat-x bottom;
}

#menu2 ul li ul li ul { 
	border-bottom: 1px dashed #c7c7c7;
	margin: 0 0 0 12px;
	padding: 4px 0 4px 0;
}

#menu2 ul li ul li ul li a {
	background: url(../img/menu2-pfeil.png) no-repeat 5px center;
	margin: 0 0 2px 5px;
	padding: 3px 0 3px 20px;
	border: none;
}
.cufon-ready #menu2 ul li ul li ul li a {
	margin: 0 0 2px 0px;
	padding: 5px 0 4px 20px;
	font-size: 12px;
}

#menu2 ul li ul li ul li a:hover, #menu2 ul li ul li ul li a.act {
	background: url(../img/menu2-pfeil.png) no-repeat 5px center #e9e9e9;
}






#sitelinks {
	position: absolute;
	top: 0;
	width: 950px;
	height: 31px;
	background: url(../img/sitemeta.png) repeat-y;
}

#sitelinks ul { 
	position: absolute;
	right: 18px;
}

#sitelinks ul li {
	list-style: none;
	display: inline;
}

#sitelinks ul li a {
	display: block;
	float: left;
	font-size: 12px;
	color: #48494a;
	text-decoration: none;	
	background: url(../img/ul_sitemeta.png) no-repeat 0 -6px;
	padding:8px 15px 8px 11px;
}


/*   = = = = = = = = = = = = = = = =    COL2 Sidebox   = = = = = = = = = = = = = = = =   */


.sidebox {
	position:relative;
	width:	185px;
	border: none;
	background: url(../img/sideboxHg.png) repeat-y;
}
.sidebox .top {
	background: url(../img/sideboxHgTop.png) no-repeat top left;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:109px;
}
.sidebox .bottom {
	background: url(../img/sideboxHgBottom.png) no-repeat bottom left;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:89px;
}
.sidebox .content {
	position:relative;
	width:148px;
	z-index:40;
	padding-left:19px;
}
.sidebox h3 {
	color:#482D14;
	font-size:17px;
	font-weight:normal;
	padding-top: 18px;
	padding-bottom:10px;
}
.sidebox h3 b {
	font-weight: bold;
}
.sidebox p {
	line-height: 15px;
}
.sidebox p.sidebox-p-topborder {
	border-top: 1px dotted #dedfe3;
	padding-top: 10px;
}
#col2 h1, #col2 h2 {
	display: none;
}




/*   = = = = = = = = = = = = = = = =    TEASER   = = = = = = = = = = = = = = = =   */

#teaser a, #teaser img {
	border:none;
	text-decoration:none;
}

/*   = = = = = = = = = = = = = = = =    AGENTUR   = = = = = = = = = = = = = = = =   */

#agentur { display:none; }




/*   = = = = = = = = = = = = = = = =    PARTNER   = = = = = = = = = = = = = = = =   */

#col1 ul.partner_list { margin:50px 0 0 30px; padding:0;}
#col1 ul.partner_list li { display:block; float:left; width:300px; height:140px; background:none; margin:0;padding:0;}
#col1 ul.partner_list li .imgwrap {float:left; height:140px; width:88px;margin:0 15px 0 0;}
#col1 ul.partner_list .imgwrap img {float:right; border:none;}
#col1 ul.partner_list h3 {font-size:13px;padding-right:21px; margin:0; color:#484848;}
.cufon-ready #col1 ul.partner_list h3 {font-size:14px;padding-right:21px; margin:0; color:#000; margin-bottom:5px;}
#col1 ul.partner_list address {font-style:normal;}
#col1 ul.partner_list a {color:#679f42; text-decoration:none;}

.sf-partner-intro {background: url(../img/partnerIntrobg.png) no-repeat 0 0; height:83px; padding: 17px 29px;}
.sf-partner-intro h2 {color: #89532e; font-weight: normal;padding: 0 0 10px 0;}
.sf-partner-intro p {line-height: 14px;}
.cufon-ready .sf-partner-intro h2 {color: #89532e !important; font-weight: normal !important;padding: 0 0 10px 0 !important; color:#89532e !important; margin:0 !important;}


/*   = = = = = = = = = = = = = = = =    START   = = = = = = = = = = = = = = = =   */

.sf-latest-news { background: top left no-repeat url(../img/startCol2Newsbg.png); width:237px;height:346px;font-size: 10px; line-height: 15px; position:relative;}
.sf-latest-news a {text-decoration: none; color: #484848 !important;}
.sf-latest-news p {margin: 0 0;}
.sf-latest-news .news-latest-item-datewrap {background: 0px -1px no-repeat url(../img/startCol2news-latest-calIcon.png);width:40px;height:110px; float: left; display:block; color: white; font-size: 11px;text-align: center; line-height: 17px;margin:0 9px 0 0;}
.sf-latest-news .news-latest-item {margin:20px 16px 0 15px; height:119px; max-height: 119px;}
.tag {font-size:10px;}
.sf-latest-news h4 {font-weight: bold; font-size: 11px;padding:0 0 3px 0;}
.sf-latest-news h3 {color: #482d14; font-size: 17px; font-weight: normal; padding: 18px 0 10px 15px;}
.sf-latest-news .news-latest-gotoarchive {margin: 0 0 0 64px; position: absolute; bottom: 25px;}
.mehrlink {font-weight: bold;}


/*   = = = = = = = = = = = = = = = =    VORTEILE   = = = = = = = = = = = = = = = =   */

div#c10 {
	
}
div#c10 p {
	padding:0 53px 0 43px;
}
div#c10 .csc-header {
	margin-bottom:30px;
}
div#c10 p i {
	font-size:16px;
}
div#c10 p i:first-child {
	font-size:16px;
	font-weight:bold;
}
div#c10 p br {
	margin-bottom: 7px;
}

/*   = = = = = = = = = = = = = = = =    KONTAKT   = = = = = = = = = = = = = = = =   */

.sf-kontakt-form {background: url(../img/kontaktFormbg.png) repeat-x 0 0; height: 448px; width: 255px; padding: 18px 24px;}
.sf-kontakt-form legend, .sf-kontakt-form .powermail_mandatory { display:none;}
.sf-kontakt-form fieldset {border:none;}
#kontaktformular #powermaildiv_uid3 label, 
#kontaktformular #powermaildiv_uid4 label, 
#kontaktformular #powermaildiv_uid13 label, 
#kontaktformular #powermaildiv_uid14 label {display: none;}
#kontaktformular {margin: 8px 0 0 0;}
#kontaktformular label, 
#kontaktformular .tx_powermail_pi1_fieldwrap_html_label {display: block;margin: 8px 0 4px 0;}
textarea#uid2,
select#uid1,
input#uid15,
input#uid16,
input#uid39 {width: 249px;}
select#uid1 {width: 255px;}
#kontaktformular textarea,
#kontaktformular input,
#kontaktformular select {border: 1px solid #ddd; padding: 2px 2px;}
#kontaktformular textarea {height: 85px;}
#powermaildiv_uid3 select#uid3 {margin-right: 8px; width: 81px;}
#powermaildiv_uid4 select#uid4 {width: 166px;}
#powermaildiv_uid3,
#powermaildiv_uid13 {float:left;}
#powermaildiv_uid13 input {width:104px;margin-right: 8px;}
/*#powermaildiv_uid14 {float: right;}*/
#powermaildiv_uid14 input {width: 131px;}
#powermaildiv_uid12,
#powermaildiv_uid15,
#powermaildiv_uid39 {clear: left;}
.powermail_submit_uid17 {float: right;}
#kontaktformular input.powermail_submit {background: url(../img/kontaktFormSubmit.png) 0 0 no-repeat; width: 108px; height:21px; text-indent: -99999%;margin: 22px -1px 0 0;}

.validation-advice {display: none !important;}
.validation-failed {border: 1px solid red !important;}

#pid10 #col1 {width: 330px !important; padding: 18px 0px 0px 25px; margin-left:0px !important;}
#pid10 #col2 {width: 303px;}


/*   = = = = = = = = = = = = = = = =    VERGLEICH/ANGEBOT   = = = = = = = = = = = = = = = =   */

.sf-vergleich-intro {background: url(../img/vergleichIntrobgbig.png) no-repeat 0 0; height:177px; padding: 17px 24px;margin:0 0 8px 0px;}
.sf-vergleich-intro h2 {color: #89532e; font-weight: normal;padding: 0 0 10px 0;}
.sf-vergleich-intro p {line-height: 14px;margin-left: 10px;}
.cufon-ready .sf-vergleich-intro h2 {color: #89532e !important; font-weight: normal !important;padding: 0 0 10px 0 !important; color:#89532e !important; margin:0 !important;}

.sf-vergleich-form {background: url(../img/vergleichFormhg.png) no-repeat 0 0; height: 352px; margin: 0 0 0 0px; padding: 20px 35px 0 35px;}
.sf-vergleich-form legend {font-size: 16px; font-weight: normal; color: #89532e;}
.sf-vergleich-form .powermail_mandatory { display:none;}
.sf-vergleich-form fieldset {border:none;}

.sf-vergleich-form textarea,
.sf-vergleich-form input,
.sf-vergleich-form select {border: 1px solid #ddd; padding: 2px; background-color:#fff;}

/* selects hoehe anpassen */
.sf-vergleich-form select {height:20px;}

#tx-powermail-pi1_fieldset_5 {float: left; width: 270px;margin-right: 50px;}
#tx-powermail-pi1_fieldset_5 label, .tx_powermail_pi1_fieldwrap_html_radio_title {display: block;margin: 8px 0 3px 0;}
#tx-powermail-pi1_fieldset_5 .powermail_radio_inner label {display: inline;margin:0 8px 0 4px;}
#tx-powermail-pi1_fieldset_5 .powermail_radio_inner input {float: left;border: none;}

#tx-powermail-pi1_fieldset_6 {width:240px;}
#tx-powermail-pi1_fieldset_6 label {display: none;}
#tx-powermail-pi1_fieldset_6 #powermaildiv_uid35 label {display: block;margin: 8px 0 3px 0;}
#tx-powermail-pi1_fieldset_6 #powermaildiv_uid36 label {display: block;margin: 8px 0 3px 0;}
.sf-vergleich-form .tx_powermail_pi1_fieldwrap_html_label {display: block;margin: 8px 0 3px 0;}
.powermail_radio_inner_uid23_0 {float: left;}
#powermaildiv_uid23 .tx_powermail_pi1_fieldwrap_html_radio_title {margin-bottom: 6px;}

#powermaildiv_uid18 select {width: 262px;}
#powermaildiv_uid38 input {width:147px;}
#powermaildiv_uid19 {float:left;}

#powermaildiv_uid21 {float: left;}
input#uid21 {width:94px;margin:0 5px 0 0;background: url(../img/vergleichFormInput-kw.png) no-repeat 95px 0px white; padding-right: 18px; }

/* Jahresverbrauch */
input#uid22,
input#uid57,
input#uid58 {background: url(../img/vergleichFormInput-kwh.png) no-repeat 81px 1px white; padding-right: 18px; width:80px; }

input#uid57 {background: url(../img/vergleichFormInput-liter.png) no-repeat 80px 1px white;}
input#uid58 {background: none #fff;}

input#uid56,
input#uid21,
input#uid22 {text-align:right;}

/* Geb�udeart */
select#uid18 {width:158px;}

/* Wohnfl�che */
input#uid56 {width:80px;background: url(../img/vergleichFormInput-m2.png) no-repeat 82px 1px white; padding-right: 18px; }

input#uid36 {width: 163px;}
input#uid25 {width: 95px;}
input#uid26 {width: 125px;}
input#uid28 {width: 173px;}
input#uid29 {width: 46px;}
input#uid31 {width: 50px;}
input#uid32 {width: 168px;}
input#uid33 {width: 101px;}
input#uid34 {width: 116px;}
select#uid19 {width: 158px; margin:0 5px 0 0;}
input#uid55 {width: 152px; margin: 0 5px 0 0;}
select#uid20 {width: 77px;}
select#uid53 {width: 199px;}
input#uid54 {width: 193px; }

#powermaildiv_uid18,
#powermaildiv_uid55,
#powermaildiv_uid38,
#powermaildiv_uid25,
#powermaildiv_uid28,
#powermaildiv_uid31,
#powermaildiv_uid33,
#powermaildiv_uid35 {float: left;}
#powermaildiv_uid38 input,
#powermaildiv_uid55 input,
#powermaildiv_uid18 select,
#powermaildiv_uid25 input,
#powermaildiv_uid28 input,
#powermaildiv_uid31 input,
#powermaildiv_uid33 input {margin-right: 5px;}
.sf-vergleich-form input.powermail_submit {background: url(../img/vergleichFormSubmit.png) 0 0 no-repeat; width: 234px; height:21px; text-indent: -99999%;margin: 22px -1px 0 0;}
#powermaildiv_uid42 {clear:left;}
select#uid35 {margin:0 8px 0 0;}


/*   = = = = = = = = = = = = = = = =    Tabellen   = = = = = = = = = = = = = = = =   */

.contenttable {
	border-spacing:0;
	table-layout:fixed;
}

.contenttable thead .td-0 {
	padding: 8px 20px;
}
.contenttable thead th {
	border-bottom: 1px solid #E1E1E1;
	font-weight: bold;
}

.contenttable tbody tr {
	
}
.contenttable tbody tr.tr-even {
	background: #F3F3F3;
}
.contenttable tbody tr.tr-odd {
	background: #FCFCFC;
}

.contenttable tbody td {
	padding:7px 20px;
	border-bottom: 1px solid #E1E1E1;
}
.contenttable tbody td.td-0 {
	border-left:1px solid #E1E1E1;
}
.contenttable tbody td {
	border-right:1px solid #E1E1E1;
}

/*   = = = = = = = = = = = = = = = =    Referenzen   = = = = = = = = = = = = = = = =   */

.ref-wrapper {
	
}
.ref-left {
	float:left;
	width: 248px;
	margin-right: 25px;
}
#col1 .ref-left-gallery li,
#col1 .ref-left-gallery ul{
	list-style:none;
	background: none;
	margin: 0 0;
	padding: 0 0;
	height: 83px;
}
#col1 .ref-left-gallery li img {
	padding: 0;
	border: none;
}
#col1 .ref-left-gallery .csc-textpic-imagewrap ul {
	margin-top:15px;
	margin-left: 2px;
}
#col1 .ref-left-gallery li.csc-textpic-firstcol {
	margin-right:8px;
}
