/* v1.7
----------main css-------------- */
body {
background-color: #ffffff;
font-size: 0.8em;
font-family: Helvetica, Arial, SunSans-Regar, Sans-Serif;
color:#000000;
padding:0;
margin:0;
background-image: url(../img/bg_blau.gif);
background-repeat: repeat-y;
border-top: 200px solid #a8adb4;
}

a {color: #666666;}
a:visited {color:#666666;}
a:hover {color: #000000;}
a:active { color:#666666;}

/* ----------farben-------------- */
.farbe100 { background-color: #296dc1; }
.farbe70 { background-color: #7696d4; }
.farbe40 { background-color: #b4c1e6; }

/* ----------flashheader-------------- */
#flashheader { 
background-color: #7696d4; 
height: 120px;
padding: 0px; 
margin: 0; 
}

#flashheader_alt { 
color: #fff; 
background-color: #7696d4; 
height: 120px; 
width: 780px; 
padding: 0px; 
margin: 0px; 
}

#flashheader_alt p { 
font-size: 1.4em; 
line-height: 24px; 
padding: 15px; 
margin: 0; 
}


.pfeil_l70 { 
width: 13px; 
height: 11px; 
margin: 0; 
padding: 0; 
border: 0; 
background-image: url(../img/pfeil_l70_blau.gif); 
background-repeat: no-repeat;
border-collapse: collapse;
}

.quicklinks {padding-left: 15px;}

/* ----------container zentriert das layout-------------- */
#container {
position: absolute;
width: 970px;
top: 0px;
left: 0px;
margin: 0px;
padding: 0px;
}

/* -----------------mainnav & logo----------------- */
#mainnav {
background-color: #ffffff;
padding: 0px;
margin: 0px;
height: 80px;
}

#mainnav img {
margin: 0px;
padding: 0px;
border: 0px;
}

#logo { 
height: 80px; 
width: 190px; 
left: 780px; 
top: 0; z-index: 1; 
position: absolute; 
visibility: visible; 
}

#mainnavalt {
margin: 0px;
padding: 0px;
}

#mainnavalt a { 
font-size:1.4em; 
margin: 0px;
padding: 0px 20px 0 0px; 
font-weight: bold;text-decoration: none;
}

#mainnavalt p { 
margin: 0px;
padding: 45px 0px 0px 15px; 
}

#mainnavalt a:visited {color:#666666;}
#mainnavalt a:hover {color: #000000;}
#mainnavalt a:active { color:#666666;}
#mainnavalt a.mainnavaltactive {color:#296dc1;}
#mainnavalt a.mainnavaltactive:visited {color:#296dc1;}
#mainnavalt a.mainnavaltactive:hover {color: #666666;}
#mainnavalt a.mainnavaltactive:active { color:#666666;}

/* -----------------content--------------------- */
#content a {color: #296dc1;}
#content a:visited {color:#296dc1;}
#content a:hover {color: #000000;}
#content a:active { color:#000000;}
#content {padding: 0px;margin-left: 190px;margin-right: 190px;}

#content .drittel_bild { 
padding: 0px 0px 0px 0px;
margin: 0px 15px 15px 15px;
}

#content .drittel_bild p{ 
padding: 0px;
margin: 0px 0px 15px 190px;
}

#content .drittel_bild h1{ 
padding: 0px;
margin: 0px 0px 15px 190px;
}

#content .halb_bild { 
padding: 0px 0px 0px 0px;
margin: 0px 15px 15px 15px;
}

#content .halb_bild p { 
padding: 0px;
margin: 0px 0px 15px 290px;
}

#content .halb_bild h1{ 
padding: 0px;
margin: 0px 0px 15px 290px;
}

#content .boxrechts { 
padding: 0px;
margin: 0px 15px 15px 15px;
}

#content .boxrechts p{ 
padding: 0px;
margin: 0px 15px 10px 0px;
}

#content .vorspann {
height: 0px; 
display: none; 
visibility: hidden;
}

#content .clearfixleft:after {
content: "."; 
display: block; 
height: 0; 
clear: left; 
visibility: hidden;
}

#content .clearfixleft {display: block;}

#content .clearfixrechts:after {
content: "."; 
display: block; 
height: 0; 
clear: left; 
visibility: hidden;
}

#content .clearfixrechts {display: block;}

/* Hides from IE-mac */
* html #content .clearfixleft {
height: 1%;
}

* html #content .clearfixrechts {
height: 1%;
}

#content .clearfix {
display: block;
}
/* End hide from IE-mac */

.aufheben {clear: right;}

.linie {
border-bottom: #7696d4 solid 1px;
padding: 0px 0px 15px 0px;
}

.inputwidth { width: 130px; }
.inputwidth50 { width: 50px; }
.inputwidth100 { width: 100px; }
.inputwidth150 { width: 150px; }
.inputwidth1-3 { width: 186px; }
.inputwidth2-3 { width: 373px; }
.inputwidth2-3 { width: 373px; }

.bild { 
float: left; 
padding: 0px;
margin: 0px 0px 15px 0px;
}

.bildlegende { 
font-size: 0.9em; 
}

.bildrechts { 
float: right; 
width:274px;
margin: 0px 0px 0px 15px;
padding: 0px 0px 15px 0px;
}

.bildrechts img{ 
margin: 0px 0px 5px 0px;
padding: 0px;
}



h1 {
font-size:1.4em;
color: #296dc1;
margin: 0 15px 10px;
padding: 0;
}

h2 {
font-size:1em;
margin: 0 15px 10px;
padding: 0;
}

p {
line-height: 17px;
margin: 0px 15px 15px 15px;
padding: 0px;
}

.linklist {
line-height: 17px;
margin: 0px 15px 15px 15px;
padding: 0px 0px 15px 0px;
}

.description {font-size:0.8em;
margin: 0px 0px 0px 0px;
padding: 0px;
}

.error {
font-size:0.8em;
color: #ff0000;
margin: 0px 0px 0px 0px;
padding: 0px;
}

/* content linklisten */
ul.liste { 
list-style-type: none; 
margin: 0px;
padding: 0px; 
}

ul.liste ul { 
list-style-type: none; 
margin: 5px 0px 5px 20px;
padding: 0px;
}

ul.liste li { 
list-style-type: none; 
margin: 0px 0px 0px 20px;
padding: 0px;
list-style-image: url(../img/pfeil.gif);
}

ul.liste li.pdf { 
list-style-type: none; 
margin: 0px 0px 0px 20px;padding: 0px;
list-style-image: url(../img/pdf.gif);
}

ul.liste li.zurueck { 
list-style-type: none; margin: 0px 0px 0px 20px;padding: 0px;list-style-image: url(../img/pfeil_zurueck.gif);}

ul.liste li.download { 
list-style-type: none; 
margin: 0px 0px 0px 20px;padding: 0px;list-style-image: url(../img/pfeil_download.gif);
}

/* --------------table alignment------------- */
.table, .gallerie { margin-right: 15px; margin-bottom: 15px; 
margin-left: 15px; 
}
.table_fullwidth{
width: 554px; 
}
.table td {
margin: 0px;
padding: 8px 4px 8px 4px;
border-bottom: #7696d4 solid 1px;
}

.table_lines td {
border-right: #7696d4 solid 1px;
}

.table th {
text-align: left;
background-color: #7696d4;
margin: 0px;
padding: 8px 4px 8px 4px;
}

.table_lines th {
border-right: #b4c1e6 solid 1px;
}

.table_lines { border-left: #7696d4 solid 1px;
}

.table_flashheader { 
margin: 0px; padding: 0px; 
border: 0;
border-collapse: collapse;
}

.table_suche, .table_quicklinks, .table_plzfinder, .table_metanav{ 
width: 160px; 
margin: 0px; 
padding: 0px; border: 0;border-collapse: collapse;
}


.table_input_list { margin: 0 0 0 0; padding: 0 10px 0 0; }
.table_input_list th { font-weight: normal; background-color: #ffffff; margin: 0; padding: 0 10px 10px 0; border-width: 0; }
.table_input_list td { margin: 0; padding: 0 10px 0px 0; border-width: 0; }

.rechtsbuendig {
text-align: right;
}
.zentriert {text-align: center;
}
/* --------------subnavigation (subnav)------------- */
#subnav p{
padding: 15px;
margin:0px;
border-bottom: 1px solid #c0c5ca;
}

#subnav {
float: left;
width: 190px;
margin: 0;
padding: 0;
}

.subnav_space {
margin-top: 15px; 
margin-bottom: 15px; 
margin-right: 15px; 
margin-left: 0px; 
}

#subnav ul { 
list-style-type: none; 
margin: 0px 0px 0px 15px;
padding: 0px 0px 0px 0px; 
}

#subnav ul li { 
list-style-type: none; 
margin: 5px 0px 5px 0px;
padding: 0px 0px 0px 0px; 
}

#subnav ul li.klein { 
list-style-type: none; 
margin: 5px 0px 5px 0px;
padding: 0px 0px 0px 0px;
font-size: 0.8em;
}

#subnav a { color: #666666; text-decoration: none;}
#subnav a:visited {color:#666666; text-decoration: none; }
#subnav a:hover { color: #000000; text-decoration: underline; }
#subnav a:active { color:#000000; text-decoration: underline; }
#subnav a.navactive { color:#222222; text-decoration: none; }
#subnav a.navactive:visited {color:#222222; text-decoration: none; }
#subnav a.navactive:hover { color: #000000; text-decoration: underline; }
#subnav a.navactive:active { color:#000000; text-decoration: underline; }

.bold { font-weight: bold; }
/* --------------meta navigation (metanav)------------- */
#metanav { 
margin: 15px;
margin-top: 60px;
padding: 0;  
font-size: 0.9em; 
}

/*
this only applies to firefox and IE7+ (IE6-dropdown-problem)
*/
#metanav[id] { 
position: fixed;
bottom: 0; 
}

/* --------------related content (relatedcontent)------------- */
#relatedcontent {
font-size: 0.9em;
float: right;
width: 190px;
margin: 0;
padding: 0;
background-color: #296dc1;
color: #ffffff;
word-wrap: break-word;
}

#relatedcontent .farbe100 {
width: 190px;
}


#relatedcontent p {
padding: 15px;
margin:0px;
border-bottom: 1px solid #7696d4;
}

#relatedcontent a {color: #ffffff;}
#relatedcontent a:visited {color:#ffffff;}
#relatedcontent a:hover {color: #b4c1e6;}
#relatedcontent a:active { color:#b4c1e6;}

.pfeil_l {
background-image: url(../img/pfeil_l_blau.gif);
}

.suche { 
margin: 0; 
padding: 15px; 
border-bottom: 1px solid #7696d4; 
}

#WebAgent {
text-align: center;
margin-bottom: 25px;
}

/* ----------related content links-------------- */
#relatedcontent .linklist {
}

#relatedcontent ul.liste { 
list-style-type: none;
margin: 0px;
padding: 0px 0px 0px 0px;
}

#relatedcontent ul.liste li {
margin: 0px 15px 0px 15px;
padding: 0px;
list-style-image: url(../img/pfeil_blau.gif);
}
#relatedcontent ul.liste li.pdf { 
margin: 0px 15px 0px 15px;
list-style-image: url(../img/pdf_blau.gif);
}

#relatedcontent ul.liste li.download { 
margin: 0px 15px 0px 15px;
list-style-image: url(../img/download_blau.gif);
}
.plzfinder { 
margin: 0px; padding: 15px; 
border-bottom: 1px solid #c0c5ca; 
}

/* ----------- partnerlogo label --------------------------- */
#logopartnerlabel {
/*
margin: 0px 15px 15px 40px;
padding: 0;
margin-top: 200px;
bottom: 10px;
left: 780px;
*/
position: absolute;
top: 13px;
left: 881px;
}

/*
this only applies to firefox and IE7+ (IE6-dropdown-problem)
*/
/*
#logopartnerlabel[id] { 
position: fixed;
}
*/

/* -----------service navigation (servicenav)--------------------------- */
.servicenav {
background-color: #dcdee1;
padding: 10px 15px;
margin-bottom: 15px;
}

.servicenav table{ 
width: 554px; 
margin: 0px; 
padding: 0px; 
border: 0;
border-collapse: collapse;
}

#content .servicenav a {
font-size: 0.9em;
color: #666666;
}

#content .servicenav a:visited {color:#666666;}
#content .servicenav a:hover {color: #000000;}
#content .servicenav a:active { color:#666666;}

#footer {
clear: both;
margin: 0px;
padding: 0px;
}

/* extensions by Unic */

.border100 { border-color: #296dc1 ! important; }
.border70 { border-color: #7696d4 ! important; }
.border40 { border-color: #b4c1e6 ! important; }

/* use these and style your borders without specifying colour, e.g. border-bottom: 1px solid */

#subnav { position: absolute; left: 0; }
.subnavBGC { background-color: #dcdee1; }

#metanavUnic { 
margin: 35px 15px;
padding: 0; 
visibility: visible; 
font-size: 0.9em; 
}

#metanavUnic a { color: #666666; text-decoration: underline;}
#metanavUnic a:visited {color:#666666; text-decoration: underline; }
#metanavUnic a:hover { color: #000000; text-decoration: underline; }
#metanavUnic a:active { color:#000000; text-decoration: underline; }

#contentHeader { white-space: nowrap; }
#disclaimer { float: left; }
#ServiceNavigation { float: right; }
.serviceNavIntern a { text-decoration: none; }

form {display: inline; }

div.contentSection {
margin: 0px 15px 10px 15px;
width: 554px;
}

/*
div.contentSection img {
margin-bottom: 15px;
}
*/

div.contentSection p, div.contentSection h1, div.formsrow p, div.formsrow h1 {
margin-left: 0px;
margin-right: 0px;
}

img.bild {
margin-right: 15px;
}

#relatedcontent div.cmsBars {
margin: 0px 15px 0px 15px;
}
#relatedcontent .table_quicklinks {
margin: 15px 15px 0px 15px;
}

#content div.cmsBars {
margin: 0px 15px 0px 15px;
}

#relatedcontent p {
/*
  undo the "#relatedcontent p" rule from above, actually we're suggesting it
  to be changed to "#relatedcontent div.contentSection", but for now we can only
  overwrite its settings to make it work
*/
margin: 0px 0px 10px 0px;
padding: 0px;
border: none;
}

/*
  And now "#relatedcontent div.contentSection" takes over from "#relatedcontent p".
  The same would need to be done in the various "<colour>.css" files to get border
  colours right, but we won't bother for the time being. As a result, currently
  there are two borders: the one under the div from here, and another one under the
  p from the colour CSS files.
*/
#relatedcontent div.contentSection {
padding: 15px;
margin: 0px;
width: 160px;
}

/*
  There was a "th" rule here for a while. But this should be coordinated before
  being used.
*/

td.cfc, td.cfc td {
margin: 0px;
padding: 0px;
border-width: 0px;
}

#content table.formcolumns
	{
	width: 100%;
	}

#ecardhr
	{
	height: 1px;
	border-style: none;
	}

.ecardlinkgif
	{
	vertical-align: top;
	}

#ecardimg
	{
	margin: 0px;
	}

#ecardtable
	{
	border-spacing: 0px;
	}

.table_gallery 
	{ 
	margin-right: 15px; margin-bottom: 15px; 
	margin-left: 15px; 
	}
.td_gallery 
	{ 
	margin-right: 15px; margin-bottom: 15px; 
	margin-left: 15px; 
	}

div.paragraph
	{
	line-height: 17px;
	margin: 0px 15px 15px 15px;
	padding: 0px;
	}
	
.nopadding, #relatedcontent .nopadding
	{
	padding: 0px;
	}

.nomargin, #relatedcontent .nomargin
	{
	margin: 0px;
	}
.nomarginbottom, #nomarginbottom
	{
	margin-bottom: 0px;
	}
.tableinputbox
	{ 
	margin-right: 15px; margin-bottom: 0px; 
	margin-left: 15px; 
	}
.tableinputbox td 
	{
	margin: 0px;
	padding: 0px;
	}

#content .rttable table, #content .rttable div.contentSection, #content .rttable div.cmsBars {
	width: auto;
	margin: 0;
}

#content .rttable p.linie {
	display: none;
}

.farbe0 {
	background-color: #ffffff;
}

table.newslist {
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
}

table.newslist td {
	padding: 0px 3px;
}

table.newslist p {
	margin: 3px 0px;
}

#logopartnerlabel div.cmsBars
	{
	width: 110px;
	margin: 0px;
	}

#relatedcontent p.linie
	{
	margin-bottom: 0px;
	}

/***************
 * mantis 6703 *
 ***************/

/* paragraph positioning */
#content div.contentSection p 
	{
	margin-bottom: 0px;
	}
#relatedcontent div.contentSection p
	{
	border: 0px;
	margin: 0px;
	}

/* list positioning */
#content .drittel_bild ul
	{
	margin-left: 207px;
	padding-left: 0px
	}
#content .drittel_bild ol
	{
	margin-left: 213px;
	padding-left: 0px
	}
#content .halb_bild ul
	{ 
	margin-left: 307px;
	padding-left: 0px;
	}
#content .halb_bild ol
	{ 
	margin-left: 313px;
	padding-left: 0px;
	}
#relatedcontent div.contentSection ul
	{
	margin-top: 0px;
	margin-bottom: 0px;
	}
#relatedcontent div.contentSection ol
	{
	margin-top: 0px;
	margin-bottom: 0px;
	}

.formsrow {
	margin: 0 15px;
	padding: 8px 0;
	border-bottom: 1px solid;
}

.formscol1, .formscol2, .formscol3, .formscol23, .formscol123 {
	float: left;
	overflow: hidden;
}

.formscol1, .formscol2, .formscol3 {
	width: 33%;
}

.formscol23 {
	width: 66%;
}

.formscol123 {
	width: 99%;
}

/* title-link decoration */
h1 a
	{
	text-decoration: none;
	}
#relatedcontent div.contentSection div strong a
	{
	text-decoration: none;
	}

/* unneeded floats */
.bildlarge
	{
	float: none;
	padding-bottom: 10px;
	width: 554px;
	}
#relatedcontent div.contentSection div.bild
	{
	float: none;
	}

/* legend */
div.legendSmall
	{
	width: 176px;
	}
div.legendMedium
	{
	width: 274px;
	}

div.wsecoenergy, div.wsecoenergy td {
	padding-top: 5px;
	padding-right: 5px;
	border: none;
}

div.wsecoenergy select {
	margin-top: 5px;
}

div.wsecoenergy td select {
	margin-top: 0px;
}

/*******************
 * end mantis 6703 *
 *******************/

/*
Glossary
*/
.table_glossary_container {
	width: 500px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	vertical-align: top;
}

.table_glossary_anchor_result {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	width: 100%;
}

.table_glossary_anchor_result td {
	width: 50%;
	font-size: 8pt;
	vertical-align: top;
}

/* Search -- Paging Div's */
div.searchPagingLeft {
	float:left;
}
div.searchPagingRight {
	float:right;
}
div.searchPagingMiddle {
	text-align:center;
	font-size: 12px;
}

/* Price Calculator Component */
.pricecalculator {
	width: 100%;
	/*color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;*/
}
.pricecalculator tr td {
	color: #000000;
	border: 0px;
	background: transparent;
	padding: 5px;
	padding-left: 0px;
	padding-right: 0px;
}

.pricecalculator tr.trheader td {
	color: #000000;
	background: #DCDEE1;
	font-weight: bold;
	padding-left: 3px;
	padding-right: 3px;
}

.pricecalculator tr.footer {
	border-top: 1px solid #9A9B9C;
	background: transparent;
	padding: 5px;
}

div.priceCalcErr {
	font-size: 11px;
	color: red;
}
div.priceCalcTitle {
	font-size:16px;
	color:#9F2D20;
	font-style:normal;
	font-weight:bold;
	text-decoration:none;
}
input.priceCalculatorResult {
	color: white;
	font-weight: bold;
}

.slaveOptOut {
	opacity: 0.5;
}

.slaveOptOut * {
	filter: alpha(opacity=50);
}

	/*--- Preisvergleichsrechner ------------------------------------------------------------------------*/
	
	#PriceCalculatorStep1 .formsrow,
	#PriceCalculatorStep2 .formsrow {
		border: none;
		padding: 7px 15px;
		margin: 0;
		overflow: hidden;
	}
	#PriceCalculatorStep1 .formscol123 {
		padding: 0;
		width: 99%;
	}
	#PriceCalculatorStep1 .formscol1  {
		margin-right:15px;
		text-align:right;
	}
	#PriceCalculatorStep1 .formscol1, #PriceCalculatorStep1 .formscol2, #PriceCalculatorStep1 .formscol3 {
		width:30%;
	}
	#PriceCalculatorStep1 .formscol23 {
		width:66%;
	}
	#PriceCalculatorStep1 .formscol23 .inputwidth2-3 {
		width: 95%;
	}
	#PriceCalculatorStep1 .contentSection {
		margin:0 0 1em 15px;
		overflow:hidden;
	}
	#PriceCalculatorStep1 legend {
		margin: 0 0 1em 0;
		padding: 0 0 0 15px;
		color: #424242;
	}
	#PriceCalculatorStep1 legend.hidden {
		display: none;
	}
	#PriceCalculatorStep1 fieldset {
		margin: 1.5em 0;
		padding: 0;
		border: none;
	}
	#PriceCalculatorStep1 fieldset fieldset {
		margin: 1.5em 0;
		padding: 0;
	}
	#PriceCalculatorStep1 div.submit,
	#PriceCalculatorStep2 div.submit {
		margin: 1.5em 0 1em 0;
	}
	#PriceCalculatorStep1 .validation-advice {
		color:red;
	}
	#PriceCalculatorStep1 fieldset div.hidden {
	display: none;
	}
	
		
	/*--- Preisvergleichsrechner results ------------------------------------------------------------------------*/
	
	table.calculator_results,
	table.calculator_results table {
		border-collapse: collapse;
		width: 100%;
	}
	table.calculator_results th {
		background: none;
		border-bottom: 3px solid #c3acc7;
		color: #8c8c8c;
		font-weight: bold;
		padding: 5px;
	}
	table.calculator_results td {
		background: none;
		color: #595959;
		padding: 5px;
	}
	table.calculator_results tbody tr.border_top {
		border-top: 1px solid #c3acc7;
	}
	table.calculator_results thead tr th.border_left,
	table.calculator_results tbody tr td.border_left {
		border-left: 1px solid #c3acc7;
	}
	table.calculator_results tbody tr td.subtitle {
		color: #8c8c8c;
	}
	table.calculator_results th,
	table.calculator_results td {
		border-right: none;
		padding-left: 0;
		text-align: left;
		vertical-align: top;
	}
	table.calculator_results th.left,
	table.calculator_results td.left {
		width: 34%;
	}
	table.calculator_results th.newprice,
	table.calculator_results td.newprice {
		padding-left: 6px;
	}
	table.calculator_results th.middle,
	table.calculator_results td.middle {
		padding-left: 6px;
	}
	table.calculator_results tr.last th,
	table.calculator_results tr.last td {
		border-bottom: none;
	}
	table.calculator_results table th,
	table.calculator_results table td {
		border: none;
		color: #595959;
	}
	table.calculator_results td.middle table th,
	table.calculator_results td.newprice table th,
	table.calculator_results td.middle table td,
	table.calculator_results td.newprice table td {
		padding-left: 5px;
	}
	table.calculator_results thead tr th.highlighted,
	table.calculator_results tbody tr td.highlighted {
		background: #c3acc7;
		border-bottom: 2px solid #fff;
		color: #2e2e2e;
	}
	table.calculator_results th.right,
	table.calculator_results td.right {
		text-align: right;
	}
	table.calculator_entries {
	   width: 60%;
	   border-collapse: collapse;
	}
	table.calculator_entries th,
	table.calculator_entries td {
	  padding: 5px 5px 5px 0;
	  vertical-align: top;
	}
	
	div.contentSection h2 {
		margin-left: 0;
	}