body, body.homepage, body.inhalt  {
  top:0px;
  left:0px;
  margin-top:0px;
  margin-left:0px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:10pt;
  background:#E4F1FB;
  color:#003C80;
}

body.inhalt {   background:#E4F1FB url("/layout/images/bg/bgkachel.jpg") top left; }
body.homepage {   background:#E4F1FB url("/layout/images/bg/bg.gif") top left; }

.skipintro {
  background:#115B99;
  text-align:center;
  color:#FFFFFF;
  font-size:90%;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
}

a:link.skiplink { color:#FFFFFF; text-decoration:none; font-weight:bold; font-size:90%; }
a:visited.skiplink { color:#FFFFFF; text-decoration:none; font-weight:bold; font-size:90%; }
a:hover.skiplink { color:#FF0000; text-decoration:none; font-weight:bold; font-size:90%; }

tr,td { vertical-align:top; }

.rot { color:#DA203D; vertical-align:top; }

/* Formulare */

input,select,textarea {
  background:#F6FBFE;
  border:1px solid #003C80;
}

textarea { width:350px; }
input.c1 { width:250px; }
input.c21 { width:60px; }
input.c29 { width:90px; }
input.c22 { width:200px; }
input.kn1 { width:20px; }
input.kn2 { width:25px; }
input.kn3 { width:55px; }

body,p,td {
  font-size:10pt;
}

h1, .h1, .absatz_title {
  font-size: 17pt;
  font-weight: bold;
  color: #003C80;
}

h2, .h2, .absatz_section {
  font-size: 15pt;
}

a.h2:link { font-size:11pt; }
a.h2:visited { font-size:11pt; }
a.h2:hover { font-size:11pt; }

h3, .h3, .absatz_subsection {
  font-size: 14pt;
  font-weight: bold;
  color: #003C80;
}
h4, .h4, .absatz_subsubsection {
  font-size: 13pt;
}
h5, .h5 {
  font-size: 12pt;
  color: #003C80;
}
h6, .h6 {
  font-size: 12pt;
  font-weight: bold;
}

p, .absatz_standard {
  font-size:10pt;
}

small, .small, .klein, .absatz_klein {
  font-size:8pt;
}

.absatz_quotation {
  font-style: italic;
}
.absatz_monospace {
  font: 100% monospace;
}

a:link { color:#1268B3; font-weight:bold; }
a:visited { color:#6E316F; font-weight:bold; }
a:hover { color:#0000FF; font-weight:bold; }

/* Navigation ==================================================== */

#navigation {
  position:absolute;
  top:0px;
  left:0px;
  width:294px;
  height:768px;
  z-index:0;
  padding:0px 0px 0px 0px;
  margin:0px 0px;
  background:#E4F1FB url("/layout/images/bg/linksoben.jpg") no-repeat top left;
}

#derverband { position:absolute; top:30px; left:125px; width:86px; }
#notdienst { position:absolute; top:60px; left:53px; width:137px; }
#tarife { position:absolute; top:90px; left:127px; width:45px; }
#verbrauch { position:absolute; top:120px; left:12px; width:147px; }
#dezentral { position:absolute; top:150px; left:2px; width:148px; }
#haus { position:absolute; top:180px; left:22px; width:110px; }
#leitung { position:absolute; top:210px; left:0px; width:120px; }
#formulare { position:absolute; top:240px; left:20px; width:74px; }
#tipps { position:absolute; top:270px; left:40px; width:45px; }
#kontakt { position:absolute; top:300px; left:10px; width:60px; }
#news { position:absolute; top:330px; left:10px; width:44px; }

/* ohne oder mit subnavi... */
#logohome { position:absolute; top:360px; left:80px; width:102px; }
#texthome { position:absolute; top:420px; left:63px; width:47px; }
#impressum { position:absolute; top:445px; left:53px; width:79px; }
#sitemap { position:absolute; top:515px; left:40px; width:79px; }

#logohome_oben { position:absolute; top:150px; left:180px; width:102px; }
#texthome_oben { position:absolute; top:220px; left:163px; width:47px; }
#impressum_oben { position:absolute; top:240px; left:153px; width:79px; }
#sitemap_oben { position:absolute; top:260px; left:140px; width:79px; }

#subnavi {
  position:absolute;
  top:295px;
  left:115px;
  width:160px;
  z-index:10;
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
}

#subnavi_inner {
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
  background:#FFFFFF;
  border:1px solid #003C80;
}


.aktivesthema {
  font-size:80%;
  color:#FF9C01;
  display:block;
  padding:2px 2px 2px 4px;
  margin:0px 0px;
  background:#FFFFFF;
  border-top:1px solid #003C80;
  font-weight:bold;
}

a.subnaviheadlink:link, a.subnaviheadlink:visited, a.subnaviheadlink:hover {
  display:block;
  color:#FFFFFF;
  background:#003C80;
  margin:0px 0px 0px 0px;
  padding:2px 2px 2px 4px;
  text-decoration:none;
}

a.subnavilink {
  font-size:80%;
  display:block;
  padding:2px 2px 2px 4px;
  margin:0px 0px;
  border-top:1px solid #003C80;
}

a.subnavilink:link { text-decoration:none; color:#003C80; }
a.subnavilink:visited { text-decoration:none; color:#003C80; }
a.subnavilink:hover { text-decoration:none; color:#FFFFFF; background:#003C80; }

a.subnavikatlink {
  font-size:80%;
  display:block;
  margin:0px 0px;
  padding:2px 0px;
  border-top:1px solid #003C80;
}

a.subnavikatlink:link { text-decoration:none; color:#02B2EB; }
a.subnavikatlink:visited { text-decoration:none; color:#02B2EB; }
a.subnavikatlink:hover { text-decoration:none; color:#FF9C01; background:#003C80; }


/* Inhalt ==================================================== */

a.pfad:link, a.pfad:visited, a.pfad:hover {
  font-weight:normal; text-decoration:none; font-size:7pt;
}
a.pfadgrau:link, a.pfadgrau:visited, a.pfadgrau:hover {
  font-weight:normal; text-decoration:none; font-size:7pt; color:#ABABAB;
}
span.pfad { color:#ABABAB; font-weight:normal; text-decoration:none; font-size:7pt; }

#inhalt {
  position:absolute;
  top:115px;
  left:300px;
  width:60%;
  z-index:20;
  margin-bottom:50px;
}

#kopf {
  position:absolute;
  top:35px;
  left:300px;
  z-index:10;
  font-size:7pt;
}

#fuss {
  clear:both;
}

#copyright {
  padding:20px 0px 50px 0px;  
}

/* Suche ==================================================== */
/* suche2 wenn Subnaiv da, ansonsten suche */
#suche2 {
  font-size:8pt;
  font-weight:bold;
  display:block;
  margin:5px 0px 5px 0px;
  padding:2px 0px 2px 0px;
}

#suche {
  position:absolute;
  top:457px;
  left:51px;
  z-index:20;
  font-size:8pt;
  font-weight:bold;
  display:block;
  margin:15px 2px 5px 2px;
  padding:2px 4px 2px 0px;
}
a.suchlink:link, a.suchlink:visited, a.suchlink:hover {
  text-decoration:none;
  font-size:8pt;
  color:#003C80;
  font-family:Arial, Helvetica, sans-serif;
}
.suchfeld {
  width:100px;
  font-size:8pt;
  line-height:8pt;
  background:#F6FBFE;
  color:#000000;
  font-family:Arial, Helvetica, sans-serif;
  border:1px solid #003C80;
}
