/*********************************/
/*   Author:  E.G.Ehlert f?r     */
/*   www.zwa-eberswalde.de       */
/*********************************/
/*
************************
***   1. MAIN BODY   ***
/***********************
Hack für 100% H?he "Footer Stick alt"
der Footer wurde unterhalb von #Wrap positioniert und mit
negativem margin-height entsprechend der footer-höhe versehen
*/
html, body {
  margin: 0;
  padding: 0;
  border: 0;
  height: 100%;  /*Footer Stick alt*/
}

body {
  font-size: 62.5%;
  background: url(../img/background_blau.gif) repeat-y center;
  font-family: Verdana, Tahoma, Arial, sans-serif;
  color: #483D8B;
  overflow: -moz-scrollbars-vertical; /*Platzhalter f?r MOZ-Scrollbar NICHT VALID*/
}

#wrap {
  position: relative; /*Footer Stick alt*/
  min-height: 100%;
  width: 900px;
  margin: 0 auto;
  background-color: #F5FBFE;
}

* html #wrap {      /*Footer Stick alt* fur IE 6 */
  height: 100%;
  margin-bottom: 10px;
}
/*
*********************************************************
************** 2. GLOBALE DEKLARATIONEN    **************
*********************************************************
******* 2.1 LINKS ********
**************************
*/
a:link {
  color: #008000;
  text-decoration: none;
  background: transparent;
}
a:visited {color: #800000; text-decoration: none;}
a:hover, a:active {
  color: #0000FF;
  text-decoration: underline;
  background-color: transparent;
}
/*
********************************
***  2.2 ALLGEMEINE ELEMENTE ***
********************************
*/
p {margin: 0 0 0.6em;}
h1 {font-size: 1.5em;}
h2 {font-size: 1.0em;}
a img {border: none;} /*bei Bilderlinks kein Rahmen*/
hr {clear: both; visibility: hidden;} /*Footer Stick alt, wird am ende des content-containers gesetzt*/
/*
*****************************
***   2.2 VERSCHIEDENES   ***
*****************************
*/
/* Abstaende*/
.mo0 {margin-top: 0;}
.mo1 {margin-top: 1.0em;}
.mo15 {margin-top: 1.5em;}
.mo2 {margin-top: 2.0em;}
.mu0 {margin-bottom: 0;}
.mu1 {margin-bottom: 1.0em;}
.mu15 {margin-bottom: 1.5em;}
.ml1 {margin-left: 1.0em;}
.mlr0 {margin-left: 0; margin-right: 0;}

/* Breiten */
.voll {width: 100%;}
.halb {width: 50%;}
.viertel {width: 25%;}
.dreiviertel {width: 75%;}
.nullacht {width: 80%;}
.drittel {width: 33.3%;}
.b400 {width: 400px;}
.b500 {width: 520px;}
/* Schriftgroessen*/
.schr08 { font-size: 0.8em;}
.schr10 { font-size: 1.0em;}
.schr11 { font-size: 1.1em;}
.schr12 { font-size: 1.2em;}
.schr13 { font-size: 1.3em;}
.schr14 { font-size: 1.4em;}

/* Ausrichtung*/
.flLinks {float: left;}
.flRechts {float: right;}
.flTop {float: inherit; padding-top: 12px;}
.nofloat {clear: both;}
.center {margin-left: auto; margin-right: auto;}
.mittig {text-align: center; }
.links {text-align: left; }
.rechts {text-align: right; }
/* Rahmen */
.rahmen {border: 0.1em solid #A9A9A9;}
.keinrahmen {border: none;}
.rahmen-unten { border-bottom: 1px solid #A9A9A9;}
.unterstrichen { text-decoration: underline;}

/*
**********  ENDE GLOBALE DEKLARATIONEN   ****************
*
*********************************
***  3. BEREICHE DER SEITE    ***
*********************************
******************
*** 3.1 HEADER ***
******************
*/
#header-section {
  width:/*76em;*/ 900px;
  margin-left: 0;
  padding: 0;
}

#titel-shadow {
  font-size: 1.8em;
  line-height: 1.8em;
  padding: 0px 0px 0px 10px;
  color: #A9A9A9;
  font-weight: bold;
  margin-top: 0px;
  background: url(../img/wasser_32px.gif) repeat;
  border-bottom: 1px solid #708090;
}

#titel {
  position: absolute;
  z-index: 4;
  left: 8px;
  top: -2px;
  color: #0667AE;
  margin: 0;
  padding: 0;
  font-weight: bold;
  font-size: 1.8em;
  line-height: 1.8em;
}

#header-background {
  width: 100%;
  height: 12em;
  border: none;
  margin: 0em 0em 0em 0em;
  background: url(../img/Wassertropfen_head_900x120.jpg) no-repeat;
}

#header-background h1 {
  font-size: 2.4em;
  color: #0667AE;
  margin: 3.5em 0em 0em 5.0em;
  padding: 0px 0px 0px 5px;
}
/*
******************************************
/*** 3.2 BREADCRUMP NAVIGATION + SUCHE ***
******************************************
*/
#breadcrumb {
  height: 2.2em;
  font-size: 1em;
  margin: 0em 0em 0em 0em;
  padding: 0.5em 0.5em 0em 1.0em;
  /*background: url(../img/wasser_32px.gif) repeat;*/
  /*border-bottom: 1px solid #708090;*/
}

#suche-seite {
  float: right;
  height: 1.8em;
  width: 180px;
  margin: 0;
}

* html #suche-seite { /* IE6 */
  margin-top: 2px;
  margin-bottom: -22px;
}
#suche-seite fieldset {
  border: none;
  height: 1.4em;
}
#suche-seite #search-btn {
  height: 1.8em;
  font-size: 1.0em;
}
#suche-seite #search-input {
  height: 1.2em;
  font-size: 1.0em;
  padding-left: 3px;
}

/*
********************************
***  3.3 INHALTS-CONTAINER   ***
********************************
*/
#content{
  padding: 0px 0 0px 0;
  margin-bottom: 0px;
  background-color: #F5FBFE;
}

* html #content{
  padding-bottom: 0px;
  margin-bottom: 20px;
}
/*
**************************
**** 3.3.1 LEFT COLUMN ***
**************************
*/
#left-column {
  display: inline;
  width:/*20%;*/ 180px;
  float: left;
  padding: 0;
  margin: 0;
  overflow: hidden;
  border: none;
}
/*#left-column-inside {
  background: #afd;
  width: auto;
  margin: 0 0px 0 0;
}*/

.left-column-box p {
  margin: 0.3em 0em 0.4em 0.0em;
}

* html .left-column-box p {/*nur fuer IE 6 */
  margin: 3px -4px 4px -9px;
}
/*
*****************************
*** 3.3.2  MIDDLE COLUMN  ***
*****************************
*/
#middle-column {
  display: inline;
  float: left;
  width: 540px;
  /*color: #0F0FAF;*/
  color: #0E5194;
  padding: 0;
  margin: 0;
  overflow: hidden;
  border: none;

}

#middle-column-inside {
  padding: 0;
  margin: 0 8px 0 8px;
}

/*
*****************************
/***  3.3.3 RIGHT COLUMN  ***
*****************************
*/
#right-column {
  display: inline;
  float: left;
  width: 180px;
  color: #848FC1;
  padding: 0;
  margin: 0;
  overflow: hidden;
  border: none;
  /*font-size: 1.05em;*/
}
/*#right-column-inside {
  width: auto;
  margin: 0 0px 0px 0px;
  background-color: #98FB98;
}*/

.right-column-img{
  float: right;
  margin: 1.0em 0em 0em 0em;
  border: solid 1px rgb(100, 100, 100);
}
/*
*********************
*** 3.4  FOOTER   ***
*********************
*/
#footer {
  position: relative; /*Footer Stick alt*/
  /*margin: -40px auto 0 auto; Footer Stick alt*/
  clear: both;
  float: none;
  width:/*76em;*/ /*900px;*/ 100%
  height: 30px;
  padding: 0.3em 0em 0.3em 0em;
  border-top: 3px solid #FFFFFF;
  background-color: transparent;
  text-align: center;
  font-size: 1.0em;
}

* html #footer {  /*Footer Stick alt* nur fuer IE 6 */
  margin: -40px auto 0 auto;
}
/*
**********  ENDE SEITENBEREICHE  **********************
*                      ***                            *
*
***********************************
***    4.  INHALTSELEMENTE       ***
************************************
*
* Schriftgrössse */
#left-column, #right-column { font-size: 1.04em;}

#middle-column-inside {
  line-height: 1.3em;
  font-size: 1.16em;
}

#middle-column-inside .kleineschrift {
  font-size: 0.9em;
}

/* Ueberschriften*/
#middle-column-inside .heading {
  margin: 1.0em 0em 1.0em 0em;
  padding: 0.1em;
  font-weight: bold;
  font-size: 1.1em;
  background-color: #B4D7EF;
}
#middle-column-inside .subheading {
  margin: 0.6em 0em 0.6em 0em;
  font-weight: bold;
  font-size: 1.0em;
}
#middle-column-inside .titel-ergebnis {
  margin: 1.0em 0em 0.2em 0em;
  padding: 0.0em;
  font-size: 1.4em;
  text-decoration: underline;
}
/*
**************************************
*** 4.1 Leisten, Boxen und Kästen  ***
**************************************
*/

#middle-column-inside .titel-leiste {
  display: block;
  padding: 0.2em 0.2em 0.2em 0.2em;
  font-weight: bold;
  /*color: #483D8B;*/
  font-size: 1.3em;
}
.einklick-leiste {
  display: block;
  padding: 0.2em 0.2em 0.2em 0.2em;
  font-weight: bold;
  font-size: 1.2em;
  height: 1.6em;
  line-height: 1.6em;
}
/*
********************************
*** 4.2 Tabellen und Listen ****
********************************
*/
table {
table-layout: fixed;
margin: 1em 0 1em 0;
border-collapse:collapse;
/*font-size: 1.2em;*/
}

td {
padding-left: 5px;
}

table .bildtext{
  font-size: 0.9em;
}

table.mitarbeiter {
  margin: 1em auto 1em auto;
  background-color: #F0F8FF;
  border: 3px solid #ADD8E6;
  color: #4682B4;
}
table.mitarbeiter .grundlinie{
  border-bottom: 1px solid #ADD8E6;
}

table.mitarbeiter img{
  border: 1px solid #696969;
}
.liste {
  margin-left: 1.2em;
  margin-bottom: 1.5em;
  padding-left: 1.2em;
}
.liste li {
  margin-bottom: 0.8em;
}
/*** Ende Tabellen ***/

#middle-column-inside .fuss-leiste {
  clear: both;
  margin: 0.8em 0em 1.0em 0em;
  font-size: 0.9em;
  color: #696969;
}

.box {
  /*display: block;*/
  /*width: 100%;*/
  margin-bottom: 1.0em;
  padding: 0.4em 0.4em 0.4em 0.4em;
  border: solid 1px rgb(200, 200, 200);
}

.sidebar {
  width: 166px;
}

/*.box.sidebar, box.sidebar table{
  font-size: 1.1em;
}*/

.box.sidebar .titel-leiste {
  display: block;
  font-size: 1.0em;
  padding: 0.2em 0.2em 0.2em 0.2em;
  font-weight: bold;
  color: #483D8B;
}

.linkeSeite {
 float: right;
}

.ganze-breite {
  width: 100%;
}

/* Kasten zur Hervorhebung */
.kasten-gelb {
  background: #FFFACD;
  color:#B22222;
  border: 1px solid #FF4500;
  width: auto;
  margin: 10px auto;
  padding:4px
}
.weiter {
  font-size: 0.9em;
  color: #696969;
}

/****************************************************/
/*** 4.2 Farben und Raender fuer Boxen und Titel  ***/
/****************************************************/
.box-blau {background-color: #EEF7FF;}
.titel-blau {background-color: rgb(128,192,255); border: 1px solid #027BCC;}
.titel-blau1 {background-color: #B4D7EF;border: 0px solid #027BCC;}
.box-gelb {background-color: rgb(255, 240, 170);}
.titel-gelb {background-color: rgb(255, 236, 128); border: 1px solid #DAA520;}
.box-gruen {background-color: rgb(224, 244, 181);}
.box-gruen1 {background-color: rgb(229,255,229);}
.titel-gruen {background-color: #99CC00; border: 1px solid #6B8E23; color: #00008B }
.box-rot {background-color: rgb(255, 219, 219);}
.titel-rot {background-color: rgb(255, 176, 176); border: 1px solid #F08080}
.box-weiss {background-color: rgb(255, 255, 255);}
.titel-grau {background-color: rgb(220, 220, 220);
}
.titel-farblos-randlos {
  border: none;
  background: transparent
}
.titel-farblos-rand {
  border: 1px solid #A9A9A9;
  background: transparent
}
.titel-rohr {
  background: url(../img/woelbung_blau_26px.gif) repeat-x;
  border: 1px solid #027BCC;
  color: #0F0FAF;
}
.titel-wasser {
  background: url(../img/wasser_32px.gif) repeat;
  border: 1px solid #027BCC;
  color: #0F0FAF
}
/******************************/
/***   4.3 BILDCONTAINER    ***/
/******************************/
/*** Bild in Box mit Rahmen, Hintergrund und Unterschrift ***/
#content .bildbox {
  display: inline;
  padding-bottom: 3px;
  background-color: transparent;
  border: 0px solid #808080;
  text-align: center;
  color: #696969;
  font-size: 0.9em;
  font-style: italic;
  line-height: normal;
}
.bildbox img {margin: 3px; border: solid 1px #595959;}

.zoom {background: url(../img/zoom.gif) no-repeat bottom right;}

/*Ausrichtung der Box im Text*/
.linksbuendig {
	float:left;
	margin: 0.3em 0.8em 0.8em 0.0em;
}

.rechtsbuendig {
	float:right;
	margin: 0.3em 0.0em 0.8em 0.8em;
}


.bildbox-sidebar {
   text-align: center;
   padding: 0;
   margin: 5px auto 5px auto;
}

.bildcontainer {
   width: 100%;
   margin: 15px auto 15px auto;
   text-align:center;

}

.bildcontainer img {
   border: 1px solid #696969;
   text-align:center;
}

.magazine-container {
/*float: left;*/
/*width: 100%;*/
  margin: 0em auto;
  padding: 0em 0em 0em 0em;
  background: #f7f7f7;
}

.magazine-image a, .magazine-image a:hover {
  border: 0;
  background: transparent;
  outline: 0;
}
.bildblock {
  width: 444px;
  margin: 1.0em auto 1.0em auto;
}
.bildblock464 {
  width: 464px;
  margin: 1.0em auto 1.0em auto;
}
.bildblock img {margin: 5px; border: solid 1px #595959;}
/********************************************************/
/***           5.  SEITENNAVIGATION                  ***/
/*******************************************************/
/*
/***                             ***/
/*** 5.1 HORIZONTALE NAVIGATION  ***/
/***                             ***/
#header-nav {
/*clear: _both;*/
  width:auto;
  border-top: solid 0.1em #6495ED;
  border-bottom: solid 0.1em #6495ED;
  /*background-color: #85BFE6;*/
  background: url(../img/woelbung_blau_20px.gif) repeat;
  text-transform: uppercase;
  line-height: 20px;
  height: 20px;
  color: Navy;
}

#header-nav ul {
  margin:0 0 0 8px;
  padding: 0em;
  list-style: none;
  font-weight: bold;
  font-size: 1.0em;
}

#header-nav ul li {float: left; white-space: nowrap;}

#header-nav ul li a {
  display: block;
  padding: 0em 1.0em 0em 1.0em;
  border-right: solid 1px #6495ED;
  border-left: solid 0.1em #6495ED;
  background-color: #B4DAFF;
  text-decoration: none;
  color: Navy;
}

#header-nav ul a:hover {
  border-right: solid 0.1em #6495ED;
  background-color: rgb(226, 238, 252);
  text-transform: uppercase;
  text-decoration: none;
  color: #090;
}

#header-nav ul li.active a, #header-nav ul li.active a:link {
  background-color: rgb(226, 238, 252);
  color: #090;
}
* html #header-nav a {
  width: 1%;
}

/***                           ***/
/*** 5.2 VERTIKALE NAVIGATION  ***/
/***                           ***/
#navleft {
  width:/*12.1em;*/ 168px;/* auto;*/
  border: 1px solid #6495ED;
  padding: 5px;
  margin-bottom: 1em;
/*font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;*/
  background-color: #B4D7EF;
}

#navleft ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  border: none;
}

#navleft li {border-bottom: 1px solid #90bade; margin: 0;}

#navleft .maincategory {
  color: Green;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: -1px;
  letter-spacing: 1px;
  padding-bottom: 5px;
  text-align: center;
}
#navleft #navlev2 a {
/*#navleft li a {*/
  display: block;
  padding: 6px 6px 6px 10px;
  background-color: #027BCC;
  color: #94C6FB;
  text-decoration: none;
  width:/*10.8em;*//*13.5em;*/ auto;
}

#navleft #navlev2 a:hover, #navleft #current:hover, #navleft #subcurrent:hover {
/*border-left-color: #1c64d1;
  border-right-color: #5ba3e0;*/
  background-color: #2990D4;
  color: #fff;
}

#navleft #navlev3 {
  border-top: 1px solid #90bade;
  border-bottom: 0;
  margin: 0;
}

#navleft #navlev3 a {
  padding: 4px .5em 4px 16px;
  background-color: #5ba3e0;
  width:/*10.3em;*/ 146px;
}

#navleft #navlev4 a {
  padding: 3px 3px 3px 24px;
  background-color: #73b2e8;
  width: 141px;
}

#navleft #active {
  font-style: italic;/*font-weight: _bold;*/
}
#navleft #active #current {
  background-color: #2990D4;
  color: #FFFFFF;
  font-weight: bold;
  background-image: url(../img/lgrey.gif);
  /*background-color: #5BA3E0;*/
  background-position: 2px;
  background-repeat: no-repeat
}
#navleft #navlev3 #subcurrent{
  /*font-style: italic;*/
  /*font-weight: bold;*/
  color: #FFFFFF;
  background-image: url(../img/lgrey.gif);
  background-color: #5BA3E0;
  background-position: 8px;
  background-repeat: no-repeat
}

#navleft #navlev3 .selected {
  background-color: #B4D7EF;
  color: #009900;
  background-image: url(../img/lgrey.gif);
  background-position: 8px;
  background-repeat: no-repeat
}

 #navleft #navlev4 .selected {
  background-color: #B4D7EF;
  color: #009900;
  background-image: url(../img/lgrey.gif);
  background-position: 15px;
  background-repeat: no-repeat
}

#navleft ul #navlev3 a, #navleft ul #navlev4 a {
  color: #F0F8FF;
}
#navleft ul #navlev3 a:hover, #navleft ul #navlev4 a:hover {
  color: #FFFFFF;
}
/*********** ENDE SEITENNAVIGATION ************************/
/*                   ***                                  */