@charset "utf-8";
/* CSS Document */

/* ######################## global styles ######################## */
* {
	margin:0;
	padding:0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
color:#6B6B6B;
font-size: 12px;

}

a img {
	border: none;
}

body {
	background: url(img/bg_body.gif) repeat-x top #f1f2ef;
}

h1, h2, h3, ul {
	color: #005e30;
	font-weight: normal;
	margin-bottom: 12px;
}

a {font-size: 12px;}
h1, h1 a {font-size: 24px;}
h1 a {text-decoration: none;}
h2, h2 a {font-size: 16px;}
h3, h3 a {font-size: 12px;}

h1 strong {
font-weight:bold;
font-size:24px;
color: #005E30;
}

p, label {
	color: #6b6b6b;
	font-size: 12px;
	line-height: 22px;
	margin-bottom: 12px;
}

#content a {
	text-decoration: none;
	color:#005E30;
	border-bottom: 1px dotted #005E30;
}

#content .csc-textpic-imagewrap a {
	border: none;
}

.clearer {
	clear: both;
}

.hidden {
	display: none;
}

#wrapper {
	background: url(img/bg_wrapper.gif) repeat-y top;
	width: 1052px;
	margin: 0 auto;
	position: relative;
}

/* ######################## header styles ######################## */

#header {
	width: 100%;
}

#header_top {
	background: url(img/bg_header.gif) no-repeat top;
	width: 100%;
	height: 133px;
	position: relative;
}


.header_bottom {
	background:transparent no-repeat scroll left top;
	border-left:1px solid #EAEAEA;
	height:309px;
	margin-left:45px;
}


#logo {
	margin: 64px 0 0 67px;
	float: left;
	display: inline;
	width: 252px;
	height: 59px;
}

/* ######################## lang_navi styles ######################## */

#lang_navi {
	float: right;
	margin-top: 37px;
	margin-right: 46px;
	height: 22px;
	display: block;
/*	width: 93px; */
/*	width: 200px;*/
}

#lang_navi li {
	list-style-type: none;
	float: left;
	margin-left: 9px;
}

#lang_navi li a, #lang_navi li a img {
	width: 22px;
	height: 22px;
}

/* ######################## main_navi styles ######################## */

ul#main_navi {
	position: absolute;
	top: 68px;
	left: 371px;
	width: 652px;
}

ul#main_navi li {
	float: left;
	list-style-type: none;
	text-align: center;
	position: relative;
	margin: 0px -1px 0px -2px;
}

ul#main_navi li a {
	display: block;
	background: url(img/main_navi_li.gif) no-repeat bottom center;
	width: 153px;
	height: 28px;
	padding-top: 24px;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 14px;
}

ul#main_navi li a:hover, ul#main_navi li.active a.active {
	background: url(img/main_navi_li_act.gif) no-repeat bottom center;
	height: 30px;
	padding-top: 22px;
	font-weight: bold;
}

ul#main_navi li ul {
	display: none;
	position: absolute;
	left: 6px;
	top: 52px;
}

ul#main_navi li:hover ul {
	display:block;
}

#main_navi ul li {
	text-align: left;
	height: 24px;
	width: 147px;
}

ul#main_navi ul li.first {
	height: 37px;
}

ul#main_navi ul li.first a {
	padding: 18px 0 0 15px;
}

ul#main_navi ul li.first a:hover {
	padding: 18px 0 0 15px;
}

ul#main_navi ul li a {
	font-size: 12px;
	background: url(img/bg_main_navi_li_sub.gif) no-repeat bottom center;
	color: #000000;
	height: 19px;
	width: 132px;
	padding:5px 0 0 15px;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

ul#main_navi ul li a:hover, #main_navi ul li.active a {
	font-size: 12px;
	background: url(img/bg_main_navi_li_sub.gif) no-repeat bottom center;
	color: #000000;
	height: 19px;
	width: 132px;
	padding:5px 0 0 15px;
	opacity: 0.7;
	filter: alpha(opacity=70);
	font-weight: bold;
}

/* ######################## content styles ######################## */

#content {
	width: 961px;
	margin: 0 45px;
	border-left: 1px solid #eaeaea;
	border-right: 1px solid #eaeaea;
	background: url(img/bg_content.gif) no-repeat top center;
	position: relative;
}

#counter {
/*	margin: -14px -29px 0 0;*/
	position: absolute;
	right: 0px;
	top: 1px;

}

#content .default {
	clear: both;
	padding: 15px 30px;
	border-bottom: 1px solid #eaeaea;
}

.box_yellow.half, .box_white.half {
	float: left;
	width: 420px;
}

.box_yellow.both {
	background: url(img/bg_box_yellow.gif) no-repeat bottom right;
	border-bottom: 1px solid #eaeaea;
	float: none;
	clear: both;
}

.boxwrap_yellow .box_yellow, .boxwrap_white .box_white {
	border-bottom:none;
	background:none;
}

.boxwrap_yellow {
	border-bottom: 1px solid #eaeaea;
	background: url(img/bg_boxwrap_yellow.gif) no-repeat bottom left;
}

.boxwrap_white {
	background: url(img/bg_box_yellow.gif) no-repeat bottom right;
	border-bottom: 1px solid #eaeaea;
}

.box_yellow {
/*	height: 176px; */
/*	background: url(img/bg_box_yellow.gif) no-repeat bottom right;*/
	padding: 15px 30px;
/*	border-bottom: 1px solid #eaeaea;*/
}

.box_white {
/*	height: 176px; */
	padding: 15px 30px;
	border-bottom: 1px solid #eaeaea;
}

.box_yellow ul, .box_white ul {
	margin-left: 15px;
	margin-right: 100px;
}

.box_yellow ul li, .box_white ul li {
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;
	color: #003b77;
	list-style-type: square;
}

.important
{
	font-weight: bold;
	font-size: 12px;
	color: #003b77;	
}

.align-center
{
	text-align: center;
}

.greenHeader, .whiteHeader {
	clear: both;
	padding-top: 6px;
	border-bottom: 1px solid #eaeaea;
	height: 27px;
}

.greenHeader h1 {
	min-width: 332px;
}

#content .greenHeader h1 a {
	color: #ffffff;
	font-size: 14px;
	font-weight: normal;
	border-bottom: 1px dotted #ffffff;
}

.greenHeader h1, .whiteHeader h1 {
	background: url(img/bg_greenHeader.gif) repeat-x top right;
	line-height: 27px;
	font-size: 14px;
	color: #ffffff;
	float: left;
	padding: 0px 25px;
	font-weight: normal;
	margin:0px;
}

.whiteHeader {
	background: url(img/bg_greenHeader.gif) repeat-x bottom right;
	width:100%;
}

* html .greenHeader h1 {
	width: 332px;
}

.greenHeader .csc-subheader, .csc-subheader a {
	font-size: 20px;
	float:right;
	line-height: 27px;
	color: #005e30;
	padding-right: 10px;
	margin-top: -3px;
}

/* ######################## teaseritem styles ######################## */

.bg_references {
	background: url(img/bg_ref.gif) 0px 0px;
	float:left;
}


.references {
	float:left;
	margin-right:-4px;
	margin-top:-34px;
	width: 965px;
}

.teaseritem {
	background-color: #eeebe2;
	width: 189px;
	height: 305px;
	margin-right: 4px;
	float: left;
	position: relative;
	margin-top:34px;
}

.teaseritem h2, .teaseritem .csc-header h1 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 14px;
	/*color: #6B6B6B;*/
	color: #003b77;
	padding: 19px 25px 0 25px;
}

.teaseritem .csc-textpic .csc-textpic-imagewrap {
	position: absolute;
	top: 0px;
	left: 0px;
}

.teaseritem .csc-header {
	position: absolute;
	top:120px;
}


.teaseritem .csc-textpic .csc-textpic-text {
	left:25px;
	position:absolute;
	top:195px;
}

/* ######################## footer styles ######################## */

#footer {
	background: url(img/bg_footer.gif) #F1F2EF no-repeat top center;
	padding-top: 24px;
	height: 120px;
	position: relative;
}

#footer .globe {
	background:transparent url(img/pokal.gif) no-repeat scroll right top;
	height:108px;
	margin-right:1px;
	margin-top:-52px;
	position:absolute;
	right:0;
	top:0;
	width:73px;
}

#footer ul {
	margin-right: 95px;
	float:right;
	text-align: right;
	background: url(img/bg_footer_navi_li.gif) no-repeat top right;
	padding-right: 11px;
}

#footer li {
	font-size: 9px;
	display: block;
	float: left;
	color: #58585a;
	background: url(img/bg_footer_navi_li.gif) no-repeat top left;
	padding-left: 11px;
	margin-left: 7px;
}

#footer li a {
	font-size: 9px;
	color: #58585a;
	text-decoration: none;
}

#footer #logos {
	padding-top: 20px;
	clear:both;
	margin: 0;
	/*padding: 0;*/
	background: none;
	float: left;
	margin: 0 -29px 0 29px;
	text-align: center;
}

#footer #logos a, #footer #logos #top50solar
{
	float: left;
	background: none;
/*	margin: 0px 29px 5px 0px;*/
	margin: 0px 42px 5px 0px;
	padding: 0px;
	display: inline;
}

#footer #logos #top50solar a {
	background: url(../content/logos/top50solar_grau.png) no-repeat top left;
	display: block;
	width: 72px;
	height: 69px;
	margin: 0;
}

#footer #logos #top50solar a:hover {
	background-image: url(../content/logos/top50solar.png);
}

#footer #logos #top50solar a img {
	display: none;
}

/* ######################## contactForm styles ######################## */

	.contactForm .recipient_input {
		display: none;
	}

	.contactForm .recipient_label {
		display: block;
		padding: 15px 1px 1px 15px;
		width: 264px;
		height: 86px;
		float: left;
		background: url(img/bg_partnerselect.gif) no-repeat top left;
		margin-right: 30px;
		margin-bottom: 31px;
		opacity: 0.3;
		cursor: pointer;
	}

	.contactForm .noPic .recipient_label {
		position: relative;
		width: 195px;
		margin-right: 19px;
		background: url(img/bg_partnerselect_small.gif) no-repeat top left;
	}

	.contactForm .recipient_label.StartSelection, .contactForm .recipient_label.checked {
		opacity: 1;
	}

	.contactForm .recipient_label.last {
		margin-right: 0px;
	}
	
	.contactForm .recipient_wrap {
		display: block;
		height: 100%;
		padding-left: 69px;
		background: url(img/recipient_img.gif) no-repeat top left;
		position: relative;
	}
	
	.contactForm .recipient_name, .contactForm .recipient_title {
		font-size: 14px;
		display: block;
		padding-right: 15px;
	}
	
	.contactForm .recipient_name {
		color: #005bbb;
	}
	.contactForm .recipient_title {
		color: #6b6b6b;
	}
	
	.contactForm .recipient_office {
		font-size: 16px;
		width: 165px;
		line-height: 27px;
		position: absolute;
		bottom: 0px;
		right: 0px;
		color: #FFFFFF;
		text-align: right;
		padding-right: 30px;
	}

	.contactForm fieldset.hide {
		display: none;
	}

	.contactForm .twoColWrapper {
		position: relative;
	}

	.contactForm .leftCol, .contactForm .rightCol{
		width: 418px;
		float: left;
	}

	.contactForm .leftCol {
		margin-right: 20px;
	}

	.contactForm .inputline {
		clear: both;
		width: 100%;
		padding-top: 10px;
	}

	.contactForm .inputline label {
		width: 80px;
		float: left;
	}

	.contactForm .inputline input, .contactForm .inputline textarea {
		float: right;
		width: 314px;
		border: 1px solid #c6c6c6;
	}
	.contactForm .inputline .error {
		width: 302px;
	}

	.contactForm #submit
	{
		position: absolute;
		bottom: 0;
		right: 0;
		margin: 0 !important;
	}

.tx-felogin-pi1 div {
	color: #6b6b6b;
	font-size: 12px;
	line-height: 22px;
}

.contactForm fieldset, .tx-felogin-pi1 form fieldset {
	padding: 20px;
	clear: both;
}

.tx-felogin-pi1 form fieldset {
	margin-top: 10px;
}

.tx-felogin-pi1 form label {
	margin:0;
	padding:0;
}

.tx-felogin-pi1 form input {
	margin-bottom: 12px;
}

.contactForm label {
	float: left;
	margin:0;
	width: 125px;
}

.contactForm input, .contactForm textarea {
	float:left;
	width: 290px;
	padding: 3px 5px;

}

.contactForm input:hover, .contactForm textarea:hover, .contactForm input:focus, .contactForm textarea:focus{
	border:1px solid #014421;
}

.contactForm .type-text {
	clear: both;
	width: 647px;
	padding-top: 10px;
}

.contactForm #dachschnellcheckSubmit{
	width: 100px;
	margin:0px;
	padding:3px;
	float:right;
	margin-right: 216px;
	border:1px solid;
	background: #FFF9E3;
	cursor: pointer;
}

.contactForm #submit:hover {
	background: #FFF3C7;
}

.contactForm .error {
	float: right;
	background:#FAF4F4 none repeat scroll 0 0;
	border:1px dashed #AA0000;
	color:#880000;
	width:196px;
	padding: 3px 5px;
	margin-bottom: 1px;
}

/* ######################## tx-ebcount-pi1 styles ######################## */

.tx-ebcount-pi1 h2 {
	font-size:16px;
	font-weight:bold;
	margin-bottom:13px;
	margin-left:0;
	margin-right:0;
	clear:both;
}

.tx-ebcount-pi1 .count {
}

.tx-ebcount-pi1 .count .number {
	float:left;
}

.tx-ebcount-pi1 .count .unit {

	line-height: 30px;
	margin-left: 190px;
	margin-bottom: 13px;
}


/*######################## Investor Login ######################## */

.investorloginform {
	float: right;
	margin-top: 37px;
	margin-right: 25px;
}

.investorloginform .username, .investorloginform .password {
	margin-right: 10px;
	border: 1px solid;
	height: 14px;
	font-size: 11px;
	padding: 2px;
	margin-top: 0;
	width: 80px;
}

.investorloginform .submit {
	background: url(img/invloginbutton.gif) no-repeat top left;
	border:none;
	width: 56px;
	height: 16px;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
	vertical-align: top;
	margin-top: 2px;
}

.investorloginform .submit.logout {
	background-image: url(img/invlogoutbutton.gif);
}

/*######################## Skyscraper ######################## */

#skyscraper {
    background-color: #FFFFFF;
    position: absolute;
    right: -152px;
    top: 158px;
    width: 160px;
}