@CHARSET "UTF-8";

/* Allgemeine Definitionen */
html {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	font-size-adjust: none;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
}
html, body {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #ddd;
}
a img {
	border: none;
}

ul {
	margin: 0em;
	padding: 0em;
}

ul li {
	list-style: none;
}

a {
	text-decoration: none;
	color: #000000;
}

/* CONTAINER */
div.container {
	margin: 0 auto; /* zentrieren */
	width: 1000px;
	display: block;
}

table.container_table tr td {
	vertical-align:middle
}

/* HEADER */
.container #header {
	background-image: url('../pixel/banner_red.jpg');
	background-repeat: repeat-y;
	width: 100%;
	height: 78px;
	display: block;
	float: left;
	background-color: #f00;
}

.container #header .logo {
	float: left;
	display: block;
	margin-left: 2.4em;
	margin-top: 1.2em;
}

.container #header .logo_text {
	float: right;
	display: block;
	margin-right: 1.6em;
	margin-top: 14px;
}

/* NAVIGATION */
.container #navigation {
	width: 100%;
	display: block;
	height: 21px;
	clear: left;
	background-image: url("../pixel/metanav_bg.gif");
	background-repeat: repeat-x;
	border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	background-color: #888;
}

.container #navigation ul {
	height: 100%;
	margin-left: 2.5em;
	border-left: 1px solid #FFFFFF;
}

.container #navigation ul li {
	height: 100%;
	float: left;
	xxxpadding: 0em 0.75em 0em 0.75em;
	padding-left: 0.75em;
	padding-right: 0.75em;
	padding-bottom:0;
	padding-top:0;
	border-right: 1px solid #FFFFFF;
	border-collapse: collapse;
	border-spacing: 0em;
	
	
}

.container #navigation ul li.active,
.container #navigation ul li.first_active	
	 {
	background-image: url("../pixel/metanav_bg_3.gif");
	background-repeat: repeat-x;
	
	}

.container #navigation ul li a {
	color: #FFFFFF;
	font-size: 1.1em;
	line-height: 1.5em;	
}

.container #navigation ul li.active a {
	font-weight: bold;
}

.container #navigation ul li.first_active a {
	font-weight: bold;
}

.container #navigation ul li.last_active a {
	font-weight: bold;
}

.container #navigation ul li a img {
	margin-top: 0.3em;
}

/* CONTENT */
.container #content,
.container #content_main {
	clear: left;
	width: 100%;
	height: 520px;
	display: block;
}
.container #content_main #flashcontent {
	width: 100%;
	height: 100%;
	display: block;
	background-image: url("../pixel/background_flash.jpg");
	background-repeat: no-repeat;
}
.container #content_main #flashcontent.flashcontent_without_mailbox {
	background-image: url("../pixel/background_flash_without_mailbox.jpg");
	background-repeat: no-repeat;
}
.container #content.main_page {
	background-image: url("../pixel/background.jpg");
	background-repeat: no-repeat;
}
.container #content.main_page_without_mailbox {
	background-image: url("../pixel/background_without_mailbox.jpg");
	background-repeat: no-repeat;
}
.container #content .left,.container #content .center,.container #content .right
	{
	display: block;
	float: left;
}

/* CONTENT linke Spalte */
.container #content .left {
	width: 29em;
}

/* CONTENT linke Spalte Navigation*/
.container #content .left #subnavigation {
	height: 24em;
	width: 18em;
	margin-left: 2.4em;
	margin-top: 1em;
}

.container #content .left #subnavigation .subthema {
	font-size: 1.1em;
	font-weight: bold;
	padding-left: 0.9em;
}

.container #content .left #subnavigation .subthema {
	background-image: url("../pixel/nav_pfeil_aufgeklappt.gif");
	background-repeat: no-repeat;
	background-position: left center;
}
.container #content .left #subnavigation ul{
	margin-left: 0em;
	margin-top: 0.5em;
}
.container #content .left #subnavigation ul li {
	padding: 0.2em 0em 0.2em 1em;
	border-bottom: #F2F2F2 1px solid;
	margin: 0em;
}
.container #content .left #subnavigation ul li.active,
.container #content .left #subnavigation ul li.first_active,
.container #content .left #subnavigation ul li.last_active	
	 {
	background-color: #FCFCFC;
	font-weight: bold;
}
                           
/* FLASH FALLBACK Seite */
.container #content_main #flashcontent #flash_buttons,
.container #content_main #flashcontent #flash_buttons_finder {
	float: left;
	display: block;
	width: 100%	
}
.container #content_main #flashcontent #flash_buttons {
	height: 16em;
	/* margin-left: 13em; */
	text-align: center; 
	margin-top: 2em;
}
.container #content_main #flashcontent #flash_buttons a {
	float: left;
	margin: 2em 4em;
}	
.container #content_main #flashcontent #flash_buttons_finder a {
	margin-left: 58em;
}

/* CONTENT linke Spalte interactive */
.container #content .left #interactive .bestellen {
	display: block;
	float: left; 
	margin-left:12.4em;
	margin-top:6.7em;
}

/* CONTENT mittlere Spalte */
.container #content .center {
	width: 45em;
	height: 40em;
}

.servicepage #content .center {
	margin-right:1.5em;
	width:42.5em;
	margin-left: 1em;
}

.container #content .center #content_main {
	display: block;
	margin-top: 5.5em;
	width: 100%;
}
div.if5_rand {
 overflow: auto
}

.container #content .center #content_main,
.container #content .center #content_main div.if5_rand,
.container #content .center #content_main table.image_right tr td  {
	height: 27.5em;
}

.container #content .center #content_main table.image_right {
	float: right;
}

.container #content .center #content_main table.image_right tr td {
	margin-left: 0.5em;	
}
.container #content .center #content_main #content_main_text {
	padding-top: 1em;
	display: block;
	clear: left;
}
.container #content .center #content_main .opener{
	background-position: right top;
	background-repeat: no-repeat;
	height: 100%;
}
.container #content .center #content_main .opener {
	background-image: url("../pixel/opener_haus.gif");
}
.container #content .center #content_main .opener.rechner{
	background-image: url("../pixel/4_rechner.gif");
}
.container #content .center #content_main .opener img {
	margin-top: 12em;
	float: right;
}
.container #content .center #content_main .opener p {
	width: 20em;
}
.container #content .center #content_main .opener .if5_rand {
	margin-top: 2em;
	height: auto;	
}
.container #content .center #content_main #content_main_text h1,
.container #content .center #content_main #content_main_text h2 {
	margin: 0em 0em 0.5em 0em;
}
.container #content .center #content_main h1 {
	font-weight: normal;
	font-size: 1.9em;
	color: #FF0D11;
}
.container #content .center #content_main #content_main_text h2 {
	font-size: 1.1em;
	color: #656565;
}
.container #content .center #content_main #content_main_text h3 {
	font-size: 1em;
	margin: 0em 0em 0.1em 0em;
	
}
.container #content .center #content_main #content_main_text ul li {
	padding-left: 0.7em;
	margin-left: 2em;
	margin-top: 0.5em;
}
.container #content .center #content_main #content_main_text ul li,
.container #content .center #content_footer li {
	background-image: url("../pixel/container_link_pfeil.gif");
	background-repeat: no-repeat;
	background-position: left center;
}
.container #content .center #content_main #content_main_text ul li a{
	font-weight: bold;
}
.container #content .center #content_main .if5_modul_content .if5_rand .wichtig_text {
	text-align: center; /* damit die Bilder zentriert sind */ 
}
.container #content .center #content_main .if5_modul_content .if5_rand .wichtig_text p,
.container #content .center #content_main .if5_modul_content .if5_rand .wichtig_text ul,
.container #content .center #content_main .if5_modul_content .if5_rand .wichtig_text h1,
.container #content .center #content_main .if5_modul_content .if5_rand .wichtig_text h3,
.container #content .center #content_main .if5_modul_content .if5_rand .wichtig_text h4 {
	text-align: left; /* restlichen Text links ausrichten */
}
.container #content .center #content_main .if5_modul_content .if5_rand .wichtig_text p {
	margin-top: 0em;
	margin-bottom: 0.6em;
	display: block;
	width: 100%;
}
.container #content .center #content_main .if5_modul_content .if5_rand .wichtig_text img{
	width: 69%;
	height: 69%;	
}

.container #content .center #content_main .if5_modul_content .if5_rand .wichtig_text img.tabelle_energiekosten{
	width: 65%;
	height: 65%;	
}
.container #content .center #content_main .if5_modul_content .if5_rand .wichtig_text img.gross{
	width: 52%;
	height: 52%;
}
.container #content .center #content_main .if5_modul_content .if5_rand .wichtig_text_wrap ul,
.container #content .center #content_main .if5_modul_content .if5_rand .wichtig_text ul{
	margin-top: 0.6em;
	margin-left: 1em;
}
.container #content .center #content_main .if5_modul_content .if5_rand .wichtig_text_wrap ul li,
.container #content .center #content_main .if5_modul_content .if5_rand .wichtig_text ul li{
	margin-bottom: 0.6em;
}
.container #content .center #content_main .if5_modul_content .if5_rand .wichtig_text_wrap ul.ul_pad li,
.container #content .center #content_main .if5_modul_content .if5_rand .wichtig_text ul.ul_pad li {
	list-style-type: disc;
	margin-left: 1.1em;
}
.container #content .center #content_main .if5_modul_content .if5_rand .wichtig_text h4 {
	margin-top: 0.8em;
	margin-bottom: 0.3em;
	display: block;
	width: 100%;
}
.container #content .center #content_main .if5_modul_content .if5_rand .wichtig_text span.hinweis{
	font-size: 0.8em;
}

.container #content .center #content_main  .if5_modul_content .if5_rand .baufi_bild {
	height: 150px;
	width: 150px;
	overflow: hidden;
	float: right;
	margin-top: 7em;
	padding: 1em 0em 1em 1em;
}
.container #content .center #content_main .if5_modul_content .if5_rand .wichtig_text img.medium {
	width: 47%;
	height: 47%;
}
.container #content .center #content_main  .if5_modul_content .if5_rand .baufi_gross_bild img{
	width: 95%;
	height: 95%;
}
.container #content .center #content_main  .if5_modul_content .if5_rand #only_if {
	display: none;
	visibility: hidden;
}
.container #content .center #content_main .if5_rand .produktabschluss .button_pfeil {
	text-align: left;
	width: 20em;
}
.container #content .center #content_main .if5_rand .produktabschluss .button_pfeil a.pfeil_link {
	background-position: left;
	font-weight:bold;
	padding-left: 1em;
	width: 100%;
	background-image:url(../pixel/container_link_pfeil.gif);
	background-repeat:no-repeat;
}
.container #content .center #content_main .if5_rand .if5_tbl_border_wrap {
	margin-top: 0.6em;
}
.container #content .center #content_main .if5_rand .if5_tbl_border_wrap table.detailTabelle  {
	font-size: 0.9em;
	width: 98%;
	margin-bottom: 0.7em;
}
.container #content .center #content_main .if5_rand .if5_tbl_border_wrap table.detailTabelle th {
	border-bottom: 1px solid black;
	text-align: left;
}
.container #content .center #content_main .if5_rand .if5_tbl_border_wrap table.detailTabelle td {
	width: 19em;
}
/* Formular */
.container #content .center #content_main .if5_modul_content .if5_rand #formular_id {
	clear: left;
}
.container #content .center #content_main .if5_modul_content .if5_rand #formular_id label,
.container #content .center #content_main .if5_modul_content .if5_rand #formular_id input,
.container #content .center #content_main .if5_modul_content .if5_rand #formular_id textarea{
	float: left;
	clear: left;
}
.container #content .center #content_main .if5_modul_content .if5_rand #formular_id input,
.container #content .center #content_main .if5_modul_content .if5_rand #formular_id textarea{
	/* NI STEVE Farben erstellt */
	background-color: #DDDDDD;
	border: 1px solid #AAAAAA;	
}
.container #content .center #content_main .if5_modul_content .if5_rand #formular_id label {
	font-size: 9pt;
}
.container #content .center #content_main .if5_modul_content .if5_rand #formular_id .halb {
	width: 13.4em;
	margin-bottom: 1em;
}
.container #content .center #content_main .if5_modul_content .if5_rand #formular_id .zweispaltig{
	float: left;
	margin-right: 1em;
	min-width: 35%;
	max-width: 57%; 
}
.container #content .center #content_main .if5_modul_content .if5_rand #formular_id .hinweis{
	color: #666666;
	font-size: 8pt;
	float: left;
}
.container #content .center #content_main .if5_modul_content .if5_rand #formular_id textarea{
	/* NI STEVE Hoehe und Abstand angepasst */
	font-family:Arial,Helvetica,sans-serif;	
	font-size: 9pt;
	height: 9.5em;
	margin-bottom: 1em;	
	margin-top: 0px;
	width: 25em;
}
.container #content .center #content_main .if5_modul_content .if5_rand #formular_id .formularsubmitbutton{
	/* NI STEVE background image und position entfernt */
	border: none;
	clear: left;
	float: right;
	font-weight: bold;	
	color: #666666;
	margin-right: 3.2em;
	margin-top: 1em;
}
.container #content .center #content_footer li,
.container #content .center #content_counter li {
	float: left;
}
.container #content .center #content_counter li#counter_left,
.container #content .center #content_counter li#counter_right {
	margin-top: -1px;
}

.container #content .center #content_footer {
	display: block;
	clear: left;
	float: left;
	margin-left: 8.5em;
	margin-top: 3em;
}

.container #content .center #content_footer li {
	padding-left: 0.5em;
	margin: 0em 0.5em;
}

.container #content .center #content_footer li a {
	font-weight: bold;
	font-size: 0.9em;
}

.container #content .center #content_footer li.active a {
	text-decoration: underline;
}

.container #content .center #content_counter {
	display: block;
	float: right;
	margin-right: 2em;
	margin-top: 3em;
}

.container #content .center #content_counter li {
	font-weight: bold;
	margin: 0em 0.2em;
	color: #FF0D11;
}

.container #content .center #content_counter li span,
.container #content .center #content_counter li a	
	 {

	padding: 0.2em;
	padding-top: 6px;
	padding-bottom: 6px;
	
}
.container #content .center #content_counter li a {
	color: #666666;
}

.container #content .center #content_footer li a,
.container #content .center #content_counter li.active a {
	color: #FF0D11;
}


/* CONTENT rechte Spalte */
.container #content .right {
	width: 8em;
}

.container #content .right #print {
	margin-top: 1.4em;
}

.container #content .right #print a img {
	float: left;
	padding: 0 2.5em;
}

.container #content .right #print a span {
	clear: left;
	float: left;
}

.container #content .right #close {
	clear: left;
	float: right;
	display: block;
}

.container #content .right #close .close {
	display: block;
	margin-right: 2em;
	margin-top: 7em;
}

/* FOOTER */
.container #footer {
	background-color:#FFFFFF;
	display:table;
	font-size:0.9em;
	padding-bottom:0.2em;
	padding-top:0.2em;
	width:100%;
}

.container #footer ul {
	margin-left: 2.2em;
	float: left;
}

.container #footer ul li {
	float: left;
	padding: 0 0.75em;
}

.container #footer ul.main_footer {
	margin-top: 0.9em;
}

.container #footer .social {
	margin-left: 10em;
	float: left;
}

.container #footer .social a {
	padding: 0 0.2em;
	float: left;
}


div.form_entry {
	margin:0.5em;
	float:left;
	clear:both;
	xxxbackground-color: #ccc;
	width:300px;
	
}

div.form_entry .submit{
	margin-top:0.5em;
	
}

div#form_finder form{
	width:26em;
}

div#form_finder form label {
 margin-left: 0em;
}


body.lbx_page,
div.lbx_page,
div.lbx_page,
.container #content.lbxpage
	 {
	background-color: white;
	clear:left;
display:block;
height:auto;
width:auto;
}

div.lbx_container {
margin-left:20px;
width:auto;
}