/* CSS-Design, 27.03.06:	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;}

#aussen{width: 700px;margin-right:auto;margin-left:auto;margin-top:8px;padding:0px 0px 0px 0px;border-width: 0px; border-color: #fff;border-style: solid;
border-bottom-color: #024776;
 color: #18396f;background-color: #fff;}
#innen  {width: 974px;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:600px;
float:left;
}

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

.kopflogo {
background-image: url(/images/logodruck.jpg);
background-repeat: no-repeat;
width:666px;
height:159px;
line-height: 120px;
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.9em;
color: #006ab2;
font-weight: bold;
padding-bottom: 5px;
}


.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 {

}



.schwarz {
color: #000;
}

.blau {
color: #006ab2;
}

.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:0px;
padding: 0px;
float:left;
line-height: 0px;
height: 0px;
display: none;
}



.nav a:link, .nav a:visited {
padding-left: 0px;
display: block;
width: 0px;
height: 26px;
line-height: 0px;
color: #006ab2;
text-decoration: none;
background: url(/images/blau_n.gif) no-repeat top left;
font-size: 0px;
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: 0px;
display: block;
width: 0px;
height: 0px;
line-height: 0px;
color: #006ab2;
text-decoration: none;
background: url(/images/blau_o.gif) no-repeat top left;
font-size: 0px;
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: 0px;
display: block;
width: 0px;
height: 0px;
line-height: 0px;
color: #000;
text-decoration: none;
background: url(/images/schwarz_n.gif) no-repeat top left;
font-size: 0px;
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: 0px;
display: block;
width: 0px;
height: 0px;
line-height: 0px;
color: #000;
text-decoration: none;
background: url(/images/schwarz_o.gif) no-repeat top left;
font-size: 0px;
font-weight: bold;
}


/* Mitte Inhalt */

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

.mitte_spalte{
   float:left;
	padding: 0em 2em 0em 2em;
	width:640px;
}


.gestrichelt{
    float:left;
	padding: 0em 2em 0em 2em;
	width:360px;
	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:506px;
	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:506px;
	background-color: #d9e9f4;
	margin-top: 3px;
}

.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:200px;
	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:200px;
	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:200px;
	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;display:none;}

#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;
}