* {
  padding: 0;
  margin: 0;
}

body  {
  font: 100% Verdana, Arial, Helvetica, sans-serif;
  margin: 10px;
}

td {
  vertical-align:top;
}

#logo {
   background-image:url(imagegenerator-info.jpg);     /* Logo */
   background-repeat:no-repeat;
   background-position:center;
   width:160px;
}

#oben {
  height: 80px;
/*  background-color: #ff9900; */
}

#menu {
  width: 160px;
  background-color: #ffff99;
  padding: 20px 5px;
}

#links {
  width: 160px;
 /* background-color: #ffff99;  */
  padding: 20px 5px;
}

#rechts {
  width: 160px;
/*  background-color: #ffff99;  */
  padding: 20px 5px;
}

#main {
  background-color: white;
  padding: 20px 10px;
  width: 780px;
}

#unten {
  height: 30px;
  padding: 5px;
  background-color: silver;
}

/* Überschrift im header-DIV */
#oben h1 {
  color: white;
  padding: 5px
}

/* Menüleiste (menu-DIV) */
#menu a {
  text-decoration: none;
/*  font-weight:bold;  */
  font-size: 12px;
  color: black;
  display: block;
  padding: 1px;
}

#menu a:hover {
  color: red;
}

#menu li {
  border: 1px solid #ffff99;  /* Trick */
}

#menu ul {
/*    line-height: 1.6;  */
  list-style-type: none;
}

/* Ende Menüleiste */

/* ab hier: main-DIV */
/* Hauptüberschrift: */
#main a {
  text-decoration: none;
  font-weight:bold;
  color: black;
  padding: 3px;
}

#main a:hover {
  color: red;
}


#main h1 {
  font-size: 1.3em;
  font-weight: bold;
  color: #333399;
  padding-bottom: 14px
}

/* Unterüberschrift: */
#main h2 {
  font-size: 1em;
  line-height: 1.4;
  margin-bottom: 6px
}

/* normaler Fließtext: */
#main p {
  margin-bottom: 12px;
  line-height: 1.3;
}



/* Ende main-DIV */
form {
  background-color: #ffffcc;
}

label {
  margin: 5px 0;
  display: block;
}

fieldset {
  display: block;
  width: 60%;
  padding: 10px;
  border: 1px solid silver;
  margin-right: 5px;
  margin-bottom: 10px;
}

.block {
  padding: 20px;
  margin: 10px 0;
  background-color: #ffffcc;
}

td {
  vertical-align:top;
}