* {
  padding: 0;
  margin: 0;
}
body  {
  font-family: arial, pica, times;
  background-color: white;
  margin-top: 60px; 
}

#mother_legende {
  width: 1200px;
  text-align: left;
  background-color: #ccccff;
  margin: 0 auto; /* center!*/
  border: 2px solid #888888;
}

#mother_index {
  width: 980px;
  text-align: left;
  background-color: #ffffff;
  margin: 0 auto; /* center!*/
  border: 2px solid #888888;
}
#mother_index table {
  height: 580px;
  border-spacing: 0;
}
/* unsere erste+zweite index-Spalte: */
#sp1 {
  background-color: #dddddd;
  width:200px;
  border: 2px solid #888888;
  padding: 15px;
  vertical-align: top;
}
#sp1 a {
  font-size: 13px;
  text-decoration: none;
  color: #6666ff;
  display: block;
  padding: 6px 16px 6px 16px;
  border-bottom: 3px  solid #fcfcff; 
  margin: 2px; 
}
#sp1 a:hover {
  color: white;
  background-color: #aaaaff;
}
#sp1 h1 {
  color: #6666ff;
  font-size: 13px;
  text-decoration: none;
  font-weight: normal;
  display: left;
  padding: 300px 16px 6px 16px;
  margin: 2px; 
  vertical-align: bottom;
}
#sp2_1 {
  background-color: #dddddd;
  width:760px;
  height:150px;
  border-right: 2px solid #888888;
  border-top: 2px solid #888888;
  font-size: 18px;
  color: #6666ff;
}
#sp2_2a {
  background-color: #bbbbbb;
  width:760px;
  height:25px;
  border-right: 2px solid #888888;
  border-top: 2px solid #888888;
  padding-right: 80px;
}
#sp2_2b {
  width:760px;
  height:150px;
  border-right: 2px solid #888888;
  border-top: 2px solid #888888;
  padding: 5px 25px 5px 10px;
  background-color: #dddddd;
  background: -moz-linear-gradient(top, #eeeeee, #bbbbbb);
  background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#bbbbbb));
}
#sp2_2b p {
  color: #6666ff;
  font-size: 11pt;
  text-align: right;
  margin: 150px 170px 10px 20px;
}
#sp2_2c {
  background-color: #bbbbbb;
  width:760px;
  height:25px;
  border-right: 2px solid #888888;
  border-top: 2px solid #888888;
  padding-right: 80px;
}
#sp2_3 {
  font-size: 22px;
  color: #6666ff;
  background-color: #dddddd;
  background: -moz-linear-gradient(top, #eeeeee, #bbbbbb);
  background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#bbbbbb));
  width:760px;
  
  border-right: 2px solid #888888;
  border-top: 2px solid #888888;
  border-bottom: 2px solid #888888;
  padding: 15px;
}

#sp_rechts {
  color: #6666ff;
  background-color: #dddddd;
  background: -moz-linear-gradient(top, #eeeeee, #bbbbbb);
  background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#bbbbbb));
  width:800px;
  border: 2px solid #888888;
  padding: 30px;
  vertical-align: top;
}
#sp_rechts h1{
  color: #6666ff;
  padding: 6px;
  font-weight:normal;
  font-size: 18px; 
}
#sp_rechts p{
  color: #666666;
  padding: 6px;
  font-size: 14px; 
}

#header {
  margin: 5px 10px 5px 10px; 
} 
#header p{
  font-size: 28px; 
  color: #9999bb;
} 

#footer {
  background-color: white;
} 
#footer p{
  font-size: 16px; 
  color: #9999ff;
  margin-left: 20px;
  margin-right: 20px;
  padding: 5px;
} 

#legendezeile {
  margin: 0;
} 
#legendezeile table { 
  border-spacing: 0;
}
#legendezeile table td { 
  
  /*margin geht hier noch nicht!!*/
}
#legendezeile table td a{ 
  font-size: 12px; 
  margin: 20px;
  color: #222244;
}
#legendezeile table td p{ 
  font-size: 12px; 
  margin: 20px;
  color: #222244;
}

#mother_download {
  width: 800px;
  text-align: left;
  background-color: #ccccff;
  margin: 0 auto; /* center!*/
  border: 2px solid #888888;
}
#mother_download table { 
  border-spacing: 0;
}
#downloadzeile_white_left_right {
  background-color: #ffffff;
  width:250px;
  font-size: 14px;
  color: #6666ff;
  padding: 6px 16px 6px 16px;
}
#downloadzeile_blue_left_right {
  background-color: #ccccff;
  width:250px;
  font-size: 14px;
  color: #6666ff;
  padding: 6px 16px 6px 16px;
}