/*                                                         */
/* hoedtke.css Stylesheet www.hoedtke.de Druckansicht      */
/*                                                         */
/* hoedtke-rot:  R=204, G=0, B=0  -> #cc0000               */
/* hoedtke-blau: R=0, G=51, B=140 -> #00338c               */

body, p a {
  color: black;
  background-color: white;
  font-size: 100.01%;
  font-family: Verdana,Helvetica,Arial,sans-serif;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  letter-spacing: -0.5px;
/*  min-width: 41em; */
}

body {
  min-width: 1200px;          /* 1206 */
  min-height: 850px;          /* 900 */
  margin: 15px;
}

img {
  border: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

html>body h1 {
  border-color: gray;  /* Farbangleichung an den Internet Explorer  */
}

/* Grundsaetzliche Struktur links - mitte - rechts */

div#content {
  width: 1200px;  /* 1024-950=74 >> 1280-74=1206 */
  height: 850px;  /* 768-563=205 >> 1024-205=819 */

  /* Variante zentriert, aber fuer kleine Browser zu gross */
  /*  position: absolute; */
  /*  top: 50%; */
  /* left: 50%;   */
  /*  margin-top: -400px; */ /* -288 */
  /*  margin-left: -603px;    */  /* -950/2 = -475 => -1206/2 = -603 */

  /* Variante erforderlichenfalls Scrollbars */
  top: 10px;       /* SANDRA noch nicht spezifiziert */
  left: 10px;      /* SANDRA noch nicht spezifiziert */
  border: 1px solid black;
  background-color: #ffffff;
  margin-bottom: 0px;
  margin-right: 0px;
  padding: 0px 0px 0px 0px;
}

div#linkeSpalte {
  width: 300px;        /* bis 07.10.2008 255 */
  height: 652px;               /* 412 */
  float: left;
  background-color: #ffffff;
}

div#mittlereSpalte {
  margin-left: 300px;    /* bis 07.10.2008 255 */
  margin-right: 300px;   /* bis 07.10.2008 255 */
  height: 620px;     /* 640 */
/*  min-width: 16em;*/
  background-color: #ffffff;
}

div#rechteSpalte {
  width: 300px;           /* bis 07.10.2008 255 */
  height: 652px;          /* 412 */
  float: right;
  background-color: #ffffff;
}

div#oben {
  width: 1200px;  /* 1206 bis 28.9.2008 */
  height: 148px; /* 115 fuer Collage + 33 fuer Breadcrumb und NaviH */
  background-color: #d3d3f0; /* DRUCK */
}

/* Collage oben -------------------------------------------- */
div#Collage {
  float: left;
  width: 1200px; /* 1206 bis zum 28.9.2008 */
  height: 115px; /* 95 bis zum 28.9.2008 */
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: none;
}

div#Kopf {
  clear: both;
  float: left;
  height: 33px; /* mit 20 Stufen im FF und GC, ok im IE6 */   /* 33 */
  width: 1200px;     /* 1206 bis 28.9.2008 */
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-color: #d3d3f0; /* DRUCK */
}

/* Breadcrumb Navigation ----------------------------------- */
div#BreadCrumb {
  float: left;
  height: 30px;  /* bis zum 07.10.2008 20 */
  font-size: 11px;
  font-weight: 600;
  letter-spacing: -1px;
  color: #162a83; /* #1111aa; */
  background-color: #d3d3f0; /* DRUCK */
  margin: 0px 0px 0px 50px;
  padding: 3px 0px 0px 0px;
  vertical-align: middle;
}

div#BreadCrumb ul {
  list-style: none;
  margin: 0px 0px 0px 0px;
  padding: 8px 0px 8px 0px;
}

div#BreadCrumb ul li {
  display: inline;
}

div#BreadCrumb a {
  color: #162a83;
  text-decoration: none;
  border: none;
}

div#BreadCrumb a:hover {
  text-decoration: underline;
}

/* Horizontale Navigation ---------------------------------- */
div#NaviH {
/*  clear: both; */
  height: 30px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: -1px;
  color: #162a83; /* #1111aa; */
  background-color: #d3d3f0; /* DRUCK */
  margin: 0px 50px 0px 0px;
  padding: 3px 0px 0px 0px;
  vertical-align: middle;
}

div#NaviH ul {
  list-style: none;
  text-align: right;
  margin: 0px 0px 0px 0px;
  padding: 8px 0px 8px 0px;
}

div#naviH ul li {
  display: inline;
}

div#NaviH a {
  color: #162a83;
  text-decoration: none;
  border: none;
}

div#NaviH a:hover {
  text-decoration: underline;
}


/* Vertikale Navigation ------------------------------------ */
div#NaviL {
  float: left;
  clear: both;
  width: 220px;   /* bis 07.10.2008 210 */
  font-size: 12px;
  margin: 0 0 0 0;
  padding: 27px 30px 0px 50px;      /* bis 07.10.2008 22 15 0 20 */
  color: #000000;
  background-color: #ffffff;
}

div#NaviL h1 {
  text-align: left;
  font-size: 15px;
  font-weight: 500;
  margin: 0 0 0 0;
  padding: 0px 0px 0px 0px;
  color: #000000;
  background-color: #ffffff;
  border: none;
}

div#NaviL h1.active {
  color: #000000;
  background-color: #ffffff;
}

div#NaviL ul {
  list-style: none;
  font-size: 12px;
  font-weight: 600;
  margin: 3px 0px 16px 0px;
  padding: 0 0 0 0px;
  background-color: #ffffff;
  color: #000000;
  border: none;
}

div#NaviL ul li {
  border: none;
/*  bis 29.12.2008: Effekt des hüpfenden Items
  margin: 3px 0px 5px 20px;
  padding: 0px 0px 0px 0px;
  */

/* ab 30.12.2008: QS der neuen Einstellung */
  margin: 2px 0px 1px 0px;
  padding: 1px 0px 2px 5px;
  color: #000000;
  border-left: 15px solid #ffffff;


  }

div#NaviL h1 span {
  color: #000000;
  border: none;
}


div#NaviL a {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  font-size: 1.0em;
  font-weight: 500;
  text-decoration: none;
  border: none;
}

div#NaviL h1.l1 {
/*  background-color: #162a83; */
}

div#NaviL h1.l2 {
/*  background-color: #006ab4; */
}

div#NaviL h1.l3 {
/*  background-color: #0791cf; */
}

div#NaviL h1 a:link {
  color: #ffffff;
}

div#NaviL h1 a:visited {
  color: #ffffff;
}
div#NaviL h1 a:hover {
  color: #ffffff;
  text-decoration: underline;
}
div#NaviL h1 a:active {
  color: #ffffff;
  text-decoration: underline;
}

div#NaviL ul li.active_l1 {
  border: none;
  margin: 2px 0px 1px 0px;
  padding: 1px 0px 2px 5px;
  background-color: #dddddd; /* DRUCK */
  color: #000000;
  border-left: 15px solid #162a83;
  font-weight: 500;
}

div#NaviL ul li.active_l2 {
  border: none;
  margin: 2px 0px 1px 0px;
  padding: 1px 0px 2px 5px;
  background-color: #dddddd; /* DRUCK */
  color: #000000;
  border-left: 15px solid #006ab4;
  font-weight: 500;
}

div#NaviL ul li.active_l3 {
  border: none;
  margin: 2px 0px 1px 0px;
  padding: 1px 0px 2px 5px;
  background-color: #dddddd; /* DRUCK */
  color: #000000;
  border-left: 15px solid #0791cf;
  font-weight: 500;
}

div#NaviL ul span {
  font-weight: bold;
  color: #ffffff;
}

div#NaviL ul a {
  font-weight: 500;
}

div#NaviL ul a:link {
  color: #000000;
}

div#NaviL ul a:visited {
  color: #000000;
}
div#NaviL ul a:hover {
  color: #000000;
  text-decoration: underline;
}
div#NaviL ul a:active {
  color: #000000;
  text-decoration: underline;
}

/* NaviR --------------------------------------------------- */
div#NaviR {
  float: right;
  width: 220px;
  font-size: 12px;
  margin: 0 0 0 0;
  padding: 27px 50px 0px 30px;
  color: #000000;
  background-color: #ffffff;
}

div#NaviR h1 {
  text-align: left;
  font-size: 15px;
  font-weight: 500;
  margin: 0px 0px 4px 0px;
  padding: 0px 0px 0px 0px;
  color: #000000;
  background-color: #ffffff;
  border: none;
}

div#NaviR h1.active {
  color: #000000;
  background-color: #ffffff;
}

div#NaviR ul {
  list-style: none;
  font-size: 12px;
  font-weight: 600;
  margin: 3px 0px 16px 0px;
  padding: 0 0 0 0px;
  background-color: #ffffff;
  color: #000000;
  border: none;
}

div#NaviR ul li {
  border: none;

/* Bis 29.12.2008: Effekt des hüpfenden Items
  margin: 5px 0px 6px 22px;
  padding: 0px 0px 0px 0px;
*/

/* Ab 30.12.2008: QS der neuen Einstellung */
  margin: 2px 0px 0px 0px;
  padding: 1px 0px 2px 7px;
  color: #000000;
  border-left: 15px solid #ffffff;
}

div#NaviR ul li.active_r1 {
  border: none;
  margin: 2px 0px 0px 0px;
  padding: 1px 0px 2px 7px;
  background-color: #dddddd; /* DRUCK */
  color: #000000;
  border-left: 15px solid #9a141b;
  font-weight: 500;
}
div#NaviR ul li.subnavi_r1 {
  font-size: 11px;
  height: 12px;
  margin: 8px 0px 8px 24px;
  padding: 0px 0px 0px 8px;
  background-color: #ffffff:
  color: #000000;
  border-left: 12px solid #9a141b;
  font-weight: 600;
}

div#NaviR ul li.subnavi {
  height: 12px;
  margin: 8px 0px 8px 24px;
  padding: 0px 0px 0px 8px;
  background-color: #ffffff:
  color: #000000;
  border-left: 12px solid #ffffff;
  font-weight: 500;
}


div#NaviR ul li.active_r2 {
  border: none;
  margin: 2px 0px 0px 0px;
  padding: 1px 0px 2px 7px;
  background-color: #dddddd; /* DRUCK */
  color: #000000;
  border-left: 15px solid #bd1320;
  font-weight: 500;
}

div#NaviR ul li.active_r3 {
  border: none;
  margin: 2px 0px 0px 0px;
  padding: 1px 0px 2px 7px;
  background-color: #dddddd; /* DRUCK */
  color: #000000;
  border-left: 15px solid #e3001b;
  font-weight: 500;
}

div#NaviR h1 span {
  color: #000000;
  border: none;
}

div#NaviR a {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  font-size: 1.0em;
  font-weight: 500;
  text-decoration: none;
  border: none;
}

div#NaviR h1.r1 {
/*  background-color: #9a141b; */
}

div#NaviR h1.r2 {
/*  background-color: #bd1320; */
}

div#NaviR h1.r3 {
/*  background-color: #e3001b; */
}

div#NaviR h1 a:link {
  color: #ffffff;
}

div#NaviR h1 a:visited {
  color: #ffffff;
}
div#NaviR h1 a:hover {
  color: #ffffff;
  text-decoration: underline;
}
div#NaviR h1 a:active {
  color: #ffffff;
  text-decoration: underline;
}

div#NaviR ul span {
/*  font-weight: bold; */
/*  color: #ffffff; */
}

div#NaviR ul a {
  font-weight: 500;
}

div#NaviR ul a:link {
  color: #000000;
}

div#NaviR ul a:visited {
  color: #000000;
}

div#NaviR ul a:hover {
  color: #000000;
  text-decoration: underline;
}

div#NaviR ul a:active {
  color: #000000;
  text-decoration: underline;
}

/* weitere Einrueckung fuer Unterpunkte wie zum Beispiel */
/* Technologie -> Blechbearbeitung -> Stanzen/Lasern     */

div#NaviR ul ul {
  padding: 0px 0px 0px 30px;
}

div#NaviR ul ul li.active_r1 {
  border: none;
  margin: 2px 0px 1px 0px;
  padding: 1px 0px 2px 5px;
  background-color: #ffffff; /* #dddddd; */
  color: #000000;
  border-left: 15px solid #9a141b;
  font-weight: 800;
}


/* Inhalt -------------------------------------------------- */
div#Inhalt {
/*  width: 410px; */
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-color: #ffffff;
  min-width: 15em;
}
* html div#Inhalt {
  height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
  }

div#Inhalt h2 {
  color: #000000;
  font-size: 15px;
  margin: 0px 0px 8px 0px;
/*  letter-spacing: -0px; */
}

div#Inhalt h3 {
  color: #000000;
  font-size: 14px;
  margin: 4px 0px 4px 0px;
}

div#Inhalt p {
  font-size: 0.8em; /*12px;*/
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

/* downloadindex ------------------------------------------ */
div#Inhalt table.downloadindex {
  width: 400px;
  margin: 20px 0px 12px 0px;
  padding: 0;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
}

div#Inhalt table.downloadindex tr {
  text-align: center;
  vertical-align: bottom;
}

div#Inhalt table.downloadindex td.link {
  width: 11px;
  font-weight: 500;
  font-size: 13px;
  color: #000000;
  border-bottom: 2px solid #ffffff;
}

div#Inhalt table.downloadindex td.active {
  padding: 2px;
  width: 11px;
  font-weight: 600;
  font-size: 14px;
  background-color: #162a83; /* DRUCK */
  color: #ffffff;
  border-bottom: 2px solid #162a83;
}

div#Inhalt table.downloadindex a {
  text-decoration: none;
  color: #666666;
  letter-spacing: -1px;
}

div#Inhalt table.downloadindex a:hover {
  text-decoration: underline;
  font-weight: 600;
  color: #000000;
  letter-spacing: -1px;
}


/* downloadliste ----------------------------------------- */
div#Inhalt table.downloadliste {
  width: 400px;
  padding: 0;
}

div#Inhalt table.downloadliste tr {
  vertical-align: top;
  height: 16px;
  padding: 2px 0px 0px 4px;
}

div#Inhalt table.downloadliste td.dateityp a {
}

div#Inhalt table.downloadliste td.dateiname a {
  text-decoration: none;
  font-size: 10px;
  color: #666666;
  font-weight: 600;
}

div#Inhalt table.downloadliste td.dateiname a:hover {
  text-decoration: underline;
  font-size: 10px;
  color: #000000;
  font-weight: 600;
}

div#Inhalt table.downloadliste td.groesse {
  text-align: right;
  font-size: 12px;
}

div#Inhalt table.downloadliste td.datum {
  font-size: 12px;
  text-align: right;
}

div#Inhalt table.downloadliste td.beschreibung {
  font-size: 10px;
  font-style: italic;
  border-bottom: 10px solid #ffffff;
}

/* stellenindex ------------------------------------------ */
div#Inhalt table.stellenindex {
  width: 400px;
}

div#Inhalt table.stellenindex tr {
  vertical-align: top;
  height: 16px;
  padding: 2px 0px 0px 4px;
  border-bottom: 1px solid #0791cf;
}

div#Inhalt table.stellenindex tr th {
  text-align: left;
  font-size: 12px;
  padding: 10px 10px 10px 20px;
}

div#Inhalt table.stellenindex tr td.ort {
  font-size: 11px;
  padding-left: 20px;
}

div#Inhalt table.stellenindex tr td.rolle {
  font-weight: 600;
  font-size: 11px;
  border-left: 14px solid #0791cf;
  padding-left: 6px;
}

div#Inhalt table.stellenindex tr td.datum {
  font-size: 11px;
  padding-left: 20px;
}

div#Inhalt table.stellenindex tr td.beschreibung {
  font-size: 10px;
  font-style: italic;
  border-bottom: 12px solid #ffffff;
  padding-left: 20px;
}

div#Inhalt table.stellenindex a {
  text-decoration: none;
  color: #666666;
  font-weight: 600;
  letter-spacing: -1px;
}

div#Inhalt table.stellenindex a:hover {
  text-decoration: underline;
  color: #666666;
  font-weight: 600;
  letter-spacing: -1px;
}

/* stellendetails ---------------------------------------- */

div#Inhalt h2.stellendetails {
  font-size: 11px;
  font-weight: 600;
  margin: 8px 0px 2px 0px;
  padding: 0;
}

div#Inhalt p.stellendetails {
  font-size: 11px;
  margin-top: 2px;
}

/* Mailadressen ------------------------------------------- */

a.email {
/*  text-decoration: none; */
/*  color: #666666; */
  text-decoration: underline;
  color: #162a83;
/*  font-weight: 600; */
  letter-spacing: -1px;
}

a.email:hover {
  text-decoration: underline;
  color: #000000;
/*  font-weight: 600; */
  letter-spacing: -1px;
}

/* Bilder ------------------------------------------------ */

/* bild_l1 */
div#Inhalt table.bild_l1 {
  margin: 0px 10px 2px 0px;
  padding: 0px 0px 0px 0px;
}

div#Inhalt table.bild_l1 tr {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: none;
}

div#Inhalt table.bild_l1 tr td {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: none;
}

div#Inhalt table.bild_l1 tr td img {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: none;
}

div#Inhalt table.bild_l1 tr td.Bildtitel {
  font-size: 0.9em;
  text-align: center;
  font-style: italic;
  background: #eeeeee; /* DRUCK */
  margin: 2px 2px 2px 2px;
  border-top: 1px solid #162a83;
}

/* bild_l2 */
div#Inhalt table.bild_l2 {
  margin: 0px 10px 2px 0px;
  padding: 0px;
}

div#Inhalt table.bild_l2 tr {
  margin: 0px;
  padding: 0px;
  border: none;
}

div#Inhalt table.bild_l2 tr td {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  border: none;
}

div#Inhalt table.bild_l2 tr td img {
  margin: 0px;
  padding: 0px;
  border: none;
}

div#Inhalt table.bild_l2 tr td.Bildtitel {
  font-size: 0.9em;
  text-align: center;
  font-style: italic;
  background: #eeeeee; /* DRUCK */
  margin: 2px 2px 2px 2px;
  border-top: 1px solid #006ab4;
}

/* bild_ */
div#Inhalt table.bild_l3 {
  margin: 0px 10px 2px 0px;
  padding: 0px;
}

div#Inhalt table.bild_l3 tr {
  margin: 0px;
  padding: 0px;
  border: none;
}

div#Inhalt table.bild_l3 tr td {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  border: none;
}

div#Inhalt table.bild_l3 tr td img {
  margin: 0px;
  padding: 0px;
  border: none;
}

div#Inhalt table.bild_l3 tr td.Bildtitel {
  font-size: 0.9em;
  text-align: center;
  font-style: italic;
  background: #eeeeee; /* DRUCK */
  margin: 2px 2px 2px 2px;
  border-top: 1px solid #0791cf;
}

/* bild_r1 */
div#Inhalt table.bild_r1 {
  margin: 0px 10px 2px 0px;
  padding: 0px;
}

div#Inhalt table.bild_r1 tr {
  margin: 0px;
  padding: 0px;
  border: none;
}

div#Inhalt table.bild_r1 tr td {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  border: none;
}

div#Inhalt table.bild_r1 tr td img {
  margin: 0px;
  padding: 0px;
  border: none;
}

div#Inhalt table.bild_r1 tr td.Bildtitel {
  font-size: 0.9em;
  text-align: center;
  font-style: italic;
  background: #eeeeee; /* DRUCK */
  margin: 2px 2px 2px 2px;
  border-top: 1px solid #9a141b;
}

/* bild_r2 */
div#Inhalt table.bild_r2 {
  margin: 0px 10px 2px 0px;
  padding: 0px;
}

div#Inhalt table.bild_r2 tr {
  margin: 0px;
  padding: 0px;
  border: none;
}

div#Inhalt table.bild_r2 tr td {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  border: none;
}

div#Inhalt table.bild_r2 tr td img {
  margin: 0px;
  padding: 0px;
  border: none;
}

div#Inhalt table.bild_r2 tr td.Bildtitel {
  font-size: 0.9em;
  text-align: center;
  font-style: italic;
  background: #eeeeee; /* DRUCK */
  margin: 2px 2px 2px 2px;
  border-top: 1px solid #bd1320;
}

/* bild_r3 */
div#Inhalt table.bild_r3 {
  margin: 0px 10px 2px 0px;
  padding: 0px;
}

div#Inhalt table.bild_r3 tr {
  margin: 0px;
  padding: 0px;
  border: none;
}

div#Inhalt table.bild_r3 tr td {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  border: none;
}

div#Inhalt table.bild_r3 tr td img {
  margin: 0px;
  padding: 0px;
  border: none;
}

div#Inhalt table.bild_r3 tr td.Bildtitel {
  font-size: 0.9em;
  text-align: center;
  font-style: italic;
  background: #eeeeee; /* DRUCK */
  margin: 2px 2px 2px 2px;
  border-top: 1px solid #e3001b;
}

/* SubNavi --------------------------------------------------*/

div#SubNavi {
/*    margin: 22px 10px 5px 10px; ganz alt */
/*   margin: 22px 8px 5px 11px; */
  padding: 6px 80px 0px 80px;
}

div#SubNavi table {
  align: center;
  margin: 0px -4px 0px -2px;
  padding: 0;
  border: none;
}

/* -------------------------------------------------- */

div#Nutzbereich {
  background-color: #ffffff;
  height: 567px;              /* 347 */
  width: 498px;  /* 498 */       /* bis 07.10.2008 666 */
  border-left: 2px solid #bbbbbb;
  border-right: 2px solid #bbbbbb;
  margin: 24px 0px 0px 0px;     /* Vorgabe war 27, aber mit 24 Unterkante bündig */
  padding: 13px 45px 0px 45px;
}

div#Nutzbereich table {
  font-size: 12px;
}

div#Nutzbereich table.kontakt {
  width: 450px;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  padding: 0px 0px 0px 0px;
}

div#Nutzbereich table.kontakt tbody tr td.tabelle {
  padding: 2px 0px 5px 10px;
  letter-spacing: -0.5px;
  vertical-align: top;
}

div#Nutzbereich table.impressum {
  width: 450px;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  padding: 12px 0px 0px 0px;
}

div#Nutzbereich table.impressum tbody tr td {
  padding: 5px 10px 5px 0px;
/*  letter-spacing: -1px; */
  vertical-align: top;
}

div#Nutzbereich table.datenblatt {
/*  border: 1px solid #162a83;
  background-color: #eeeeee; */
  font-size: 11px;
  font-weight: 400;
  line-height: 14px;
  padding: 0px 0px 0px 0px;
}

div#Nutzbereich table.datenblatt tbody tr td {
  padding: 2px 10px 2px 10px;
  vertical-align: top;
}

div#Nutzbereich table.standorte {
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  padding: 0px 0px 0px 0px;
}

div#Nutzbereich table.standorte tbody tr td.tabelle {
  padding: 2px 10px 2px 10px;
  vertical-align: top;
}


/* Hervorhebung der Links passend zu den Themengebietsfarben*/

/* links 1 */

div#Nutzbereich a.l1 {
  padding: 0px 2px 0px 2px;
  text-decoration: underline;
  background-color: #ffffff;
  color: #162a83;
  font-weight: 500;
  margin: 2px 0px 2px 0px;
}

div#Nutzbereich a.l1:hover {
  padding: 0px 2px 0px 2px;
  text-decoration: underline;
  background-color: #ffffff;
  color: #000000;
  font-weight: 500;
  margin: 2px 0px 2px 0px;
}

/* links 2 */

div#Nutzbereich a.l2 {
  padding: 0px 2px 0px 2px;
  text-decoration: underline;
  background-color: #ffffff;
  color: #162a83;
  font-weight: 500;
  margin: 2px 0px 2px 0px;
}

div#Nutzbereich a.l2:hover {
  padding: 0px 2px 0px 2px;
  text-decoration: underline;
  background-color: #ffffff;
  color: #000000;
  font-weight: 500;
  margin: 2px 0px 2px 0px;
}

/* links 3 */

div#Nutzbereich a.l3 {
  padding: 0px 2px 0px 2px;
  text-decoration: underline;
  background-color: #ffffff;
  color: #162a83;
  font-weight: 500;
  margin: 2px 0px 2px 0px;
}

div#Nutzbereich a.l3:hover {
  padding: 0px 2px 0px 2px;
  text-decoration: underline;
  background-color: #ffffff;
  color: #000000;
  font-weight: 500;
  margin: 2px 0px 2px 0px;
}

/* rechts 1 */

div#Nutzbereich a.r1 {
  padding: 0px 2px 0px 2px;
  text-decoration: underline;
  background-color: #ffffff;
  color: #162a83;
  font-weight: 500;
  margin: 2px 0px 2px 0px;
}

div#Nutzbereich a.r1:hover {
  padding: 0px 2px 0px 2px;
  text-decoration: underline;
  background-color: #ffffff;
  color: #000000;
  font-weight: 500;
  margin: 2px 0px 2px 0px;
}

/* rechts 2 */

div#Nutzbereich a.r2 {
  padding: 0px 2px 0px 2px;
  text-decoration: underline;
  background-color: #ffffff;
  color: #162a83;
  font-weight: 500;
  margin: 2px 0px 2px 0px;
}

div#Nutzbereich a.r2:hover {
  padding: 0px 2px 0px 2px;
  text-decoration: underline;
  background-color: #ffffff;
  color: #000000;
  font-weight: 500;
  margin: 2px 0px 2px 0px;
}

/* rechts 3 */

div#Nutzbereich a.r3 {
  padding: 0px 2px 0px 2px;
  text-decoration: underline;
  background-color: #ffffff;
  color: #162a83;
  font-weight: 500;
  margin: 2px 0px 2px 0px;
}

div#Nutzbereich a.r3:hover {
  padding: 0px 2px 0px 2px;
  text-decoration: underline;
  background-color: #ffffff;
  color: #000000;
  font-weight: 500;
  margin: 2px 0px 2px 0px;
}

/* externer link */

div#Nutzbereich a.extern {
  padding: 0px 2px 0px 2px;
  text-decoration: underline;
  background-color: #ffffff;
  color: #162a83;
  font-weight: 500;
  margin: 2px 0px 2px 0px;
}

div#Nutzbereich a.extern:hover {
  padding: 0px 2px 0px 2px;
  text-decoration: underline;
  background-color: #ffffff;
  color: #000000;
  font-weight: 500;
  margin: 2px 0px 2px 0px;
}

div#Nutzbereich ul {
  font-size: 12px;
  list-style-type: none;
}

div#Nutzbereich ul.disc {
  list-style-type: disc;
  margin: 0px;
  padding: 0px;
}

div#Nutzbereich ul.square {
  list-style-type: square;
  margin: 0px;
  padding: 0px;
}


div#Nutzbereich ul.l1 li {
  border-left: 12px solid #162a83;
  margin: 4px 0px 4px 0px;
  padding: 0px 0px 0px 6px;
}

div#Nutzbereich ul.l2 li {
  border-left: 12px solid #006ab4;
  margin: 4px 0px 4px 0px;
  padding: 0px 0px 0px 6px;
}

div#Nutzbereich ul.l3 li {
  border-left: 12px solid #0791cf;
  margin: 4px 0px 4px 0px;
  padding: 0px 0px 0px 6px;
}

div#Nutzbereich ul.r1 li {
  border-left: 12px solid #9a141b;
  margin: 4px 0px 4px 0px;
  padding: 0px 0px 0px 6px;
}

div#Nutzbereich ul.r2 li {
  border-left: 12px solid #bd1320;
  margin: 4px 0px 4px 0px;
  padding: 0px 0px 0px 6px;
}

div#Nutzbereich ul.r3 li {
  border-left: 12px solid #e3001b;
  margin: 4px 0px 4px 0px;
  padding: 0px 0px 0px 6px;
}

/* --------------------------------------------------*/

div#Seitenwechsel {
  margin: 0px 0px 6px 0px;
 /* clear: both; */
  text-align: center;
  height: 15px;
  width: 590px; /* mehr fuehrt zu Herunterrutschen der Mitte im Slimbrowser */
  font-size: 12px;
  background-color: #ffffff;
}

div#Seitenwechsel span.r1 {
  color: #9a141b;
  font-weight: 600;
  font-size: 14px;
}

div#Seitenwechsel span.l1 {
  color: #162a83;
  font-weight: 600;
  font-size: 14px;
}

div#Seitenwechsel span.r2 {
  color: #bd1320;
  font-weight: 600;
  font-size: 14px;
}

div#Seitenwechsel span.l2 {
  color: #006ab4;
  font-weight: 600;
  font-size: 14px;
}

div#Seitenwechsel span.r3 {
  color: #e3001b;
  font-weight: 600;
  font-size: 14px;
}

div#Seitenwechsel span.l3 {
  color: #0791cf;
  font-weight: 600;
  font-size: 14px;
}

div#Seitenwechsel a {
  text-decoration: none;
  color: #000000;
  font-weight: 500;
  font-size: 12px;
}

div#Seitenwechsel a:hover {
  color: #000000;
  text-decoration: underline;
}

div#Seitenwechsel a:active {
  color: #000000;
  text-decoration: underline;
}

/* Dekozeile ------------------------------------------------ */
div#Dekozeile {
  clear: both;
  height: 1px;
  font-size: 1px;
  background-color: #ffffff;
  border-top: 5px solid #cccccc; /* DRUCK */
  border-bottom: 4px solid #cccccc; /* DRUCK */
}

/* Fusszeile ------------------------------------------------ */
div#Fusszeile {
  clear: both;
  height: 33px;
  font-size: 12px;
  margin: 1px 0px 0px 0px;
  padding: 6px 52px 0px 0px;
  text-align: right;
  background-color: #cccccc; /* DRUCK */
  color: black;
}

div#Fusszeile a {
  color: black;
}

div#Fusszeile span {
  font-weight: bold;
  color: #cc3333;
  text-decoration: underline;
}