/* CSS Styles for www.standheizung.de */
html, body { margin: 0; padding: 0; border: none; }
body {
/*background:#3f0000 url("../images/bg_main.gif") repeat-x center top; */
background:#e2e2e2 url("../images/bg_main.gif") repeat-x center top;
font-size:11px; font-family:Arial, Helvetica, sans-serif; color: #373737;
}
img { border:0; }
td, th { vertical-align:top;}
/********************************************************/
/******************** Content Styles ********************/
/********************************************************/
#container {position:absolute; width:920px; margin:0 0 0 -460px; margin-bottom:40px; left:50%;}
/*** browser hack fuer transparente bg - pngs ***/
html > body #container { background: url(../images/shadow_bg.png) repeat-y; }
* html #container { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fileadmin/templates/images/shadow_bg.png', sizingMethod='scale'); }
/****************** container ******************/
/* 10px margin fuer schatten */
#content { position:relative; width:900px; margin:0 10px;}
#content_left { float:left; width:229px; /*height:200px;*/ background-color:#fff; }
#content_right { float:left; width:630px; padding:10px 10px 10px 25px; background-color:#fff; }
.content_right_left { float:left; width:283px; padding:0 30px 0 0; margin-bottom:10px; }
.content_right_right { float:left; width:300px; margin-bottom:5px; }
.content_right_full { float:left; width:617px;}
#zweispaltig {float:left; padding-bottom: 5px;}
#header { width:898px; border-left:1px solid #fff; border-right:1px solid #fff;}
.headline { padding:35px 0 0 0; }
#line_dotted { clear:left; border-top:1px solid #E9E9E9; margin: 8px 0px 8px 0; }
.blaue_schrift { color:#00519e; }
/****************** menu left *********************/
#menu_outer { margin-top: 0px; }
html > body #menu_outer { }
* html #menu_outer { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fileadmin/templates/images/shadow_bg_cont_left.png', sizingMethod='scale'); }
#menu_inner {margin:0 13px; background: #e5e5e5 url(../images/bg_left.gif) repeat-x; border-left: 1px solid #fff; border-right: 1px solid #fff;}
#mainNavItem {margin: 0 1px; border-bottom:1px solid #DDDDDD;}
#mainNavItem A {/*width: 180px;*/ display:block; padding:5px 0 5px 24px; color:#333333; font-weight:bold; text-decoration:none;}
#mainNavItem A:Hover, #mainNavItem .active {color:#034392; font-weight:bold; text-decoration:none; background: url(../images/bg_nav.gif) #F6F6F6 top left no-repeat;}
#languageSwitch {padding:55px 0 23px 24px; color:#333333; font-weight:bold;}
#languageSwitch form {margin:0; padding:0;}
#languageSwitch select {width:126px; color:#6B6B6B; font-size:11px; margin-top:4px; background-color:#D7D7D7; font-weight:normal;}
#mainNav ul { list-style: none; margin: 0px 1px; padding: 0px; }
#mainNav ul li { margin: 0px; padding: 0px; }
#mainNav ul li a { border-bottom: 1px solid #ddd; display: block; padding: 7px 0px 7px 24px; color: #333; font-weight: bold; text-decoration: none; }
#mainNav ul li a:hover, #mainNav ul li a.active { color: #034392; background: #f6f6f6 url('../images/bg_nav.gif') no-repeat; }
#mainNav ul li ul { padding-bottom: 5px; border-bottom: 1px solid #ddd; }
#mainNav ul li ul li { margin-left: 23px; border-bottom: 1px solid #fafafa; }
#mainNav ul li ul li a { padding-left: 15px; border-bottom: 0px none; margin-left: 0px; font-weight: normal; }
#mainNav ul li ul li a:hover, #mainNav ul li ul li.active a { background: url('../images/menu_arrow.gif') center left no-repeat; }
/****************** formular steps ************************/
#formular {clear:left; padding: 15px 0; }
#formular #step1 {
float:left; background:#f8f7f2;
padding:10px 15px 25px 15px;
border: 1px solid #E9E9E9;
}
* HTML #step1 {
/*width: 612px; */
}
#formular TABLE {color:#00519E; font-size:11px;}
#formular TD {
}
#formular TD.label_descr {
width: 12px;
}
#formular #step2 {
float:left; background:#f8f7f2 url(../images/formular/bg_prospektbestellung2.gif) top left no-repeat; padding:11px 15px 25px 15px; color:#00519E;
border: 1px solid #E9E9E9;
}
* HTML #step2 {width: 622px; w\idth: 573px; }
#regform { clear:left; background:#dcdcdc url(../images/formular/bg_regform.jpg) top left repeat-x; }
#regform { clear:left; background:#dcdcdc url(../images/formular/bg_regform.jpg) top left repeat-x; }
#regform #step1 { padding:11px 15px 25px 15px; }
#regform #step2 { padding:11px 15px 25px 15px; color:#00519E;}
#regform TABLE {color:#00519E; font-size:11px;}
.white {color:#fff;}
.grey {color:#c3c3c3;}
.controls_prospekt {width:197px;}
.controls_adresse {width:144px; }
.controls_stadt {width:134px; }
.control_plz {width:35px;}
.controls_nr {width:25px;}
.select_prospekt {width:205px; }
.spacer_adresse {padding-bottom:16px;}
.spacer_control {padding:0 37px 16px 0; text-align:left;}
.space_ckb {padding:0 10px 2px 0;}
.label_descr {vertical-align:top; padding:4px 4px 0 0;}
.label_adr {padding-bottom:5px;}
.prospekt_message {padding-top:2px; width:260px; height:88px;}
.checkbox {vertical-align:top; padding-top:6px; color:#000000;}
.error {background-color: #FFAFAC; border:1px solid #a80000; }
#formular #newsletter {
float:left; width:592px; height: 225px;
background-color: #f8f7f2;
padding: 10px 15px 0px 15px;
border: 1px solid #E9E9E9;
}
div.raffleContainer { clear:left; padding:5px 10px 10px 10px; border-top:1px dotted #999999; border-bottom:1px dotted #999999; background:#f1f1f1; }
input.raffleAnswerField { width:68px; }
div.formItemLabel { margin-top:5px; font-weight:bold; }
div.formImagecodeIntro { margin-bottom:10px; font-weight:bold; }
span.formImagecode img { border:1px solid #7f9db9; }
div.formImagecodeGroup { margin-bottom:20px; }
input.imagecode { width:60px; margin-bottom:5px; }
/****************** pdf Download Area steps ************************/
#downloadArea {position:relative; float:left; padding:0px 0 30px 0;}
#downloadLeft {float:left; width:290px; margin-right:27px; display: inline;}
#downloadRight {float:left; width:290px;}
#downloadImage {clear:left; float:left; margin:0 3px 3px 0;}
#downloadFile {float:left; width: 167px; padding:24px 9px 23px 38px; margin-bottom:3px; display: inline;}
* HTML #downloadFile {width:214px; }
#downloadArea .downloadBorder {border:1px solid #A4A4A4;}
#downloadArea .paddingProspekt {padding-top:26px; padding-bottom:26px;}
#downloadArea .paddingDachsysteme {padding-top:13px; padding-bottom:11px;}
#downloadArea .paddingMobil {padding-top:16px; padding-bottom:14px;}
#downloadRightTextItem A, #downloadFile A {font-weight:bold; color:#AF1818; text-decoration:none;}
#downloadRightTextItem A:HOVER, #downloadFile A:HOVER {font-weight:bold; color:#AF1818; text-decoration:underline;}
#downloadRightTextItem {float:left; width:182px; padding:4px 0 3px 38px; margin-bottom:4px;}
* HTML #downloadRightTextItem {width:220px;}
#downloadArea .brightBG {background-color:#E3E3E3; background-image:url(../images/downloadarea/bg_downloadText1.gif); background-repeat:repeat-x;}
#downloadArea .darkBG {background:url(../images/downloadarea/bg_downloadText2.gif) top left repeat-x;}
/****************** pdf productadvantages ************************/
#advThumbsArea {position:relative; clear:left; width:617px; padding:10px 0;}
#advThumbs .thumbs {margin-right:15px;}
#advIconItem {float:left; /*background:url(../images/bg_vorteile.gif) bottom left repeat-x; */border-top:1px solid #e9e9e9; padding:8px 0; width:617px;}
#advIconImage {float:left; width:77px; text-align:right; margin-right:17px;}
#advIconText {float:left; width:510px; font-size: 12px; }
#advIconText H1 {margin:0;}
/****************** pdf Produkteinstieg ************************/
#produkteinstieg {position:relative; clear:left; width:617px; padding-top:15px; text-align:center;}
#produktcontainer {float:left; width:570px; text-align:center; color:#034392; margin-bottom:10px;}
#wagen {float:left; width:190px;}
/****************** pdf Produktauswahl | Produkte ************************/
#produktAuswahl {position:relative; clear:left; width:616px; margin:30px 0 18px 0; overflow:hidden; background:url(../images/bg_produktauswahl.gif) bottom repeat-x;}
#produktAuswahl .butProdukt {padding:5px; height:46px; text-align:center; background:url(../images/bg_produkte.gif) left top repeat-x; border-top:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; border-right:1px solid #cfcfcf; border-left:1px solid #fbfbfb; vertical-align:middle;}
#produktAuswahl .first {border-left:1px solid #cfcfcf;}
A.notUnderlined {color:#034392; font-weight:bold; text-decoration:none;}
A:HOVER.notUnderlined {color:#034392; font-weight:bold; text-decoration:underline;}
#productcontent {position:relative; clear:left; width:617px; height:260px;}
#produktbrowser {position:relative; clear:left; width:619px; height:28px; background:url(../images/bg_produktbrowser.gif) left top no-repeat; margin:0 0 20px 0;}
A.butBrowse {color:#000; font-weight:normal; text-decoration:none;}
A:HOVER.butBrowse {color:#000; font-weight:normal; text-decoration:underline;}
#butback {position:absolute; top:7px; left:180px;}
#butmenue {position:absolute; top:7px; left:290px;}
#butforward {position:absolute; top:7px; left:400px;}
#heizungsanimation {position:relative; clear:left; width:280px; height:230px; margin:20px 0; }
/****************** Produkte ************************/
div.productFallback { margin:0 auto; width:300px; border:1px solid #999999; padding:10px; }
/****************** shadow ************************/
.shadow_bottom { clear:both; width:212px; height:23px; margin-left:0px; }
html > body .shadow_bottom { background: url(../images/shadow_bg_cont_left_bot.png); }
/* problem ist hier, dass der ie die farbe falsch rendert!! bg wurde fuer dieses png auf #e6e6e6 gesetzt!!! */
* html .shadow_bottom { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fileadmin/templates/images/shadow_bg_cont_left_bot_ie.png', sizingMethod='scale'); }
.shadow_top { width:212px; height:14px; margin-left:0px;}
html > body .shadow_top { background: url(../images/shadow_bg_cont_left_top.png) }
* html .shadow_top { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fileadmin/templates/images/shadow_bg_cont_left_top.png', sizingMethod='scale'); }
.shadow_top_teaser_content { width:900px; height:13px; }
html > body .shadow_top_teaser_content { background: url(../images/shadow_bg_top.png) repeat-x; }
* html .shadow_top_teaser_content { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fileadmin/templates/images/shadow_bg_top.png', sizingMethod='scale'); }
/****************** bottom teaser ******************/
#teaser_content_outer { clear:both; }
#teaser_content { clear:both; background: #f5f5f5; padding:30px 0 30px 259px;}
#teaser_container {position:relative; float:left; font-size:11px;}
#teaser_content_image {float:left; width:85px; margin-right:8px;}
#teaser_content_text {float:left; width:154px;}
/* Just for display issues in the main content */
#teaser_content_text p {margin:0; padding:0;}
#teaser_content_link {float:right; margin-top:7px;}
/****************** left teaser ******************/
#teaser_left_outer_outer { clear:both; position:absolute; bottom:100px; width:212px; margin-left:17px; }
/*#teaser_left_outer { clear:both; position:absolute; bottom:120px; width:212px; margin-left:17px; }*/
#teaser_left_outer {float:left; width:212px; padding:0 13px;}
html > body #teaser_left_outer { background: url(../images/shadow_bg_cont_left.png) repeat-y; }
* html #teaser_left_outer { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fileadmin/templates/images/shadow_bg_cont_left.png', sizingMethod='scale'); }
#teaser_left, #teaser_left_image, #teaser_left_wHeadline { float:left; width:184px; background:#E3E3E3 url(../images/bg_left.gif) repeat-x; border-left: 1px solid #fff; border-right: 1px solid #fff;}
#teaser_left_bild { }
#teaser_left_bild.list {padding-left:30px;}
#teaser_left_textarea {float:left; padding:29px 20px 13px 20px;}
#teaser_left_textarea.list {padding-top:20px;}
#teaser_left_text {float:left;}
#teaser_left_text UL, #teaser_left_text LI {margin:0px; padding:0;}
#teaser_left_text LI {list-style-image:url(../images/list_dot.gif); margin:4px 0 0 11px; line-height:1.2;}
#teaser_left_headline {color:#004994; font-weight:bold; padding:24px 13px 20px 30px; font-size:12px;}
.teaser_shadow_bottom { clear:both; width:212px; height:13px; margin-left:0px; }
html > body .teaser_shadow_bottom { background: url(../images/shadow_bg_teaser_left_bot.png); }
/* problem ist hier, dass der ie die farbe falsch rendert!! bg wurde fuer dieses png auf #e6e6e6 gesetzt!!! */
* html .teaser_shadow_bottom { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fileadmin/templates/images/shadow_bg_teaser_left_bot_ie.png', sizingMethod='scale'); }
/****************** left teaser neu ******************/
#teaser_left_new_outer { width:212px; margin-left:17px; }
#teaser_left_new { width:184px; float:left; padding:0 13px; }
html > body #teaser_left_new { background: url(../images/shadow_bg_cont_left.png) repeat-y; }
* html #teaser_left_new { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fileadmin/templates/images/shadow_bg_cont_left.png', sizingMethod='scale'); }
/** preiskonfigurator ext **************************/
div.tx-webastopreiskonfig-pi1 { /*height: 970px;*/ }
#priceConfigSelectBox {
margin-top: 5px;
}
div#wpk_financing { margin-top: 44px; padding-bottom: 17px; }
div#wpk_financing img { float:left; margin-right:3px; border:1px solid #a4a4a4; }
div#wpk_financing div { float:left; width:515px; height:106px; padding:10px 7px 0px; background:#034392 url('/fileadmin/templates/images/preiskonfig/wpk_financing_bg.gif') no-repeat; color:#fff; }
div#wpk_financing div p { float:left; margin:0px; padding:0px; width:313px; font-size:11px; }
div#wpk_financing div span.hint { margin-top:23px; font-size:9px; }
div#wpk_financing div p.right { float:left; width:auto; margin:37px 0px 0px 32px; background: url('/fileadmin/templates/images/preiskonfig/button.jpg') no-repeat; height:18px; padding: 3px 10px; }
div#wpk_financing div p.right a { font-weight:bold; color:#fff; text-decoration:none; }
div#wpk_financing span.bold { font-weight: bold; }
div#wpk_vorschlag { display:none; height:96px; /*background: url(../images/preiskonfig/bgVerlauf.jpg) bottom left repeat-x;*/ margin: 15px 0; border-top: 1px solid #00519E; border-bottom: 1px solid #00519E; }
td#wpk_vorsch_text { vertical-align: middle; padding-left; 50px; }
div#wpk_resultcont {height:120px; /*background: url(../images/preiskonfig/bgVerlauf.jpg) left bottom repeat-x; */border-bottom: 1px solid #00519E;border-top: 1px solid #00519E;padding: 20px 10px 0 10px; }
div#wpk_resulthead {
padding-bottom: 20px;
color: #94101a;
font-weight:bold;
}
div#wpk_preiscont {
float:right;
}
div#wpk_linkbutton {
background: url(../images/preiskonfig/button.jpg) no-repeat;
color: #fff;
font-weight: bold;
float: right;
text-align:center;
width: 282px;
height:17px;
margin-right: 10px;
margin-top: 10px;
padding-top: 3px;
}
table.wpk_table {
height:100%;
}
div.wpk_bedienelement {
height:96px;
/*background: url(../images/preiskonfig/bgVerlauf.jpg) bottom left repeat-x; */
border-top: 1px solid #00519E;
}
img.wpk_bedienimg {display: block; margin: 9px 20px 9px 9px; }
td.wpk_bedientext { vertical-align: middle; width: 100%; }
td.wpk_bedienradiobtn { padding: 0 20px; vertical-align: middle; border-left: 1px solid #00519E; }
/****************** footer ******************/
/*#footer { background: url("../images/bg_footer.gif") repeat-x #034392; padding:20px 0 15px 0; }*/
.footer { color:#fff; text-align:center; }
.footer a { color:#fff; text-decoration:none; font-weight:normal; }
.footer a:hover { color:#fff; text-decoration:underline; font-weight:normal; }
.footer a.active { color:#fff; text-decoration:underline; font-weight:normal; }
/*******************************************************************/
/* STANDHEIZUNG CSS ERG�NZUNGEN RELAUNCH LIGHT 08-2008 by coa */
/*
/* MENU MENU MENU MENU MENU MENU MENU MENU MENU MENU MENU MENU MENU MENU MENU */
#menu {
float:left;
clear:left;
width:230px;
margin:0px 0px 15px 0px;
}
#menu ul.menu {
margin:0 0 0 20px;
padding:0 0 0px 0;
background:url(../images/bg_menu.gif) left top no-repeat;
list-style-type:none;
}
#menu div#menu_bottom {
margin:0px 0 0 20px;
height:40px;
width:210px;
background:url(../images/bg_menu_bottom.gif) left top no-repeat;
}
#menu ul.menu li {
margin:0 0 0 7px;
width:188px; /* 195px breite - 8 padding-left*/
padding:6px 0 6px 8px;
border-bottom:solid 1px #e5e5e5;
background-color: #f8f7f2;
}
#menu ul.menu li.active{
/* aktiver men�punkt der ersten ebene hat hintergrundbild */
border-bottom:solid 1px #e5e5e5;
background:url(../images/bg_menu_active.jpg) top left no-repeat;
}
#menu ul.menu li a {
/*color:#7e8d9a;*/
color: #000000;
font-weight:bold;
padding:0 0 0 15px;
text-decoration:none;
display:block;
overflow: hidden;
}
#menu ul.menu li a:hover,
#menu ul.menu li a:active,
#menu ul.menu li a:focus,
#menu ul.menu li.active a {
color:#034392;
background:url(../images/menu_arrow.gif) 0px 3px no-repeat;
overflow: auto;
}
/* submenu links f�r untergeordnete men�struktur */
#menu ul.menu li ul.submenu {
margin:6px 0 0 15px;
padding:0;
list-style-type:none;
}
#menu ul.menu li ul.submenu li {
margin:0;
width:auto;
padding:6px 0 6px 0;
border-bottom:solid 1px #fafafa;
}
#menu ul.menu li ul.submenu li.active {
background:none;
}
#menu ul.menu li ul.submenu li a {
color:#000000;
font-weight:normal;
padding:0 0 0 15px;
background:none;
display:block;
}
#menu ul.menu li ul.submenu li a:hover,
#menu ul.menu li ul.submenu li a:active,
#menu ul.menu li ul.submenu li a:focus,
#menu ul.menu li ul.submenu li.active a {
color:#034392;
background:url(../images/menu_arrow.gif) 0px 3px no-repeat;
}
/* submenu links f�r untergeordnete men�struktur lvl2*/
#menu ul.menu li ul.submenu li ul.submenu2 {
margin:6px 0 0 15px;
padding:0;
list-style-type:none;
}
#menu ul.menu li ul.submenu li ul.submenu2 li {
margin:0;
width:auto;
padding:6px 0 6px 0;
border-bottom:solid 1px #fafafa;
}
#menu ul.menu li ul.submenu li ul.submenu2 li.active2 {
background:none;
}
#menu ul.menu li ul.submenu li ul.submenu2 li a {
color:#000000;
font-weight:normal;
padding:0 0 0 15px;
background:none;
display:block;
}
#menu ul.menu li ul.submenu li ul.submenu2 li a:hover,
#menu ul.menu li ul.submenu li ul.submenu2 li a:active,
#menu ul.menu li ul.submenu li ul.submenu2 li a:focus,
#menu ul.menu li ul.submenu li ul.submenu2 li.active2 a {
color:#034392;
background:url(../images/menu_arrow.gif) 0px 3px no-repeat;
}
/* FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER */
#footer {
clear:left;
width:900px;
height:72px;
background:#a8a7a7 url(../images/bg_footer.gif) top left repeat-y;
border-bottom:1px solid #949494;
}
/*
#footer_padding {
*/
/* innenabstand innerhalb footer */
/* padding:20px 25px 0 30px;
color:#fff;
width: 845px;
}
*/
#footer_padding {
padding:20px 25px 0 30px;
color:#373737;
width: 845px;
}
/* UPDATE 2010-02-01 by jue */
/* /UPDATE */
#footer ul {
/* footer-menu als liste */
padding:0;
list-style-type:none;
margin: 0px auto;
margin-top: 2px;
/*width: 290px;
margin-bottom: 6px;*/
line-height: 1em;
display: block;
text-align: center;
}
#footer ul li {
display: inline; height:1em; margin:0; padding:0 10px 0 10px; border-left:1px solid #fff;
}
#footer ul li.first {
height:1em; margin:0; padding:0 10px 0 0; border:none;
}
/*
#footer ul li a {
color:#fff; text-decoration:none; font-weight: normal;
}
*/
/* UPDATE 2010-02-01 by jue */
#footer ul li a {
color:#373737;
text-decoration:none;
font-weight: normal;
}
/* /UPDATE */
#footer ul li a:hover {
text-decoration:underline;
}
#footer div#footer_country_select {
/* ausrichtung des auswahl-feldes f�r die sprache durch extra-div */
float:right;
margin:0 0px 0 0;
width:165px;
}
#footer div#footer_country_select label {
display:block;
font-weight:bold;
margin:0 0 4px 40px;
}
/*
div#footer a.sites {
color: #fff;
text-decoration: none;
}
div#footer a.sites:hover {
color: #fff;
text-decoration: underline;
}
*/
/* UPDATE 2010-02-01 by jue */
div#footer a.sites {
color: #373737;
text-decoration: none;
}
div#footer a.sites:hover {
color: #373737;
text-decoration: underline;
}
/* /UPDATE */
#footer div#footer_country_select img {
clear:left; float:left;
border:1px solid #fff;
margin:1px 8px 0 0;
}
#footer div#footer_country_select select {
float:right; font-size:1em;
clear:none;
width:125px;
background-color:#D7D7D7;
}
#footer div#footer_site_select {
/* ausrichtung des auswahl-feldes f�r die sprache durch extra-div */
float:left;
margin:0 0px 0 0;
width:165px;
}
#footer div#footer_site_select label {
display:block;
font-weight:bold;
margin:0 0 4px 0px;
}
#footer div#footer_site_select img {
float: right;
border: 1px solid #fff;
margin: -2px 0px 0 0;
}
#footer div#footer_site_select select {
float:left;
font-size:1em;
clear:none;
width:125px;
background-color:#D7D7D7;
}
#footer #copyright {
text-align: center;
float: left;
margin: 0 auto;
margin-top: 8px;
width: 515px;
}
/* TEASER TEASER TEASER TEASER TEASER TEASER TEASER TEASER TEASER TEASER TEASER TEASER */
#teaser {
clear:left;
width:900px;
padding:0;
margin:0;
}
#teaser #teaser_bottom {
/* unten abschlie�endes bild f�r teaser, da leider keine ausrichtung "bottom" im ie 6 mit transparenten pngs m�glich */
clear:left;
background:#fff url(../images/bg_teaser3_bottom.jpg) top left no-repeat;
width:900px;
height:25px;
}
#teaser #teaser_top {
/* hintergrundbild f�r alle vier teaser */
background:#fff url(../images/bg_teaser3_top.jpg) top left no-repeat;
height:141px;
margin:0 0 0 20px;
padding: 0 0 0 209px; /* neues padding da teaser links weggefallen ist */
}
#teaser #teaser_top .teaser_box_first {
/* erster teaser hat nach oben und rechts andere abst�nde */
width:200px;
margin:20px 5px 0 2px;
float:left;
}
#teaser #teaser_top .teaser_box {
/* abst�nde f�r teaser 2 bis 4 */
width:215px; /* 200 - 8 padding-right */
margin:12px 0 0 0; /* top war 50 mit teaser links */
padding:0;
float:left;
}
#teaser #teaser_top .teaser_box_first .min_height {
/* min_height simulation durch floating div (gleichzeitig auch padding-left */
width:9px;
height:200px;
float:left;
}
#teaser #teaser_top .teaser_box .min_height {
/* min_height simulation durch floating div (gleichzeitig auch padding-left */
width:9px;
height:170px; /* min height ist 30 weniger als bei teaser_box_first */
float:left;
}
#teaser #teaser_top div.teaser_content {
/* content-bereich der teaser braucht f�r ie 6 feste breite und float:right */
width:184px;
height:127px;
padding-left:24px;
padding-right:7px;
text-align:center;
vertical-align:middle;
}
#teaser #teaser_top div.box1 div.teaser_content {
padding-left:25px;
padding-right:6px;
}
#teaser #teaser_top div.box2 div.teaser_content {
padding-left:25px;
padding-right:6px;
}
#teaser #teaser_middle div.teaser_content {
/* content-bereich der teaser braucht f�r ie 6 feste breite und float:right */
float:right;
width:148px;
padding:0;
}
#teaser div.teaser_content p {
color: #424e59;
}
#teaser h3 {
/* �berschrift in teasern */
font-size:100%;
line-height:1.3;
color:#034392;
font-weight:bold;
margin:0;
}
#teaser img {
/* bilder in teasern */
margin:0;
width: 184px;
height:127px;
}
#teaser p {
/* texte in teasern */
margin:0;
padding:0;
}
#teaser .teaser_middle { /* als klasse, da es �fters vorkommen kann! */
/* eigene "zeile" f�r ausrichtung der links (relative-absolute-kombination geht nicht in ie 6) */
clear:left;
background:url(../images/bg_teaser3_middle.jpg) top left repeat-y;
margin:0 0 0 20px;
padding: 0 0 0 209px; /* neues padding da teaser links weggefallen ist */
}
#teaser .teaser_middle .teaser_box_first {
/* erster teaser innerhalb teaser_middle */
width:200px;
margin:0 5px 0 2px;
float:left;
}
#teaser .teaser_middle .teaser_box {
/* teaser 2 bis 4 innerhalb teaser_middle */
width:148px;
margin:0 0 0 0px;
padding:26px 25px 0 42px;
float:left;
}
#teaser .teaser_link .teaser_box {
/* teaser 2 bis 4 innerhalb teaser_middle */
padding-top:5px;
}
a.teaser_link {
/* links in teasern */
color:#034392;
font-weight:bold;
padding:0 0 0 15px;
margin:0;
text-decoration: none;
background:url(../images/teaser_arrow3.gif) 0px 4px no-repeat;
}
#teaser #teaser_top .teaser_box_first a.teaser_link {
/* weniger margin-left f�r weiter-link im ersten teaser */
margin:0 0 0 15px;
}
#teaser a.teaser_link:hover {
text-decoration:underline;
}
#teaser div.no_font {
font-size:1px;
}
#teaser_box {
margin-left: -17px;
}
/* SINGLE_TEASER SINGLE_TEASER SINGLE_TEASER SINGLE_TEASER */
div.single_teaser {
width:210px;
margin:15px 0 0 20px;
padding:0 0 0px 0;
background:url(../images/bg_teaser_single3.jpg) left top no-repeat;
clear: both;
}
div.old_style {
background:url(../images/bg_teaser_single.jpg) left top no-repeat;
}
div.single_teaser div.single_teaser_image {
width:198px;
height:127px;
padding:6px 6px 0 6px;
text-align:center;
vertical-align:middle;
}
div.single_teaser_content {
padding: 15px 20px 0 10px;
margin: 0 6px 0 6px;
font-size: 11px;
width:158px;
}
div.old_style div.single_teaser_content {
padding-left:20px;
}
div.single_teaser_content ul {
font-size: 11px;
margin: -2px 1px 15px 0px;
padding: 0;
list-style:none;
}
div.single_teaser_content ul li {
margin: 0;
padding: 0 0 0 15px;
background:url(../images/teaser_list_bg.gif) left top no-repeat;
background-position:0 4px;
}
div.single_teaser_bottom {
clear:left;
width:210px;
height:20px;
background:url(../images/bg_teaser_single_bottom3.jpg) left top no-repeat;
}
div.single_teaser h3 {
/* �berschrift in teasern */
font-size:100%;
line-height:1.3;
color:#034392;
font-weight:bold;
margin:0 0 5px 15px;
padding:0;
}
div.single_teaser img {
/* bilder in teasern */
margin: 5px 0px 0px 0px;
text-align:center;
vertical-align:middle;
/*width: 184px; */
}
div.single_teaser p {
/* texte in teasern */
margin:0 0 5px 15px;
padding:0;
}
div.single_teaser_content #teaser_box {
margin:0 0 0 0;
}
/*MAILFORMPLUS*/
.clear_both {
clear: both;
}
.tx-thmailformplus-pi1 {
background-color:#F8F7F2;
border:1px solid #E9E9E9;
/*float:left;*/
clear: left;
padding:10px 15px 0px;
margin-top: 15px;
}
.label_color {
color:#00519E;
}
.privacy {
margin-bottom: 20px;
}
#formContact h5 {
margin-bottom: 5px;
}
#formContact div.right {
float:right;
width:288px;
}
#formContact div.left {
float:left;
width:288px;
}
#formContact form {
/* ie gibt form-element sonst abst�nde */
margin:0;
paddind:0;
}
#formContact input, select, textarea {
clear:left;
font-size:1em;
}
#formContact input#datenschutz {
margin-bottom: 35px;
}
#formContact label {
clear:left;
color:#00519E;
font-weight:bold;
display:block;
width:255px;
margin:0 0 0 0px;
}
#formContact select {
margin:0 0 5px 0px;
width:260px;
font-size:1em;
}
#formContact input, #formContact textarea {
margin:0 0 5px 0px;
width:255px;
font-family:Arial, Verdana, Helvetica, sans-serif;
}
#formContact div.right label, #formContact div.right select, #formContact div.right input, #formContact div.right textarea {
/* anderer margin-left, wenn formular-element innerhalb div.right steht */
margin-left:0px;
}
#formContact input.checkbox {
/* klasse f�r ausrichtung einer checkbox */
width:auto;
float:left;
margin-top:4px;
margin-bottom:4px;
margin-right:10px;
height:2em;
}
#formContact label.checkbox {
/* klasse f�r ausrichtung eines labels zu einer checkbox */
float:left;
font-weight:normal;
width:230px;
clear:none;
margin-top:2px;
margin-bottom:4px;
margin-left:0px;
color:#424e59;
}
#formContact div.form_buttons {
/* buttons werden unter formular innerhalb eigenem div eingef�gt (sauberer abschluss des formulars) */
clear:both;
height:2em; /* f�r ie 6+7 */
padding-bottom: 10px;
margin:0 0 15px 0;
}
#formContact input.button {
/* klasse f�r submit- und andere buttons */
background:#a70000;
color:#fff;
font-weight:bold;
width:auto;
padding:0px 8px;
float:right;
margin:0px 15px 0px 0;
}
#formContact input.middle {
/* input-breite f�r strasse und ort */
float:left;
width:210px;
clear:none;
}
#formContact input.small {
/* input-breite f�r plz und hausnummer */
float:left;
width:40px;
clear:none;
}
/*Ordered List: Funktionsweise einer Standheizung*/
div.content_right_full ol {
padding: 0px 0px 0px 30px;
margin: 0;
font-size: 12px;
}
div.content_right_full ol li{
padding: 0px 0px 10px 0px;
margin: 0;
}
/*SONSTIGES: NEU*/
.clear_left {
clear: left;
}
.min_height {
height: 0px;
line-height: 1px;
}
.tx-webastoteasers-pi1 {
margin-top: 5px;
}
.tx-dropdownsitemap-pi1 a{
color: #373737 !important;
}
/*ordentliche borders bei den scheiss rte-tabellen*/
#border-bottom {
border-bottom: 1px solid rgb(164,164,164) !important;
}
div.produktvorteile_outer {
clear:both;
margin:5px 0 0 94px;
padding:15px 0 0 0;
background:url(../images/bg_produktvorteile_box.jpg) top left no-repeat;
}
div.produktvorteile_inner {
padding:0 10px 14px 10px;
background:url(../images/bg_produktvorteile_box.jpg) bottom left no-repeat;
}
div.produktvorteile_inner h3 {margin:0 0 5px 0;}
div.produktvorteile_inner p {margin:0 0 10px 0;}
div.produktvorteile_inner div.csc-textpic {margin:0 0 0 0;}
div.produktvorteile_inner div.csc-textpic div.csc-textpic-imagewrap {margin:2px 0 6px 0;}
table.downloads {border-collapse:collapse;}
table.downloads td {vertical-align:top !important;}
td.downloadbild {
width:43px;
border:1px solid #A4A4A4 !important;
padding:0 !important;
}
td.downloadbild p {
margin:0;
padding:0;
line-height:1.0;
}
td.downloadtext {
border:1px solid #A4A4A4;
background-image: url(../images/downloadarea/bg_downloadText1.gif);
vertical-align: top !important;
background-color: #E3E3E3;
text-align: left;
padding:8px 10px 5px 10px!important;
}
td.downloadtext a {color:#00519E;}
div.ka-panel {
background:#f8f7f2 url(../images/bg_faq_close.gif) top right no-repeat;
border:1px solid #A4A4A4;
padding:0;
}
div.ka-panel.open {background:#fedc92 url(../images/bg_faq_open.gif) top right no-repeat;}
div.ka-panel h3 {
margin:0;
cursor:help;
display:block;
padding:10px 25px 10px 10px;
}
div.ka-panel p {color:#00519e;}
div.ka-panel div.ka-content {padding:0 25px 10px 10px;}
#content_right li {
font-size:12px;
padding-bottom:5px;
}
#formContact label {font-size:12px;}
div.privacy {
margin-top:6px;
margin-bottom:49px;
}
table.produkt_uebersicht {
background:#F8F7F2;
color:#00519E;
}
table.produkt_uebersicht td {
text-align:center;
border-top:1px solid #E5E5E5;
border-bottom:1px solid #E5E5E5;
}
table.produkt_uebersicht td.left {
text-align:left;
border:none;
}
table.produkt_uebersicht td.right {
text-align:right;
border:none;
}
/* red wird zu blue */
a.redLink {
color:#00519E !important;
font-weight:bold;
padding:0 0 0 15px;
margin:0;
text-decoration: none;
background:url(../images/teaser_arrow3.gif) 0px 4px no-repeat !important;
}
/*
TABELLEN FIX!
*/
table.table_fixed {
border: 1px solid #E9E9E9;
border-right: none;
border-collapse: collapse;
margin: 0;
}
table.table_fixed tr.even {
background: #faf9f5;
}
table.table_fixed td {
border-bottom: 1px solid #E9E9E9;
border-right: 1px solid #E9E9E9;
margin: 0;
padding: 0;
}
table.table_fixed td {
padding: 5px 10px;
}
table.table_fixed .align_center {
text-align: center;
}
table.table_fixed .nowrap {
white-space: nowrap;
word-wrap: normal;
word-break: keep-all;
}
table.table_fixed .valign_bottom {
vertical-align: bottom;
}
table.table_fixed .valign_middle {
vertical-align: middle;
}
div.text_after_table_fixed p {
padding: 0 0 0 10px;
}
div.text_after_table_fixed table {
padding: 0 0 0 8px;
}
div.text_after_table_fixed table p {
font-size: 11px;
}
div.text_after_table_fixed table td {
vertical-align: top;
}