* {
  font-family: sans-serif;
}

p { 
  margin: 0;
}

.automargin {
  margin: auto;
}

a:link {
  text-decoration: none;
  color: darkred;
} 

a:visited {
  text-decoration: none;
  color: darkred;
} 

a:hover {
  text-decoration: none;
  color: darkorange;
}

a:active {
  text-decoration: none;
  color: goldenrod;
}


 a.pi {
  display:block;
  background-image: url(images/PostIt_o.jpg);
  width:158px;
  height: 77px;
  border: none;
  background-color: white;
  margin: 0;
  text-align:center;
  text-decoration: none;
  line-height:77px;
  font-weight: bold;
} 

a.pi:link {
  display:block;
  background-image: url(images/PostIt_o.jpg);
  width:158px;
  height: 77px;
  border: none;
  background-color: white;
  margin: 0;
  padding: 0;
  text-decoration: none;
  line-height:77px;
}

a.pi:visited {
  display:block;
  background-image: url(images/PostIt_o.jpg);
  width:158px;
  height: 77px;
  border: none;
  background-color: white;
  margin: 0;
  padding: 0;
  text-decoration: none;
  line-height:77px;
}

a.pi:hover {
  display:block;
  background-image: url(images/PostIt_m.jpg);
  width:158px;
  height: 77px;
  border: none;
  background-color: white;
  margin: 0;
  padding: 0;
  text-decoration: none;
  line-height:77px;
}

/*a.pi:active {
  display:block;
  background-image: url(images/PostIt_u.jpg);
  width:158px;
  height: 77px;
  border: none;
  background-color: white;
  margin: 0;
  padding: 0;
  text-decoration: none;
}*/

a.mail {
  display: block;
  background-image: url(images/Email_o.jpg);
  width: 67px;
  height: 67px;
  border: none;
  background-color: white;
  margin: 0;
  padding: 0;
  text-align: center;
  text-decoration: none;
  line-height: 67px;
  font-weight: bold;
  font-size: 1em;
} 

a.mail:link {
  display:block;
  background-image: url(images/Email_o.jpg);
  width:67px;
  height: 67px;
  border: none;
  background-color: white;
  margin: 0;
  padding: 0;
  text-decoration: none;
  line-height:67px;
  font-size: 1em;
}

a.mail:visited {
  display: block;
  background-image: url(images/Email_o.jpg);
  width: 67px;
  height: 67px;
  border: none;
  background-color: white;
  margin: 0;
  padding: 0;
  text-decoration: none;
  line-height: 67px;
  font-size: 1em;
}

a.mail:hover {
  display:block; 
  background-image: url(images/Email_m.jpg);
  width: 67px;
  height: 67px;
  border: none;
  background-color: white;
  /* margin: 0; */
  /* padding: 0; */
  text-decoration: none;
  /* line-height: 67px; */
  font-size: 1em; 
}

a.mail:active {
  display:block;
  background-image: url(images/Email_u.jpg);
  width:67px;
  height: 67px;
  border: none;
  background-color: white;
  margin: 0;
  padding: 0;
  text-decoration: none;
  line-height:67px;
  font-size: 0px;
}

a.media {
  display:block;
  background-image: url(images/media_o.jpg);
  width: 70px;
  height: 118px;
  border: none;
  background-color: white;
  margin: auto;
  padding: 0;
  text-align:center;
  text-decoration: none;
  line-height:118px;
  font-weight: bold;
  font-size: 0px;
} 

a.media:link {
  display:block;
  background-image: url(images/media_o.jpg);
  width: 70px;
  height: 118px;
  border: none;
  background-color: white;
  margin: auto;
  padding: 0;
  text-decoration: none;
  line-height:118px;
  font-size: 0px;
}

a.media:visited {
  display:block;
  background-image: url(images/media_o.jpg);
  width: 70px;
  height: 118px;
  border: none;
  background-color: white;
  margin: auto;
  padding: 0;
  text-decoration: none;
  line-height:118px;
  font-size: 0px;
  text-align:center;
}

a.media:hover {
  display:block;
  background-image: url(images/media_m.jpg);
  width: 70px;
  height: 118px;
  border: none;
  background-color: white;
  margin: auto;
  padding: 0;
  text-decoration: none;
  line-height: 118px;
  color: red;
  font-size: 1em;
  text-align:center;
}

a.media:active {
  display:block;
  background-image: url(images/media_u.jpg);
  width: 70px;
  height: 118px;
  border: none;
  background-color: white;
  margin: auto;
  padding: 0;
  text-decoration: none;
  line-height:118px;
  font-size: 0px;
}

a.info {
  display:block;
  background-image: url(images/i_o.jpg);
  width: 72px;
  height: 89px;
  border: none;
  background-color: white;
  margin: auto;
  padding: 0;
  text-align:center;
  text-decoration: none;
  line-height:118px;
  font-weight: bold;
  font-size: 0px;
} 

a.info:link {
  display:block;
  background-image: url(images/i_o.jpg);
  width: 72px;
  height: 89px;
  border: none;
  background-color: white;
  margin: auto;
  padding: 0;
  text-decoration: none;
  line-height:118px;
  font-size: 0px;
}

a.info:visited {
  display:block;
  background-image: url(images/i_o.jpg);
  /* width: 72px; */
  height: 89px;
  border: none;
  background-color: white;
  margin: auto;
  padding: 0;
  text-decoration: none;
  line-height:118px;
  font-size: 0px;
}

a.info:hover {
  display:block;
  background-image: url(images/i_m.jpg);
  width: 72px;
  height: 89px;
  border: none;
  background-color: white;
  margin: auto;
  padding: 0;
  text-decoration: none;
  line-height: 118px;
  color: red;
  font-size: 1em;
}

a.info:active {
  display:block;
  background-image: url(images/i_u.jpg);
  width: 72px;
  height: 89px;
  border: none;
  background-color: white;
  margin: auto;
  padding: 0;
  text-decoration: none;
  line-height:118px;
  font-size: 0px;
}

#main {
  width: 100%;
  left: 200px;  
  margin: 0 auto;
  text-align: centered;
  background-color: white;
  background-image: url(images/MT066.jpeg);
  /* height: 1000px; */
  
}

#maintable {
  max-width: 1024px;
  table-layout:fixed;
  border-collapse:collapse;
  background-color: none;
  border: none;
  padding: none;
  margin: 0 auto;
  width:1024px;
   /* height: 818px;*/
  overflow: scroll;
}

/*******************************************/
/******************* Zellen *****************/
#ol {
  background: url(images/slice_0_0.png) no-repeat bottom;
  width: 65px;
  height: 93px;
  border: none;
  margin: 0;
}

#om {
  background: url(images/slice_0_1.png)  no-repeat bottom;
  width: 894px;
  height: 93px;
  border: none;
  margin: 0;
}

#or {
  background: url(images/slice_0_2.png)  no-repeat bottom;
  width: 65px;
  height: 93px;
  border: none;
  margin: 0;
}

#ml {
  background-image: url(images/slice_1_0.png);
  width: 65px;
  height: 626px;
  border: none;
  margin: 0;
}

#mm {
  background-color: white;
  width: 894px;
  height: 626px;
  border-width: 0px;
  margin: 0;
}

#mr {
  background-image: url(images/slice_1_2.png);
  width: 65px; 
  height: 626px; 
  border-width: 0px;
}

#ul {
  background-image: url(images/slice_2_0.png);
  width: 65px;
  height: 99px;
  border-width: 0px;
  margin: 0;
}

#um {
  background-image: url(images/slice_2_1.png);
  width: 894px;
  height: 99px;
  border-width: 0px;
  margin: 0;
}

#ur {
  background-image: url(images/slice_2_2.png);
  width: 65px;
  height: 99px;
  border-width: 0px;
  margin: 0;
}
  
a.menu {
  /*width:160;px*/ 
  margin-top:4px; 
  color:#fff; 
  background-color: gray; 
  display:block;
  font-size:1em; 
  font-weight:bold; 
}

a.menu:link {
  color:#ccc;
  background-color: gray;
  border:none;
  text-decoration:none;
}

a.menu:visited { color:#ccc; background-color: gray; border:none; text-decoration:none; }
a.menu:hover   { color:#fff; background-color:darkred; border: none; text-decoration:none;}
a.menu:active  { color:black; background-color:gray; border: none; text-decoration:none; }

div.menu { color:#000; background-color:white; border:1px solid #000; width:200px; text-align:center; padding:10px; }

}
/****************** Zellen *****************/
/*******************************************/