/* CSS für Electronic Thingks Template */
/* (c)2008 Christoph Drube */

/* Einstellungen für die gesamte Seite */
html
{
  background-color: #FFF;
  padding: 0;
  margin: 0;
  height: 100%;
}

body
{
  font-size: 11pt;
  font-family: Helvetica, Arial, sans-serif;
  line-height: 150%;
  min-height: 100%;
  padding: 0;
  margin: 0;
  color: #000;
  background-color: #FFF;
}

a
{
  text-decoration: none;
  color: #448;
  background-color: transparent;
  border-bottom: 1px dotted #448;
}

a:hover, a:active, a:focus
{
  color: #008;
  background-color: transparent;
  border-bottom: 1px solid #008;
}

/* Link als Schaltfläche */
a.button
{
  color: #000;
  background-color: #CCC;
  border: outset 1px;
  padding: 0.2em 0.8em;
  border-color: #CCC #888 #888 #CCC;
}

a.button:hover {background-color: #DDD;}

/* Bilder allgemein */
img {border: none;}

/* Einstellungen für die Seitenbereiche */
#kopf
{
  width: 100%;
  height: 70px;
  background: url(../images/kopf-hintergrund.png) repeat-x;
}

#kopflinks
{
  padding: 10px;
  width: 393px;
  height: 50px;
  float: left;
}

/* Electronic-Thingks-Logo soll keinen Unterstrich haben */
#kopflinks a
{
  border-bottom-style: none;
}

#kopfrechts
{
  position: absolute;
  left: 413px;
  right: 5px;
  padding: 10px 10px 10px 20px;
  font-style: italic;
  font-size: 130%;
  font-weight: normal;
  font-variant: small-caps;
  letter-spacing: 0.02em;
  height: 50px;
  white-space: nowrap;
  background-repeat: no-repeat;
  background-image: url(../images/schwerpunkte.png);
  background-position: right;
}

#kopfzeile
{
  background: url(../images/kopfzeile-hintergrund.png) repeat-x;
  border-bottom: 1px dotted #999;
}

/* Breadcrumbs */
#kopfzeilelinks
{
  padding: 0px 10px;
  font-style: italic;
  font-size: 90%;
  text-align: left;
  float: left;
  white-space: nowrap;
}

/* Bereich für Text vor den Links */
.custom-et-breadcrumbs
{
  display: inline;
  font-style: italic;
}

/* Trenngrafiken für Breadcrumbs */
#kopfzeilelinks img
{
  padding: 0px 2px 0px 7px;
  vertical-align: middle;
}

/* Keine Unterstriche für Kopfzeilenmenue */
#kopfzeile a
{
  color: #448;
  border-bottom-style: none;
}

#kopfzeile a:hover,
#kopfzeile a:active,
#kopfzeile a:focus
{
  color: #448;
  text-decoration: underline;
}

/* Topmenü-Behälter */
#kopfzeilerechts
{
  padding: 0px 0px; /* kein Padding auf der rechten Seite - dieses wird vom Menü übernommen */
  font-style: italic;
  font-size: 90%;
  text-align: right;
  white-space: nowrap;
}

/* Topmenü einstellen (horizontale Liste etc.) */
.menu-kopfmenue
{
  padding: 0px;
  margin: 0px;
}

.menu-kopfmenue li
{
  display: inline;
  padding: 0px 10px;
}

.menu-kopfmenue a
{
  text-decoration: none;
  border-bottom-style: none;
}

.menu-kopfmenue a:hover,
.menu-kopfmenue a:active,
.menu-kopfmenue a:focus
{
  color: #008;
  text-decoration: underline;
}

/* Trenngrafiken für Topmenü */
#kopfzeilerechts img
{
  padding: 0px 2px 0px 7px;
}

/* Menüspalte an der linken Seite */
#links
{
  position: absolute;
  left: 0px;
  padding: 10px 0px 10px 10px;
  width: 230px;
  color: #000;
  /*background-color: #EEE;*/
  /*z-index: 1;*/
}

/* Inhaltsbereich */
#inhalt
{
  position: absolute;
  left: 240px;
  right: 0px;
  padding: 20px 20px 20px 25px;
  color: #000000;
  background-color: #FFF;
  /*background-image: url(../images/menue-hintergrund.png);
  background-repeat: repeat-y;
  background-position: 0 0;*/
  /*z-index: 0;*/
}

#fuss
{
  clear: both;
  background-color: #888;
}

#fussinhalt
{
  height: 20px;
  background-color: #AAA;
}

/* Keine Tooltips anzeigen */
.tooltip
{
  display: none !important;
}