body {
font: 0.8em Verdana, Arial, Helvetica, sans-serif; color: #000000;
background: #fff url(http://www.spohr-demian.de/images/putz.jpg) repeat left top;
 text-align: center; margin-top:0px;
}

#outer {
margin: 0px auto;
width: 820px;
background-color: gray;
border: 1px dotted #666666;
}
#wrapper {
margin: 10px auto;
background-color: gray;
width: 820px;
}
#webseite {
background:  url(http://www.spohr-demian.de/images/kork.jpg) repeat center top;
margin: 0px auto 0px;
width: 800px; height: 610px;
text-align:left;
}

#content {
padding:5px;
}

#linke_seite {
float: left;
width: 280px;
padding-left: 1px;
}
#mitte {
float: left;
width: 260px;
padding-left: 6px;
}
#mitte_zettel
{  /*background: url(http://www.spohr-demian.de/images/gelber_zettel_250.jpg) repeat left top ; */
   background: url(../../start/pinnwand/gelber_zettel_260.jpg) repeat left top ;
   padding: 3px;
}



#rechte_seite {
  text-align:right;
  float: right;
  width: 240px;
  padding-bottom: 10px;
}


#outerfuss {
  margin: 0px auto;
  width: 820px;
  background-color: silver;
  border: 1px dotted #666666;
}
#fuss {
  width: 800px;
  text-align: left;
  padding:10px;
}


#mitte_zettel ul {
  padding-left: -28px;
}
#mitte_zettel ul li  {
  font-size:13px;
  font-weight:bold;
  padding-left: 0.4em;
  padding-top: 0.4em;
}

#fuss h2  {
  font-size:15px;
  font-weight:bold;
}
#fuss p  {
  font-size:14px;
}


@media only screen and (min-width: 100px) and (max-width: 450px) {
 #fuss h2  { font-size:20px; }
 #fuss p  { font-size:18px; }
}