@charset 'utf-8';
@media screen, projection {
* {
font-size:12px;
font-family:Arial, Verdana, Helvetica, sans-serif;
color:#000;
margin:0;
padding:0;
}
html, body {
background-color:#ffffff;
background-image:url(../_images/verlauf.jpg);
background-repeat:repeat-x;
min-height:100%;
}
.background { background-color:#ffffff; }
a img { border:none; }
h1 { font-size:20px; }
h2 { font-size:18px; }
h3 { font-size:16px; }
h4 { font-size:14px; padding-bottom:10px; }
a,a strong {
color:#001ca8;
text-decoration:none;
}
a:hover,a:hover strong {
color:#7f8dd3;
}
.abstand4 { margin-right:20px; }
.noItem { list-style-type:none; }
.noItem li{ margin-bottom:0px; }
p { margin:10px 0; line-height:16px; }
sub { font-size:8px; }
table { border-collapse:collapse; }
ul, ol { margin-left:14px; }
ul { list-style-type:square; }
li { padding-bottom:5px; }
.highlight2 { font-weight:bold; }
.oben { margin-right:8px; margin-top:8px; }
.none { display:none; }
.kleinerText, .kleinerText strong, .kleinerText a, .textmini { font-size:10px; }
.kleinerText4 { font-size:11px;	line-height:12px; color:#9a9a9a; }
.textmini {
color:#9a9a9a;
text-align:center;
line-height:12px;
}
.vertragtextmini {
color:#9a9a9a;
text-align:center;
line-height:12px;
font-size:10px;
width:930px;
margin:0 auto;
}
.vertragtextmini sup {
	font-size:8px;
	color:#9a9a9a;
}
.left { float:left; }
.right { float:right; }
.break {
clear:both;
line-height:0;
}
.success {color:#001ca8;font-weight:bold;font-size:12px;}
.error { color:#ff0000; }
.linkgroesse { font-size:14px; }
.titelgruen {
color:#001ca8;
font-weight:bold;
}
.top { vertical-align:top; }
.relative {	position:relative; }
.submitButton, .resetButton {
border:medium none;
color:#FFFFFF;
cursor:pointer;
font-weight:bold;
height:20px;
padding-bottom:3px;
width:151px;
}
.submitButton {
background-color:#006F3A;
margin-right:15px;
}
#button20 { padding-top:5px; }
.information {
width: 300px;
background-color: #FFF;
border: 1px solid #FF5F01;
padding: 5px;
position: absolute;
top:0;
left:0;
z-index: 10;
-ms-filter: "Alpha(Opacity=90)";
filter:alpha(opacity=90);
-moz-opacity: 0.9;
opacity: 0.9;
}
.textkleinimp { font-size:10px; padding-top:50px;}
/* ANFANG DATENAUSTAUSCH ----------------------------------------*/
.tabdaten1 td{
	padding:3px 0;
	vertical-align:top;
}
#datenblatt .highlight {
	font-weight:bold;
}
#datenblatt .abstand1 {
	width:130px;
}
.tabdaten2 td{
	padding:3px 0;
	vertical-align:top;
}
#datenblatt .abstand2 {
	width:200px;
}
.tabdaten3 td{
	padding:2px 0;
	vertical-align:top;
}
#datenblatt .abstand3 {
	width:270px;
}
#datenblatt .abstand4 {
	padding-bottom:10px;
}
/* ENDE DATENAUSTAUSCH ----------------------------------------*/
.infoTitle {
font-weight: bold;
margin-bottom: 10px;
}
.infoText { text-align: justify; }
.posikunde {
position:relative;
margin-top:200px;
}
.login-kundenbereich {
background:url(../_images/kundenbereich/login-kundenbereich.png) no-repeat;
width:200px;
height:46px;
display:block;
cursor:pointer;
position:absolute;
top:103px;
right:13px;
}
.invisible { display:none; }
#wrapper {
margin:0 auto;
width:950px;
z-index:1;
}
/* HEAD ANFANG */
#head {
height:100px;
position:relative;
}
#head .logo {
overflow:hidden;
position:absolute;
top:50%;
right:0;
margin-top:-22px;
}
#head .start_button {
overflow:hidden;
position:absolute;
top:50%;
text-align:left;
margin-top:-26px;
}
#stempel {
position:absolute;
left:-55px;
top:-70px;
/*background:url(../_images/startseite/button-400euro.png) no-repeat;
height:96px;
width:96px;*/
width:105px;
height:105px;
}
/* HEAD ENDE */
/* MENÜ ANFANG */
#menu {
height:30px;
background-color:#001CA8;
}
#menu ul {
list-style-type:none;
margin:0;
}
#menu a {
color:#001ca8;
text-decoration:none;
}
#menu li.mainMenu {
float:left;
height:30px;
border-left:1px solid #1932b0;
border-right:1px solid #001268;
position:relative;
padding-bottom:0;
}
#menu a.mainMenu {
text-decoration:none;
display:block;
height:30px;
}
#menu .invis { display:none; }
#menu .home {
background-image:url('../_images/menue/home-inaktiv.gif');
background-repeat:no-repeat;
width:62px;
height:30px;
}
#menu .homeActive, #menu .home:hover {
background-image:url('../_images/menue/home-aktiv.gif');
background-repeat:no-repeat;
width:62px;
height:30px;
}
#menu .tarife {
background-image:url('../_images/menue/tarif-inaktiv.gif');
background-repeat:no-repeat;
width:100px;
height:30px;
}
#menu .tarifeActive, #menu .tarife:hover {
background-image:url('../_images/menue/tarif-aktiv.gif');
background-repeat:no-repeat;
width:100px;
height:30px;
}
#menu .jetztwechseln {
background-image:url('../_images/menue/einfachwechseln-inaktiv.gif');
background-repeat:no-repeat;
width:132px;
height:30px;
}
#menu .jetztwechselnActive, #menu .jetztwechseln:hover {
background-image:url('../_images/menue/einfachwechseln-aktiv.gif');
background-repeat:no-repeat;
width:132px;
height:30px;
}
#menu .gasratgeber {
background-image:url('../_images/menue/gasratgeber-inaktiv.gif');
background-repeat:no-repeat;
width:110px;
height:30px;
}
#menu .gasratgeberActive, #menu .gasratgeber:hover {
background-image:url('../_images/menue/gasratgeber-aktiv.gif');
background-repeat:no-repeat;
width:110px;
height:30px;
}
#menu .kundenbereich {
background-image:url('../_images/menue/kundenbereich-inaktiv.gif');
background-repeat:no-repeat;
width:119px;
height:30px;
}
#menu .kundenbereichActive, #menu .kundenbereich:hover {
background-image:url('../_images/menue/kundenbereich-aktiv.gif');
background-repeat:no-repeat;
width:119px;
height:30px;
}
#menu .aussen{
	margin-left:130px;
}
#menu .unternehmen {
background-image:url('../_images/menue/uberflexgas-inaktiv.gif');
background-repeat:no-repeat;
width:106px;
height:30px;
}
#menu .unternehmenActive, #menu .unternehmen:hover {
background-image:url('../_images/menue/uberflexgas-aktiv.gif');
background-repeat:no-repeat;
width:106px;
height:30px;
}
#menu .kontakt {
background-image:url('../_images/menue/kontakt-inaktiv.gif');
background-repeat:no-repeat;
width:75px;
height:30px;
}
#menu .kontaktActive, #menu .kontakt:hover {
background-image:url('../_images/menue/kontakt-aktiv.gif');
background-repeat:no-repeat;
width:75px;
height:30px;
}
#menu .faq {
background-image:url('../_images/menue/faq-inaktiv.gif');
background-repeat:no-repeat;
width:49px;
height:30px;
}
#menu .faqActive, #menu .faq:hover {
background-image:url('../_images/menue/faq-aktiv.gif');
background-repeat:no-repeat;
width:49px;
height:30px;
}
#menu .noLeft {
border-left:none !important;
}
#menu .noRight {
border-right:none !important;
}
#menu .submenu {
z-index:100;
display:none;
position:absolute;
top:42px;
left:0;
background-color:#fff;
padding:12px 12px 30px 12px;
border-bottom:1px solid #9A9A9A;
border-right:1px solid #9A9A9A;
/*-ms-filter: "Alpha(Opacity=100)";
filter:alpha(opacity=100);
-moz-opacity: 0.9;
opacity: 0.9;*/
overflow:hidden;
width:150px;
}
#menu li.mainMenu:hover .submenu, #menu li.mainMenu:hover .spacer {
display:block;
}
#menu .spacer {
height:13px;
background-color:#fff;
display:none;
z-index:101;
width:100%;
}
#menu .submenu li {
border:none;
clear:both;
border-bottom:1px solid #9A9A9A;
padding:3px 0 3px 0;
white-space:nowrap;
/*margin-right:150px;*/
z-index:101;
}
#menu .submenu a {
font-weight:bold;
display:block;
padding-right:20px;
z-index:102;
}
#menu .submenu a:hover, #menu .submenu a.active {
color:#7f8dd3;
}
#menu .submenu .additionalText {
display:none;
position:absolute;
top:10px;
right:0;
white-space:normal;
font-weight:normal;
width:150px;
padding-left:12px;
z-index:102;
}
#menu .submenu li:hover .additionalText {
display:block;
}
/* MENÜ ENDE */
/* CONTENT ANFANG */
#content {
margin-top:12px;
min-height:425px;
border-bottom:1px solid #001ca8;
background-color:#fff;
padding:12px;
}
#content h1 {
font-size:14px;
margin-bottom:10px;
}
#content h2 {
font-size:12px;
}
#content p {
margin:10px 0 10px 0;
}
#content h2.listheader {
padding-bottom:10px;
}
#joblinks {
margin:15px 0 15px 0;
}
#joblinks li {
margin-left: 0px;
list-style: none;
}
#joblinks img {
padding:0 15px 0 5px;
}
ol {
padding-left:15px;
}
.ol_list{
font-weight:bold;
padding-bottom:3px;
}
#tabelle_gasverbrauch td{
width:200px;
padding:5px;
border-bottom:1px solid #001ca8;
}
#tabelle_gasverbrauch .td_head{
font-weight:bold;
font-size:1.2em;
color:#001ca8;
}
.taballg {
margin-left:25px;
margin-top:5px;
margin-bottom:15px;
}
.tab_gruen{
background-color:#f2f7cc;
}
h1.top_faq{
background-color:#001ca8;
padding:2px;
color:#ffffff;
}
.tabfragen {
border:0;
width:280px;
}
#tabdurchgasverbrauch {
	width:650px;
	margin:10px 0 20px 0;
}
#tabdurchgasverbrauch td{
	padding:5px;
	vertical-align:top;
	text-align:center;
	border:1px solid #ccde34;
}
#tabdurchgasverbrauch .highlight{
	font-weight:bold;
}
#tabdurchgasverbrauch .titel{
	vertical-align:bottom;
}
#tabdurchgasverbrauch .txtklein{
	font-size:11px;
	font-weight:bold;
}
/*TARIFRECHNER KLEIN*/
.tarifrechner_klein {
margin:10px 0 20px 0;
padding:12px 0 12px 0;
max-width:729px;
min-height: 70px;
background-image:url(../_images/tarifrechner/tarifrechner_klein_hintergrund.gif);
background-repeat:no-repeat;
overflow:hidden;
}
.tarifrechner_klein label { font-size:11px; }
.tarifrechner_klein div { float:left; margin-left:18px; }
.tarifrechner_klein div div { float:none; margin:0; }
.tarifrechner_klein .select_ort { width:130px; }
.tarifrechner_klein .input_individuell { width:110px; }
.tarifrechner_klein .input_plz { width:110px; }
.tarifrechner_klein .select_verbrauch { width:195px; }
.tarifrechner_klein .input_verbrauch { width:191px; }
.tarifrechner_klein .select_nutzung { width:80px; }
#TarifrechnerKleinVerbrauchIndividuell input.verbrauch_individuell { width:90px; }
#TarifrechnerKleinVerbrauchIndividuellSubmit input.submit{
background:url(../_images/pfeil-werteintragen.jpg) no-repeat;
width:20px;
height:20px;
border:none;
margin:12px 0 0 0;
padding:0;
}
.tabelle_tarif_klein td{
/*width:100px; */
padding-right:10px;
padding-top:0px;
/*border:1px solid #000000;*/
}
td.tarif_font{
font-size:0.9em;
padding:1px;
margin-right:1px;
/*background-color:#ffffff;*/
}
td.tarif_font_klein{
font-size:0.9em;
/*background-color:#ffffff;*/
}
#Ort{
width:100px;
}
/*TARIFRECHNER KLEIN ENDE*/
/* CONTENT ENDE */
/* BANNER ANFANG */
#banner {
min-height:158px;
padding-left:12px;
background-color:#fff;
position:relative;
margin-top:10px;
}
#banner .textLeft {
width:505px;
padding-bottom:30px;
}
#banner .highlight2 {
margin-bottom:0;
}
#banner h2{
color:#001ca8;
margin-bottom:12px;
padding-top:4px;
}
#banner .pfeiltipps {
position:relative;
top:-5px;
left:5px;
background:url(../_images/pfeil-blau-30x30.jpg) no-repeat;
width:31px;
height:30px;
display:block;
float:left;
}
#banner .posRight{
position:absolute;
right:0;
bottom:0;
}
/* BANNER ENDE */
/* STARTSEITE ANFANG */
#startseite {
background:url(../_images/flexgas-startbild-20100518.jpg) no-repeat;
min-height:380px;
border-bottom:1px solid #001ca8;
margin-top:12px;
background-color:#fff;
}
#startseite h1 {
font-size:28px;
font-style:italic;
padding-top:13px;
margin-left:13px;
font-weight:bolder;
}
td.abstand {
padding-top:5px;
}
.bold_h {
font-weight:bold;
}
#startseite h2 {
font-size:18px;
margin-top:15px;
margin-left:13px;
font-weight:lighter;
}
.startausz {
margin-top:29px;
margin-left:13px;
}
/* STARTSEITE ENDE */
/* TARIFRECHNER DETAIL ANFANG */
.tarif    {
width:100%;
background-color:#fff;
color:#000;
margin:0;
}
.tarif tbody td {
padding:5px 2px;
text-align:right;
border-left:1px solid #99c5b0;
border-bottom:1px solid #001ca8;
}
.tarif tbody {
border:1px solid #001ca8;
}
.tarif tbody th {
padding:10px 0 10px 0;
border-right:1px solid #fff;
border-left:1px solid #ccd2ee;
background-color:#ccd2ee;
color:#001ca8;
text-align:right;
font-size:12px;
}
.tarif tbody th.noborder{
border-right:1px solid #ccd2ee;
}
.tarif .borderbottom {
border-bottom:1px solid #001ca8;
text-align:center;
}
.tarif .trenner2 {
border-bottom:3px solid #001ca8;
border-top:3px solid #001ca8;
}
.tarif .info {
border-left:none !important;
}
.tarif .info2 {
border-right:#ccd2ee;
}
.tarif .txtleft {
text-align:left;
}
.tarif .highlight {
text-align:left;
background:#bed600;
color:#fff;
font-weight:bold;
}
.tarif .hgo{
font-size:12px;
font-weight:bold;
text-align:center;
border-right:1px solid #99C5B0;
vertical-align:middle;
color:#fff;
padding:0 !important;
font-style:italic;
}
.tarif .hgo a{
color:#fff;
margin:0 !important;
display:block;
width:100%;
padding:23px 0;
}
head:first-child+body .tarif .hgo {
padding-bottom:2px;
}
.zurueck {
padding-right:4px;
}
.weiter {
padding-left:4px;
}
/* TARIFRECHNER DETAIL ENDE */
/* TARIF ANFANG */
#tarifck	{
width:100%;
background-color:#fff;
color:#000;
margin:0;
}
#tarifck td {
vertical-align:top;
color:#000;
padding-top:5px;
padding-bottom:5px;
}
#tarifck th{
color:#001ca8;
background-color:#ccd2ee;
padding:5px;
text-align:center;
margin:0;
}
#tarifck .textklein {
text-align:left;
width:70px;
}
#tarifck .info {
width:18px;
}
#tarifck .white {
background-color:#fff;
}
#tarifck .white td {
padding-top:10px;
}
#tarifck .white .eundv {
height:60px;
font-size:12px;
font-weight:bold;
border-left:1px solid #fff;
border-right:1px solid #fff;
padding-top:1px;
padding-left:60px;
padding-top:20px;
position:relative;
}
#tarifck .white div a {
color:#000;
}
#tarifck .eundv img {
position:absolute;
top:3px;
left:0px;
right:15px;
}
#tarifck .paketpr{
border-right:1px solid #fff;
border-left:1px solid #e5f0eb;
}
#tarifck .tarifpr2{
border-right:1px solid #fff;
border-left:1px solid #e5f0eb;
}
#tarifck .paketpr2 {
border-right:1px solid #fff;
}
#tarifck .anmerkpr {
border-left:1px solid #fff;
width:300px;
}
#tarifck .anmeldpr {
border-left:1px solid #fff;
width:170px;
}
#tarifck .highlight {
color:#bed600;
font-weight:bold;
}
#tarifck .hgo{
font-size:12px;
font-weight:bold;
text-align:center;
border-bottom:1px solid #001ca8;
vertical-align:middle;
color:#fff;
padding:0 !important;
font-style:italic;
}
#tarifck .hgo a{
color:#fff;
margin:0 !important;
display:block;
width:100%;
padding:23px 0;
}
head:first-child+body #tarifck .hgo {
padding-bottom:2px;
}
#tarifck .hgopr{
font-size:13px;
font-weight:bold;
background-color:#bed600;
text-align:center;
color:#fff;
width:160px;
}
#tarifck .reihe{
color:#000;
}
#tarifck .mitte {
border-bottom:1px solid #001ca8;
}
#tarifck .mitte .highlight{
margin-top:5px;
display:block;
}
#tarifck .linieunten {
border-bottom:1px solid #001ca8;
text-align:center;
}
#tarifck .mitte .preis1, #tarifck .mitte .preis2,#tarifck .mitte .preis3{
padding-left:5px;
color:#000;
width:100%;
vertical-align:top;
padding-top:0;
margin-top:0;
text-decoration:none;
}
#tarifck .mitte .preis1 {
font-weight:bold;
}
#tarifck .mitte	{
margin:auto;
text-align:center;
vertical-align:top;
margin:0;
padding:0;
}
#tarifck .freiKwhTd{
text-align:center;
padding-left:20px;
padding-right:5px;
}
#tarifck .tdinfobox {
width:20px;
}
#tarifck .utitel {
background-color:#fff;
font-size:15px;
font-weight:bold;
padding-top:8px;
}
#tarifck a {
text-decoration:none;
color:#000;
}
.schrift7	{
color:#000;
text-align:right;
padding-top:1px;
padding-right:7px;
padding-left:3px;
}
.schrift, .schrift1	{
color:#000;
text-align:left;
padding-left:8px;
padding-top:0px;
width:80px;
vertical-align:middle !important;
}
.schrift1	{
text-align:right;
padding-right:5px;
width:80px;
}
.preis4 {
padding-left:2px;
color:#000;
width:100%;
vertical-align:top;
padding-top:0;
margin-top:0;
}
.firstcol,.firstcol_highlight {
color:#000;
text-align:left;
padding-left:8px;
padding-top:0px;
width:130px;
vertical-align:middle !important;
}
.firstcol_highlight {
color:#001ca8 !important;
font-weight:bold;
}
.secondcol,.secondcol_highlight {
color:#bed600;
text-align:right;
padding-left:8px;
padding-top:0px;
width:70px;
vertical-align:middle !important;
}
.secondcol_highlight {
color:#001ca8 !important;
font-weight:bold;
}
.thirdcol, .thirdcol_highlight {
color:#bed600;
text-align:left;
padding-left:8px;
padding-top:0px;
width:60px;
vertical-align:middle !important;
}
.thirdcol_highlight {
color:#001ca8 !important;
font-weight:bold;
}
.fourthcol,.fourthcol_highlight {
width:30px;
}
.fourthcol_highlight {
}
.noinfobox {
text-decoration:none;
font-size:6pt !important;
display:none;
}
.trover {color:#000;background-color:#fff;}
.trover1 {background-color:#f2f7cc;}
.trout,.trout1,.trout:hover {background-color:transparent !important;}
/* TARIF ENDE */
/* TARIFRECHNER ANFANG */
.tariffCalculator {
position:relative;
width:200px;
height:246px;
float:right;
z-index:10;
margin:12px 12px 12px 39px;
padding:0 0 50px 10px;
}
#content .tariffCalculator {
margin:0 0 12px 39px;
}
.tariffCalculator .head {
width:200px;
height:8px;
background:url(../_images/tarifrechner/oben.png) no-repeat;
}
.tariffCalculator .foot {
width:200px;
height:8px;
background:url(../_images/tarifrechner/unten.png) no-repeat;
margin-bottom:10px;
}
.tariffCalculator .abstand {
margin-right:10px;
}
.tariffCalculator h3 {
font-size:18px !important;
width:180px;
color:#001ca8;
background:url(../_images/tarifrechner/tarifre-2.jpg) no-repeat;
height:30px;
padding-top:7px;
padding-left:20px;
}
.tariffCalculator .telefon {
color:#001ca8;
font-size:17px;
font-weight:bold;
width:158px;
text-align:center;
position:absolute;
top:67px;
z-index:10;
}
.tariffCalculator .texttelefon {
color:#001ca8;
font-size:11px;
font-weight:bold;
width:162px;
text-align:center;
position:absolute;
top:50px;
z-index:10;
}
.tariffCalculator .telefon img{
position:relative;
}
.tariffCalculator .input {
margin:4px 21px 0 21px;
width:155px;
height:19px;
border:1px solid #fff;
font-size:12px;
}
.tariffCalculator .input2 {
margin:4px 21px 0 20px;
width:160px;
font-size:11px;
height:21px;
border:1px solid #fff;
}
.tariffCalculator .textFeld {
width:160px;
color:#001ca8;
padding:0 20px;
}
.tariffCalculator .plzText {
height:16px;
background:url(../_images/tarifrechner/tarifre-3.jpg) no-repeat;
}
.tariffCalculator .plz {
height:27px;
background:url(../_images/tarifrechner/tarifre-4.jpg) no-repeat;
}
.tariffCalculator .ortText {
height:15px;
padding-top:10px;
background:url(../_images/tarifrechner/tarifre-5.jpg) no-repeat;
}
.tariffCalculator .ort {
height:27px;
background:url(../_images/tarifrechner/tarifre-6.jpg) no-repeat;
}
.plzfehler {
height:25px;
color:#ff0000;
padding-top:3px;
padding-bottom:3px;
text-align:center;
line-height:12px;
overflow:hidden;
background:url(../_images/tarifrechner/tarifre-5.jpg) repeat-y;
}
.tariffCalculator .verbrauchText {
height:15px;
padding-top:10px;
background:url(../_images/tarifrechner/tarifre-5.jpg) no-repeat;
}
.tariffCalculator .verbrauch {
height:27px;
background:url(../_images/tarifrechner/tarifre-6.jpg) no-repeat;
}
.tariffCalculator .personText {
height:18px;
padding-top:4px;
background:url(../_images/tarifrechner/tarifre-7.jpg) no-repeat;
}
.tariffCalculator .personText span {
color:#001ca8;
cursor:pointer;
position:relative;
top:-2px;
}
.tariffCalculator .personText input {
cursor:pointer;
}
.tariffCalculator .submit {
font-weight:bold;
height:87px;
position:relative;
background:url(../_images/tarifrechner/tarifre-8.jpg) no-repeat;
z-index:10;
}
.tariffCalculator .submit input {
position:absolute;
top:5px;
right:18px;
width:164px;
height:38px;
border:none;
cursor:pointer;
}
.tariffCalculator .submit span {
font-size:13px;
color:#fff;
cursor:pointer;
position:absolute;
top:10px;
}
.tariffCalculatorPlain div {
margin-right:10px;
}
.tariffCalculatorPlain .submit input {
background:url(../_images/tarifrechner/button_neuberechnen.jpg) no-repeat;
width:114px;
height:27px;
border:none;
cursor:pointer;
}
.tariffCalculatorPlain .order input {
width:120px;
height:28px;
border:none;
cursor:pointer;
background:url(../_images/tarifrechner/button-jetztsparen.jpg) no-repeat;
}
.tariffCalculatorPlain .plz {
width:130px;
float:left;
padding-right:10px;
}
.tariffCalculatorPlain .plz input {
width:130px;
background-color:#ffffff;
border:1px solid #9a9a9a;
padding:2px 0;
}
.tariffCalculatorPlain .ort input {
background-color:#ffffff;
border:1px solid #9a9a9a;
padding:2px 0;
}
.tariffCalculatorPlain .verbrauch {
/*width:180px;*/
float:left;
}
.tariffCalculatorPlain .verbrauch input {
background-color:#ffffff;
border:1px solid #9a9a9a;
padding:2px 0;
/*width:180px;*/
}
.tariffCalculatorPlain .nutzung {
width:90px;
float:left;
margin-left:10px;
}
.tariffCalculatorPlain .nutzung select{
padding:1px 0;
}
.tariffCalculatorPlain .submit {
width:95px;
float:left;
padding-top:11px;
width:114px;
}
.tariffCalculatorPlain .order {
width:95px;
float:left;
padding-top:11px;
width:114px;
}
.tariffCalculatorPlainDeutschlandsBest div {
margin-right:10px;
}
.tariffCalculatorPlainDeutschlandsBest .submit input {
background:url(../_images/tarifrechner/button-anzeigen.jpg) no-repeat;
width:114px;
height:27px;
border:none;
cursor:pointer;
}
.tariffCalculatorPlainDeutschlandsBest .order input {
width:120px;
height:28px;
border:none;
cursor:pointer;
background:url(../_images/tarifrechner/button-jetztsparen.jpg) no-repeat;
}
.tariffCalculatorPlainDeutschlandsBest .plz {
width:130px;
float:left;
}
.tariffCalculatorPlainDeutschlandsBest .plz input {
width:130px;
}
.tariffCalculatorPlainDeutschlandsBest .verbrauch {
width:153px;
float:left;
}
.tariffCalculatorPlainDeutschlandsBest .verbrauch input {
width:153px;
}
.tariffCalculatorPlainDeutschlandsBest .nutzung {
width:90px;
float:left;
}
.tariffCalculatorPlainDeutschlandsBest .submit {
width:95px;
float:left;
padding-top:11px;
width:114px;
}
.tariffCalculatorPlainDeutschlandsBest .order {
width:95px;
float:left;
padding-top:11px;
width:114px;
}
.tariffCalculatorPlainDeutschlandsBest .ort {
width:200px;
float:left;
}
.tariffCalculatorPlainDeutschlandsBest .ort select {
width:200px;
}
.tariffCalculatorForm td {
padding:3px 10px 3px 3px;
}
/* TARIFRECHNER ENDE */
/* INFOBOXEN ANFANG */
a.infobox,a.infobox5,a.infobox4 {
float:right;
cursor:pointer;
}
a.infobox,a.infobox2,a.infobox3,a.infobox4 ,a.infobox5,a.infobox7 {
text-decoration:none;
display:block;
width:16px;
height:16px;
margin-top:2px;
margin-right:3px;
z-index:200;
}
a.infobox2 {
width:130px;
height:56px;
clear:both;
margin:0 auto;
text-align:center;
}
a.infobox5 { }
a.infobox7 {
float:left;
position:relative;
top:8px;
left:5px;
}
a.infobox:hover,a.infobox2:hover,a.infobox5:hover {
cursor:pointer;
color:#000;
}
a.infobox span,a.infobox2 span,a.infobox4 span,a.infobox5 span,a.infobox6 span,a.infobox7 span {
display:none;
position:absolute;
margin-top:5px;
padding:10px;
text-decoration:none;
z-index:16;
color:#000;
background:#fff;
text-align:left;
font-size:12px;
line-height:15px;
width:300px;
margin-left:-250px;
border:1px solid #bed600;
}
a.infobox4 span {
width:370px;
}
a.infobox6 span {
margin-left:0px;
}
a.infobox .blocksatz,a.infobox4 .blocksatz,a.infobox5 .blocksatz,a.infobox6 .blocksatz,a.infobox7 .blocksatz {
text-align:justify;
display:block;
margin-left:0;
position:static;
padding:0;
border:none;
line-height:16px;
font-weight:normal;
}
a.infobox4 span,a.infobox5 span {
margin-left:-255px;
}
* html a.infobox span,* html a.infobox2 span,* html a.infobox4 span,* html a.infobox5 span  {
margin-top:15px;
}
a.infobox2 span {
padding:10px;
margin-left:-322px;
margin-top:-59px;
}
a.infobox span strong,a.infobox2 span strong,a.infobox4 span strong,a.infobox5 span strong,a.infobox6 span strong,a.infobox7 span strong {
color:#000 !important;
}
a.infobox3 span {
position:absolute;
display:none;
background:#f00;
text-align:left;
}
/* INFOBOXEN ENDE */
#content .inlineh3 p {
margin-top:0;
}
#content .inlineh3 h3 {
margin-top:10px;
}
.soeinfach {
font-weight:bold;
margin-left:18px;
}
/* IHRE PRÄMIE ANFANG */
.ihrepraemie {
font-weight:bold;
font-size:12px;
padding:3px 0;
}
.tabpraemie	{
width:580px;
}
.tabpraemie	img{
padding-right:5px;
}
.tabpraemie	td{
padding:2px;
}
.tabpraemie .input {
border:1px solid #9b9b9b;
background:url(../_images/input_schatten.png) no-repeat;
width:177px;
height:16px;
padding:2px 0 0 2px;
}
#praemienbilder {
text-align:center;
margin-top:10px;
margin-bottom:10px;
padding:10px 0;
}
.praemie1 {
text-align:center;
vertical-align:middle;
width:100px;
border-top:1px solid #bed600;
border-bottom:1px solid #bed600;
}
.praemieleer {
width:15px;
}
.praemiehoch {
height:20px;
}
.praemiehg {
background:#fef3e8 url(../_images/kundenbereich/ihrepraemie/hg-praemien.jpg)repeat-y;
width:200px;
border-right:1px solid #fef3e8;
text-align:left;
border-top:1px solid #bed600;
border-bottom:1px solid #bed600;
padding-top:10px;
}
.praemietitel {
font-size:14px;
font-weight:bold;
}
/* IHRE PRÄMIE ENDE */
/* STROMSPARTIPPS ANFANG */
#content .flashfilm {
margin-left:70px;
}
#leseprobe a{
font-weight:bold;
}
#leseprobe img {
padding:5px 15px 5px 0;
}
.stromwechseln,.stromprodukt {
list-style-type:square;
}
#spti {
width:62px;
height:62px;
margin:auto;
float:right;
}
.spartipp {
background:url(../_images/hg_spartipps.gif) repeat-y;
width:680px;
border-top:1px solid #bed600;
border-bottom:1px solid #bed600;
margin:10px 0 10px 0;
}
.spartipp p{
padding:0 10px 10px 10px;
}
.spartipp h3{
padding:10px 10px 0 10px;
color:#bed600;
}
#foto_spt {
position:absolute;
width:332px;
height:270px;
right:-12px;
bottom:-12px;
}
#foto_platzerhalter {
width:332px;
height:270px;
float:right;
}
.textLeft .farbe {
color:#bed600 !important;
font-size:18px;
font-style:italic;
}
/* STROMSPARTIPPS ENDE */
/* KONTAKT ANFANG */
#anliegen {
margin:50px 20px 0 0;
}
#anliegen .abstand {
margin-right:30px;
}
#newsletter td {
padding:7px 7px 7px 0;
}
#newsletter .submit {
background: url(../_images/kundenbereich/button-abschicken.jpg) no-repeat;
width:120px;
height:28px;
border:none;
cursor:pointer;
}
#vpanmeldung td,.fskontakt td,#contact td{
padding:5px 5px 5px 0;
}
#vpanmeldung .input,.fskontakt .input, #contact .input {
width:228px;
}
#vpanmeldung .input_klein,.fskontakt .input_klein {
width:60px;
}
#vpanmeldung .input_mittel,.fskontakt .input_mittel {
width:161px;
}
#contact .schatten textarea{
width:400px;
height:180px;
}
.fskontakt  .nrpruefen{
background:url(../_images/kundenbereich/button-vertragsnr.jpg) no-repeat;
width:179px;
height:32px;
border:none;
}
#lastrow  .anliegenabs{
background:url(../_images/kundenbereich/button-abschicken.jpg) no-repeat;
width:179px;
height:32px;
border:none;
}
#vpanmeldung .bewerben{
background:url(../_images/kontakt/button-bewerben.jpg) no-repeat;
width:179px;
height:32px;
border:none;
}
/* KONTAKT ENDE */
/*UNTERNEHMEN GESCHICHTE ANFANG */
.datum {
font-weight:bold;
width:110px;
vertical-align:top;
}
#histor td{
padding-bottom:10px;
}
.historAktiv{
color:#bed600;
}
.partnerpro,.jundk {
list-style-type:square;
}
.partnerpro,.jundk li{
padding-bottom:5px;
}
/*UNTERNEHMEN GESCHICHTE ENDE */
/* KUNDENZUFRIEDENHEIT ANFANG */
#tacho {
position:relative;
top:-4px;
width:250px;
height:250px;
float:left;
}
#barometer {
width:496px;
height:236px;
background-color:#DFEFE8;
border:3px solid #006F3A;
float:left;
padding:0;
margin:0;
}
#barometer h3 {
font-style:italic;
text-align:center;
padding:0;
margin:5px 0;
}
#barometer .gluehbirneOuterBox {
width:102px;
height:200px;
text-align:center;
float:left;
margin:0 8px;
z-index:2;
font-weight:bold;
font-size:13px;
}
#barometer .gluehbirneInnerBox {
height:171px;
width:102px;
background-color:#fff;
overflow:hidden;
position:relative;
z-index:3;
margin-bottom:5px;
}
#barometer .gluehbirne {
height:171px;
width:102px;
background:url(../_images/gluehbirne_trans.png) no-repeat;
position:absolute;
left:0;
z-index:5;
}
#barometer .prozent {
font-size:14px;
position:absolute;
top:144px;
left:23px;
font-weight:bold;
z-index:6;
width:55px;
text-align:center;
}
#barometer .fuellung {
background-color:#4ea784;
color:#006F3A;
height:100px;
width:102px;
position:absolute;
top:102px;
left:0px;
z-index:4;
}
/* KUNDENZUFRIEDENHEIT ENDE */
/* DOWNLOADCENTER ANFANG */
.downloadCenter td {
padding-right:10px;
padding-bottom:10px;
}
/* DOWNLOADCENTER ENDE */
/* FAQ ANFANG */
#faq h3{
color:#fff;
padding-left:10px;
background:#001ca8;
line-height:25px;
margin:10px 0;
}
#faq li a {
color:#000;
}
#faq li a:hover {
color:#bed600;
}
#faq .hover {
background:url(../_images/icons/quadrat_mo.gif) no-repeat;
background-position:left center;
}
#faq li, #faq .out {
background:url(../_images/icons/quadrat.gif) no-repeat;
background-position:left center;
}
#faq li {
margin:0;
padding:2px 15px;
}
#faq ul {
margin:0;
padding:0;
list-style-type:none;
}
head:first-child+body #faq ul {
margin-left:32px;
}
/* FAQ ENDE */
/* FOOTER ANFANG */
/* FOOTER ENDE */
/* SITEMAP ANFANG */
.sitemap {
border-top:1px solid #001ca8;
padding-top:12px;
font-size:9px;
padding-left:13px;
}
.sitemap img {
margin:0 3px;
position:relative;
top:1px;
}
.sitemap ul {
list-style-type:none;
width:100px;
min-height:150px;
float:left;
display:block;
margin:0;
margin-right:10px;
}
.sitemap li {
font-size:9px;
margin:0;
padding-bottom:0;
}
.sitemap a {
font-size:9px;
text-decoration:none;
}
.sitemap li a {
font-size:9px;
color:#9a9a9a;
}
.sitemap a:hover {
color:#4c60c2;
}
.sitemap p {
font-size:9px;
}
/* SITEMAP ENDE*/
/* BROTKRUMEN ANFANG */
.breadcrumb {
text-transform:uppercase;
margin-bottom:12px;
width:600px;
font-size:10px;
}
.breadcrumb a {
text-decoration:none;
font-size:10px;
}
.breadcrumb img {
margin:0 3px;
position:relative;
top:1px;
}
/* BROTKRUMEN ENDE*/
/* REITER ANFANG */
.reiter {
width:681px;
float:left;
padding:35px 0 18px 7px;
min-height:250px;
position:relative;
margin-top:14px;
margin-left:7px;
}
.reiter .navi {
position:absolute;
top:0;
left:0;
list-style-type:none;
margin:0;
width:950px;
height:25px;
}
.reiter .navi li.active {
background:none;
color:#001ca8;
}
.reiter .navi li {
width:149px;
background:url(../_images/reiter/reiter-mitte.gif) no-repeat;
float:left;
padding:5px 0;
text-align:center;
cursor:pointer;
margin:0;
font-weight:bold;
color:#3349b9;
}
.reiter .navi .small {
width:24px;
padding:0;
}
.reiter .box {
width:323px;
margin-top:4px;
float:left;
}
.reiter .boxww {
width:681px;
margin-top:4px;
float:left;
}
#divWarumWechseln .box ul{
list-style-type:square;
padding-left:5px;
}
#divWarumWechseln .box li{
margin-bottom:0px;
}
#divWarumWechseln .box .highlight{
font-weight:bold;
}
.tabwarumwechseln {
vertical-align:top;
padding-left:20px;
}
.tabwarumwechseln ul{
margin-top:15px;
}
.reiter .abstand {
margin-left:30px;
}
.reiter h3, .auszeichnungVorschau h3 {
/*Underline für Überschrift Startseite */
text-transform:uppercase;
border-bottom:1px solid #b2bae5;
padding-bottom:3px;
margin-bottom:3px;
color:#001ca8;
font-size:14px;
}
.auszeichnungVorschau {
float:left;
margin:0 12px 0 30px;
width:210px;
padding-top:53px;
}
.auszeichnungVorschau h4 {
font-size:12px;
}
.auszeichnungVorschau h3 span {
float:right;
width:20px;
}
.auszeichnungVorschau h3 img {
cursor:pointer;
}
.auszeichnungVorschau img {
margin-top:35px;
}
.news {
list-style-type:square;
}
.newsweiter {
padding-right:3px;
}
.sav td {
padding:10px 45px 20px 0;
text-align:left;
}
.bilder {
padding:10px 20px 20px 0;
}
/* REITER ENDE */
/*  STROMKENNZEICHNUNG ANFANG */
#stromkennzeichnung h2 {
font-size:18px;
padding:0;
margin-bottom:0;
}
#stromkennzeichnung p.kleinerText {
font-size:10px;
margin:0;
padding-top:10px;
}
#stromkennzeichnung p.mittlerText {
font-size:11px;
margin:0;
}
.skztab {
padding-left:46px;
padding-bottom:20px;
}
/*  STROMKENNZEICHNUNG ENDE */
/* AUSZEICHNUNG STARTSEITE ANFANG */
#rotate .toptarif {
background:url(../_images/auszeichnungen/start-auszeichnung-toptarif-servicequalitaet-gut.png) no-repeat;
width:106px;
height:99px;
}
#rotate .tuev {
background:url(../_images/auszeichnungen/start-auszeichnung-tuev-preisgarantie-zertifiziert.png) no-repeat;
width:92px;
height:99px;
}
#rotate .verivox {
background:url(../_images/auszeichnungen/start-auszeichnung-verivox-servicequalitaet-gut.png) no-repeat;
width:123px;
height:99px;
}
/* AUSZEICHNUNG STARTSEITE ENDE */
/* STARTSEITE AKTIONSBONUS 140 ANFANG */
#startseiteab140 {
background:url(../_images/aktionsbonus/start_20100121.jpg) no-repeat;
min-height:430px;
border-bottom:1px solid #006F3A;
margin-top:12px;
background-color:#fff;
}
/* STARTSEITE AKTIONSBONUS 140 ENDE */
#borderaussen {
position:absolute;
height:auto;
width:180px;
left:0px;
top:0px;
background-image:url(../_images/tarifrechner/tarifre-8.jpg);
background-repeat:no-repeat;
font-weight:bold;
z-index:100;
padding:10px 0 12px 20px;
font-size:11px;
}
#formular {
z-index:1000;
}
#borderaussen form{
color:#ffffff !important;
}
#borderaussen input{
margin-top:5px;
}
#borderaussen .submit{
background:url(../_images/pfeil-werteintragen.jpg) no-repeat;
width:20px;
height:20px;
vertical-align:middle;
margin-right:18px;
margin-bottom:12px;
border:none;
display:block;
float:right;
}
#borderaussen2 {
position:absolute;
height:auto;
width:320px;
left:100px;
top:-20px;
z-index:100;
padding:5px 0 7px 5px;
}
#borderaussen2 .submit{
background:url(../_images/pfeil-werteintragen.jpg) no-repeat;
background-position:0 top;
width:20px;
height:20px;
vertical-align:middle;
cursor:pointer;
border:none;
}
#borderaussen2 {
background-color:#bed600;
}
#borderaussen2 form{
color:#ffffff !important;
}
#borderaussen2 table{
margin-left:3px;
color:#ffffff !important;
}
#borderaussen2 table td{
color:#ffffff !important;
font-weight:bold;
padding:0 3px;
}
/* IHRE PRÄMIE ANFANG */
.emailpraemie .input {
width:150px;
}
.emailpraemie input {
margin-right:5px;
}
.emailpraemie {
padding:15px;
}
.emailpraemie td{
padding:5px;
}
.spalte {
width:120px;
}
.emailpraemie textarea {
width:350px;
height:150px;
padding:3px;
}
#email1 {
margin-bottom:15px;
}
.mailabsenden {
background: url(../_images/kundenbereich/button-abschicken.jpg) no-repeat;
width:179px;
height:32px;
border:none;
cursor:pointer;
}
/*----------------------------------------------------------------------------------------------------------------------------------*/
/* VERTRIEBSPARTNER FORMULAR */
#vpformular {
margin-top:50px;
}
#vpformular h1 {
background:#001ca8;
line-height:25px;
color:#ffffff;
padding-left:10px;
}
#vpformular .tab {
width:700px;
margin:10px 0px 10px 0px;
}
#vpformular td {width:350px;}
#vpformular .table_top {width:100%}
#vpformular .lang {width:700px; }
#vpformular .input {
width:250px;
margin:5px 0px 5px 0px;
}
#vpformular .input_klein {
width:40px;
margin:5px 0px 5px 0px; }
#vpformular .input_mittel {
width:195px;
margin:5px 0px 5px 0px; }
#vpformular .zu_format {color:#ff0000;font-size:0.9em;}
#vpformular .pdf_link {
display:block;
padding-top:20px;
font-size:1.3em;
font-weight:bold;}
/* ENDE VERTRIEBSPARTNER FORMULAR */
/* IHRE PRÄMIE ENDE */
.listezahlen {
margin-left:18px;
}
}
/* DRUCKBEREICH ANFANG */
@media print {
* {
border:none;
}
*,.highlight {
font-size:8pt !important;
}
#footer,#extra,#menue,#unternavi,#tarifck .hgo {
display:none;
}
#rechteseite1,#start2 {
margin:0 !important;
padding:0;
border-top:1pt solid #000;
}
.tarif, .tarif th,.tarif th.noborder {
border:1pt solid #000;
}
.tarif td {
border-left:1pt solid #000 !important;
border-bottom:1pt solid #000 !important;
}
.tarif .info {
border-bottom:1pt solid #000 !important;
}
#tarifck {
width:100%;
background-color:transparent;
color:#000;
margin:0;
border:1px solid #000;
}
#tarifck td {
vertical-align:top;
color:#000;
padding-top:1pt;
border:none;
text-align:left;
}
table {
border-top:1px solid #000;
}
#tarifck th{
color:#000;
background-color:transparent;
padding:5pt 0;
text-align:left;
margin:0;
font-size:13pt;
}
#tarifck .textklein {
text-align:left;
font-size:8pt;
}
#tarifck .info {
width:18pt;
}
#tarifck .paketpr{
border-right:none;
border-left:none;
}
#tarifck .tarifpr2{
border-right:none;
border-left:none;
}
#tarifck .paketpr2 {
border-right:none;
}
#tarifck .anmerkpr {
border-left:none;
}
#tarifck .highlight {
color:#000;
font-weight:bold;
}
#tarifck .hgopr{
font-size:13pt;
font-weight:bold;
background-color:transparent;
text-align:left;
color:#000;
}
#tarifck .reihe{
color:#000;
}
#tarifck .mitte {
border:none;
border-top:1px solid #000;
text-align:left;
}
#tarifck .mitte .preis1, #tarifck .mitte .preis2,#tarifck .mitte .preis3 {
padding-left:5px;
color:#000;
width:100%;
vertical-align:top;
padding-top:0;
margin-top:0;
text-decoration:none;
border-left:none;
margin-bottom:15pt;
}
.preis4 {
padding-left:2px;
color:#000;
width:100%;
vertical-align:top;
padding-top:0;
margin-top:0;
}
#tarifck .schrift, #tarifck .schrift1	{
color:#000;
text-align:left;
padding-left:8pt;
padding-top:0pt;
}
#tarifck .schrift1 {
text-align:right !important;
padding-right:10pt;
}
#tarifck .schrift7 {
color:#000;
text-align:right;
padding-top:1px;
padding-right:7pt;
width:100px;
}
#tarifck .mitte	{
margin:auto;
text-align:center;
border-left:none;
vertical-align:top;
margin:0;
padding:0;
}
#tarifck .utitel {
border-bottom:1pt solid #000;
}
#tarifck a {
text-decoration:none;
color:#000;
}
.kleinerText {
width:95%;
}
.printfarbe	{
display:none;
}
#newsbalken {
display:none;
}
.none {
display:none;
}
.infobox span,.infobox2 span,.infobox3 span,.infobox4 span {
display:none;
}
.noinfobox {
display:inline !important;
text-decoration:none;
font-size:6pt !important;
}
.top {
vertical-align:top;
}
}
/* Von Uwe eingefügt */
#nodecoration{
text-decoration:none;
}
/* DRUCKBEREICH ENDE */