html, body {
  margin: 0; padding: 0;
}

body {
  padding: 0px 0px;
  background-color: #fff;
  text-align: center; /* fuer IE_quirks */
}


div.mitte h1 {
  <!-- font-family: Monotype Corsiva, Verdana, Geneva, sans-serif; -->
  font-family: Verdana, Geneva, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: normal;
  line-height: normal;
  text-transform: none;
  text-decoration: none;
  text-align: center;
  margin: 10px 10px 0 0;
  color:#666;
}

div.mitte h2 {
  font-family: Verdana, Geneva, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: normal;
  line-height: normal;
  text-transform: none;
  text-decoration: none;
  text-align: center;
  color: #444;
  margin: 10px;
}

/* mainboxes */
#wrapper {
  position: relative;
  width: 99%; /* fuer IE */
  background-color: #fff;
  color: #444;
  text-align: left; /* Aufheben von IE_quirks im BODY */
}

div.links {
  position: fixed; 
  float: left;
  left: 0px;
  width:140px;
  height: 597px;
  background-color: #fff;
/*  border: solid 1px #eee; */
/*  padding: 2px; */
  margin: 10px 0px 0px 5px;
  overflow: hidden;
  /* Schattenvariante, fuer switsch obige Kommentierungen rausnehmen und untiges auskommentieren */
  border-left: solid 1px #efefef;
  border-top: solid 1px #eee;
  background: transparent url(../css/bildschatten.png) no-repeat bottom right;
  padding: 4px 7px 17px 7px;  
}

div.links p {
  font:bold 1em/0.8em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-align: center;
  margin: 0;
  padding: 3;
  color:#C00;
}

div.linkslink {
  text-align: right;
  margin: 0;
  padding: 0;
  color:#777;
}

div.linkslink p {
  font:bold 1em/0.8em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-align: right;
  margin: 0;
  padding: 3;
  color:#777;
}

div.linkslink a {
  font:bold 1em/0.8em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-decoration: none;
  color:#777;
}

div.linkslink a:visited {
  font:bold 1em/0.8em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-decoration: none;
  color:#777;
}

div.linkslink a:hover {
  text-decoration: none;
  color:#C00;
}

div.rechts {
  position: static;
  right: 0;
  float: right;
  width:170px;
  height: 600px;
  background-color: #fff;
  border: solid 0px #eee;
  padding: 1px;
  margin: 10px 1px 0px 0px;
  /* Schattenvariante, fuer switsch obige Kommentierungen rausnehmen und untiges auskommentieren */
  border-left: solid 1px #efefef;
  border-top: solid 1px #eee; 
  background: transparent url(../css/bildschatten.png) no-repeat bottom right;
  padding: 3px 6px 15px 3px;  
}

div.mitte {
  position: relative;
  left: 0;
  top: 10px;
  height: 400px;
  margin-left: 165px;
  margin-right: 185px;
  border: solid 1px #DDD;
  padding: 0 20px 0 0;
  background: #ffffff;
  background-image:url(../papier_hell.jpg); 
  /* Schattenvariante, fuer switsch obige Kommentierungen rausnehmen und untiges auskommentieren */
/*  background: transparent url(../css/bildschattent7.png) no-repeat bottom right;
  padding: 4px 7px 17px 7px; */  

}

div.mitte p {
    font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
    letter-spacing: normal;
    line-height: normal;
    text-transform: none;
    text-decoration: none;
    text-align: left;
    color:#222;
    margin: 10px;
}

div.mitte li {
    font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
    letter-spacing: normal;
    line-height: normal;
    text-transform: none;
    text-decoration: none;
    text-align: left;
    color:#222;
    margin: 10px;
}

div.mitte a {
  text-decoration: underline;
  color: #333;
}

div.mitte a:hover {
  text-decoration: none;
  color: #C00;
}

div.header {
  position: relative;
  height: 10px;
  border: solid 0px #000;
  padding: 0;
  margin: 0;
}

div.footer {
  position: relative;
  text-align: right;
  height: 40px;
  border: solid 0px #eee;
  padding: 0 20px 0 0;
  margin-left: 165px;
  margin-right: 185px;
  margin-top: 15;
}

div.footer a {
  font:bold 1em/0.8em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-decoration: none;
  color:#777;
  padding: 5;
}

div.footer a:visited {
  text-decoration: none;
  color:#777;
}

div.footer a:hover {
  text-decoration: none;
  color:#C00;
}

div.bild {
  position: relative;
  float: left;
  padding: 10;
  border: solid 0px #000;
}

div.bild p {
    font-size: 70%;
    color:#444444;
    margin: 0;
    padding: 0 5 5 0;
}

div.mitte hr {
  position: static;
  border:solid #ffffff 1px;
  height:4px;
  margin: 10px;
  background-color:#cccccc;
}

/*
div.shadowkleinalt {
  position: absolute;
  top: 13px;
  left: 8px;
  width: 160px;
  height: 24px;
  color: #FFF;
  background-color: #ccc; 
  font: 1em/0.8em Verdana,Trebuchet,Arial,Verdana,Sans-serif; 
  z-index: 9998; 
  padding: 5;
  text-align: center;
}

div.infokleinalt {
  position: absolute;
  top: 10px;
  left: 5px;
  width: 160px;
  height: 24px;
  color: #FFF;
  background-color: #C00; 
  font: 1em/0.8em Verdana,Trebuchet,Arial,Verdana,Sans-serif; 
  border: solid 1px #fff; 
  z-index: 9999; 
  padding: 5;
  text-align: center;
}
*/

div.shadowklein {
  position: absolute;
  top: 13px;
  right: 60px;
  width: 140px;
  height: auto;
  color: #FFF;
  background-color: #444; 
  font: 1em/0.8em Verdana,Trebuchet,Arial,Verdana,Sans-serif; 
  z-index: 9998; 
  padding: 1px;
  margin: 0px;
  text-align: center;
}

/* Infoboxen wichtige Informationen */
div.infoklein {
  position: relative;
  top: -1px;
  left: -1px;
  width: 140px;
  height: 23px;
  color: #333;
  background-color: #fff; 
  background-image: url(../papier_hell.jpg);
  font: 1em/0.8em Verdana,Trebuchet,Arial,Verdana,Sans-serif; 
  border: solid 1px #fff; 
  z-index: 9999; 
  padding: 5px;
  margin: 0px;
  text-align: center;
}

div.fanshop {
  color: #333;
  background-color: #fff; 
  background-image: url(../papier_hell.jpg);
  font: 1em/0.8em Verdana,Trebuchet,Arial,Verdana,Sans-serif; 
  border: solid 1px #fff; 
  z-index: 10; 
  padding: 5px;
  margin: 0px;
  text-align: center;
}

div.fanshop a:link {
  font: 1em/0.8em Verdana,Trebuchet,Arial,Verdana,Sans-serif; 
  color: #333;
  text-decoration: none;
}

div.fanshop a:visited {
  font: 1em/0.8em Verdana,Trebuchet,Arial,Verdana,Sans-serif; 
  color: #333;
  text-decoration: none;
}
div.fanshop a:hover {
  font: 1em/0.8em Verdana,Trebuchet,Arial,Verdana,Sans-serif; 
  color: #333;
  text-decoration: none;
}
div.fanshop a:active {
  font: 1em/0.8em Verdana,Trebuchet,Arial,Verdana,Sans-serif; 
  color: #333;
  text-decoration: none;
}
div.fanshop a:focus {
  font: 1em/0.8em Verdana,Trebuchet,Arial,Verdana,Sans-serif; 
  color: #333;
  text-decoration: none;
}

div.infoklein a:link {
  font: 1em/0.8em Verdana,Trebuchet,Arial,Verdana,Sans-serif; 
  color: #333;
  text-decoration: none;
}

div.infoklein a:visited {
  font: 1em/0.8em Verdana,Trebuchet,Arial,Verdana,Sans-serif; 
  color: #333;
  text-decoration: none;
}
div.infoklein a:hover {
  font: 1em/0.8em Verdana,Trebuchet,Arial,Verdana,Sans-serif; 
  color: #333;
  text-decoration: none;
}
div.infoklein a:active {
  font: 1em/0.8em Verdana,Trebuchet,Arial,Verdana,Sans-serif; 
  color: #333;
  text-decoration: none;
}
div.infoklein a:focus {
  font: 1em/0.8em Verdana,Trebuchet,Arial,Verdana,Sans-serif; 
  color: #333;
  text-decoration: none;
}

div.shadowgross {
  position: absolute;
  top: 100px;
  left: 20px;
  width: 140px;
  height: auto;
  color: #FFF;
  background-color: #bbb;
  font: 0.9em Verdana,Trebuchet,Arial,Verdana,Sans-serif; 
  z-index: 9998; 
  padding: 1px;
  border: 1px solid #ddd;
  margin: 0.7em 1em;
  text-align: center;
}

div.infogross {
/*  position: absolute;
  top: 100px;
  left: 20px; */
  position: relative;
  top: -12px;
  left: -3px;
  width: 140px;
  height: auto;
  color: #333;
  background-color: #fff;
  background-image: url(../papier_hell.jpg);
  font: 0.9em Verdana,Trebuchet,Arial,Verdana,Sans-serif; 
  z-index: 9999; 
  border: solid 1px #bbb; 
  text-align: center;
  padding: 4px;
}

div.infogross hr {
  position: static;
  border:solid #ccc 1px;
  height:2px;
  margin: 4px;
  padding: 0px;
  background-color:#ccc;
}

div.infogross a:link {
  font: 1em/0.8em Verdana,Trebuchet,Arial,Verdana,Sans-serif; 
  color: #333;
  text-decoration: none;
}
div.infogross a:visited {
  font: 1em/0.8em Verdana,Trebuchet,Arial,Verdana,Sans-serif; 
  color: #333;
  text-decoration: none;
}
div.infogross a:hover {
  font: 1em/0.8em Verdana,Trebuchet,Arial,Verdana,Sans-serif; 
  color: #333;
  text-decoration: none;
}
div.infogross a:active {
  font: 1em/0.8em Verdana,Trebuchet,Arial,Verdana,Sans-serif; 
  color: #333;
  text-decoration: none;
}
div.infogross a:focus {
  font: 1em/0.8em Verdana,Trebuchet,Arial,Verdana,Sans-serif; 
  color: #333;
  text-decoration: none;
}

.bildschatten {
  position: absolute;
  width: auto; /* 140px; */
  height: auto;  
  background: transparent url(../css/bildschatten.png) no-repeat bottom right;
  /* padding: 4px 4px 17px 7px; */
  padding: 0px;
  border-top: 2px solid #efefef; 
  font: 0.9em Verdana,Trebuchet,Arial,Verdana,Sans-serif; 
  z-index: 9998; 
  text-align: center;
}

.divschatten {
  background: transparent url(../css/bildschatten.png) no-repeat bottom right;
/*  padding: 4px 8px 15px 7px; */
  padding: 0px 3px 10px 0px;
/*  border-top: 2px solid #efefef; */
/*  border: solid 1px #000; */ 
}