body {
  background-color: #e0e0e0;
  background-image: url(http://www.eyeled.de/unternehmen/events/vorteile_mobiler_loesungen_im_kundendienst/bg.png);
  background-repeat: repeat-x;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #333333;
  font-size: 8pt;
  text-align: center;
}
p { /* notwendig, damit Thunderbird die gewünschte Schriftgröße verwendet */
  font-size: 8pt;
}
h1 {
  font-size: 12pt;
  font-weight: bolder;
  margin-top: 0px;
  margin-bottom: 0px;
}
h2 {
  font-size: 10pt;
  font-weight: bold;
}
h3{
  font-size: 8pt;
}
h4 {
  font-size: 7pt;
}
img {
  border: none;
}
td {
  vertical-align: top;
}
a {
	text-decoration: none;
}
a:link,
a:active,
a:visited {
  color: #cc0000;
}
a:hover {
	text-decoration: underline;
}
a[name] {
  text-decoration: none;
}
p {
  margin-top: 5px;
}
p:first-child {
  margin-top: 0px;
}

/* Hier handelt es sich um eine Tabelle, die das Layout der Webseite bestimmt! */
#body {
  background-color: #ffffff;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 650px;   /* Eine E-Mail wird üblicherweise in einem schmaleren Fenster dargestellt */
  border-collapse:collapse;
  border-spacing: 0px;
  table-layout:fixed;
  border: 1px solid #d0d0d0;
}
table {
  text-align: left;
}

/* Da Listen von verschiedenen Clienten unterschiedlich dargestellt werden, sollen Listen mit einer Tabelle nachgebildet werden. */
table.list {
  border-collapse:collapse;
  border-spacing: 0px;
  table-layout:fixed;
}
td.listitem {
  vertical-align: top;
  white-space: nowrap;
  width: 7px;
}


/*
 * Formatierungen betreffend der Zeilen der Tabelle body
 */
#siteHeaderLeft,
#siteHeaderRight {
  background-color: #f0f0f0;
  border-bottom: solid 1px #aaaaaa;
  vertical-align: bottom;
  font-family: Arial, Verdana, Helvetica, sans-serif;
}
#siteHeaderLeft {
  padding-top: 12px;
  padding-bottom: 17px;
}
#siteHeaderRight {
  /* Der Unterschied hier zu den anderen Zellen ist, dass diese Zelle das 
  Eyeled-Logo enthält, das einen Margin definiert hat. Das Logo soll dennoch 
  bündig mit dem Inhalt der anderen Zellen dargestellt werden. */
  padding-top: 5px;
  padding-bottom: 5px;
}
.siteContentLeftSep,
.siteContentRightSep {
  padding-top: 5px;
  padding-bottom: 5px;
}
#siteContentLeft,
#siteContentRight,
#siteContent {
  min-height: 300px;
  padding-top: 5px;
  padding-bottom: 5px;
}
#siteFooterLeft,
#siteFooterRight {
  border-top: 1px solid #cc0000;
  padding-top: 3px;
  padding-bottom: 3px;
}


/*
 * Formatierungen betreffend der Spalten der Tabelle body
 */
#siteHeaderLeft,
#siteContent,
#siteContentLeft,
#siteFooterLeft {
  padding-left: 20px;
}
#siteHeaderRight,
#siteContent,
#siteContentRight,
#siteFooterRight {
  padding-right: 20px;
}

#siteHeaderLeft,
#siteContentLeft,
#siteFooterLeft {
  padding-right: 10px;
  /* width: 397px; */ /* #body.width - #siteContentLeft.width */
}
#siteHeaderRight,
#siteContentRight,
#siteFooterRight {
  padding-left: 10px;
  /* width: 253px; */ /* Diese Breite ist an die Breite des Eyeled-Logos angepasst */
}

#siteHeaderRight {
  /* Das Firmenlogo hat bereits margin-left und margin-right von 5px */
  padding-right: 15px;
  padding-left: 5px; 
}
img.logoEyeled {
  /* Padding in der Zelle #siteHeaderRight, in der sich dieses Logo befindet, 
  ist entsprechend diesem Wert zu korrigieren! */
  margin: 5px;
}

#siteContentRight {
  padding-right: 15px;
}

/*
  * Formatierung einzelner Zellen der Tabelle body
  */
#siteHeaderLeft {
  white-space: nowrap;
}
#siteFooterLeft a {
  text-decoration: none;
  font-weight: bold;
}
#siteFooterRight {
  text-align: right;
}


/*
 * Hier folgenen die Formatierungen, die allgemein zur Verfügung gestellt werden
 */
.hidden {
  visibility: hidden;
}


/*
 * Sonstige Spezialfälle
 */