/* Styles nach Seitenarten */

*{font-family:Helvetica,Arial,sans-serif;}
body {color:black; background-color:white;}
body {margin:0; padding:0}
   
div#oben {
  margin:0; padding:0;
  background-color:white;
  height:80px;   
  width:100%;
  background-image:Url(../img/pool/wasserflaeche_556x080.jpg); 
  background-repeat:no-repeat; 
  background-position:right;
  }
div#oben a {
  text-decoration:none;
  text-transform:uppercase;
  font-weight:bold;
  font-size:0.8em;
  color:white;}    

div#top_navigation {
  margin-top:0px;
  color:white;
  background-color:rgb(158,041,043);}
div#top_navigation ul {
  margin-top:0;
  margin-left:0;
  padding-left:15.2em;}
div#top_navigation li {
  display:inline;}  
div#top_navigation a {
  color:white;
  text-transform:uppercase;
  text-decoration:none;
  font-weight:bold;
  font-size:0.8em}
div#top_navigation span {
  font-size:0.6em;}  

/* Linker Kasten mit Sub-Navigation */  
div#links {
  background-color:rgb(218,219,221);
  width:14em;  
  height:31.4em; 
  padding-top:10px;  
  /*padding-top:1em;*/
  float:left;}
div#sub_navigation {font-size:0.8em; /* margin-top:-10px */}  
div#sub_navigation ul {margin:0; padding:0;}
div#sub_navigation ul li {list-style:none; display: block;}
div#sub_navigation a:hover, div#sub_navigation a:focus, div#sub_navigation a:active {
  color:rgb(158,041,043); 
  font-weight:bold; 
  text-decoration:underline;}
div#sub_navigation a.active {color:rgb(158,041,043); font-weight:bold;}
div#sub_navigation a {
  color:black; 
  text-decoration:none;
  display: block;
  padding: 0.2em 0.5em 0.2em 0.75em;
  border-left: 1em solid rgb(218,219,221);}
div#sub_navigation a.level1 {padding-left:10px;}
div#sub_navigation a.level2 {padding-left:16px;}
div#sub_navigation a.level3 {padding-left:22px;}
div#sub_navigation a.level4 {padding-left:28px;}
div#sub_navigation a.level5 {padding-left:34px;}
div#sub_navigation h1 {font-size:1.2em; text-transform:uppercase; padding-left:20px; color:rgb(158,041,043); }
div#sub_navigation li a:hover, div#sub_navigation li a:focus {
  border-color:rgb(158,041,043);
  color:rgb(158,041,043);
  background:rgb(163,167,170);}
/* /Linker Kasten mit Sub-Navigation */

div#rechts {
  width:224px;
  float:right;
  }
div#rechts img{ display:block;}

/* Der eigentliche Seiteninhalt */      
div#main {
  margin-left:17.5em; 
 /*	margin-left: 1px; */
  margin-right:224px;
/*	margin-right:1px;*/
  padding-left:20px;
  padding-right:20px;
  padding-top:10px;
background-color:white;
}
div#main {font-size:0.8em; line-height:1.4em}
div#main .leadtext {font-weight:bold;}
div#main h1 {font-size:1.3em;}
div#main h2 {font-size:1.1em;}
div#main h3 {font-size:0.9em;}
div#main img {margin-right:20px;}
div#main td a {text-decoration:none} /* Links auf Download-Seite */

  
/* Pressemitteilung */   
  div#main h1.pressemitteilung {}
  div#main h2.pressemitteilung {}      
  hr.pressemitteilung {
    width:60%;
    margin-left:0; text-align:left; 
    color:rgb(042,081,159); background-color:rgb(042,081,159);}

/* Pressemitteilung-Index */
  h1.pmindex {}  
  div.pmindex_headline {font-weight:bold;}
  div.pmindex_teaser {}
  div.pmindex_link {}

/* Stellenangebot */
  div#main h1.stellenangebot {}
  div#main h2.stellenangebot {}      
  hr.stellenangebot {
    width:60%;
    margin-left:0; text-align:left; 
    color:rgb(042,081,159); background-color:rgb(042,081,159);}    
  
/* Wasserwerke-Index */
  h1.wwindex {}
  div.wwindex_link {}
  div.wwindex_link a {text-decoration:none; line-height:0.8em}  

/* Tabellen */
table {font-size:1em}
th {padding-left:10px; padding-right:10px}
td {padding-left:10px; padding-right:10px}
th {text-align:left;}
tr {vertical-align:top}
.a {background-color:rgb(170,186,217); }
.b {background-color:rgb(218,219,221); }
td.rechts, th.rechts {text-align: right; }
table caption {padding-left:10px; padding-right:10px; text-align:left; font-weight:bold;}

/* Tabelle "Anschrift" Kontakt/Unternehmenskommunikation */
table#anschrift td {padding-left:0px}

/* Tabelle Mail Formulare RE */
div#main table.mailformular{width:100%}
div#main table.mailformular td.leerzelle {border:none; padding:0px;}
div#main table.mailformular td.knopf{border:none; padding:0px; text-align: center;}
div#main table.mailformular td{border:solid 3px rgb(218,219,221); padding:5px;}
/*div#main table.mailformular td.efeld {width: 15em;}*/
div#main table.mailformular td.wichtig {border:solid 3px rgb(158,041,043); padding:5px;}
div#main table.mailformular td.wichtigleer {border:solid 3px rgb(158,041,043); padding:5px;background-color:rgb(255,255,0);}
/* ENDE Tabelle Mail Formulare RE */

/* Druckseite Abwasserermässigung RE */
div#abwedruck {
	margin:0px;
	padding:0px;
	background-color:white;
	}
div#abwedruck *.hinweisb {
	font-family: Arial,Helvetica,Sansserif;
	font-size: 8pt;
	font-weight: normal;
	color: #000000;
	}
div#abwedruck P.head {
	font-family: Arial,Helvetica,Sansserif;
	font-size: 11pt;
	font-weight: bold;
	color: #3B4E94;
	}
div#abwedruck font.text	{
	font-family: Arial,Helvetica,Sansserif;
	font-size: 8pt;
	font-weight: normal;
	color: #000000;
	}	
div#abwedruck td.head {
	font-family: Arial,Helvetica,Sansserif;
	font-size: 11pt;
	font-weight: bold;
	color: #3B4E94;
	}
div#abwedruck td.subhead {
	font-family: Arial,Helvetica,Sansserif;
	font-size: 9pt;
	font-weight: bold;
	color: #3B4E94;
	}
div#abwedrucktd.text{
	font-family: Arial,Helvetica,Sansserif;
	font-size: 9pt;
	font-weight: normal;
	color: #000000;
	}
div#abwedruck td.frage {
	font-family: Arial,Helvetica,Sansserif;
	font-size: 9pt;
	font-weight: bold;
	color: #000000;
	}
div#abwedruck *.briefanschrift { 
	font-family: Arial,Helvetica,Sansserif;
	font-size: 8pt;
	font-weight: bold;
	color: #000000;
	 }
/* ENDE Druckseite Abwasserermässigung RE */

/* Tabelle für Kontaktdaten */
table.kontakt {}
th.kontakt {padding-left:0px; padding-right:0px}
td.kontakt {padding-left:0px; padding-right:0px}

/* Tabelle auf der Seite unternehmen.html */
/*
table.unternehmen {float:right; margin-left:10px;}
table.unternehmen td.artikel {width:200px;}
table.unternehmen td.einheit {width:60px;}
table.unternehmen td.zahl {width:60px; text-align:right;}
*/

/* Tabelle für die WasserBus-Termine */
table.wasserbus {width:490px}
table.wasserbus td {padding-left:10px; padding-right:10px}
table.wasserbus th {padding-left:10px; padding-right:10px}

/* Tabelle für Baustellen */
td.datum {text-align:right}

/* Navigation "Vorherige|Nächste Seite" */
/* Navigation "Zurück zur Übersicht" */
/* wird auch für Links z.B. "Wasseranalyse als PDF-Datei" verwendet */
#nav_backnext {text-align:right; }
.nav_backnext {text-align:right; }

/* Grafikseite */
h1.grafik {font-size:1.3em;}

/* Sitemap */
#sitemap a {text-decoration:none}
#sitemap .level0 {
  margin-bottom:10px;
  display:none;}
/*   
#sitemap .level0 a {
  font-weight:bold;
  color:#ff9933;}
 */  
#sitemap .level1 {
  margin-bottom:2px;
  padding-top:10px;
  padding-bottom:2px;
  font-weight:bold;}
#sitemap .level2 {
  margin-left:20px;
  margin-bottom:2px;
  padding-top:2px;
  padding-bottom:2px;
  padding-left:5px;}
#sitemap .level3 {
  margin-left:40px;
  margin-bottom:2px;
  padding-top:2px;
  padding-bottom:2px;
  padding-left:5px;}
#sitemap .level4 {
  margin-left:60px;
  margin-bottom:2px;
  padding-top:2px;
  padding-bottom:2px;
  padding-left:5px;}
#sitemap .level5 {
  margin-left:80px;
  margin-bottom:2px;
  padding-top:2px;
  padding-bottom:2px;
  padding-left:5px;}  

/* Wasserlexikon */
dl {font-size:10pt; margin-top:10px; margin-bottom:0px}
dt {font-weight:bold;}
dd {font-weight:normal; margin-left:12px}
a.glossary_letter {}
a.nachoben {font-weight:normal; font-size:10px;}

/*
.kasten {
  border: 1px solid rgb(128,151,197); 
  padding: 5px;
  width: 100%;}  
*/

hr {
  color:rgb(128,151,197);
  background-color:rgb(128,151,197);
  }

.kasten {
  border: 1px solid rgb(128,151,197); 
  padding: 5px;
  }  

div.lightbox {
  float: left; 
  text-align: center;
  margin-right:1em;
  width:300px;}
div.lightbox a {text-decoration:none}
div.lightbox div.zoom {background-color:rgb(218,219,221)}     

div#all {
  background-color:rgb(218,219,221);}
  
/* Fußzeile */  
div#footer {
/*	overflow: hidden;
	clear: both;
	width: 100%;
	margin: -1px 0 0 0;
	background-color:rgb(218,219,221);
*/
  clear:left;  
  background-color:rgb(218,219,221);
  margin:0px;  
  }
div#footer_text {float:left; color:rgb(158,041,043); font-size:0.8em; font-weight: bold; margin-left:20px; padding-top:4px}
div#footer_to_top {text-align:right}
div#footer img {border:none; margin-top:4px}      

/* Das Logo oben links */
img#logo {
  float:left; border:none; margin-top:5px;
  }

/* Link zu Suchergebnissen */
a.suche_link {text-decoration:none}
  
.unsichtbar {display:none} /* Verbesserung der Usability für Screenreader-Benutzer */  

/* Druckersymbol am Anfang jeder Inhaltsseite */
div#drucken_oben {float:right}
div#drucken_oben img {border:none}

/* Styles für Bildergalerie */
  #gallery { 
    /* width: 620px; */
    width:100%;
    } 
  .foto_rahmen { 
     float: left; 
     text-align: center; 
     margin-bottom: 5px; 
     margin-right: 5px; 
     padding: 2px; 
     height: 110px; 
     width: 120px; 
     color: #666666; 
     display: block; 
    } 
  .foto_rahmen a:hover { 
     background: none; 
    } 
  .foto_rahmen a:hover img { 
     /* background-color: #CEEB83 */; 
     /* border-color: #84AE46; */
     background-color: rgb(200,202,204); 
     border-color: rgb(085,117,178);  
    } 
  .foto_rahmen img { 
     border-color: rgb(085,117,178); 
     border-style: solid; 
     border-width: 1px; 
     padding: 2px; 
     text-align: center; 
     margin-bottom: 2px; 
    } 
/* /Styles für Bildergalerie */

/* label {display:none} */
label {color:black}

/* Zitate */
q {font-style:italic;}

/* Formulare */
fieldset {border:none}
  
/* ################################################################################ */
/* Druckanpassungen                                                                 */  
/* ################################################################################ */

div#oben {display:none}
div#top_navigation {display:none}
div#links {display:none}
div#rechts {display:none}
div#footer {display:none}  
div#drucken_oben {display:none}

div#main {
  margin-left:0em;
  margin-right:0px;
  padding-left:0px;
  padding-right:0px;
  padding-top:0px;
background-color:white;}