/**
* Layout
*
* HTML-Struktur:
* iframe
* left
* content
* headline
* container-center
* middle
* right
*/
.iframe .left {
clear : both;
display : inline;
float : left;
margin : 0 20px 0 20px;
width : 170px;
min-height: 1px;
}
.iframe .content {
display : inline;
float : left;
width : 735px;
}
.iframe .middle {
display : inline;
float : left;
margin : 0 11px 20px 0;
padding : 0;
width : 460px;
}
.iframe .right {
display : inline;
float : left;
margin : 0 0 0 9px;
width : 220px;
}
.iframe .container-center {
background: transparent url(/fileadmin/templates/images/generell/backgrounds/content-bg.gif) repeat-y scroll 0 0;
display : inline;
float : left;
}
#content-full-width div.rollo1 {
background: #f8a630;
}
/* Teaser-Box (orange, weiß) */
.tx-bmentegashop-pi1 .teaser-prio1 {
background: white;
color: black;
margin-bottom: 5px;
padding : 5px;
}
.tx-bmentegashop-pi1 .teaser-prio2 {
background: #f0972f;
margin-bottom: 5px;
padding : 5px;
}
.tx-bmentegashop-pi1 .teaser-prio1 p,
.tx-bmentegashop-pi1 .teaser-prio2 p {
margin: 0;
}
/* ---------------------------------
* Warenkorb
* -------------------------------*/
.tx-bmentegashop-pi1 .warenkorb h1,
.tx-bmentegashop-pi1 .ihre-angaben h1,
.tx-bmentegashop-pi1 .warenkorb .h1,
.tx-bmentegashop-pi1 .ihre-angaben .h1 {
border-bottom: 2px solid white;
font-size: 11px;
font-weight: bold;
margin-bottom: 5px;
padding-bottom: 2px;
}
.tx-bmentegashop-pi1 .warenkorb h1.collapsed,
.tx-bmentegashop-pi1 .ihre-angaben h1.collapsed,
.tx-bmentegashop-pi1 .warenkorb .h1 .collapsed,
.tx-bmentegashop-pi1 .ihre-angaben .h1 .collapsed {
background: url(/fileadmin/templates/images/arrows/service-arrow-rechts.gif) no-repeat right;
}
.tx-bmentegashop-pi1 .warenkorb h1.expanded,
.tx-bmentegashop-pi1 .ihre-angaben h1.expanded,
.tx-bmentegashop-pi1 .warenkorb .h1 .expanded,
.tx-bmentegashop-pi1 .ihre-angaben .h1 .expanded {
background: url(/fileadmin/templates/images/arrows/service-arrow-unten.gif) no-repeat right;
}
.tx-bmentegashop-pi1 a.info,
.tx-bmentegashop-pi1 a.info:hover {
background : url(/fileadmin/templates/images/info-20.png) no-repeat;
display : inline-block;
height : 20px;
margin : 0 0 0 5px;
padding : 0;
width : 20px;
}
/* ---------------------------------
* 04 Zusammenfassung
* -------------------------------*/
.tx-bmentegashop-pi1 #zusammenfassung_form td,
.tx-bmentegashop-pi1 #zusammenfassung_form th {
padding: 3px 0;
}
.tx-bmentegashop-pi1 #zusammenfassung_form th.label {
width: 200px;
}
.tx-bmentegashop-pi1 #zusammenfassung_form h3 {
margin: 0;
}
.tx-bmentegashop-pi1 #zusammenfassung_form .change_section {
float: right;
}
.tx-bmentegashop-pi1 #zusammenfassung_form td.unvollstaendig {
padding-left: 5px;
background: #fef4e5;
}
.tx-bmentegashop-pi1 #zusammenfassung_form td.gas {
background: transparent url(/fileadmin/templates/images/icons/icon-gas-small-pos.gif) left 20px no-repeat;
padding-left: 20px;
padding-top: 20px;
}
.tx-bmentegashop-pi1 #zusammenfassung_form td.strom {
background: transparent url(/fileadmin/templates/images/icons/icon-strom-small-pos.gif) left 20px no-repeat;
padding-left: 20px;
padding-top: 20px;
}
.tx-bmentegashop-pi1 #zusammenfassung_form td.versorger { padding-top: 20px; }
.tx-bmentegashop-pi1 #zusammenfassung_form thead { background-color: transparent; }
.tx-bmentegashop-pi1 #zusammenfassung_form table { margin-bottom: 20px; }
.tx-bmentegashop-pi1 #zusammenfassung_form label { width: 400px; }
/* ---------------------------------
* 05 Dankeseiten
* -------------------------------*/
.tx-bmentegashop-pi1 .thankyou p {
font-weight: bold;
}
.tx-bmentegashop-pi1 .thankyou h4 {
font-weight: bold;
margin: 0;
padding: 0;
}
.tx-bmentegashop-pi1 .thankyou ul {
list-style: none;
margin: 15px 0;
padding: 0;
}
.tx-bmentegashop-pi1 .thankyou li {
padding-left: 60px;
height: 60px;
}
.tx-bmentegashop-pi1 .thankyou ul #bestaetigung { background: transparent url(/fileadmin/templates/images/icons/icon-bestaetigung-danke.gif) left top no-repeat }
.tx-bmentegashop-pi1 .thankyou ul #tarifwechsel { background: transparent url(/fileadmin/templates/images/icons/icon-tarifwechsel-danke.gif) left top no-repeat }
.tx-bmentegashop-pi1 .thankyou ul #versorgungsbeginn { background: transparent url(/fileadmin/templates/images/icons/icon-versorgungsbeginn-danke.gif) left top no-repeat }
.tx-bmentegashop-pi1 .thankyou ul #unvollstaendig {
background: white url(/fileadmin/templates/images/icons/icon-unvollstaendig-danke.gif) 10px 10px no-repeat;
color: #8A2F3F;
padding: 5px 5px 5px 70px;
}
/* ---------------------------------
* Ihre Angaben (Middle)
* -------------------------------*/
.tx-bmentegashop-pi1 ul.ihre-angaben-middle {
list-style: none;
margin: 10px 0;
padding: 0;
}
.tx-bmentegashop-pi1 .ihre-angaben-middle a,
.tx-bmentegashop-pi1 .tarifdetails-kompakt a {
margin-left: 5px;
}
.tx-bmentegashop-pi1 .tarifdetails-kompakt {
background: #fff;
float: left;
margin-bottom: 5px;
padding: 5px;
}
.tx-bmentegashop-pi1 .tarifdetails-kompakt ul {
float: left;
list-style: none;
margin: 5px 0 0 0;
padding: 0;
}
.tx-bmentegashop-pi1 .tarifdetails-kompakt li {
margin: 5px 0 0;
padding: 0;
}
.tx-bmentegashop-pi1 .tarifdetails-kompakt a.button-prio1-right {
display: inline;
float: right;
margin-top: 0 !important;
text-indent: -3px;
}
/* ---------------------------------
* Tarifübersicht
* -------------------------------*/
.tx-bmentegashop-pi1 .tarifuebersicht ul {
clear: both;
list-style: none;
margin: 15px 0 0 0;
padding: 0;
}
.tx-bmentegashop-pi1 .tarifuebersicht ul li {
margin-top: 15px;
}
.tx-bmentegashop-pi1 .tarifuebersicht ul li.highlight {
background: #f19830;
margin-top: 10px;
padding: 5px;
}
.tx-bmentegashop-pi1 .tarifuebersicht p {
font-weight: bold;
}
.tx-bmentegashop-pi1 .shop-energyefficiency .postcode-link,
.tx-bmentegashop-pi1 .shop-tariflist .postcode-link {
font-weight: bold;
}
/* ---------------------------------
* Tarifübersicht
* -------------------------------*/
div.error {
border: 2px solid white;
padding: 5px;
background-color: #F19830;
margin-bottom: 10px;
}
/* ---------------------------------
* Seite "Fehlende Daten nachtragen"
* -------------------------------*/
.tx-bmentegashop-pi1 .anrede {
font-size: 14px;
font-weight: bold;
margin-bottom: 10px;
}
.tx-bmentegashop-pi1 #fehlende-daten-nachtragen p {
margin: 0 0 20px 0;
}
.tx-bmentegashop-pi1 #fehlende-daten-nachtragen form p {
margin: 0 0 10px 0;
}
#cart_full td {
color: #8A2F3F;
}
#cart_full td {
padding-left: 5px;
}
#cart_full .td-icon-strom,
#cart_full .td-icon-gas {
padding-top: 2px;
padding-left: 26px;
vertical-align: middle;
}
#cart_full .td-icon-strom {
background: #fff url(/fileadmin/templates/images/shop/icons/icon-strom-small-pos.gif) no-repeat 5px 3px;
}
#cart_full .td-icon-gas {
background: #fff url(/fileadmin/templates/images/shop/icons/icon-gas-small-pos.gif) no-repeat 5px 3px;
}
#cart_full td.value {
text-align: right;
}
.rollo1 .tx-bmentegashop-pi2 #cart_full tr.odd.highlighted,
.rollo1 .tx-bmentegashop-pi2 #cart_full tr.odd.priceinfo,
.rollo1 .tx-bmentegashop-pi2 #cart_full tr.even.priceinfo,
#cart_full .tr-highlighted {
background: #fff;
color: #8A2F3F;
height: 20px;
}
.rollo1 .tx-bmentegashop-pi2 #cart_full tbody tr.odd,
.rollo1 .tx-bmentegashop-pi2 #cart_full tr.odd {
background-color: transparent;
}
/* temporary? */
#cart_full tr.odd td {
color: #8A2F3F;
}
/* /temporary? */
#cart_container h2.cart_empty,
#cart_container .h2 .cart_empty {
background:transparent url(/fileadmin/templates/images/shop/arrows/service-arrow-rechts.gif) no-repeat scroll right center;
}
.tarifdetails-kompakt span.preis-pro-monat {
font-size: 24px;
font-weight: bold;
/* margin-left: 10px; */
}
.shop-error-container {
background: transparent url(/fileadmin/templates/images/shop/arrows/arrow-error-down-big.gif) no-repeat left bottom;
padding-bottom: 6px;
}
.shop-error {
/* background: #ddc0c5;*/
color: #fff;
background: #8A2F3F;
border: 1px solid #8a2f3f;
border-bottom: none;
padding: 5px 7px 7px 7px;
}
/*
background: #8A2F3F;
color: #fff;
*/
.shop-error-headline {
font-weight: bold;
}
#cart_container .shop-error-container {
margin-bottom: 4px;
}
.tarifdetails-kompakt .additional-text-nkp {
margin-bottom: 5px;
margin-top: 4px;
}
.tx-bmentegashop-pi1 .tarifdetails-kompakt info-container a {
margin-left: 0 !important;
}
.tx-bmentegashop-pi1 .plz label {
color: #8a2f3f;
}
.tx-bmentegashop-pi1 .plz thead tr {
line-height: 16px;
}
#cart_full .info-container {
display: inline;
margin-left: 1px;
}
#cart_full td.label,
#cart_full td.value,
#cart_full td.info {
line-height: 15px;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 0;
}
#cart_full td.label {
border-left: none;
}
#cart_full td.info {
border-right: none;
}
#cart_full td.label {
width: 162px;
}
#cart_full td.value {
width: 213px;
}
#cart_full td.info {
width: auto;
}
#cart_full td.value {
text-align: left;
}
#cart_full .priceinfo td.label,
#cart_full .priceinfo td.value {
border-right: 1px solid #f8a630;
}
#cart_full .priceinfo td.value,
#cart_full .priceinfo td.info {
border-left: 1px solid #f8a630;
}
.tx-bmentegashop-pi2 #cart_full .info-container a.info {
background: transparent url(/fileadmin/templates/images/shop/link-info-shop.gif) no-repeat scroll 0 1px;
display: inline;
}
.bubble-info h1,
.bubble-info .h1 {
background: #8A2F3F;
/* background: #ddc0c5;*/
position: static;
padding: 5px 5px 0 5px;
margin: 0;
font-size: 11px;
font-weight: bold;
}
.tx-bmentegashop-pi1 .bubble-info p {
padding-top: 0;
}
#cart_full .tr-highlighted td {
line-height: 15px;
}
/*-----------------------*/
/* Andreas Pfau */
/*-----------------------*/
div.swing-box {
width:220px;
margin-bottom:20px;
display:block;
}
div.swing-box.collapsed h2, #cart_container div.collapsed h2,
div.swing-box.collapsed .h2, #cart_container div.collapsed .h2 {
background: url(/fileadmin/templates/images/shop/arrows/service-arrow-rechts.gif) no-repeat scroll 100% 50% transparent;
}
div.swing-box h2, #cart_container h2,
div.swing-box .h2, #cart_container .h2 {
width: 220px;
display:block;
font: normal normal normal 1.2em/normal Arial, sans-serif;
margin: 3px 0px 3px 0px;
position: relative;
font-size: 11px;
font-weight: bold;
margin-bottom: 5px;
padding-bottom: 2px;
border-bottom:2px solid rgb(138, 47, 63);
color: rgb(138, 47, 63);
background: url(/fileadmin/templates/images/shop/arrows/service-arrow-unten.gif) no-repeat scroll 100% 50% transparent;
}
#cart_container h2.cart-info, #cart_container h2.empty,
#cart_container .h2 .cart-info, #cart_container .h2 .empty {
background-image:none;
}
div.swing-box.static h2,
div.swing-box.collapsed.static h2,
div.swing-box.static .h2,
div.swing-box.collapsed.static .h2 {
background:none;
}
/*---------------------------*/
/**
* Links
* Author: Matthias Orgler
*
*/
.tx-bmentegashop-pi1 a,
.tx-bmentegashop-pi2 a {
background: url(/fileadmin/templates/images/shop/arrows/link-arrow-shop.gif) no-repeat 0 5px;
/* color: #8a2f3f;*/
color: #5B595D;
font-weight: normal;
text-decoration: none;
padding-left: 10px;
}
.tx-bmentegashop-pi1 .shop-error-container a,
.tx-bmentegashop-pi2 .shop-error-container a {
color: #8f9093;
}
.tx-bmentegashop-pi1 a:hover,
.tx-bmentegashop-pi2 a:hover {
background: url(/fileadmin/templates/images/shop/arrows/link-arrow-shop.gif) no-repeat 0 5px;
text-decoration: underline;
}
.tx-bmentegashop-pi1 a.back,
.tx-bmentegashop-pi2 a.back {
background: url(/fileadmin/templates/images/shop/arrows/back-arrow-shop.gif) no-repeat 0 5px;
}
.tx-bmentegashop-pi1 .shop-error-container a,
.tx-bmentegashop-pi2 .shop-error-container a {
color: #8f9093;
background: url(/fileadmin/templates/images/shop/arrows/link-arrow-flyout-prod-service.gif) no-repeat 0 5px;
}
.tx-bmentegashop-pi1 .shop-error-container a:hover,
.tx-bmentegashop-pi2 .shop-error-container a:hover {
color: #8f9093;
background: url(/fileadmin/templates/images/shop/arrows/link-arrow-flyout-prod-service.gif) no-repeat 0 5px;
}
/**
* .tx-bmentegashop-pi1 tables
* Author: Matthias Orgler
*
*/
/* ---------------------------------
* Allgemeines
* -------------------------------*/
.tx-bmentegashop-pi1 table {
border-spacing: 0;
color : white;
font-size : 11px;
width : 100%;
}
.tx-bmentegashop-pi1 td, th {
padding : 0 25px 1px 10px;
text-align: left;
}
.align-right {
text-align: right;
}
.tx-bmentegashop-pi1 td p, th p {
margin: 0;
}
.tx-bmentegashop-pi1 tr {
height: 20px;
}
.tx-bmentegashop-pi1 tr.footnote {
font-size: 9px;
}
.tx-bmentegashop-pi1 thead {
background: #e8842e;
font-weight: bold;
height: 20px;
}
.tx-bmentegashop-pi1 table.type1 tbody tr.odd {
background: none;
}
.tx-bmentegashop-pi1 table.type1 tbody tr.even {
background: #f19830;
}
.tx-bmentegashop-pi1 tbody td {
line-height: 15px;
}
/* ---------------------------------
* Type 2 bzw. Tarifdetails
* -------------------------------*/
.tx-bmentegashop-pi1 table.type2,
.tx-bmentegashop-pi1 table.tarifdetails {
border-spacing: 2px;
}
.tx-bmentegashop-pi1 table.type2 td,
.tx-bmentegashop-pi1 table.tarifdetails td {
padding: 2px 5px;
}
.tx-bmentegashop-pi1 table.type2 tbody tr,
.tx-bmentegashop-pi1 table.type2 tbody tr,
.tx-bmentegashop-pi1 table.tarifdetails tbody tr,
.tx-bmentegashop-pi1 table.tarifdetails tbody tr {
height: auto;
}
.tx-bmentegashop-pi1 table.type2 tbody tr.odd,
.tx-bmentegashop-pi1 table.type2 tbody tr.odd,
.tx-bmentegashop-pi1 table.tarifdetails tbody tr.odd,
.tx-bmentegashop-pi1 table.tarifdetails tbody tr.odd {
background: #f19830;
}
.tx-bmentegashop-pi1 table.type2 tbody tr.even,
.tx-bmentegashop-pi1 table.type2 tbody tr.even ,
.tx-bmentegashop-pi1 table.tarifdetails tbody tr.even,
.tx-bmentegashop-pi1 table.tarifdetails tbody tr.even{
background: none;
}
/* Tarifdetails (Kostentabelle) (Basis-CSS => Type 2)*/
.tx-bmentegashop-pi1 table.tarifdetails {
float: left;
}
.tx-bmentegashop-pi1 table.tarifdetails td.value {
vertical-align: top;
width: 160px;
}
.tx-bmentegashop-pi1 table.tarifdetails td.attribute {
padding-right: 100px;
}
/* ---------------------------------
* Warenkorb
* -------------------------------*/
.warenkorb .tx-bmentegashop-pi1 table {
background: white;
color: #e7842d;
margin-bottom: 1px;
/*padding-bottom: 5px;*/
border-collapse: collapse; /* helps IE bug, but destroys padding-bottom */
}
.tx-bmentegashop-pi2 h2,
.tx-bmentegashop-pi2 .h2 {
border-bottom: 2px solid white;
}
table.warenkorb {
width: 220px;
border-collapse: collapse;
border-spacing: 0;
margin-bottom: 10px;
}
table.warenkorb .cart_dark {
background-color: #E7842D !important;
color: white !important;
}
table.warenkorb .cart_content {
background-color: white !important;
padding: 4px;
line-height: 12px;
}
table.warenkorb .label {
border-right: none;
}
table.warenkorb .value {
font-weight: bold;
text-align: right;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
white-space: nowrap;
}
.warenkorb th {
background: #e7842d;
color: white;
border-bottom: 1px solid #f8a630;
font-weight: normal;
line-height: 19px;
padding: 0 0 0 5px;
}
.warenkorb tbody td {
line-height: 12px;
}
.warenkorb tr.summary_headline td {
border-bottom: 1px solid #F8A630;
}
.warenkorb tr {
height: 20px;
}
#cart_full .priceinfo {
background-color: white;
}
/* row to fake padding in IE when border-collapse: collapse */
.warenkorb tr.separator-row {
height: 5px;
}
.warenkorb td {
padding: 3px 0 0 5px;
vertical-align: top;
}
.warenkorb td.info {
padding: 3px 0 0 0;
width: 0;
}
.warenkorb .tx-bmentegashop-pi1 table.summe {
background: #e7842d;
color: white;
}
.warenkorb .tx-bmentegashop-pi1 table.summe th {
font-weight: bold;
}
.warenkorb a.info,
.warenkorb a.info:hover {
background: url(/fileadmin/templates/images/shop/link-info-shop.gif) no-repeat;
display: block;
height: 12px;
text-indent: -999em;
width: 12px;
}
/* ---------------------------------
* Ihre Angaben (Sidebar)
* -------------------------------*/
.wk_data td {
border: none;
}
.wk_data td.data {
text-align: right;
}
#cart_angaben_full {
width: 450px;
}
#cart_container .wk_data tr {
height: 12px !important;
}
.ihre-angaben .tx-bmentegashop-pi1 table {
border-collapse: collapse; /* IE fix */
}
.ihre-angaben td {
padding: 0;
}
.ihre-angaben tr {
height: auto;
}
.ihre-angaben td.align-right {
padding-right: 10px;
}
table.warenkorb {
border: none;
}
table.warenkorb .cart_dark td,
.rollo1 table.warenkorb tr.odd td {
border: none;
}
table.warenkorb td.value-highlighted,
table.warenkorb td.summary_price {
font-weight: bold;
}
table#cart_full {
margin-bottom: 20px;
}
.rollo1 .tx-bmentegashop-pi1 .verivox_brutto_notice {
}
.rollo1 .tx-bmentegashop-pi1 .verivox_detailtable .first a {
background: none;
}
.rollo1 .tx-bmentegashop-pi1 .verivox_skiplinks {
margin-top: 15px;
margin-bottom: 15px;
}
.rollo1 .tx-bmentegashop-pi1 table.verivox_detailtable {
}
.rollo1 .tx-bmentegashop-pi1 table.tarifdetails {
border-spacing: 0;
border: 1px solid #fff;
color: #8A2F3F;
}
.rollo1 .tx-bmentegashop-pi1 table.tarifdetails tr.odd td {
background-color: #fff;
}
.rollo1 .tx-bmentegashop-pi1 table.tarifdetails tr.odd td {
background-color: #F8A630;
}
.tx-bmentegashop-pi1 #detailseite-kat a.info {
position: relative;
/* display: inline-block;*/
text-indent: -999em;
}
.tx-bmentegashop-pi1 #detailseite-kat a.info {
position: relative;
/* display: inline-block;*/
text-indent: -999em;
}
.tx-bmentegashop-pi1 #detailseite-kat .bubble-info {
left: 20px;
top: -5px;
}
.tx-bmentegashop-pi2 #cart_full .bubble-info,
.tx-bmentegashop-pi2 #cart_full .bubble-error {
left: 20px;
top: -3px;
}
.tx-bmentegashop-pi2 .tarifdetails-kompakt .bubble-info,
.tx-bmentegashop-pi2 .tarifdetails-kompakt .bubble-error {
left: 20px;
top: -3px;
}
.rollo1 .tx-bmentegashop-pi1 #basistarif {
border: 1px solid #fff;
}
.tx-bmentegashop-pi1 table.tarifdetails tbody tr.odd,
.tx-bmentegashop-pi1 table.tarifdetails tbody tr.odd {
background: #F8A630;
}
.tx-bmentegashop-pi1 table.tarifdetails tbody tr.even,
.tx-bmentegashop-pi1 table.tarifdetails tbody tr.even {
background: #fff;
}
/* ---------------------------------
* Allgemeines
* -------------------------------*/
.tx-bmentegashop-pi1 form.shop {
background : white;
color : #5b595d;
padding : 5px;
position : relative;
zoom : 1; /* prevent IE bug with position:relative and floats */
}
.tx-bmentegashop-pi1 form p {
margin: 0 0 10px 0;
}
.tx-bmentegashop-pi1 form.shop table {
color: #5b595d;
}
.tx-bmentegashop-pi1 fieldset,
.tx-bmentegashop-pi1 .fieldset {
border : none;
clear: both;
float: left;
margin : 0 0 5px 0;
padding : 0;
width: 100%;
}
.tx-bmentegashop-pi1 fieldset ol,
.tx-bmentegashop-pi1 .fieldset ol {
margin : 0;
padding : 0;
}
.tx-bmentegashop-pi1 fieldset li,
.tx-bmentegashop-pi1 .fieldset li {
display : inline;
float : left;
line-height : 15px;
list-style : none;
margin-bottom : 5px;
padding : 0;
position : relative;
width : 450px;
}
.tx-bmentegashop-pi1 fieldset li ol,
.tx-bmentegashop-pi1 .fieldset li ol {
display : inline;
float : left;
}
.tx-bmentegashop-pi1 fieldset li li,
.tx-bmentegashop-pi1 .fieldset li li {
clear: both;
/*margin: 0;*/
position: static;
width: 100%;
}
.tx-bmentegashop-pi1 legend,
.tx-bmentegashop-pi1 h5 {
color : #5b595d;
font-size : 11px;
font-weight : bold;
margin : 0 0 5px 0;
width: auto;
padding : 0;
}
.tx-bmentegashop-pi1 .fieldset .fieldset {
margin : 0;
padding : 0;
}
.tx-bmentegashop-pi1 form.shop td {
padding: 0;
}
.tx-bmentegashop-pi1 td.radio-col {
vertical-align: top;
width: 20px;
}
/* ---------------------------------
* Label
* -------------------------------*/
.tx-bmentegashop-pi1 label {
cursor : pointer;
cursor : hand;
display : inline;
float : left;
margin-right: 10px;
padding : 3px 0; /* center vertically */
/* width : 175px;*/
}
.tx-bmentegashop-pi1 label.radio,
.tx-bmentegashop-pi1 label.checkbox {
font-weight : normal;
width : auto;
}
.tx-bmentegashop-pi1 #zahlungsdaten .fieldset .fieldset ol li label {
width: 160px;
}
.tx-bmentegashop-pi1 .field-description {
clear : both;
display : inline;
float : left;
margin-left: 20px;
width : 430px;
}
/* ---------------------------------
* Input
* -------------------------------*/
.tx-bmentegashop-pi1 input,
.tx-bmentegashop-pi1 select {
border : auto;
display : inline;
float : left;
height : 20px;
padding:1px;
width : 170px;
}
.tx-bmentegashop-pi1 input.xtralong {
width: 220px;
}
.tx-bmentegashop-pi1 input.with-info,
.tx-bmentegashop-pi1 input.date {
width: 145px;
}
.tx-bmentegashop-pi1 .required input,
.tx-bmentegashop-pi1 .required select {
background-color: #fde9c8;
border: 1px solid #7f9db9;
}
.tx-bmentegashop-pi1 .error input {
background: #ddc0c5;
}
.tx-bmentegashop-pi1 input[type=hidden] {
display: none;
}
/* ---------------------------------
* Radio / Checkbox
* -------------------------------*/
.tx-bmentegashop-pi1 label.radio input,
.tx-bmentegashop-pi1 label.checkbox input {
height: 15px;
margin: 0 5px 0 0;
padding: 0;
width: 15px;
}
.tx-bmentegashop-pi1 label.radio,
.tx-bmentegashop-pi1 label.checkbox {
padding: 0;
}
.tx-bmentegashop-pi1 li li label.radio,
.tx-bmentegashop-pi1 li li label.checkbox {
width: 250px;
}
.tx-bmentegashop-pi1 li.required label.radio input,
.tx-bmentegashop-pi1 li.required label.checkbox input {
background-color: transparent;
border: none;
}
/* ---------------------------------
* Date Picker
* -------------------------------*/
.tx-bmentegashop-pi1 .ui-datepicker-trigger {
background: url(/fileadmin/templates/images/shop/buttons/btn-calendar.gif) no-repeat right;
border: none;
cursor: pointer;
cursor: hand;
float: left;
height: 20px;
margin-left: 5px;
padding: 0;
width: 20px;
}
/* ---------------------------------
* PLZ Eingabe
* -------------------------------*/
.tx-bmentegashop-pi1 form.plz fieldset {
padding: 0;
margin: 0;
}
.tx-bmentegashop-pi1 form.plz label {
width: auto;
}
.tx-bmentegashop-pi1 form.plz input {
border: none;
height: 30px;
}
.tx-bmentegashop-pi1 form.plz .col-plz input {
color : #8A2F3F;
font-size : 15px;
font-weight : bold;
padding : 0 5px;
width : 70px;
margin-top : 3px;
margin-right : 20px;
text-align : center;
}
.tx-bmentegashop-pi1 form.plz .col-vorversorger input {
color : #8A2F3F;
font-size : 12px;
font-weight : bold;
padding : 3px;
width : 310px;
margin-top : 3px;
margin-right : 18px;
text-align : left;
height : 20px;
}
.tx-bmentegashop-pi1 form.plz .col-haushalts-groesse input {
padding: 0;
width: 80px;
}
/*------*/
.tx-bmentegashop-pi1 form.plz td, .tx-bmentegashop-pi1 form.plz th {
padding : 0;
vertical-align: bottom;
}
.tx-bmentegashop-pi1 form.plz thead {
background: none;
}
.tx-bmentegashop-pi1 form.plz .col-plz {
width: 100px;
}
.tx-bmentegashop-pi1 form.plz input.button-prio1-right {
width: 155px;
}
/* Haushaltsgröße */
.tx-bmentegashop-pi1 div.haushalts-groesse {
background : white;
display : inline;
float : left;
height : 30px;
margin-right: 5px;
width : 80px;
}
.tx-bmentegashop-pi1 input.kwh,
.tx-bmentegashop-pi1 form.plz input.kwh {
border : none;
color : #8a2f3f;
font-size : 12px;
font-weight : bold;
height : 30px;
padding : 7px 5px 8px;
width : 100px;
}
.tx-bmentegashop-pi1 a.kwh-abfrage-man-active,
.tx-bmentegashop-pi1 a.kwh-abfrage-man-inactive {
display: inline;
float: left;
height: 30px;
padding: 0;
width: 15px;
}
.tx-bmentegashop-pi1 #haushalts-groesse-1 {
margin-left: 2px;
}
.tx-bmentegashop-pi1 a.kwh-abfrage-man-inactive {
background: url(/fileadmin/templates/images/shop/kwh-abfrage-man-inactive.gif) no-repeat;
}
.tx-bmentegashop-pi1 a.kwh-abfrage-man-active,
.tx-bmentegashop-pi1 .haushalts-groesse a:hover {
background: url(/fileadmin/templates/images/shop/kwh-abfrage-man-active.gif) no-repeat;
}
/* ---------------------------------
* Kombiformular
* -------------------------------*/
.tx-bmentegashop-pi1 .kombiformular .col1,
.tx-bmentegashop-pi1 .kombiformular .col2 {
display : inline;
float : left;
width : 220px;
}
.tx-bmentegashop-pi1 .kombiformular .col2 {
margin-left: 20px;
}
.tx-bmentegashop-pi1 .kombiformular .fieldset {
background: white;
clear : both;
color : #5b595d;
margin : 2px 0 0 0;
padding : 0 5px;
width : auto;
}
.tx-bmentegashop-pi1 .kombiformular h4 {
background : white;
color : #5b595d;
font-size : 11px;
line-height : 20px;
padding : 0 5px;
margin : 0;
}
.tx-bmentegashop-pi1 .kombiformular label {
font-weight: bold;
width: 200px;
}
.tx-bmentegashop-pi1 .kombiformular label.radio {
font-weight: normal;
width: auto;
}
.tx-bmentegashop-pi1 .kombiformular li ol {
margin-top: 5px;
}
.tx-bmentegashop-pi1 .kombiformular .fieldset li {
width: 210px;
}
.tx-bmentegashop-pi1 .kombiformular table {
color: #5b595d;
}
.tx-bmentegashop-pi1 .kombiformular td {
padding: 0;
background-color: white !important;
}
.tx-bmentegashop-pi1 .kombiformular td label {
margin: 0;
}
.tx-bmentegashop-pi1 input.plz {
color : #8a2f3f;
line-height : 15px;
padding : 0 2px;
width : 45px;
}
.tx-bmentegashop-pi1 .kombiformular a.button-prio1-right {
float: right;
}
.tx-bmentegashop-pi1 .kombiformular input.kwh {
/*border: 1px inset;*/
border: 1px solid #666666;
font-weight: bold;
height: 32px;
}
.tx-bmentegashop-pi1 .kombiformular .haushalts-groesse {
/*border: 1px inset;*/
border: 1px solid #666666;
width: 82px;
}
/* ---------------------------------
* Tarifübersicht
* -------------------------------*/
.tx-bmentegashop-pi1 .tarifuebersicht label {
font-weight: bold;
width: auto;
}
.tx-bmentegashop-pi1 .tarifuebersicht input.plz {
border: none;
padding-top: 1px; /* um border:none zu kompensieren */
padding: 2px;
height: 16px;
}
.tx-bmentegashop-pi1 .tarifuebersicht .button-prio1-right {
margin-left: 10px;
}
/* ---------------------------------
* 01 Persönliche Daten
* -------------------------------*/
.tx-bmentegashop-pi1 ol.on-one-line li {
clear: none;
display: inline;
float: left;
width: auto;
}
.tx-bmentegashop-pi1 ol.on-one-line li label {
width: auto;
}
/* ---------------------------------
* 03 Zahlungsdaten
* -------------------------------*/
.tx-bmentegashop-pi1 #zahlungsdaten table {
border-collapse: collapse;
width: 450px;
}
/*
#zahlungsdaten td {
padding: 0;
vertical-align: top;
}*/
.tx-bmentegashop-pi1 #zahlungsdaten td label.radio input {
float: none;
margin: 0;
}
.tx-bmentegashop-pi1 #zahlungsdaten td label.radio {
float: none;
margin: 0;
}
.tx-bmentegashop-pi1 #zahlungsdaten table.bankdaten {
margin: 10px 0;
width: 100%
}
.tx-bmentegashop-pi1 #zahlungsdaten .bankdaten tr {
position: static;
}
.tx-bmentegashop-pi1 #zahlungsdaten .bankdaten td {
height: 24px;
width: auto;
}
.tx-bmentegashop-pi1 #zahlungsdaten .bankdaten label {
width: 140px;
}
.tx-bmentegashop-pi1 #zahlungsdaten .bankdaten td.attribute {
width: 140px;
}
.tx-bmentegashop-pi1 tr.highlight {
background-color: #fef4e5;
}
.tx-bmentegashop-pi1 #zahlungsdaten h5 {
margin-top: 10px;
}
/* ---------------------------------
* 04 Zusammenfassung
* -------------------------------*/
.tx-bmentegashop-pi1 #zusammenfassung_form table td {
vertical-align: top;
}
.tx-bmentegashop-pi1 #zusammenfassung_form table.last {
margin-bottom: 0;
}
.tx-bmentegashop-pi1 #zusammenfassung_form label.checkbox {
float: none;
margin: 0;
width: auto;
}
.tx-bmentegashop-pi1 #zusammenfassung_form p.label-checkbox {
margin: 0 0 0 20px;
}
/* ---------------------------------
* Info und Fehler Bubble
* -------------------------------*/
.tx-bmentegashop-pi1 .bubble-info,
.tx-bmentegashop-pi1 .bubble-error {
background: url(/fileadmin/templates/images/shop/arrows/arrow-error-left.gif) no-repeat 0 5px;
/* color: #5b595d;*/
color: #fff;
display: none;
left: 365px;
padding-left: 5px;
position: absolute;
width: 160px;
z-index: 1;
}
.tx-bmentegashop-pi1 .bubble-info p,
.tx-bmentegashop-pi1 .bubble-error p {
color: #fff;
/* background: #ddc0c5;*/
background: #8A2F3F;
padding: 0 5px 5px 5px;
}
.tx-bmentegashop-pi1 #verivox_head .bubble-info,
.tx-bmentegashop-pi1 .tarifdetails-kompakt .bubble-info,
.tx-bmentegashop-pi1 .tarifdetails .bubble-info {
width: 220px;
line-height: 14px;
}
.tx-bmentegashop-pi1 .bubble-info,
.tx-bmentegashop-pi1 .bubble-error {}
/* ---------------------------------
* weiteres
* -------------------------------*/
.tx-bmentegashop-pi1 .float-left {
display: inline;
float: left;
}
.tx-bmentegashop-pi1 .float-right {
display: inline;
float: right;
}
.tx-bmentegashop-pi1 form p.highlight {
background: #fef4e5 ;
/*display: inline;
float: left;*/
margin: 5px 0;
padding: 0 5px;
}
.tx-bmentegashop-pi1 .footnote-mandatory-field {
float: right;
position: absolute;
left: 380px;
}
.tx-bmentegashop-pi1 #form-footer {
margin-top: 15px;
}
.tx-bmentegashop-pi1 #form-footer a {
margin-right: 20px;
}
.tx-bmentegashop-pi1 p.buttons,
.tx-bmentegashop-pi1 p.fussnote-pflichtfelder {
clear: both;
height: 20px;
width: 100%;
}
.tx-bmentegashop-pi1 .wrapper-introtext-tarifdetails-kompakt {
float: left;
width: 445px;
}
.tx-bmentegashop-pi1 .kombiformular form {
width: 220px;
}
.rollo1 .tx-bmentegashop-pi1 .kombiformular #shop-form-kwh, #consumption-display {
height: 28px;
margin-right: 0;
width: 110px;
}
/*
.rollo1 .tx-bmentegashop-pi1 .kombiformular #jahresverbrauch-gas {
height: 28px;
}
*/
.tx-bmentegashop-pi1 .kombiformular input.plz {
height: 18px;
}
.rollo1 .tx-bmentegashop-pi1 .kombiformular #jahresverbrauch-gas {
height: 15px;
width: 98px;
}
.rollo1 .tx-bmentegashop-pi1 .kombiformular #postleitzahl {
height: 18px;
width: 39px;
}
/* ---------------------------------
* Info und Fehler Bubble
* -------------------------------*/
.tx-bmentegashop-pi1 .info-container {
display:inline;
}
/*
.tx-bmentegashop-pi1 .bubble-info,
.tx-bmentegashop-pi2 .bubble-info,
.tx-bmentegashop-pi1 .bubble-error,
.tx-bmentegashop-pi2 .bubble-error {
background : url(/fileadmin/templates/images/shop/arrows/arrow-error.gif) no-repeat 0 5px;
display : none;
left : -138px;
padding-left: 5px;
position : absolute;
width : 160px;
top: 15px;
z-index : 1;
}
.tx-bmentegashop-pi1 .bubble-info p,
.tx-bmentegashop-pi2 .bubble-info p,
.tx-bmentegashop-pi1 .bubble-error p,
.tx-bmentegashop-pi2 .bubble-error p {
background: #ddc0c5;
padding : 5px;
}
*/
.bubble-info,
.bubble-error {
background : url(/fileadmin/templates/images/shop/arrows/arrow-error-left.gif) no-repeat 0 5px;
color: #fff;
display : none;
left : 365px;
padding-left: 5px;
position : absolute;
width : 180px;
z-index : 1;
}
.bubble-info p,
.bubble-error p {
/* background: #ddc0c5;*/
background: #8A2F3F;
padding : 0 5px 5px 5px;
}
/* Bubble im Warenkorb */
.warenkorb .bubble-info,
.bubble-info-open-below {
background: url(/fileadmin/templates/images/shop/arrows/arrow-error-up.gif) no-repeat 140px 0;
color : #5b595d;
color : #fff;
left : -140px;
padding : 5px 0 0 0;
top : 20px;
}
.warenkorb .bubble-info .bubble-headline,
.bubble-info-open-below .bubble-headline {
font-weight: bold;
}
.warenkorb .info-container {
display : inline;
line-height : 14px;
}
.tx-bmentegashop-pi2 #cart_full a.info {
background : transparent url(/fileadmin/templates/images/shop/link-info-shop.gif) no-repeat scroll 0 5px;
display : block;
text-indent : -999em;
width : 10px;
}
/* Bubble in Tarifdetails */
.tx-bmentegashop-pi1 .tarifdetails-kompakt .bubble-info {
top: 0;
}
.tx-bmentegashop-pi1 .tarifdetails-kompakt .info-container a,
.tx-bmentegashop-pi1 .tarifdetails-kompakt .info-container a:hover,
a.info-icon,
a.info-icon:hover {
background : url(/fileadmin/templates/images/shop/link-info-shop.gif) no-repeat scroll 0 0px;
margin-left :0;
padding-left: 10px;
text-decoration: none !important;
}
.tx-bmentegashop-pi1 .tarifdetails-kompakt a.info,
.tx-bmentegashop-pi1 .tarifdetails-kompakt a.info:hover {
background: url(/fileadmin/templates/images/shop/link-info-shop.gif) no-repeat scroll 0 0px;
}
.tx-bmentegashop-pi1 .tarifdetails-kompakt .first .bubble-info {
top: -2px;
}
.tarifdetails-kompakt .bubble-info,
.tarifdetails-kompakt .bubble-info:hover {
left: 15px;
top : -3px;
}
.tx-bmentegashop-pi1 .specialtariff_teaser {
font-weight: bold;
margin-bottom: 10px;
}
/* Bubble in Tabelle */
.tx-bmentegashop-pi1 .in-table .bubble-info {
left: 15px;
top : -3px;
}
.tx-bmentegashop-pi1 .in-table a.info-icon,
.tx-bmentegashop-pi1 .in-table a.info-icon:hover {
background: url(/fileadmin/templates/images/shop/link-info-shop.gif) no-repeat scroll 0 2px;
}
.input.button-prio1-right-jetzt-pruefen,
.input.button-prio1-right-jetzt-pruefen-hover,
.tx-bmentegashop-pi1 form.plz .button-prio1-right-zum-angebot,
.tx-bmentegashop-pi1 form.plz .button-prio1-right-zum-angebot-hover,
.input.button-prio1-right-verfuegbarkeit-pruefen,
.input.button-prio1-right-verfuegbarkeit-pruefen-hover {
height: 25px;
cursor: pointer;
}
/* fixes */
.ui-tabs .content-element h2,
.ui-tabs .content-element .h2 {
margin-top: 2px;
}
.kombiformular input.no-border {
border: none;
}
#cart_marginal td.label {
width: 155px;
}
#cart_marginal td.value {
width: 50px;
}
#cart_marginal td.info{
width: 15px;
}
/**
* Buttons
* Author: Matthias Orgler
*
* Buttons in den Größen "Prio 1" und "Prio 2". Die Klassen sind zur Anwendung auf
* a-Tags gestyled. Für input-Tags gibt es für jeden Button eine spezielle Klasse
* mit Hintergrundgrafiken (siehe unten).
*/
.button-prio1,
.button-prio1-right,
.button-prio1-left,
.button-prio1-active,
.button-prio1-right-active,
.button-prio1-left-active {
color:red;
cursor : pointer;
float : left;
font-size : 14px;
height : 20px;
padding : 0 9px;
text-decoration : none;
}
.button-prio2,
.button-prio2-right,
.button-prio2-left,
.button-prio2-active,
.button-prio2-right-active,
.button-prio2-left-active {
cursor : pointer;
float : left;
font-size : 11px;
/*height : 14px;*/
line-height : 13px;
padding : 0 4px;
text-decoration : none;
}
.button-prio2:hover,
.button-prio2-right:hover,
.button-prio2-left:hover {
text-decoration : none;
}
.button-prio1,
.button-prio1-right,
.button-prio1-left {
background : #8a2f3f;
border : 1px solid #8a2f3f;
color : white;
font-weight : bold;
}
.button-prio1-active,
.button-prio1-right-active,
.button-prio1-left-active {
background : white;
border : 1px solid #E7842D;
color : #8a2f3f;
font-weight : bold;
}
.button-prio1:hover,
.button-prio1-right:hover,
.button-prio1-left:hover,
a.button-prio1:hover,
a.button-prio1-right:hover,
a.button-prio1-left:hover {
background : white;
color : #8a2f3f;
text-decoration : none;
}
.button-prio1-left {
background : url(/fileadmin/templates/images/shop/buttons/button-dunkelrot-prio1-arrow-left-shop.gif) no-repeat;
border : none;
border-right : 1px solid #8a2f3f;
padding-left : 20px;
height : 20px;
line-height : 20px;
}
.button-prio1-right {
background : url(/fileadmin/templates/images/shop/buttons/button-dunkelrot-prio1-arrow-right-shop.gif) no-repeat top right;
border : none;
border-left : 1px solid #8a2f3f;
padding-right : 20px;
height : 20px;
line-height : 20px;
}
.button-prio2,
.button-prio2-right,
.button-prio2-left {
background: #8a2f3f;
border : 1px solid #8a2f3f;
color : white;
}
.button-prio2-active,
.button-prio2-right-active,
.button-prio2-left-active {
background: white;
border : 1px solid #8a2f3f;
color : #8a2f3f;
}
.button-prio2:hover,
.button-prio2-right:hover,
.button-prio2-left:hover,
a.button-prio2:hover,
a.button-prio2-right:hover,
a.button-prio2-left:hover {
background : white;
color : #8a2f3f;
text-decoration : none;
}
.button-prio2-left {
background : url(/fileadmin/templates/images/shop/buttons/button-dunkelrot-prio2-arrow-left-shop.gif) no-repeat;
border : none;
border-right : 1px solid #8a2f3f;
padding-left : 12px;
line-height : 15px;
}
.button-prio2-right {
background : url(/fileadmin/templates/images/shop/buttons/button-dunkelrot-prio2-arrow-right-shop.gif) no-repeat top right;
border : none;
border-left : 1px solid #8a2f3f;
padding-right : 12px;
line-height : 15px;
}
.button-prio1-left:hover,
a.button-prio1-left:hover {
border : none;
border-right : 1px solid #8a2f3f;
background : url(/fileadmin/templates/images/shop/buttons/button-dunkelrot-prio1-arrow-left-hover-shop.gif) no-repeat;
padding-left : 20px;
line-height : 20px;
}
.button-prio1-right:hover,
a.button-prio1-right:hover {
border : none;
border-left : 1px solid #8a2f3f;
background : url(/fileadmin/templates/images/shop/buttons/button-dunkelrot-prio1-arrow-right-hover-shop.gif) no-repeat top right;
padding-right : 20px;
line-height : 20px;
}
.button-prio2-left:hover,
a.button-prio2-left:hover {
border : none;
border-right : 1px solid #8a2f3f;
background : url(/fileadmin/templates/images/shop/buttons/button-dunkelrot-prio2-arrow-left-hover-shop.gif) no-repeat;
padding-left : 12px;
line-height : 15px;
}
.button-prio2-right:hover,
a.button-prio2-right:hover {
border : none;
border-left : 1px solid #8a2f3f;
background : url(/fileadmin/templates/images/shop/buttons/button-dunkelrot-prio2-arrow-right-hover-shop.gif) no-repeat top right;
padding-right : 12px;
line-height : 15px;
}
/* Shop Prio 1 */
form.shop .button-prio1-left,
a.button-prio1-left {
background : url(/fileadmin/templates/images/shop/buttons/button-dunkelrot-prio1-arrow-left-shop.gif) no-repeat;
border-right : 1px solid #8a2f3f;
}
form.shop .button-prio1-left:hover,
a.button-prio1-left:hover {
background : url(/fileadmin/templates/images/shop/buttons/button-dunkelrot-prio1-arrow-left-hover-shop.gif) no-repeat;
border-right : 1px solid #8a2f3f;
color : #8a2f3f;
}
form.shop .button-prio1-right,
a.button-prio1-right {
background : url(/fileadmin/templates/images/shop/buttons/button-dunkelrot-prio1-arrow-right-shop.gif) no-repeat top right;
border-left : 1px solid #8a2f3f;
}
form.shop .button-prio1-right:hover,
a.button-prio1-right:hover {
background : url(/fileadmin/templates/images/shop/buttons/button-dunkelrot-prio1-arrow-right-hover-shop.gif) no-repeat top right;
border-left : 1px solid #8a2f3f;
color : #8a2f3f;
}
/* Shop Prio 2 */
form.shop .button-prio2-left,
.button-prio2-left {
background : url(/fileadmin/templates/images/shop/buttons/button-dunkelrot-prio2-arrow-left-shop.gif) no-repeat;
border-right : 1px solid #8a2f3f;
}
form.shop .button-prio2-left:hover,
.button-prio2-left:hover {
background : url(/fileadmin/templates/images/shop/buttons/button-dunkelrot-prio2-arrow-left-hover-shop.gif) no-repeat;
border-right : 1px solid #8a2f3f;
color : #8a2f3f;
}
form.shop .button-prio2-right,
.button-prio2-right {
background : url(/fileadmin/templates/images/shop/buttons/button-dunkelrot-prio2-arrow-right-shop.gif) no-repeat top right;
border-left : 1px solid #8a2f3f;
}
form.shop .button-prio2-right:hover,
.button-prio2-right:hover {
background : url(/fileadmin/templates/images/shop/buttons/button-dunkelrot-prio2-arrow-right-hover-shop.gif) no-repeat top right;
border-left : 1px solid #8a2f3f;
color : #8a2f3f;
}
/* -----------------------------------
* Graphische Buttons
* ----------------------------------- */
input.button-prio1-right-weiter {
background: url(/fileadmin/templates/images/shop/buttons/button-dunkelrot-prio1-right-weiter.gif) no-repeat;
border: none;
height: 20px;
margin: 0;
padding: 0;
width: 73px;
}
input.button-prio1-right-weiter-hover {
background: url(/fileadmin/templates/images/shop/buttons/button-dunkelrot-prio1-right-weiter-hover.gif) no-repeat;
border: none;
height: 20px;
margin: 0;
padding: 0;
width: 73px;
}
input.button-prio1-left-zurueck {
background: url(/fileadmin/templates/images/shop/buttons/button-dunkelrot-prio1-left-zurueck.gif) no-repeat;
border: none;
height: 20px;
margin: 0;
padding: 0;
width: 77px;
}
input.button-prio1-left-zurueck-hover {
background: url(/fileadmin/templates/images/shop/buttons/button-dunkelrot-prio1-left-zurueck-hover.gif) no-repeat;
border: none;
height: 20px;
margin: 0;
padding: 0;
width: 77px;
}
input.button-prio1-right-angaben-pruefen {
background: url(/fileadmin/templates/images/shop/buttons/button-dunkelrot-prio1-right-angaben-pruefen.gif) no-repeat;
border: none;
height: 20px;
margin: 0;
padding: 0;
width: 139px;
}
input.button-prio1-right-angaben-pruefen-hover {
background: url(/fileadmin/templates/images/shop/buttons/button-dunkelrot-prio1-right-angaben-pruefen-hover.gif) no-repeat;
border: none;
height: 20px;
margin: 0;
padding: 0;
width: 139px;
}
input.button-prio1-right-jetzt-bestellen {
background: url(/fileadmin/templates/images/shop/buttons/button-dunkelrot-prio1-right-jetzt-bestellen.gif) no-repeat;
border: none;
height: 20px;
margin: 0;
padding: 0;
width: 139px;
}
input.button-prio1-right-jetzt-bestellen-hover {
background: url(/fileadmin/templates/images/shop/buttons/button-dunkelrot-prio1-right-jetzt-bestellen-hover.gif) no-repeat;
border: none;
height: 20px;
margin: 0;
padding: 0;
width: 139px;
}
input.button-prio1-right-preis-berechnen {
background: url(/fileadmin/templates/images/shop/buttons/button-dunkelrot-prio1-right-preis-berechnen.gif) no-repeat;
border: none;
height: 20px;
margin: 0;
padding: 0;
width: 142px;
}
input.button-prio1-right-preis-berechnen-hover {
background: url(/fileadmin/templates/images/shop/buttons/button-dunkelrot-prio1-right-preis-berechnen-hover.gif) no-repeat;
border: none;
height: 20px;
margin: 0;
padding: 0;
width: 142px;
}
input.button-prio1-right-jetzt-abschliessen {
background: url(/fileadmin/templates/images/shop/buttons/button-dunkelrot-prio1-right-jetzt-abschliessen.gif) no-repeat;
border: none;
height: 20px;
margin: 0;
padding: 0;
width: 158px;
}
input.button-prio1-right-jetzt-abschliessen-hover {
background: url(/fileadmin/templates/images/shop/buttons/button-dunkelrot-prio1-right-jetzt-abschliessen-hover.gif) no-repeat;
border: none;
height: 20px;
margin: 0;
padding: 0;
width: 158px;
}
input.button-prio1-right-zum-angebot {
background: url(/fileadmin/templates/images/shop/buttons/button-dunkelrot-prio1-right-zum-angebot.gif) no-repeat;
border: none;
height: 20px;
margin: 0;
padding: 0;
width: 123px;
}
input.button-prio1-right-zum-angebot-hover {
background: url(/fileadmin/templates/images/shop/buttons/button-dunkelrot-prio1-right-zum-angebot-hover.gif) no-repeat;
border: none;
height: 20px;
margin: 0;
padding: 0;
width: 123px;
}
.tarifuebersicht .button-prio1-right {
margin-left: 10px;
}
input.button-prio1-right-verfuegbarkeit-pruefen {
background: url(/fileadmin/templates/images/shop/buttons/button-prio1-right-verfuegbarkeit-pruefen.gif) no-repeat;
border: none;
height: 20px;
margin: 0;
padding: 0;
width: 175px;
margin-left: 10px;
}
input.button-prio1-right-verfuegbarkeit-pruefen-hover {
background: url(/fileadmin/templates/images/shop/buttons/button-prio1-right-verfuegbarkeit-pruefen-hover.gif) no-repeat;
border: none;
height: 20px;
margin: 0;
padding: 0;
width: 175px;
margin-left: 10px;
}
input.button-prio1-right-jetzt-pruefen {
background: url(/fileadmin/templates/images/rollo-01/button-prio1-right-jetzt-pruefen.gif) no-repeat;
border: none;
height: 20px;
margin: 0;
padding: 0;
width: 112px;
margin-left: 10px;
}
input.button-prio1-right-jetzt-pruefen-hover {
background: url(/fileadmin/templates/images/rollo-01/button-prio1-right-jetzt-pruefen-hover.gif) no-repeat;
border: none;
height: 20px;
margin: 0;
padding: 0;
width: 112px;
margin-left: 10px;
}
.rollo1 .tx-bmentegashop-pi1 th {
background: none;
}
.rollo1 .tx-bmentegashop-pi1 .button-prio1 {
background:transparent url(/fileadmin/templates/images/shop/buttons/button-dunkelrot-prio1-arrow-right-shop.gif) no-repeat scroll right top;
color: #fff;
height: 20px;
line-height: 20px;
padding-bottom: 1px;
padding-right: 8px;
padding-top: 0;
width: 146px;
text-decoration: none;
margin-bottom: 5px;
}
.rollo1 .tx-bmentegashop-pi1 .button-prio1:hover {
background:transparent url(/fileadmin/templates/images/shop/buttons/button-dunkelrot-prio1-arrow-right-hover-shop.gif) no-repeat scroll right top;
color: #8A2F3F;
}
#consumption-display.empty {
color:#D0D0D0;
font-size: 12px;
}
#shop-form-plz {
height:25px;
padding-top:5px;
width:70px;
}
.rollo1 .tx-bmentegashop-pi1 #shop-form-kwh, #consumption-display {
margin-right: 18px;
height: 15px; /* considering padding */
text-align: center;
width: 120px; /* considering padding */
font-size: 15px;
}
.rollo1 .tx-bmentegashop-pi1 .kombiTariffDetailTable {
clear: both;
}
.rollo1 .tx-bmentegashop-pi1 .kombiTariffDetailTable th {
font-weight: normal;
}
.rollo1 .tx-bmentegashop-pi1 .kombiTariffDetailTable .column-first {
width: 295px;
}
.rollo1 .tx-bmentegashop-pi1 .kombiTariffDetailTable .column-second {
width: 162px;
}
.rollo1 .tx-bmentegashop-pi1 .kombiformular #shop-form-kwh {
height: 15px;
width: 100px;
}
/*
.rollo1 .tx-bmentegashop-pi1 tbody,
.rollo1 .tx-bmentegashop-pi2 tbody {
border: none;
}
.rollo1 .tx-bmentegashop-pi2 #cart_full tr.odd {
background: none;
}
.rollo1 #cart_full tbody td {
border: none;
}
*/
.rollo1 .tx-bmentegashop-pi1 table {
border: none;
}
/* temp ? */
.rollo1 .tx-bmentegashop-pi1 tbody tr.odd {
color: #8A2F3F;
}
.rollo1 .tx-bmentegashop-pi1 form thead th,
.rollo1 .tx-bmentegashop-pi1 form tbody td {
border-left: none;
border-right: none;
}
.rollo1 .tx-bmentegashop-pi1 form fieldset tr.odd {
background: none;
}
.rollo1 .tx-bmentegashop-pi2 tbody tr.odd td {
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}
.rollo1 .tx-bmentegashop-pi2 tbody tr.even td {
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}
.rollo1 .tx-bmentegashop-pi2 tbody tr.tr-highlighted.even td.first,
.rollo1 .tx-bmentegashop-pi2 tbody tr.tr-highlighted.odd td.first,
.rollo1 .tx-bmentegashop-pi2 tbody tr.odd td.first,
.rollo1 .tx-bmentegashop-pi2 tbody tr.even td.first{
border-left: none;
}
.rollo1 .tx-bmentegashop-pi2 tbody tr.tr-highlighted.even td.last,
.rollo1 .tx-bmentegashop-pi2 tbody tr.tr-highlighted.odd td.last,
.rollo1 .tx-bmentegashop-pi2 tbody tr.odd td.last,
.rollo1 .tx-bmentegashop-pi2 tbody tr.even td.last {
border-right: none;
}
.rollo1 .tx-bmentegashop-pi2 tbody tr.tr-highlighted.even td,
.rollo1 .tx-bmentegashop-pi2 tbody tr.tr-highlighted.odd td {
border-left: 1px solid #F8A630;
border-right: 1px solid #F8A630;
}
.rollo1 .tx-bmentegashop-pi2 #cart_marginal tbody tr.odd td,
.rollo1 .tx-bmentegashop-pi2 #cart_marginal tbody tr.even td,
.rollo1 .tx-bmentegashop-pi2 #cart_marginal tr.even td {
border-left: none;
border-right: none;
}
.rollo1 .tx-bmentegashop-pi1 tbody tr.even td.first {
border-right: 1px solid #F8A630;
}
.rollo1 .tx-bmentegashop-pi1 tbody tr.even td.last {
border-left: 1px solid #F8A630;
}
.rollo1 .tx-bmentegashop-pi1 tbody tr.odd td.first {
border-right: 1px solid #fff;
}
.rollo1 .tx-bmentegashop-pi1 tbody tr.odd td.last {
border-left: 1px solid #fff;
}
.rollo1 .tx-bmentegashop-pi1 tbody tr.even td.td-highlighted {
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}
.rollo1 .tx-bmentegashop-pi2 #cart_marginal tbody td.value,
.rollo1 .tx-bmentegashop-pi2 #cart_marginal tbody td.info {
border-left: none;
border-right: none;
}
.rollo1 .tx-bmentegashop-pi2 #cart_marginal tbody td.info {
border-right: 1px solid #fff;
}
/* temp ? */
/* ---------------------------------
* Verivox Vergleichstabelle
* -------------------------------*/
.tx-bmentegashop-pi1 #verivox-header td.preisersparnis {
background : white;
color : #8A2F3F
}
.tx-bmentegashop-pi1 #verivox-header td.preisersparnis #ersparnis {
font-size : 26px;
line-height : 26px;
font-weight : bold;
}
.tx-bmentegashop-pi1 #verivox-header tbody td {
border-left: 1px solid #F8A630;
border-right: 1px solid #F8A630;
}
.tx-bmentegashop-pi1 #verivox-header .highlight,
.tx-bmentegashop-pi1 #verivox-header .highlight-first-row,
.tx-bmentegashop-pi1 #verivox-header .highlight-last-row {
background : #e7842d;
color : white;
line-height : 12px;
}
.tx-bmentegashop-pi1 #verivox-header .vv_col_1 { width: 34%; }
.tx-bmentegashop-pi1 #verivox-header .vv_col_2 { width: 36%; }
.tx-bmentegashop-pi1 #verivox-header .vv_col_3 { width: 36%; }
.tx-bmentegashop-pi1 #verivox-header tr.vergleich-intro {
background: #F8A630 !important;
font-weight: normal;
}
.tx-bmentegashop-pi1 #verivox-header tr.entega-tarif {
background : white !important;
color: #8A2F3F !important;
font-weight : bold;
}
.tx-bmentegashop-pi1 #verivox-header .highlight td,
.tx-bmentegashop-pi1 #verivox-header .highlight-first-row td,
.tx-bmentegashop-pi1 #verivox-header .highlight-last-row td {
border-top : 0;
border-bottom : 0;
padding-bottom : 0;
padding : 5px;
}
.tx-bmentegashop-pi1 #verivox-header .highlight-first-row td { border-top: 2px solid #F8A630; }
.tx-bmentegashop-pi1 #verivox-header .vergleich-intro td { padding: 2px; }
.tx-bmentegashop-pi1 a.info,
.tx-bmentegashop-pi1 a.info:hover {
background : url(/fileadmin/templates/images/shop/link-info-shop.gif) no-repeat;
height : 12px;
line-height : 18px;
margin : 0;
vertical-align: middle;
width : 12px;
}
/* ---------------------------------
* Tarif Detail Info
* -------------------------------*/
.tx-bmentegashop-pi1 #tarif-detailinfo .teaser-prio1,
.tx-bmentegashop-pi1 #tarif-detailinfo .teaser-prio2 {
float: left;
width: 450px;
}
.tx-bmentegashop-pi1 #tarif-detailinfo ul {
display : inline;
float : left;
font-weight : bold;
list-style : none;
list-style-position: outside;
margin : 0 0 0 5px;
padding : 0;
width : 200px;
}
.tx-bmentegashop-pi1 #tarif-detailinfo li {
background: url(/fileadmin/templates/images/bullet-8a2f3f.gif) no-repeat 0 7px;
padding-left: 10px;
}
.tx-bmentegashop-pi1 #tarif-detailinfo .zertifikate {
float : right;
width : 200px;
}
.tx-bmentegashop-pi1 #tarif-detailinfo .zertifikate .icon-tuev,
.tx-bmentegashop-pi1 #tarif-detailinfo .zertifikate .icon-okpower {
display : inline;
float : right;
height : 50px;
margin : 0 5px;
}
.tx-bmentegashop-pi1 #tarif-detailinfo .zertifikate .icon-tuev {
background: url(/fileadmin/templates/images/icons/icon-tuev-f1982f.gif) no-repeat;
width: 50px;
}
.tx-bmentegashop-pi1 #tarif-detailinfo .zertifikate .icon-okpower {
background: url(/fileadmin/templates/images/icons/icon-okpower-f1982f.gif) no-repeat;
width : 109px;
}
.tx-bmentegashop-pi1 #tarif-detailinfo h4 {
font-size : 11px;
margin : 0;
}
.tx-bmentegashop-pi1 #tarif-detailinfo .fragment {
margin-bottom: 10px;
}
.tx-bmentegashop-pi1 #tarif-detailinfo p {
margin: 0;
}
.tx-bmentegashop-pi1 #tarif-detailinfo form.plz {
float: left;
margin-bottom: 10px;
}
.tx-bmentegashop-pi1 #tarif-detailinfo .teaser-prio1 {
color: #8a2f3f; /*#5b595d;*/
padding-bottom: 10px;
}
.tx-bmentegashop-pi1 #tarif-detailinfo .teaser-prio1 h4 {
font-size : 14px;
margin-bottom : 5px;
}
.tx-bmentegashop-pi1 #tarif-detailinfo dl.strommix {
float : left;
margin: 10px 0 0 0; /* Bugfix IE7/8 */
}
.tx-bmentegashop-pi1 #tarif-detailinfo dl.strommix dt{
float: left;
width: 38px; /* 38+5 */
}
.tx-bmentegashop-pi1 #tarif-detailinfo dl.strommix dd {
float : left;
margin : 0;
padding : 0 4px 0 2px;
width : 65px;
}
.tx-bmentegashop-pi1 #tarif-detailinfo .strommix span.windkraft,
.tx-bmentegashop-pi1 #tarif-detailinfo .strommix span.wasserkraft,
.tx-bmentegashop-pi1 #tarif-detailinfo .strommix span.biomasse,
.tx-bmentegashop-pi1 #tarif-detailinfo .strommix span.sonnenenergie {
display : block;
height : 38px;
width : 38px;
}
.tx-bmentegashop-pi1 #tarif-detailinfo .strommix span.windkraft {
background: url(/fileadmin/templates/images/icons/icon-strommix-windkraft.gif) no-repeat;
}
.tx-bmentegashop-pi1 #tarif-detailinfo .strommix span.wasserkraft {
background: url(/fileadmin/templates/images/icons/icon-strommix-wasserkraft.gif) no-repeat;
}
.tx-bmentegashop-pi1 #tarif-detailinfo .strommix span.biomasse {
background: url(/fileadmin/templates/images/icons/icon-strommix-biomasse.gif) no-repeat;
}
.tx-bmentegashop-pi1 #tarif-detailinfo .strommix span.sonnenenergie {
background: url(/fileadmin/templates/images/icons/icon-strommix-sonnenenergie.gif) no-repeat;
}
.tx-bmentegashop-pi1 #tarif-detailinfo span.anteil {
display : block;
font-size : 14px;
font-weight : bold;
margin-top : 8px;
}
.tx-bmentegashop-pi1 #tarif-detailinfo span.stromart {
color : #5b595d;
display : block;
}