@charset "UTF-8";
/* Screen-Stylesheet */

@media all
{
	body { margin: 0; padding: 0; width: 100%; height: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 70%; text-align: left; color: #666666; background-color: #FFFFFF; }

	h1 { font-size: 160%; color: #83B817; margin: 0.7em 0 0.7em 0; padding: 0; background-color: #FFFFFF; }
	h3 { font-size: 100%; margin: 0 0 0.3em 0; padding: 0; }
	h4 { font-size: 90%; margin: 0 0 0.3em 0; padding: 0; }

	fieldset { padding: 10px 10px 20px 10px; }
	p { margin: 0; padding: 0; }
	form { margin: 0; padding: 0; }
	img { border: 0; }

	a:link, a:visited { color: #7CBA19; text-decoration: none; }
	a:active, a:hover { color: #7CBA19; text-decoration: underline; }

	.form_label { clear: both; float:left; font-size: 100%; width: 250px; }
	.large { width: 170px; }
	.acc { display: none; }

	/* Header */
	#header { margin: 0; padding: 0; width: 100%; height: 98px; font-family: Arial, Helvetica, sans-serif; text-align: left; background: url(../img/header/bg.gif)  no-repeat; }
	#header .privat { background: url(http://www.swd-ag.de/img/header/bg.gif)  no-repeat; }
	#header .geschaeft { background: url(http://www.swd-ag.de/img/header/bg.gif)  no-repeat; }
	#header .geschaeft_dmsvisio { background: url(http://www.swd-ag.de/img/header/bg.gif)  no-repeat; }
	#header .unter { background: url(http://www.swd-ag.de/img/header/bg.gif)  no-repeat; }
	#header .kontakt { background: url(http://www.swd-ag.de/img/header/bg.gif)  no-repeat; }
	#header .kunden { background: url(http://www.swd-ag.de/img/header/bg.gif)  no-repeat; }
	#header .swd { background: url(http://www.swd-ag.de/img/header/bg.gif)  no-repeat; }
	#header .netze { background: url(http://www.swd-ag.de/img/header/bg.gif)  no-repeat; }
	#header .dmsvisio { background: url(http://www.swd-ag.de/img/header/bg.gif)  no-repeat; height: 105px; }
	#header .dmsvisio_neutral { background: url(http://www.swd-ag.de/img/header/bg.gif)  no-repeat; height: 105px; }
	#header .dmsvisio_strommanager { background: url(http://www.swd-ag.de/img/header/bg.gif)  no-repeat; height: 105px; }

	#logo { position: absolute; left: 11px; top: 10px; }

	.header_nav { color: #FFFFFF; background-color: #79B41C; position: absolute; left: 673px; top: 7px; width: 165px; font-family: Arial, Helvetica, sans-serif; z-index: 1; }
	.header_suche { position: absolute; padding: 2px; top: 18px; width: 145px; font-size: 100%; }
	.such_button { position: absolute; left: 165px; top: 9px; width: auto; margin: 0 0 0 0; padding: 10px 0 0 0; border: none; }

	a:link.header_link,
	a:visited.header_link { margin: 0 6px 0 6px; color: #FFFFFF; text-decoration: none; }
	a:active.header_link,
	a:hover.header_link { text-decoration: underline; }
	a:link.footer_link,
	a:visited.footer_link { margin: 0 6px 0 6px; color: #999999; text-decoration: none; }
	a:active.footer_link,
	a:hover.footer_link { text-decoration: underline; }

	/* Primaernavigation */
	.pri_nav { border: 0; position: absolute; top: 64px; left: 189px; width: 500px; padding: 0; margin: 0; }
	.pri_nav ul { padding: 0; margin: 0; list-style: none; }
	.pri_nav ul li { padding: 7px 13px 3px 13px; height: 25px; float: left; }
	.pri_nav ul li.first { width: 109px; }
	.pri_nav ul li.second { width: 142px; }
	.pri_nav ul li.third { width: 168px; }
	.pri_nav ul li.first a:link,
	.pri_nav ul li.first a:visited { display: block; width: 109px; height: 25px; background: url(../img/header/navi/privatkunden_off.gif) no-repeat; }
	.pri_nav ul li.first a:active,
	.pri_nav ul li.first a:hover { background: url(../img/header/navi/privatkunden_on.gif) no-repeat; }
	.pri_nav ul li.first a.active { background: url(../img/header/navi/privatkunden_on.gif) no-repeat !important; }
	.pri_nav ul li.second a:link,
	.pri_nav ul li.second a:visited { display: block; width: 142px; height: 25px; background: url(../img/header/navi/geschaeftskunden_off.gif) no-repeat; }
	.pri_nav ul li.second a:active,
	.pri_nav ul li.second a:hover { background: url(../img/header/navi/geschaeftskunden_on.gif) no-repeat; }
	.pri_nav ul li.second a.active { background: url(../img/header/navi/geschaeftskunden_on.gif) no-repeat !important; }
	.pri_nav ul li.third a:link,
	.pri_nav ul li.third a:visited { display: block; width: 168px; height: 25px; background: url(../img/header/navi/unser_unternehmen_off.gif) no-repeat; }
	.pri_nav ul li.third a:active,
	.pri_nav ul li.third a:hover { background: url(../img/header/navi/unser_unternehmen_on.gif) no-repeat; }
	.pri_nav ul li.third a.active { background: url(../img/header/navi/unser_unternehmen_on.gif) no-repeat !important; }

	.img_top { position: relative; padding: 25px 0 0 0; }

	/* Sekundaernavigation */
	#sek_nav { position: relative; float: left; width: 170px; color: #828282;  font-weight: normal; margin: 25px 0 0 0; padding: 0 0 0 20px; }
	#sek_nav li a:link,
	#sek_nav li a:visited { color: #7C7C7C; text-decoration: none; font-weight: bold; }
	#sek_nav li li a:link,
	#sek_nav li li a:visited { color: #7C7C7C !important; text-decoration: none; font-weight: bold; }
	#sek_nav li.active a:link,
	#sek_nav li.active a:visited { color: #7CBA19; text-decoration: none; font-weight: bold; }
	#sek_nav li li.active a:link,
	#sek_nav li li.active a:visited { color: #7CBA19 !important; text-decoration: none; font-weight: bold; }
	#sek_nav ul { position: relative; margin: 0; padding: 0; list-style: none; }
	#sek_nav ul ul { position: relative; margin: 1em 0 1em 0; padding: 0; list-style: none; }
	#sek_nav ul li { margin: 0.4em 0 0.4em 0;  padding: 0; font-weight: bold; }
	#sek_nav ul ul li { padding: 0 0 0 10px; background: url(../img/pfeil_navi_grey.gif) no-repeat 0 0.35em; }
	#sek_nav ul ul li.active { background: url(../img/pfeil_navi_green.gif) no-repeat 0 0.35em; }
	#sek_nav ul ul li a { font-weight: normal !important; }

	/* Quicklinks */
	.quicklinks { position: relative; background-color: #FFFFFF; float: left; width: 170px; color: #828282; font-weight: normal; margin: 3px 0 0 0; padding: 0 0 0 20px; }
	.quicklinks ul { margin: 0; padding: 0; list-style: none; }
	.quicklinks ul li { position: relative; margin: 0.5em 0 0.5em 0; padding: 0 0 0 15px; text-align: left; background: url(../img/pfeil_intern.gif) no-repeat 0 0.3em; color: #7CBA19; font-weight: bold; }
  
	/*Quicklinks extern */
	.quicklinks1 ul li { position: relative; margin: 0.5em 0 0.5em 0; padding: 0 0 0 15px; text-align: left; background: url(../img/pfeil_extern.gif) no-repeat 0 0.3em; color: #7CBA19; font-weight: bold; }

	/* Main-Bereich */

	#main { position: relative; width: 975px; padding: 0; margin: 0; }
	#main_inner { position: relative; margin: 0; padding: 0; float: left; width: 568px; font-weight: normal; }

	#main_text { position: relative; width: 568px; padding: 0; margin: 0; font-size: 110%; }

	#main_text img { float: left; margin: 0; padding: 0 15px 12px 0; }
	#main_text h1 { font-size: 150%; }
	#main_text h2 { font-size: 130%; margin: 2em 0 0.5em 0; clear: both; }
	#main_text h3 { font-size: 110%; margin: 1.5em 0 0.5em 0; clear: both; }
	#main_text p { margin-bottom: .8em; }
	#main_text .fillit { position:relative; float:left; text-align:center; width:15px; }
	#main_text .error { color: #f63; }
	#main_text .button { margin-left: 20px; border: 1px solid #999; background-color: #FFF; background-image: url(/img/btn_arrow.gif); background-repeat: no-repeat; background-position: 0 -49px; color: #666; font-size: 0.9em; padding: 1px; padding-left: 20px; cursor: pointer; }
	#main_text .stoerer { float: right; margin-left: 10px; }
	
	#main_text dt { margin-top: .8em; margin-bottom: .4em; font-weight: bold; font-size: 110%; }
	#main_text dd { margin-top: .4em; margin-left: 0; padding-left: 0; }
	
	#main_text ul.none { list-style: none; margin: 0; padding-left: 12px; }

	/* Preistabellen */
	.price_table { border-collapse: collapse; border-spacing: 0; margin-top: 2em; }
	.price_table caption { font-size: 105%; text-align: left; font-weight: bold; }
	.price_table tfoot { font-weight: normal; font-size: x-small; }
	.price_table tfoot tr td { border-top: 1px solid #ccc; border-left: none; text-align: left; }
	.price_table th { padding: .3em .5em; width: 5em; font-weight: bold; text-align: center; }
	.price_table th.first { width: 25em; padding-left: .2em; font-weight: bold; text-align: left; border-top: 1px solid #ccc; }
	.price_table th.top { border-left: 1px solid #ccc; }
	.price_table th.topleft { width: 25em; }
	.price_table td { padding: .3em .5em; font-weight: normal; text-align: right; border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
	.price_table td.first { padding-left: 1em; font-weight: normal; text-align: left; border-top: 1px solid #ccc; border-left: none; }
	.price_table td.clean { border-left: none; }
	.netto { background: #F3FBE6; }
	.brutto { background: #F3FBE6; }

	/* Preisrechnertabelle */
	.calculator_table { border-collapse: collapse; border-spacing: 0; margin-top: 1em; background: #F3FBE6; width: 548px; }
	.calculator_table caption { font-size: 100%; text-align: left; font-weight: bold; }
	.calculator_table tfoot { font-weight: normal; font-size: x-small; }
	.calculator_table tfoot tr td { border-top: 1px solid #ccc; border-left: none; text-align: right; }
	.calculator_table th { padding: .3em 0; width: 80px; font-weight: bold; text-align: center; }
	.calculator_table th.first { width: 308px; padding-left: .2em; text-align: left; border-top: 1px solid #ccc; }
	.calculator_table th.top { border-left: 1px solid #ccc; }
	.calculator_table th.topleft { width: 308px; text-align: left; }
	.calculator_table td { padding: .3em 0; normal; text-align: center; border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
	.calculator_table td.first { padding-left: 1em; font-weight: bold; text-align: left; border-top: 1px solid #ccc; border-left: none; }
	.calculator_table td.clean { border-left: none; }
	.calculator_table button { margin-left: 20px; border: 1px solid #999; background-color: #FFF; background-image: url(/img/btn_arrow.gif); background-repeat: no-repeat; background-position: 0 -49px; color: #666; font-size: 0.9em; padding: 1px; padding-left: 20px; cursor: pointer; }

	/* Infoboxen im Contentbereich */
	.verteiler_bottom { float: left; position: relative; margin: 0; width: 528px; padding: 10px 10px 5px 10px; border-bottom: 1px solid #FFFFFF; background-color: #F3F3F3; }
	.verteiler_bottom1 { float: left; position: relative; margin: 0; width: 528px; padding: 10px 10px 5px 10px; border-bottom: 1px solid #FFFFFF; background-color: #CCFF99; }
	.verteiler_bottom .typ { font-weight: bold; margin: 0; padding: 0 0 10px 0; }
	.verteiler_bottom .text { margin: 0; padding: 0 0 10px 16px; }

	.verteiler_bottom { margin: 0; width: 528px; padding: 10px; background-color: #f3f3f3; border: 1px solid #eee; }
	.verteiler_bottom ul { list-style-type: none; margin: 0; }
	.verteiler_bottom ul li { margin-top: 1em; }

	.verteiler_top { margin: 28px 0 0 0; width: 528px; padding: 0 10px 10px 10px; background-color: #f3f3f3; border: 1px solid #eee; }
	.verteiler_top ul { list-style-type: none; margin: 0; }
	.verteiler_top ul li { margin-top: 1em; }
	.verteiler_top h3 {margin: .5em 0 .5em 0; clear: both;}

	/* Teaserboxen */
	.full_teaser { position: relative; width: 192px; background-color: #F3FBE6; border: 1px solid #B4DD65; font-weight: normal; margin: 0 0 15px 0; }
	.full_teaser img { position: relative; margin: 0; padding: 0; margin-bottom: 10px; }
	.full_teaser ul { list-style: none; margin: 0; padding: 10px 0 12px 0; }
	.full_teaser ul li { display: block; width: 160px; padding: 1px 0 1px 12px; list-style: none; margin-bottom: 2px; font-weight: bold; clear:both; }
	.full_teaser h3 { margin-left: 10px; }
	.full_teaser a { margin-left: 10px; }
	.full_teaser div { margin-left: 25px; }
	.full_teaser img.left { float: left; }
	.full_teaser a.left { margin-left: 6px; }

  .main_img {
    margin-top: 25px;
  }
  .main_teaser1 {
    position: relative;
    float: left; 
    border: 0; 
    background-color: #ffffff; 
    margin-right: 2px; 
    width: 188px;
  }
  .main_teaser1 img {
    float: left;
    margin-bottom: 15px;
  }
  .main_teaser1 div {
    float: left;
    width: 180px;
  }
  .main_teaser2 {
    position: relative;
    margin: 0;
    padding: 0;
    float: right; 
    border: 0; 
    background-color: #ffffff; 
    width: 188px;
  }
  .main_teaser2 div {
    float: left;
    width: 180px;
  }
  .main_teaser2 img {
    float: left;
    margin-bottom: 15px;
  }
  .main_teaser_group1 {
    position: relative;  
    float: left; 
    padding: 0 0 15px 0;
    margin: 0;
    width: 568px;
    border-bottom: 1px solid #DBDBDB;
  }
  .main_teaser_group1 h3 {
    margin: 0.3em 0 0.6em 0;
    padding: 0;
  }
  .main_teaser_group2 {
    position: relative;
    float: left;
    width: 568px; 
    padding: 10px 0 0 0;
    margin: 10px 0 0 0;
  }
  #sub_teaser1 {
    position: relative;
    border-right: 1px solid #DBDBDB;
    margin: 0;
    padding: 0;
    float: left;
  }
  .sub_teaser1 {
    position: relative;
    width: 365px;
    padding: 0 10px 15px 0;
  }
  .sub_teaser1 img {
    margin: 2px 10px 0 0;
    float:left;
  }
  #sub_teaser2 {
    position: relative;
    border-left: 1px solid #DBDBDB;
    margin: 0 0 0 -1px;
    padding: 0;
    float: left;
  }
  .sub_teaser2 {
    position: relative;
    width: 178px;
    margin: 0 0 15px 0;
    padding: 0 0 0 10px;
  }


  .sub_teaser1_50_outer {
    position: relative;
    margin: 0;
    padding: 0;
    float: left;
  }
  .sub_teaser1_50 {
    position: relative;
    width: 271px;
    padding: 0 10px 15px 0;
  }
  .sub_teaser1_50 h3 {
    font-size: 110%;
  }
  .sub_teaser1_50 p {
    margin-top: .8em;
  }

  .sub_teaser2_50_outer {
    position: relative;
    margin: 0;
    padding: 0;
    float: left;
  }
  .sub_teaser2_50 {
    position: relative;
    width: 272px;
    margin: 0 0 15px 0;
    padding: 0 0 0 10px;
  }
  .sub_teaser2_50 h3 {
    font-size: 110%;
  }
  .sub_teaser2_50 p {
    margin-top: .8em;
  }


  .main_verteiler {
    width: 568px;
    float: left;
    margin: 0 0 15px 0;
    padding: 0 0 0 0;
  }
  .main_verteiler img {
    float: left;
    margin: 0 0 0 0;
    padding: 0 10px 0 0;
  }
  .main_verteiler h1 {
    margin: 0;
    padding: 0;
  }
  .main_verteiler h3 {
    margin: 0;
    padding: 0;
  }
  .main_verteiler2 {
    width: 568px;
    float: left;
    margin: 15px 0 15px 0;
    padding: 0 0 0 0;
  }
  .main_verteiler2 h1 {
    font-size: 180%;
    margin: 15px 0 15px 0;
    padding: 0 0 0 0;
  }
  .main_verteiler2 h2 {
    font-size: 100%;
    margin: 15px 0 15px 0;
    padding: 0 0 0 0;
  }
  .verteiler2_links {
    position: relative;
    margin: 0.5em 0 0.5em 0;
    padding: 0 0 0 15px;
    color: #828282;
    font-weight: normal;
  }
  .verteiler2_links a {
    position: relative;
    margin: 0 0 0 -15px;
    padding: 0 0 0 16px;
    text-align: left;
    background: url(../img/pfeil_intern.gif) no-repeat 0 0.3em;
    color: #7CBA19;
    font-weight: bold;
    text-decoration: none;
  }
  
   .verteiler2_links intern a {
    position: relative;
    margin: 0 0 0 -15px;
    padding: 0 0 0 16px;
    text-align: left;
    background: url(../img/pfeil_anker.gif) no-repeat 0 0.3em;
    color: #7CBA19;
    font-weight: bold;
    text-decoration: none;
  }
  .verteiler2_links extern a {
    position: relative;
    margin: 0 0 0 -15px;
    padding: 0 0 0 16px;
    text-align: left;
    background: url(../img/pfeil_extern.gif) no-repeat 0 0.3em;
    color: #7CBA19;
    font-weight: bold;
    text-decoration: none;
  }
  .verteiler2_links down a {
    position: relative;
    margin: 0 0 0 -15px;
    padding: 0 0 0 16px;
    text-align: left;
    background: url(../img/pfeil_download.gif) no-repeat 0 0.3em;
    color: #7CBA19;
    font-weight: bold;
    text-decoration: none;
  }
  .main_verteiler3 {
    float: left;
    width: 568px;
  }
  .main_verteiler3 h1 {
    clear: both;
    position: relative;
    font-size: 160%;
    margin: 15px 0 15px 0;
    padding: 0;
    padding-top: 13px;
  }
  .main_verteiler3 h2 {
    clear: both;
    position: relative;
    font-size: 100%;
    margin: 5px 0 5px 0;
    padding: 0 0 0 0;
  }
  .main_verteiler3 h3 {
    clear: both;
    position: relative;
    font-size: 100%;
    margin: 0;
    padding: 15px 0 3px 0;
  }
  .verteiler3_text { 
    position: relative;
    margin: 0 10px 10px 0;
    padding: 0;
  }
  .verteiler3_text img {
    float: left;
    margin: 0;
    padding: 0 15px 12px 0;
  }



/* Rechte Teaser */

  .homepage .teaser_rechts {
    position: absolute;
    left: 760px;
    padding: 0;
    margin: -169px 0 0 21px;
    float: left;
    width: 174px;
  }
  .teaser_rechts {
    position: absolute;
    left: 760px;
    padding: 0;
    margin: 25px 0 0 21px;
    float: left;
    width: 174px;
  }

/* SelfService */

  .self_service_login {
    position: relative;
    width: 174px;
    height: 150px;
    background-color: #EEEEEE;
    border: 1px solid #CCCCCC;
    color: #828282;
    font-weight: normal;
    margin: 0 0 15px 0;
    padding: 8px 10px 6px 8px;
  }
  .self_service_banner {
    position: relative;
    width: 194px;
    height: 150px;
    background-color: #EEEEEE;
    border: 1px solid #CCCCCC;
    color: #828282;
    font-weight: normal;
    margin: 0 0 15px 0;
    padding: 0 0 6px 0;
  }
  .self_service_banner div {
    position: relative;
    margin: 0;
    padding: 0 0 10px 20px;
  }
  .button_self_service1 {
    position: relative;
    width: 70px;
    float: left;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: left;
    margin-top: 5px;
    padding-left: 10px;
    background: url(../img/selfservice/pfeil.gif) no-repeat 0 0.45em;
    cursor: pointer;
    color: #7CBA19;
    font-weight: bold;
    font-size: 100%;
    border: none;
  }
  .button_self_service2 {
    position: relative;
    width: 100px;
    float: left;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: left;
    margin-top: 5px;
    padding-left: 10px;
    margin-left: 3px;
    background: url(../img/selfservice/pfeil.gif) no-repeat 0 0.45em;
    cursor: pointer;
    color: #7CBA19;
    font-weight: bold;
    font-size: 100%;
    border: none;
  }
  .grey_button_self_service {
    position: relative;
    width: 140px;
    margin: 10px 10px 0 0;
    padding: 0 10px 0 12px;
    text-align: left;
    background: url(../img/selfservice/pfeil.gif) no-repeat 0 0.45em;
    cursor: pointer;
    color: #7CBA19;
    font-weight: bold;
    font-size: 100%;
    border: none;
  }
  .selfservice_banner {
    margin: 0 0 10px 0;
  }
  .link_self_service {
    margin: 0;
    padding: 0 0 0 20px;
    background: url(../img/selfservice/pfeil.gif) no-repeat 8px 0.40em;
    cursor: pointer;
    color: #7CBA19;
    font-weight: bold;
    border: none;
    text-decoration:none;
  }
  .self_service_login h3 {
    margin: 0 0 1em 0;
    padding: 0;
  }

/* gruene Teaser */

  .teaser_green {
    position: relative;
    width: 174px;
    background-color: #F3FBE6;
    border: 1px solid #B4DD65;
    font-weight: normal;
    margin: 0 0 15px 0;
    padding: 8px 10px 25px 8px;
  }
   .teaser_green_eb {
    position: relative;
    width: 192px;
    background-color: #F3FBE6;
    border: 1px solid #B4DD65;
    font-weight: normal;
    margin: 0 0 15px 0;
    padding: 8px 10px 25px 8px;
  }
  .teaser_green h3 {
    margin: 0 0 1em 0;
    padding: 0;
  }
  .teaser_green div {
    position: relative;
    margin: 0;
    padding: 0 0 10px 15px;
  }
  .teaser_green img {
   position: relative;
  float: right;
  right: -5px;
  top: 0px;
  padding: -20px 0 0 10px;
  margin: 0;
  }

  .bgLast {
    background: url(../img/teaser_rechts/bg_teaser_last.gif) no-repeat left bottom #F3FBE6;
  }
  .erdgas {
    padding: 0;
    margin: 0;
    width: 192px;
    background: url(../img/teaser_rechts/bg_teaser_last.gif) no-repeat left bottom #F3FBE6;
  }
  .erdgas img {
    position: relative;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
  }
  .erdgas ul {
    list-style: none;
    margin: 0;
    padding: 10px 0 2px 0;
  }
  .erdgas ul li {
    display: block;
    width: 160px;
    padding: 1px 0 1px 0px;
    list-style: none;
    margin-bottom: 2px;
    font-weight: bold;
  }
  .full_teaser_last {
    position: relative;
    width: 192px;
    background-color: #F3FBE6;
    border: 1px solid #B4DD65;
    font-weight: normal;
    margin: 0 0 15px 0;
    background: url(../img/teaser_rechts/bg_teaser_last.gif) no-repeat left bottom #F3FBE6;
  }
  .full_teaser_last img {
    position: relative;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
  }
  .full_teaser_last ul {
    list-style: none;
    margin: 0;
    padding: 10px 0 0px 0;
  }
  .full_teaser_last ul li {
    display: block;
    width: 160px;
    padding: 1px 0 1px 12px;
    list-style: none;
    margin-bottom: 2px;
    font-weight: bold;
  }
  .sodajet {
    padding: 0;
    margin: 0;
    margin-bottom: 15px;
    width: 192px;
    background: url(../img/teaser_rechts/bg_teaser_last.gif) no-repeat left bottom #F3FBE6;
  }
  .sodajet img {
     position: relative;
     margin: 0;
     padding: 0;
     margin-bottom: 10px;
     top: 0;
     right: 0;
  }
  .sodajet ul {
    list-style: none;
    margin: 0;
    padding: 1px 0 2px 0;
    margin-left: 10px;
  }
  .sodajet ul li {
    display: block;
    width: 160px;
    padding: 1px 0 1px 0px;
    list-style: none;
    margin-bottom: 2px;
    font-weight: bold;
  }
  .teaser_link_anker {
    margin: 0;
    padding: 0 0 0 15px;
    background: url(../img/pfeil_anker.gif) no-repeat left center;
    cursor: pointer;
    color: #7CBA19;
    font-weight: bold;
    border: none;
    text-decoration:none;
  }
  .teaser_link_down {
    margin: 0;
    padding: 0 0 0 15px;
    background: url(../img/pfeil_download.gif) no-repeat left center;
    cursor: pointer;
    color: #7CBA19;
    font-weight: bold;
    border: none;
    text-decoration:none;
  }
  .teaser_link_tabbed {
    margin: 0;
    padding: 0 0 0 30px;
    cursor: pointer;
    color: #7CBA19;
    font-weight: normal;
    border: none;
    text-decoration:none;
  }
  .teaser_link_back {
    margin: 0;
    padding: 0 0 0 15px;
    background: url(../img/pfeil_intern_back.gif) no-repeat left center;
    cursor: pointer;
    color: #7CBA19;
    font-weight: bold;
    border: none;
    text-decoration:none;
  }

  .teaser_link_mail {
    margin: 0;
    padding: 0 0 0 15px;
    background: url(../img/pfeil_mail.gif) no-repeat left center;
    cursor: pointer;
    color: #7CBA19;
    font-weight: bold;
    border: none;
    text-decoration:none;
  }
  .teaser_link_extern {
    margin: 0;
    padding: 0 0 0 15px;
    background: url(../img/pfeil_extern.gif) no-repeat left center;
    cursor: pointer;
    color: #7CBA19;
    font-weight: bold;
    border: none;
    text-decoration:none;
  }
  .teaser_link {
    margin: 0;
    padding: 0 0 0 15px;
    background: url(../img/pfeil_intern.gif) no-repeat left center;
    cursor: pointer;
    color: #7CBA19;
    font-weight: bold;
    border: none;
    text-decoration:none;
  }
   .teaser_ohne {
    margin: 0;
    padding: 0 0 0 15px;
    background: url(../img/ohne_pfeil.gif) no-repeat left center;
    cursor: pointer;
    color: #7CBA19;
    font-weight: bold;
    border: none;
    text-decoration:none;
  }
  .simple_up {
    float: right;
    width: 568px;
    margin: 0;
    padding: 0 16px 2px 0;
    background: url(../img/footer/symbol_up.gif) no-repeat center right;
    text-align: right;
    border-bottom: 1px solid #D6D6D6;
    margin-bottom: 10px;
  }
  
   .simple_up1 {
    float: right;
    width: 269px;
    margin: 0;
    padding: 0 16px 2px 0;
    background: url(../img/footer/symbol_up.gif) no-repeat center right;
    text-align: right;
    border-bottom: 1px solid #D6D6D6;
    margin-bottom: 10px;
  }

/* Footer */

  .footerTop {
    display: block;
    width: 568px;
    height: 25px;
    position: relative;
    margin: 2em 0 0 190px;
    padding: 0;
    border-bottom: 1px solid #D6D6D6;
  }
  .footerTop .print {
    float: left;
    width: 100px;
    margin: 0;
    padding: 0 0 2px 20px;
    background: url(../img/footer/symbol_print.gif) no-repeat center left;
  }
  .footerTop .up {
    float: right;
    width: 100px;
    margin: 0;
    padding: 0 16px 2px 0;
    background: url(../img/footer/symbol_up.gif) no-repeat center right;
    text-align: right;
  }
  .footerBottom {
    display: block;
    color: #999999;
    width: 568px;
    clear: both;
    position: relative;
    margin: 0.5em 0 0 190px;
    padding: 0;
  }
  .footerBottom .copyright {
    float: left;
  }
  .footerBottom .global {
    float: right;
  }

/* PopUp */

  .popup {
    width: 430px;
  }
  .popup .header {
    margin: 0;
    padding: 0;
    width: 450px;
    height: 71px;
    background: url(../img/popup/header_small.gif)  no-repeat;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
  }
  .popup #logo {
    position: absolute;
    left: 21px;
    top: 10px;
  }
  .popup .inhalt {
    margin: 0 0 0 20px;
    padding: 0;
    font-weight: bold;
  }
  .popup .inhalt h1 {
    font-size: 160%;
    color: #83B817;
    margin: 0.7em 0 0.7em 0;
    padding: 0;
    background-color: #FFFFFF;
  }
  .popup form {
    margin: 25px 0 0 0;
    padding: 0;
    width: 400px;
    float: left;
  }
  .popup form label {
    margin: 0;
    padding: 0;
    width: 220px;
    border: 1px solid red;
  }
  .popup form select {
    border: 1px solid #999999;
    min-width: 120px;
    margin: 0 0 10px 0;
  }
  .popup form input {
    border: 1px solid #999999;
    float: left;
    margin: 0 0 10px 0;
  }
  .popup .olabel {
    float: left;
    padding: 4px 0 0 0;
    width: 100px;
  }
  .popup .olabel2 {
    float: left;
    padding: 4px 0 0 0;
    width: 98px;
  }
  .popup .small {
    width: 50px;
    margin: 0 200px 10px 0;
    padding: 0 0 0 3px;
  }
  .popup .medium {
    width: 100px;
    margin: 0 150px 10px 0;
    padding: 0 0 0 3px;
  }
  .popup .large {
    width: 285px;
    margin: 0 0 10px 0;
    padding: 0 0 0 3px;
  }
  .popup .ta_large {
    width: 285px;
    height: 90px;
    border: 1px solid #999999;
    margin: 0 0 10px 0;
    padding: 0;
    overflow: auto;
  }
  .popup .buttons {
    clear: both;
    position: relative;
    width: 300px;
    float: left;
    margin: 0;
    padding: 0 0 0 100px;
  }
  .popup .button {
    position: relative;
    float: left;
    width: 93px;
    height: 18px;
    margin: 0 20px 0 0;
    padding: 0 10px 12px 25px;
    border: 1px solid #83B817;
    background: url(../img/popup/button.gif) no-repeat center left;
    text-align: left;
    cursor: pointer;
    color: #7CBA19;

    font-weight: bold;
    font-size: 100%;
    text-decoration:none;
  }
  .popup a {
    border: none;
  }
/* extern */
  .articleHeadline {
    font-size: 100%;
  }
  .form_label2 {
    clear: both;
    float:left;
    font-size: 100%;
    width: 180px;
  }
  .form_label3 {
    clear: both;
    float:left;
    font-size: 100%;
    width: 120px;
  }
  
 /* Erweiterung Rechner*/
	 .rubrikFormR {
    background: #83b817;
    padding: 10px;
    padding-right: 0;
    padding-left: 10px;
    margin: 0;
    margin-top: 10px;
   width: 400px;
  }
       
	 .rubrikFormG {
    background: #D2D2D2;
    padding: 10px;
    padding-right: 0;
    padding-left: 10px;
    margin: 0;
    margin-top: 10px;
    width: 400px;
  }
  
    /* erweiterung Geschäftskunden*/
  
    .rubrikForm {
    background: #DDD;
    padding: 10px;
    padding-right: 0;
    padding-left: 10px;
    margin: 0;
    margin-top: 10px;
*   width: 300px;
  }

  .rubrikForm label {
    float: left;
    padding-top: 4px;
    width: 145px;
  }

  .rubrikForm .rblabel1 {
    width: 25px;
    float: left;
    margin: 0;
  }

  .rubrikForm .rblabel2 {
    width: 25px;
    float: left;
    margin: 0;
    position: relative;
    top: -14px;
  }

  .rubrikForm #kontakt {
    float: left;
    margin: 0;
    position: relative;
    top: 2px;
    margin-right: 5px;
    margin-bottom: 10px;
  }


  #mess1 {
    float: left;
    margin: 0;
    margin-top: 5px;
    margin-right: 5px;
  }

  #mess2 {
    float: left;
    margin: 0;
    margin-top: -9px;
    margin-left: 9px;
    margin-right: 5px;
  }

  .rubrikForm input.rfInput {
     width: 140px;
  }

  .rubrikForm input, .rubrikForm select {
    margin-bottom: 5px;
  }

}






/* Formulare */

.newForm {
  margin-top: 20px;
}

.newForm h2 {
  display: block;
  margin-top: 0.5em;
  margin-bottom: 0;
}

.newForm input.button, 
.showForm input.button 
{
  border: 1px solid #999;
  background-color: #FFF;
  background-image: url(/img/btn_arrow.gif);
  background-repeat: no-repeat;
  background-position: 0 -49px;
  color: #666;
  font-size: 0.9em;
  padding: 1px;
  padding-left: 20px;
  cursor: pointer;
}
.newForm textarea {
  margin-bottom: 5px;
  border: 1px solid #7F9DB9;
  color: #666;
  padding: 2px;
}
.newForm input.input {
  margin-bottom: 5px;
  border: 1px solid #7F9DB9;
  color: #666;
  padding: 2px;
}

.newForm input.err {
  margin-bottom: 5px;
  background-color: #FFA6A6;
  border: 1px solid #FF0000;
  color: #000;
  padding: 2px;
}

.newForm fieldset {
  background-color: #F3FBE6;
  border: none;
  width: 537px;
  margin-top: 1px;
  margin-left: 0;
  padding-left: 25px;
}

.newForm h1.fieldset {
  margin: 0;
  padding: 0;
  padding-left: 25px;
  height: 45px;
  line-height: 45px;
  display: block;
  background: #bce176;
  width: 547px;
  color: #fff;
  font-size: 1.5em;
  font-weight: bold;
}
.newForm h2.fieldset {
  margin: 0;
  padding: 0;
  padding-left: 25px;
  height: 30px;
  line-height: 30px;
  display: block;
  background: #bce176;
  width: 547px;
  color: #fff;
  font-size: 1em;
  font-weight: bold;
}

.newForm .form_label {
  line-height: 19px;
}

.newForm .radioLabel, 
.newForm .checkLabel {
  position: static;
  line-height: 19px;
  top: -3px;
}

.newForm .checkLabel2 {
  float:left;
  width: 225px;
}
  

.newForm .errLabel {
  color: #FF0000;
}
.newForm .notice {
  padding-top: 20px;
}

.newError {
  border: 1px solid red;
  background-color: #FFF;
  padding: 20px;
  margin: 10px 0;
  display: none;
}

.newError .head {
  color: red;
  font-weight: bold;
  display: block;
}

.showForm h1 {
  color: #666;
  font-size: 1em;
  text-align: right;
  margin-right: 280px;
  text-decoration: underline;
}

.showForm fieldset {
  border: none;
}

.showForm .review {
  width: 100%;
}

.showForm .review .norm {
  display: block;
  float: left;
  width: 50%;
  text-align: right;
  margin-right: 10px;
}

.showForm .review .given {
  display: block;
  margin-left: 10px;
  color: #669900;
}
.showForm .review textarea.textOutput {
  color: #669900;
  border: none;
  font-family: Arial;
  font-size: 100%;
}

  
  /* DMSVisio */

  .DMSVIsio_login {
    position: relative;
    width: 300px;
    height: 150px;
    background-color: #EEEEEE;
    border: 1px solid #CCCCCC;
    color: #828282;
    font-weight: normal;
    margin: 0 0 15px 0;
    padding: 8px 10px 6px 8px;
  }
  .DMSVIsio_banner {
    position: relative;
    width: 194px;
    height: 150px;
    background-color: #EEEEEE;
    border: 1px solid #CCCCCC;
    color: #828282;
    font-weight: normal;
    margin: 0 0 15px 0;
    padding: 0 0 6px 0;
  }
  .DMSVIsio_banner div {
    position: relative;
    margin: 0;
    padding: 0 0 10px 20px;
  }
  .button_DMSVIsio1 {
    position: relative;
    width: 70px;
    float: left;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: left;
    margin-top: 5px;
    padding-left: 10px;
    background: url(../img/selfservice/pfeil.gif) no-repeat 0 0.45em;
    cursor: pointer;
    color: #7CBA19;
    font-weight: bold;
    font-size: 100%;
    border: none;
  }
  .button_DMSVIsio2 {
    position: relative;
    width: 100px;
    float: left;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: left;
    margin-top: 5px;
    padding-left: 10px;
    margin-left: 3px;
    background: url(../img/selfservice/pfeil.gif) no-repeat 0 0.45em;
    cursor: pointer;
    color: #7CBA19;
    font-weight: bold;
    font-size: 100%;
    border: none;
  }
  .grey_button_DMSVIsio {
    position: relative;
    width: 140px;
    margin: 10px 10px 0 0;
    padding: 0 10px 0 12px;
    text-align: left;
    background: url(../img/selfservice/pfeil.gif) no-repeat 0 0.45em;
    cursor: pointer;
    color: #7CBA19;
    font-weight: bold;
    font-size: 100%;
    border: none;
  }
  .DMSVIsio_banner {
    margin: 0 0 10px 0;
  }
  .link_DMSVIsio {
    margin: 0;
    padding: 0 0 0 20px;
    background: url(../img/selfservice/pfeil.gif) no-repeat 8px 0.40em;
    cursor: pointer;
    color: #7CBA19;
    font-weight: bold;
    border: none;
    text-decoration:none;
  }
  .DMSVIsio_login h3 {
    margin: 0 0 1em 0;
    padding: 0;
  }

#preisrechner { margin: 0 auto; text-align: left; width: 560px; }
#textbox  { float: left; width: 310px; }
#plz_check { float: right; margin-top: 36px; width: 220px; background-color: #F3FBE6; }
#plz_check form { margin: 0; padding: 0; }
#plz_check form div { padding: 0; margin-top: 0; margin-right: 0; margin-bottom: 5px; margin-left: 0; display: block; }
#plz_check label { font-weight: bold; }
#plz_check label#strom_l { margin-right: 3px; }
#plz_check input#plz { padding: 1px; margin-left: 58px; width: 80px; font-size: 100%; }
#plz_check input#verbrauch { padding: 1px; margin-top: -12px; margin-left: 66px; width: 80px; font-size: 100%; vertical-align: top; }
#plz_check input.submit { float: right; margin-top: 4px; margin-right: 4px; }
#plz_check .error { font-size: 90%; }