/* --- --- Ab hier CSS für Seitengestaltung --- --- */
html {     /* Verstecke Scrollbalken Anzeigefenster FIREFOX */
  overflow:hidden; 
} 
body {     /* Verstecke Scrollbalken IE und maximiere Anzeigefenster */
  height:100%; 
  overflow:hidden;
  margin:0;
  background:rgb(245,248,255);
  font-family: Verdana, Arial, Helvetica, sans-serif; 
}

p {
  line-height:140%;
}

h1 {
  margin-top:31px;
  margin-bottom:-0.2em;
}

h2, h3, h4, h5 {
  margin-top:1.4em;
  margin-bottom:-0.2em;
}

a, a:visited {
  color:#0A076E;
}

a:hover {
  color:#668;
}

#kopf {
  position:absolute; 
  z-index:3; 
  left:0px; 
  top:0px; 
  width:100%; 
  padding-right:0px;
  padding-top:0px;
  height:130px; 
  background:rgb(245,248,255);
  background-image:url(wolken.jpg);
  background-repeat:repeat-x;
  overflow:hidden; 
  text-align:center;
  line-height:220px;
  text-indent:120px;
  font-size:0.8em;
  font-weight:bold;
  color:rgb(95,102,120);
  white-space:nowrap;
}

#fuss {
  position:absolute;
  z-index:2;
  left:0px;
  bottom:0px;
  width:100%;
  height:18px;
  background:rgb(157,196,255);
  background-image:url(verlauf2.gif);
  background-repeat:repeat-y;
  background-position:right;
  overflow:hidden; 
  text-align:right;
}

#links {
  position:absolute;
  z-index:2;
  left:0;
  top:130px; 
  bottom:0px;
  width:180px;
  height:100%-130px;
  background:rgb(157,196,255);
  background-image:url(verlauf1.gif);
  background-repeat:repeat-x;
  overflow:hidden; 
  padding-top:10px;
}

* html #links {
  height:100%-130px;
}

#inhalt {
  overflow:auto; 
  position:absolute; 
  z-index:1; 
  left:180px; 
  right:0px; 
  top:130px; 
  bottom:18px; 
  background:rgb(245,248,255); 
  padding-top:0px; 
  padding-left:30px;
  padding-right:50px;
}

* html #inhalt {
  overflow:auto; 
  position:absolute; 
  z-index:1; 
  top:0; 
  left:0; 
  right:0; 
  bottom:0; 
  height:100%; 
  max-height:100%; 
  width:100%; 
  border-top:130px solid #fff; 
  border-bottom:18px solid rgb(157,196,255); 
  border-left:180px solid rgb(157,196,255); 
  padding-top:20px; 
}

img.bildrechts {
 float:right;
 /* z-index:1;  */
 top:0;
 position:relative;
 right:10px;
 border-width:1px;
 border-color:rgb(0,0,0);
 border-style:solid;
 padding-top:3px;
 padding-left:3px;
 padding-right:3px;
 padding-bottom:3px;
 margin-bottom:1em;
 margin-left:30px;
}

img.bildrechtsor {
 float:right;
 /* z-index:1;  */
 top:0;
 position:relative;
 right:10px;
 border-width:0px;
 border-color:rgb(0,0,0);
 border-style:solid;
 padding-top:3px;
 padding-left:3px;
 padding-right:3px;
 padding-bottom:3px;
}
img.bildlinks {
 float:left;
 /* z-index:1;  */
 top:0;
 position:relative;
 left:10px;
 border-width:1px;
 border-color:rgb(0,0,0);
 border-style:solid;
 padding-top:3px;
 padding-left:3px;
 padding-right:3px;
 padding-bottom:3px;
 margin-bottom:1em;
 margin-right:30px;
}

img.bildmitte {
 border-width:1px;
 border-color:rgb(0,0,0);
 border-style:solid;
 padding-top:3px;
 padding-left:3px;
 padding-right:3px;
 padding-bottom:3px;
}

.zentriert {
 text-align:center;
}

.umflussende {
 clear:both;
}

ul {
 clear:both;
}

#fuss a.externlink {
  font-size:12px;
  color:rgb(77,77,77);
  text-decoration:none;
}

#fuss img {
  border:0;
  padding:0;
  margin:0;
}

.hervorgehoben {
  font-weight:bold;
}

p.bild {
  text-align:center;
}

/* --- --- Ab hier CSS für Menü am linken Rand --- --- */

#menu a.nomenu, #menu a.nomenu:visited {
  position:relative;
  font-size:1em;
  text-decoration:none; 
  text-align:center; 
  /* background-color:rgb(255,128,128); */
  background-color:transparent;
  /* color:#636572; */
  color:#000;
  display:inline; 
  width:160px; 
  border:none;
  border-left-width:0px;
  border-right-width:0px;
  border-color:none;
  padding:0;
  margin:0px;
  margin-top:0px;
  margin-bottom:0px;
}

#menu a.nomenu:hover {
  position:relative;
  font-size:1em;
  text-decoration:none; 
  text-align:center; 
  /* background-color:rgb(255,128,128); */
  background-color:transparent;
  /* color:#636572; */
  display:inline; 
  width:160px; 
  border:none;
  border-left-width:0px;
  border-right-width:0px;
  border-color:none;
  padding:0;
  margin:0px;
  margin-top:0px;
  margin-bottom:0px;
  color:#FFF;
}

#menu a, #menu a:visited {
  position:relative;
  font-size:0.8em;
  text-decoration:none; 
  text-align:center; 
  /* background-color:rgb(255,128,128); */
  background-color:rgb(255,255,255);
  /* color:#636572; */
  color:#000;
  display:block; 
  width:160px; 
  border:1px solid #fff;
  border-left-width:5px;
  border-right-width:5px;
  border-color:#000 #668 #000 #9DC4FF;
  padding:0.25em;
  margin:4px;
  margin-top:0px;
  margin-bottom:5px;
  }

#menu a:hover {
  /*  top:2px; */
  /*  left:2px; */
  /*  color:#fff;*/
  /* color:#636572; */
  color:#000;
  background-color:#9DC4FF;
  border-color:#000 #0A076E #000 #9DC4FF;
  }

* html #menu a {
  width:172px;
}
* html #menu a:visited {
  width:172px;
}

#menu a.gedrueckt {
  /*  top:2px; */
  /*  left:2px; */
  /*  color:#fff;*/
  /* color:#636572; */
  color:#000;
  background-color:#9DC4FF;
  border-color:#000 #0A076E #000 #9DC4FF;
}

