/* CSS-Design, 27.12.05:	pietzpluswild.de fuer die SWB Energie und Wasser GmbH*/


/* Grundelemente */
body {text-align: left;margin: 0px 0px;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 1em;background-color: #006ab2;}

#aussen{width: 976px;margin-right:auto;margin-left:auto;margin-top:8px;padding:0px 0px 0px 0px;border-width: 1px 1px 2px 1px; border-color: #fff;border-style: solid;
border-bottom-color: #024776;
 color: #18396f;background-color: #fff;}
#innen  {width: 990px;margin: 0px;}

img {border: 0;}
hr {display:none; }
ul, ol, li {list-style: none;margin: 0em;border: 0em;padding: 0px;}

li { line-height:24px; }
.versteckt {display: none;}
.neuer_abschnitt {clear: both;}

.myul li {list-style: disc;margin: 0em;margin-left:1em;border: 0em;padding: 0px;}
.myol li {list-style: decimal;margin: 0em;margin-left:4em;border: 0em;padding: 0px;}
.myul2 li {list-style: disc;margin: 0em;margin-left:1em;border: 0em;padding: 0px;}

/* VORTEIL */
.vorteil{
	/*list-style-image: url('/images/square.png');*/
	font-size: 13px;
	color: #006ab2;
	font-weight: bold;
	paddig-top: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	/*background: url(/images/square.png) no-repeat center left;*/
}

table.vorteil{
	width:100px;
	margin-bottom: 8px;
	margin-left: 10px;
}
td.punkt{
	width: 1px;
	padding-top:12px;
}
td.vorteil{
	width: 10%;
	padding-top:5px;
}
td.check{
	width: 90%;
	padding-left: 10px;
}


/* Kopf */

.kopf {
width:976px;
float:left;
}

.kopfskalieren {
width:976px;
height:141px;
float:left;
}

.kopflogo {
width:0px;
height:0px;
float:left;
}

h1 {
font-size: 1.4em;
color: #006ab2;
}

h2 {
font-size: 1.1em;
color: #006ab2;
font-weight: bold;
padding-bottom: 5px;
}

h3 {
font-size: 0.9em;
color: #2f2f2f;
font-weight: bold;
padding-bottom: 5px;
}

h4 {
font-size: 0.8em;
color: #006ab2;
font-weight: bold;
padding-bottom: 0px;
}



.adobe {
    width:90%;
    height:125px;
    background-color:#dceaf5;
    padding-left:25px;
    padding-right:25px;
}

.ladobe {
    width:75%;
    height:55px;
    float:left;
    margin-right:15px;
}

.radobe {

}

.blau {

 color: #1269ad;
}

.bonncheck  {
 color: #e2007a;
}


.bonneco  {
 color: #cb0720;
}  

.bonnbest  {
 color: #cb0720;
}

.bonnhome  {
 color: #0d379b;
}


.bonnduo-green  {
 color: #129035;
}  

.bonnduo-yellow  {
 color: #e6c913;
}  


.bonnfixx  {
 color: #DB0031;
}

.bonnplus  {
 color: #ff7d21;
}

.bonnpremium  {
 color: #6a7070;
}

.bonnnatur  {
 color: #008554;
}

.energieonline  {
 color: #007cbf;
}

.bonnklima-blau  {
 color: #006ab1;
}


.kleiner {
    font-size:0.85em;
}

.d_linien {
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
color: #fff;
}

.d_linien_b {
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
color: #fff;
}

.kopfnav {
float: left;
}

/* Linke Spalte */

.linke_spalte {
width:210px;
/*padding: 22px 0px 0px 9px;*/
float:left;
}



.nav a:link, .nav a:visited {
padding-left: 30px;
display: block;
width: 200px;
height: 26px;
line-height: 18px;
color: #006ab2;
text-decoration: none;
background: url(/images/blau_n.gif) no-repeat top left;
font-size: 12px;
font-weight: bold;
}

.nav a:hover, .nav a:focus {
background: url(/images/blau_o.gif) top left no-repeat;
}

.navaktiv a:link, .navaktiv a:visited {
padding-left: 30px;
display: block;
width: 200px;
height: 26px;
line-height: 18px;
color: #006ab2;
text-decoration: none;
background: url(/images/blau_o.gif) no-repeat top left;
font-size: 12px;
font-weight: bold;
}

.navaktiv a:hover, .navaktiv a:focus {
background: url(/images/blau_o.gif) top left no-repeat;
}

.navs a:link, .navs a:visited {
padding-left: 30px;
display: block;
width: 200px;
height: 20px;
line-height: 18px;
color: #000;
text-decoration: none;
background: url(/images/schwarz_n.gif) no-repeat top left;
font-size: 12px;
font-weight: bold;
}

.navsaktiv a:hover, .navsaktiv a:focus {
background: url(/images/schwarz_n.gif) top left no-repeat;
}

.navs a:hover, .navs a:focus {
background: url(/images/schwarz_o.gif) top left no-repeat;
}

.navsaktiv a:link, .navsaktiv a:visited {
padding-left: 30px;
display: block;
width: 200px;
height: 20px;
line-height: 18px;
color: #000;
text-decoration: none;
background: url(/images/schwarz_o.gif) no-repeat top left;
font-size: 12px;
font-weight: bold;
}


/* Mitte Inhalt */

.abstand-kopf{
	padding: 0.3em 0em 0em 0em;
	width: 6em;
}

.mitte_spalte{
   float:left;
	padding: 0 0 0 12em;
	width:680px;
}


.gestrichelt{
    float:left;
	padding: 0em 2em 0em 2em;
	width:560px;
	height:1px;
	background-color: #ffffff;
	margin: 1px;
	border-bottom: 1px dashed rgb(0, 0, 0);
	line-height: 1px;
	margin-top:0.5em;
	margin-bottom:1em;
}


.spalte-blau{
   float:left;
	padding: 0em 2em 0em 2em;
	width:530px;
	height:20px;
	background-color: #d9e9f4;
	margin: 1px;
}

.spalte-weiss-extra{
   float:left;
	padding: 0em 2em 0em 1.5em;
	width:556px;
	height:25px;
	background-color: #fff;
	margin-top: 3px;
}

.spalte-blau-extra{
   float:left;
	padding: 0em 2em 0em 1.5em;
	width:506px;
	height:25px;
	background-color: #d9e9f4;
	margin-top: 3px;
}

.spalte-blau-extra2{
   float:left;
	padding: 0em 2em 0em 1.5em;
	width:556px;
	background-color: #ffffff;
	margin-top: 3px;
}

.blauheadline {
    font-weight:bold;
    color:#d9e9f4;
}

.spalte-blau-extra3{
   float:left;
	padding: 0em 2em 0em 2.0em;
	width:498px;
	background-color: #ffffff;
	margin-top: 3px;
	border:1px solid #d9e9f4;
}

.spalte-blau-fest-a{
   float:left;
	padding: 0.3em 2em 0em 2em;
	width:220px;
	height:25px;
	background-color: #d9e9f4;
	margin-top: 4px;
}

.spalte-blau-fest-b{
   float:left;
	padding: 0.3em 0em 0em 0em;
	width:300px;
	height:25px;
	background-color: #d9e9f4;
	margin-top: 4px;
}

.spalte-grau-fest-a{
   float:left;
	padding: 0.3em 2em 0em 2em;
	width:220px;
	height:25px;
	background-color: #eeeeee;
	margin-top: 4px;
}

.spalte-grau-fest-b{
   float:left;
	padding: 0.3em 0em 0em 0em;
	width:300px;
	height:25px;
	background-color: #eeeeee;
	margin-top: 4px;
}


.spalte-weiss-fest-a{
   float:left;
	padding: 0em 2em 0em 2em;
	width:220px;
	height:20px;
	background-color: #fff;
	margin-top: 4px;
}

.spalte-weiss-fest-b{
   float:left;
	padding: 0em 0em 0em 0em;
	width:300px;
	height:20px;
	background-color: #fff;
	margin-top: 4px;
}

.spalte-weiss{
   float:left;
	padding: 0em 2em 0em 2em;
	width:530px;
	height:20px;
	background-color: #f7fafd;
	margin: 1px;
}

.spalte-abstand{
   float:left;
	padding: 0em 2em 0em 2em;
	width:530px;
	height:20px;
}

.spalte-abstand-b{
   float:left;
	width:530px;
	height:1px;
	margin: 0px;
	line-height: 0px
}

.spalte-abstand-b2{
   float:left;
	width:530px;
	margin: 0px;
	line-height: 0px
}

.text {
font-size: 0.8em;
color: #14152A;
line-height: 1.5em;
}

.hausrichten {
	margin: 0;
}

.content-link:link, .content-link:visited, .content-link:active {
	color: #006ab2;
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	/*background-color: #fff;*/
	font-weight: bold;
}

.content-link:focus, .content-link:active, .content-link:hover {
	color: #006ab2;
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}





.einruecken {
padding: 8px 0px 0px 50px;
}

.einruecken-b {
padding: 0px 0px 0px 50px;
}

.box1 {
float: left;
	}

.weiter{
text-align: center;
}


/* Fuss */
#fuss-center{width:976px;margin-right:auto;margin-left:auto;padding:0px 0px 0px 0px;}

#text_unten ul {
padding: 0px 0px 0px 2.3em;
}

#text_unten li {
float: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.75em;
padding:5px 2px 10px 2px;
}

#text_unten li a {color: #fff; text-decoration: none; font-weight: normal;}
#text_unten li a:link {color: #fff;}
#text_unten li a:visited {color: #fff;}
#text_unten li a:hover {color: #fff;text-decoration: underline;}
#text_unten li a:focus {color: #fff;text-decoration: underline;}

.rechts {
text-align:right;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.75em;
padding:7px 2px 10px 2px;
}

a.printlink {color: #fff; text-decoration: none; font-weight: normal;}
a.printlink:link {color: #fff;}
a.printlink:visited {color: #fff;}
a.printlink:hover {color: #fff;text-decoration: underline;}
a.printlink:focus {color: #fff;text-decoration: underline;}

.abstand_fuss {
padding-bottom: 2.7em;
}




/* Formular */

.text_1 {
font-size: 12px;
color: #fff;
line-height: 1.37em;
}

.text_2 {
font-size: 12px;
color: #000;
line-height: 1.37em;
}


form {
margin: 0px;
}

fieldset {
color: #565658;
background-color: #fff;
border-color: #fff;
border-style: solid;
border-width: 1px;
}

input.kopf-b
{
	height: 24px;
	width: 210px;
	border-width: 2px;
	border-style: solid;
	border-color: #fff;
	font-weight: normal;
	line-height: 18px;
	font-size: 18px;
	background-color: #fff;
	padding-left: 8px;
	color: #fff;
	background-image: url(/images/formular_back_a.gif);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 6px;
}

input.kopf-c
{
	height: 14px;
	width: 176px;
	border-width: 1px;
	border-style: solid;
	border-color: #7f9db9;
	font-weight: normal;
	line-height: 12px;
	font-size: 12px;
	background-color: #fff;
	padding-left: 4px;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 3px;
	background-image: url(/images/formular.jpg);
}

input.kopf-d
{
	height: 14px;
	width: 112px;
	border-width: 1px;
	border-style: solid;
	border-color: #7f9db9;
	font-weight: normal;
	line-height: 12px;
	font-size: 12px;
	background-color: #fff;
	padding-left: 4px;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 3px;
	background-image: url(/images/formular.jpg);
}

/* Tabellen */

td.list {
   line-height:20px;
   left: 50px;
   border-bottom-width: 1px;
   border-bottom-style: dotted;
   border-bottom-color: #CCCCCC;
   background-color: #FFFFFF;
   width: 20%;
 }


td {
  font-size: 11px;
  color: #00346e;
}

caption {
  font-size: 12px;
  color: #006ab2;
  font-weight: bold;
  text-align: left;
  line-height: 25px;
}

th {
  line-height:13px;
  background-color: #d9e9f4;
  font-size: 11px;
  text-decoration: none;
  color: #006ab2;
  border: 1px solid #fff;
  text-align: left;
}

tr {
  vertical-align: top;
}

table {
   width: 560px;
}


/* Extras */

.button {
background-color: #006ab2;
border-color: #FFFFFF;
border-width: 1px;
color: #fff;
font-size: 12px;
font-weight: bold;
padding: 1px;
text-align: center;
}

.bonnnatur {
color: #008554;
}

.bonnpremium {
color: #6a7070;
}

.noblock {
	margin:0px;
	padding:0px;
}


.spalte_l {
	width:14em;
	text-align:right;
	float:left;
	margin-bottom:1em;
}

.spalte_h2 {
	padding-left:2em;
	width:21em;
	float:left;
	margin-bottom:1em;
}


/*###################################*/

.msg_err {
	width:80%;
	float:left;
	padding: 0em 2em 0em 2em;
	COLOR: #FF2222;
	FONT-SIZE: 11px;
	display: block;
}

.nomsg_err {
	/*width:100%;*/
	float:left;
	display: none;
}

.label_err {
	COLOR: #FF2222;
}

input.kopf-c_err {
	height: 14px;
	width: 176px;
	border-width: 1px;
	border-style: solid;
	border-color: #FF2222;
	font-weight: normal;
	line-height: 12px;
	font-size: 12px;
	background-color: #fff;
	padding-left: 4px;
	color: #FF2222;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 3px;
	background-image: url(/images/formular.jpg);
}

input.kopf-d_err{
	height: 14px;
	width: 112px;
	border-width: 1px;
	border-style: solid;
	border-color: #FF2222;
	font-weight: normal;
	line-height: 12px;
	font-size: 12px;
	background-color: #fff;
	padding-left: 4px;
	color: #FF2222;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 3px;
	background-image: url(/images/formular.jpg);
}
/*---------------------------------------------- ROBIN's CSS --------------------------------------------*/

.png{ behavior:url(../iepngfix/iepngfix.htc); }

.margin_spalte{
	margin-left:0;
}

.h1_padding{
	padding:3px 0 6px 0;
}

.inhalt h2{
	font-size: 1.0em;
	color: #006ab2;
	font-weight: bold;
	margin-bottom:-18px;
	margin-top:25px;
}

.mitte_spalte{
   float:left;
	padding: 0 0 0 12em;
	width:680px;
}

.inhalt{
	font-size: 0.9em;
	color: #14152A;
	line-height: 1.5em;
	padding:0 29px 0 2px;
}


.kontakt{
	margin-top:42px;
	margin-bottom:27px;
	height:189px;
	width:636px;
	background:url(../../images/kontakt.png) no-repeat;
}

.kontakt_text{
	margin-left:69px;
}

.kontakt_text p{
	font-size: 0.9em;
	color: #14152A;
	line-height: 1.5em;
}

.kontakt_text h1{
 	font-size:1.0em;
	padding-top:24px;
	margin-bottom:-6px;
	line-height:1.4em;
}

.thankyou{
	margin-top:50px;
	margin-bottom:27px;
	height:189px;
	width:636px;
}

.thankyou p{
	font-size: 0.9em;
	color: #14152A;
	line-height: 1.5em;
}

.mail #swb_mail{
    background:url(../../images/mail_input.gif) no-repeat scroll left center;
    border:medium none;
    color:#006ab2;
    display:block;
    font-size:0.9em;
    height:32px;
    padding:3px 0 1px 10px;
    width:310px !important;
}

.absenden{
	margin-left:337px;
	margin-top:-32px;
}