body {
  font-family: Arial, Helvetica, Verdana, sans-serif;
/*  font-size: 12px; */
  color: black;
/*  background: #f9f4c7 url(banner.php) repeat-x center top; */
  background-color: #f9f4c7;
}

* html div#tMitte {
  height: 1em;
/*  height: 52px; */
}

img {
  border: 0;
}
img.logo {
   height: 72px;
}

div#tHaeder {
  background-image: url(https://hitzigrath.de/banner/banner.png);
  background-repeat: repeat-x;
  background-position: center top;
  position: fixed;
  top: 0px;
  left: 0px;
  width:100%;
  height:86px;
/*  margin-bottom: 2%; */
/*  border: 1px dashed silver; */
}

div#tHspacer {
  top: 0px;
  left: 0px;
  width:100%;
  height:86px;
}

div#tHLinks {
  clear:both;
  font-size: 0.9em;
  color: white;
  float: left;
  width: 11em;
/*  border: 1px dashed silver; */
}

div#tHRechts {
  font-size: 0.9em;
  text-align: right;
  color: white;
  float: right;
  width: 11em;
/*  border: 1px dashed silver; */
}

div#tHMitte {
/*  margin: 0 10em 1em 10em; */
/*  padding: 0 1em; */
  text-align: center;
  vertical-align: middle;
  white-space:nowrap;
  font-family: 'Kaushan Script', cursive;
  font-size: 2.7em;
  text-shadow: 0px 0px 0.1em #000000;
  width: 100%;
  color: white;
/*  height: 54px; */
/*  border: 1px dashed silver; */
}

div#tPath {
  clear:both;
  font-size: 0.7em;
/*  margin: 1em; */
  padding: 0.1em;
/*  text-align: right; */
/*  border: 1px dashed silver; */
}

div#zusCont {
  display:none;
  font-size: 0.9em;
  margin-bottom: 0.4em;
  padding: 0.4em;
  border: 2px solid #ea9838;
}

div#tMitte {
  margin: 0 11em 1em 11em;
  padding: 0.4em 1em;
  border: 2px solid #ea9838;
  background-color: white;
}

div#tLinks {
  font-size: 0.9em;
  float: left;
  width: 10em;
  padding: 0.4em;
  border: 2px solid #ea9838;
/*  position: fixed; */
}

div#tRechts {
  font-size: 0.9em;
  float: right;
  width: 10em;
  padding: 0.4em;
  border: 2px solid #ea9838;
/*  position: fixed; */
/*  border: 1px dashed silver; */
}

div#tFooter {
  clear:both;
  font-size: 0.8em;
  margin: 0;
  padding: 0.1em;
  text-align: center;
/*  border: 1px dashed silver; */
}

.comment {
  font-size: 0.8em;
  font-style:italic;
  color: darkgrey;
}

@media only screen and (max-width: 1024px) {

  div#tLinks {
    float: right;
    margin-bottom: 1em;
  }

  div#tRechts {
    clear: both;
  }

  div#tMitte {
    margin: 0 11em 1em 1em; 
  }
}

@media only screen and (max-width: 590px) {

  div#tHLinks {
    display:none;
  }
  div#tHRechts {
    display:none;
  }
}

@media only screen and (max-width: 480px) {

  div#tHspacer {
    display:none;
  }
  div#tHaeder {
    position: static;
  }

  div#zusCont {
    display:block;
  }

  div#tLinks {
    display:none;
  }

  div#tRechts {
    display:none;
  }

  div#tMitte {
    margin: 0 0 0.4em 0; 
  }
}

@media handheld, tty, print {

  div#tHspacer {
    display:none;
  }
  div#tHaeder {
    position: static;
  }

  div#zusCont {
    display:block;
  }

  div#tLinks {
    display:none;
  }

  div#tRechts {
    display:none;
  }

  div#tMitte {
    margin: 0 0 0.4em 0; 
  }
}