html, body {
    height: 100%;
}
body {
  background-color: #82B6C4; /*blau #82B6C4 gruen #E3F480*/
  background-image: url('body-background.jpg');
  padding: 0;
  margin: 0;
  color: purple;
}

#breite1000 {
/*  width: 1000px;*/
  border: 0px solid black;
  margin: auto;
  background-image: url('1000-background.jpg');
  background-position: center top;
  background-repeat: no-repeat;
  background-attachment: scroll;
  min-height: 100%;
  voice-family: "\"}\"";
    voice-family: inherit;
    height: auto;
}

html>body #breite1000 {
  height: auto;
}
  
#breite800 {
  width: 800px;
  border: 0px solid black;
  margin: auto;
  background-color: white;
  background-image: url('800-background.jpg');
  background-repeat: repeat-x;
  }

#header {
  height: 166px;
  border: 0px solid black;
  background-image: url('header.jpg');
  }

#navi {
  height: 25px;
  border: 0px solid black;
  background-image: url('navi.jpg');
}

#inhalt {
  padding: 0 10px;
  min-height: 450px;
}

p {
  font: normal medium "trebuchet ms", verdana, arial, sans-serif;
  /*text-align: justify;*/
  /*text-indent: 1em;*/
  line-height: 120%;
}
  /*p:first-line { font-weight: bold; }*/
  /*p:first-letter { font-size: 150%; color: green; font-weight: bold; }*/

h1, h2, h3 {
  font-family: "trebuchet ms", verdana, arial, sans-serif;
  font-weight: bold;
}

h1 {
  text-indent: -9999px;
  margin: 0;
  padding: 0;
  border: 0px none;
  }
  
h1 a:link, h1 a:visited  {
  display: block;  
  width: 799px;
  height: 167px;
  background: #E3F480 url('header.jpg') no-repeat top left;
  margin: 0;
  padding: 0;
  border: 0px none;
  text-decoration:none;
}

h1 br {
  display: none;
 }

/*h1 a:hover  {
  background: #E5E5E5 url('../i/thomas_janotta_de.jpg') no-repeat top left;
}*/

h2 {
font-size: x-large;
font-weight: bold;
}

#navi ul {
  list-style: none;
/*  border: 1px solid;*/
  margin: 1px 0;
  float: right;
}

#navi ul li {
  display: inline;
  text-transform: uppercase;
  font: bold small "trebuchet ms", verdana, arial, sans-serif;
  letter-spacing: 0.2em;
}

#navi ul li a:link, #navi ul li a:visited {
  text-decoration: none;
  padding-left: 8px;
  border-left: 2px solid purple;
  color: purple;
}

#navi ul li a:hover, #navi ul li a.aktiv, #navi ul li a.aktiv:visited {
  padding-left: 8px;
  background-color: purple;
  color: white;
  border-left: 2px solid white;
}

#navi ul li a:active {
  text-decoration: none;
  color: pink;
  border-left: 2px solid white;
}

.startbild {
  float: left;
  padding: 0 10px 40px 0;
  clear: left;
  font-size: small;
  text-align: left;
}

.linkesbild {
  float: left;
  padding: 0 10px 10px 0;
  clear: both;
  margin: 0;
  font-size: small;
  text-align: left;
}

.rechtesbild {
  float: right;
  padding: 0 10px 10px 0;
  clear: both;
  margin: 0;
  font-size: small;
  text-align: right;
}

.name {
  font-weight: bold;
}

strong, b {
  font-weight: bold;
}

a, a:visited {
  color: blue; 
}

#printadresse {
  display: none;
}

#termine {
  float: right;
  padding: 10px 5px 5px 10px;
  border-left: 1px dotted blue;
  width: 152px;
}
#termine p {
  font: italic normal small "trebuchet ms", verdana, arial, sans-serif;
  line-height: 120%;
  margin-top: -5px;
}

 .subcolumns { width: 100%; overflow:hidden; }
 
 .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; }
 .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; margin-left: -5px; }

  .c25l, .c25r { width: 25%; }
  .c33l, .c33r { width: 33.333%; }
  .c50l, .c50r { width: 50%; }
  .c66l, .c66r { width: 66.666%; }
  .c75l, .c75r { width: 75%; }
  .c38l, .c38r { width: 38.2%; }
  .c62l, .c62r { width: 61.8%; }