/* CSS für http://knaute.org/ */
/* letzte Änderung 2009-07-31 */

/* border-style:solid; */
/* border-width:2px; */


html {
  background-color:#c0c8c3;
  padding:0;
}

body {
  font-size:100.01%;
  margin:0 auto 0 auto;
  text-align:left;
  color:#000;
  padding:0;
  text-align:center;
}

p,h1,h2,h3,h4,ul,ol,li,div,td,th,address,blockquote,nobr,b,i,dl
{
  font-family:Marianda,"Trebuchet MS","MS Trebuchet",sans-serif;
  padding:0;
  margin:0;
  color:black;
}

#top {
  background-color:#333333;
  width:100%;
  border-collapse:collapse;
}

#top_nav {
  border-collapse:collapse;
  background-color:#d5dbd6;
  padding-top:0.8ex;
  vertical-align:bottom;
  margin:0 auto 0 0;
  min-width:1000px;
  width:100%;
}

#top_nav td {
  padding:5px 0 0 0;
  border-width:0 0 2px 0;
  /* eigentlich nur 1px, aber dann zeichnet Opera einen seltsamen zusätzlichen Streifen */
  border-color:#fff;
  border-style:solid;
  vertical-align:bottom;
}

#top_nav  h2 {
  text-align:right;
  height:28px;
  font-size:17px;
  line-height:28px;
  padding:0;
  margin:0;
}

#top_nav h2 a, #top_nav h2 span {
  padding:0 10px 0 20px;
  text-align:left;
  /* padding wird später für #starta, #startb überschrieben */
  display:block;
  text-decoration:none;
}

#starta h2 a, #startc h2 a, td#startb h2 span {
  text-align:right;
  padding:0 25px 0 10px;
}

#top_nav h2 span {
  color:#373535;
  font-weight:bold;
}

#top_nav h2 a {
  color:#96989B;
  font-weight:normal;
}

#starta, #knautea, #kramera, #programma, #kontakta,
#startb, #knauteb, #kramerb, #programmb, #kontaktb,
#startc, #knautec, #kramerc, #programmc, #kontaktc  {
  width:148px;
  background-position:bottom right;
  background-repeat:no-repeat;
}

#starta, #knautea, #kramera, #programma, #kontakta {
  border-color:#fff;
}

td#starta, td#startb {
  background-image:url(/bilder/navigation/starta.png);
}

td#knautea, td#knauteb {
  background-image:url(/bilder/navigation/knautea.png);
}

td#kramera, td#kramerb {
  background-image:url(/bilder/navigation/kramera.png);
}

td#programma, td#programmb {
  background-image:url(/bilder/navigation/programma.png);
}

td#kontakta, td#kontaktb {
  background-image:url(/bilder/navigation/kontakta.png);
}

td#startb {
  border-color:#c0c8c3;
}

td#programmb {
  border-color:#C9CFCB;
}

td#knauteb {
  border-color:#D0D5D1;
}

td#kramerb {
  border-color:#D6DBD7;
}

td#kontaktb {
  border-color:#DDE1DE;
}

td#startc {
  background-image:url(/bilder/navigation/startc.png);
}

td#knautec {
  background-image:url(/bilder/navigation/knautec.png);
}

td#kramerc {
  background-image:url(/bilder/navigation/kramerc.png);
}

td#programmc {
  background-image:url(/bilder/navigation/programmc.png);
}

td#kontaktc {
  background-image:url(/bilder/navigation/kontaktc.png);
}

h1 {
  vertical-align:baseline;
  background-color:#b3beb7;
  padding:0;
  margin:0;
}

h1 img {
  vertical-align:bottom;
}

#banner {
  padding:1ex 1ex 0.2ex 1ex;
}


#inhalt {
  border-collapse:collapse;
  background-color:#c0c8c3;
  padding:0 0 2em 0;
  color:#000;
  width:100%;
  min-width:1000px;
  margin:0 0 3em 0;
}

#inhalt p {
  color:#000;
  text-align:center;
  max-width:80ex;
  margin:1ex auto 0 auto;
  padding:0 0 1ex 0;
}

#inhalt h2 {
  color:#000;
  padding-top:1ex;
  max-width:80ex;
}

#inhalt h3 {
  max-width:70ex;
  color:#000;
  margin-left:auto;
  margin-right:auto;
}

#inhalt h4 {
  max-width:73ex;
  color:#000;
  margin-left:auto;
  margin-right:auto;
}

#fuss {
  position:fixed;
  bottom:0px; left:0px; right:0px;
  height:1.6em;
/*  border-top-color:#e1e5e3; */
  border-top-color:#fff;
  border-top-style:solid;
  border-top-width:2px;
  background-color:#d5dbd6;
}

.a_nav, .b_nav {
  width:160px;
  height:20px;
  vertical-align:top;
  text-align:left;
  padding-top:1em;
}

.a_nav h3 {
  padding-left:35px;
  padding-right:0;
  font-size:16px;
}

.b_nav h4 {
  font-style:italic;
  font-weight:normal;
  padding-left:18px;
  padding-right:0px;
  margin-right:0px;
  font-size:14px;
  padding-bottom:4px;
}

.a_nav a, .b_nav a {
  font-style:normal;
  background-position:center right;
  background-repeat:no-repeat;
  background-image:url(/bilder/navigation/pfeila.png);
  text-decoration:none;
  color:#fff;
  background-color:transparent;
  font-weight:normal;
  display:block;
}

.a_nav span, .b_nav span {
  background-position:center right;
  background-repeat:no-repeat;
  background-image:url(/bilder/navigation/pfeilb.png);
  display:block;
  font-weight:bold;
  font-style:normal;
  color:#fff;
}

#fliesstext {
  vertical-align:top;
  padding-top:1em;
}

#fliesstext p {
  margin:0.5ex 1em 0.5ex 1em;
  text-align:left;
}

dl {
  text-align:left;
  margin:1ex 3em 1ex 3em;
}

dl {
  text-align:left;
  margin:1ex 3em 1ex 3em;
}

ul {
  text-align:left;
  margin:0 2em 1ex 2em;
}

dt {
  font-weight:bold;
  margin-top:1ex;
}

#inhalt .einrueck {
  max-width:70ex;
  margin-left:2.5em;
}

#inhalt .autor {
  text-align:right;
  font-style:italic;
}

#inhalt .zitat {
  max-width:70ex;
  margin-left:2.5em;
  font-style:italic;
}

#portrait {
  width:236px;
  padding:0 1em 0 2em;
}

.normalhead {
  font-weight:normal;
}

td#bildnav {
  padding:1em;
  vertical-align:top;
  text-align:center;
}