@media all
{
   /*
      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
      RESET zur Vereinheitlichung fuer diverse Browser:
      Raender, Fuellungen, Bildlaufleiste, Schrift, Rahmen...
      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   */

   * { margin: 0; padding: 0; }      /* alle Elemente */
   option {padding-left: 0.4em}

   html { height: 100% }

   body {
      position: relative;
      padding: 0.25em 1.5em 0.25em 1.5em;
      min-height: 101%;
      font-size: 100.01%;
      color: #000;
      background: #E6E6E6 url("hintergrund_metall_hell.png") repeat;
      text-align: left;
   }

   fieldset, img { border:0; }

   input, select, textarea { font-size: 99% }  /* fuer Safari */


   /*
      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
      DIV-Definitionen fuer das grundlegende Layout
      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   */
   #seitenumrandung {
      min-width: 600px;
      max-width: 64em;
      margin: auto;
   }

   #seite {
      border: 0;
   }

   #kopfbereich {
      position: relative;
      height: 68px;
      margin: 0;
      color: #C00;
      font-size: 2.5em;
      text-align: left;
   }

   #hierarchie_rot {
      margin: 0;
      padding: 0.25em 0.25em 0.25em 1.5em;
      background: #C03 url("hintergrund_rot.png") repeat-x;
      color: #FEE;
      font-size: 0.9em;
      font-style: italic;
      text-align: left;
   }

   #hierarchie_gelb {
      margin: 0;
      padding: 0.25em 0.25em 0.25em 1.5em;
      background: #E70 url("hintergrund_gelb.png") repeat-x;
      color: #FEE;
      font-size: 0.9em;
      font-style: italic;
      text-align: left;
   }

   #hierarchie_blau {
      margin: 0;
      padding: 0.25em 0.25em 0.25em 1.5em;
      background: #009 url("hintergrund_blau.png") repeat-x;
      color: #FEE;
      font-size: 0.9em;
      font-style: italic;
      text-align: left;
   }

   #hierarchie_lila {
      margin: 0;
      padding: 0.25em 0.25em 0.25em 1.5em;
      background: #707 url("hintergrund_lila.png") repeat-x;
      color: #FEE;
      font-size: 0.9em;
      font-style: italic;
      text-align: left;
   }

   #hauptbereich {
      clear: both;
      width: auto;
      padding: 0;
      margin: 0;
      background: #FFF;
   }

   #inhalt
   {
      width: auto;
      margin: 0;
      padding-left: 2em;
      padding-right: 2em;
      border: 4px #666 solid;
      background: #FFF;
   }

   #inhalt_rot
   {
      width: auto;
      margin: 0;
      padding-left: 2em;
      padding-right: 2em;
      border-bottom: 4px #C03 solid;
      border-left: 4px #C03 solid;
      border-right: 4px #C03 solid;
      background: #FFF;
   }

   #inhalt_gelb
   {
      width: auto;
      margin: 0;
      padding-left: 2em;
      padding-right: 2em;
      border-bottom: 4px #E70 solid;
      border-left: 4px #E70 solid;
      border-right: 4px #E70 solid;
      background: #FFF;
   }

   #inhalt_blau
   {
      width: auto;
      margin: 0;
      padding-left: 2em;
      padding-right: 2em;
      border-bottom: 4px #009 solid;
      border-left: 4px #009 solid;
      border-right: 4px #009 solid;
      background: #FFF;
   }

   #inhalt_lila
   {
      width: auto;
      margin: 0;
      padding-left: 2em;
      padding-right: 2em;
      border-bottom: 4px #707 solid;
      border-left: 4px #707 solid;
      border-right: 4px #707 solid;
      background: #FFF;
   }

   #fusszeile {
      clear: both;
      color: #333;
      height: 20px;
      margin: 0;
      padding: 0.25em 0;
      text-align: center;
   }


   /*
      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
      Definitionen fuer Elemente der Seitennavigation
      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   */
   #menue {
      width: auto;
      margin: 0.25em 0 1em 0;
      padding: 0;
      color: #FFF;
      font-size: 0.9em;
      text-align: center;
   	}

   ul#menue {
      margin: 0;
      border:0;
      }

   ul#menue li {
      list-style-type: none;
      float: left;
      position: relative;
      margin: 0 0.5em 0 0;
      padding: 4px 1em;
      text-align: left;
      }

	   ul#menue li.mrot {
	      background: #C03 url("hintergrund_rot.png") repeat;
	      }

	   ul#menue li.mgelb {
	      background: #E70 url("hintergrund_gelb.png") repeat;
	      }

	   ul#menue li.mgruen {
	      background: #066 url("hintergrund_gruen.png") repeat;
	      }

	   ul#menue li.mblau {
	      background: #009 url("hintergrund_blau.png") repeat;
	      }

	   ul#menue li.mlila {
	      background: #606 url("hintergrund_lila.png") repeat;
	      }

	ul#menue li ul {
	   display: none;  /* Untermenue ausblenden */
	   width: 18em;
	   margin: 0;
	   padding: 0;
	   position: absolute;
	   top: 24px;
	   left: 0;
	   border: 1px solid #333;
		}

	ul#menue li:hover ul {
	   display: block;  /* Untermenue einblenden */
	   }

	ul#menue li ul li {
	   float: none;
	   display: block;
	   margin: 0;
	   background: #E6E6E6 url("hintergrund_menue_metall_hell.png") repeat;
	   border: 0;
	   }

	ul#menue li ul li a {
	   color: #333;
	   border-top: 1px solid #FFF;
	   border-bottom: 1px solid #333;
	   }

	   ul#menue li ul li a:hover {
	      color: #000;
	      background: #999 url("hintergrund_menue_metall_dunkel.png") repeat;
	      }

	ul#menue a {
	   display: block;
	   margin: -4px -1em;
	   padding: 4px 1em;
	   color: #FFF;
	   font-weight: bold;
	   text-decoration: none;
	   border: 0;
	   }

	   ul#menue a.mrot:hover {
	      background: #B02 url("hintergrund_rot_dunkel.png") repeat;
	      }

	   ul#menue a.mgelb:hover {
	      background: #C05 url("hintergrund_gelb_dunkel.png") repeat;
	      }

	   ul#menue a.mgruen:hover {
	      background: #055 url("hintergrund_gruen_dunkel.png") repeat;
	      }

	   ul#menue a.mblau:hover {
	      background: #008 url("hintergrund_blau_dunkel.png") repeat;
	      }

	   ul#menue a.mlila:hover {
	      background: #404 url("hintergrund_lila_dunkel.png") repeat;
	      }


   /*
      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
      Kastendefinitionen fuer Index-Seite
      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   */

   .indexbox_rot_variabel {
      margin: 0 0 2em 0em;
      background: #FDD url("hintergrund_rot_verlauf.png") top repeat-x;
      border: 2px #C03 solid;
   }

   .indexbox_hinweis {
      margin: 0 0 2em 0em;
      min-height: 160px;
      background: #FDD url("hintergrund_rot_verlauf.png") top repeat-x;
      border: 2px #C03 solid;
   }

   .indexbox_rot {
      margin: 2em 0 2em 0em;
      min-height: 160px;
      background: #FDD url("hintergrund_rot_verlauf.png") top repeat-x;
      border: 2px #C03 solid;
   }

   .indexbox_gelb {
      margin: 0 0 2em 0em;
      min-height: 160px;
      background: #FE9 url("hintergrund_gelb_verlauf.png") top repeat-x;
      border: 2px #E80 solid;
   }

   .indexbox_gruen {
      margin: 0 0 2em 0em;
      min-height: 160px;
      background: #CEE url("hintergrund_gruen_verlauf.png") top repeat-x;
      border: 2px #066 solid;
   }

   .indexbox_blau {
      margin: 0 0 2em 0em;
      min-height: 160px;
      background: #DEF url("hintergrund_blau_verlauf.png") top repeat-x;
      border: 2px #006 solid;
   }

   .indexbox_lila {
      margin: 0 0 2em 0em;
      min-height: 160px;
      background: #FDF url("hintergrund_lila_verlauf.png") top repeat-x;
      border: 2px #606 solid;
   }

   .infobox_rot {
      margin: 0 0 1.75em 0;
      padding: 0.5em 1em 0 1em;
      background: #FEE;
      border: 1px #C03 dotted;
   }

   .infobox_gelb {
      margin: 0 0 1em 0;
      padding: 0.5em 1em 0 1em;
      background: #FE9;
      border: 1px #E80 dotted;
   }

   .stoppbox_rot {
      margin: 1.75em 0 1.75em 0;
      padding: 0em 1em 0 1em;
      background: #FEE;
      border: 4px #C03 dashed;
   }



   /*
      ~~~~~~~~~~~~~~~~~~~~~~
      Float-Umgebung clearen
      ~~~~~~~~~~~~~~~~~~~~~~
   */
   .clear_fix:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
   }

   .clear_fix { display: block; }  /* fuer Safari */

   .float_box { overflow: hidden; }

   #ie_clearing { display: none }  /* fuer IE (ueber ie_fixes.css einbezogen) */



   /*
      ~~~~~~~~~~~~~~~~~~~
      Spaltenunterteilung
      ~~~~~~~~~~~~~~~~~~~
   */
   .spalten {
      width: 100%;
      padding: 0 1px 0 1px;
      margin: 0 -1px 0 -1px;
      overflow: hidden;
   }

   .l50 {
      float: left;
      width: 49.999%;
      overflow: hidden;
      }

   .r50 {
      float: right;
      width: 49.999%;
      overflow: hidden;
      }


   /*
      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
      DIV-Definitionen fuer Zitate, Adresse, Meldungen, Referenzen
      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   */

   .zitatbox {
      float: right;
      /*width: 250px;*/
      margin: 0;
      background: inherit;
      }

   #zitat {
      color: #BF0000;
      margin: 1em 0 0 0;
      font-size: 0.85em;
      font-weight: bold;
      text-align: right;
      }

   #autor {
      color: #003;
      margin: 0 0 1em 0;
      font-size: 0.85em;
      font-style: italic;
      font-weight: normal;
      text-align: right;
      }

   #adresse {
      float: left;
      margin-top: 3.25em;
      width: 330px;
      }

   #in_arbeit {
      color: #E00;
      margin-top: 4em;
      padding: 1em 1em 1em 5em;
      border: 3px #666 solid;
      background: #DDD url("zahnrad.png") no-repeat left center;
      font-size: 1.5em;
      font-style: normal;
      font-weight: bold;
      }

   .kunde {
      color: #006;
      margin-bottom: 1em;
      margin-right: 1em;
      padding: 1em;
      border: 1px #666 solid;
      background: #EEE url("hintergrund_kunde.png") repeat-x;
      font-size: 0.85em;
      }

   .referenzlogo {
      display: block;
      text-align: center;
      margin: -1em -1em 1em -1em;
      padding: 6px;
      background: #FD7 url("hintergrund_metall_hell.png") repeat;
      border-bottom: 2px #666 dotted;
      }

   .bildreihe_rechts {
      float: right;
      margin-left: 1.5em;
      margin-bottom: 0.75em;
      background: #EEE;
      padding: 4px;
      border: 1px #666 solid;
      }


   /*
      ~~~~~~~~~~~~~~~~~
      Standardelemente:
      ~~~~~~~~~~~~~~~~~
   */
   body {
      font-size: 81.25%;
      font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
      }

   h1 {
      color: #111;
      margin: 0 0 0.75em 0;
      padding-top: 1em;
      border-bottom: 4px #999 solid;
      font-size: 1.65em;
      font-weight: normal;
      }

   h1.kopf {
      margin: 0;
      padding: 0em;
      font-size: 0.9em;
      color: #444;
      border: 0;
      }

   h1.kopf_rot {
      margin: 0;
      padding: 0em;
      font-size: 0.9em;
      color: #C00;
      border: 0;
      }

   h1.kopf_gelb {
      margin: 0;
      padding: 0em;
      font-size: 0.9em;
      color: #D60;
      border: 0;
      }

   h1.kopf_blau {
      margin: 0;
      padding: 0em;
      font-size: 0.9em;
      color: #00A;
      border: 0;
      }

   h1.kopf_lila {
      margin: 0;
      padding: 0em;
      font-size: 0.9em;
      color: #741F56;
      border: 0;
      }

   h1.index {
      color: #006;
      margin: 0 0 0.75em 0;
      border-bottom: 0;
      font-size: 2.5em;
      font-style: italic;
      }

   h1.index_header {
      color: #333;
      margin: 0 0 1em 0;
      border-bottom: 0;
      font-size: 1.8em;
      font-style: italic;
      text-align: center;
      }

   h1.index_rot {
      color: #C03;
      margin: -0.5em 0 1.5em 0;
      border-bottom: 0;
      font-size: 1.8em;
      font-style: italic;
      text-align: center;
      }

   h1.frage {
      color: #006;
      margin: 0 0 0.75em 0;
      border-bottom: 0;
      font-size: 1.6em;
      font-style: italic;
      }

   h1.rot {
      color: #900;
      border-bottom: 4px #C03 solid;
      }

   h1.gelb {
      color: #B40;
      border-bottom: 4px #D60 solid;
      }

   h1.blau {
      color: #006;
      border-bottom: 4px #009 solid;
      }

   h1.lila {
      color: #606;
      border-bottom: 4px #707 solid;
      }

   h2 {
      color: #333;
      margin: 0 0 0.5em 0;
      padding-top: 1em;
      border-bottom: 2px #999 solid;
      font-size: 1.3em;
      font-weight: normal;
      }

   h2.kopf {
      padding: 0;
      font-size: 0.65em;
      color: #444;
      border: 0;
      }

   h2.kopf_rot {
      padding: 0;
      font-size: 0.65em;
      color: #C00;
      border: 0;
      }

   h2.kopf_gelb {
      padding: 0;
      font-size: 0.65em;
      color: #D60;
      border: 0;
      }

   h2.kopf_blau {
      padding: 0;
      font-size: 0.65em;
      color: #00A;
      border: 0;
      }

   h2.kopf_lila {
      padding: 0;
      font-size: 0.65em;
      color: #741F56;
      border: 0;
      }

   h2.rot {
      color: #900;
      border-bottom: 2px #C03 solid;
      }

   h2.gelb {
      color: #B40;
      border-bottom: 2px #D60 solid;
      }

   h2.blau {
      color: #006;
      border-bottom: 2px #009 solid;
      }

   h2.lila {
      color: #606;
      border-bottom: 2px #707 solid;
      }

   h2.index_rot {
      margin:0;
      padding: 0 0.5em 0 0.5em;
      color: #FFF;
      font-size: 1.15em;
      font-style: italic;
      background: #C03 url("hintergrund_rot.png") repeat;
      border-bottom: 2px #C03 solid;
      }

   h2.index_gelb {
      margin:0;
      padding: 0 0.5em 0 0.5em;
      color: #FFF;
      font-size: 1.15em;
      font-style: italic;
      background: #E70 url("hintergrund_gelb.png") repeat;
      border-bottom: 2px #E70 solid;
      }

   h2.index_gruen {
      margin:0;
      padding: 0 0.5em 0 0.5em;
      color: #FFF;
      font-size: 1.15em;
      font-style: italic;
      background: #066 url("hintergrund_gruen.png") repeat;
      border-bottom: 2px #066 solid;
      }

   h2.index_blau {
      margin:0;
      padding: 0 0.5em 0 0.5em;
      color: #FFF;
      font-size: 1.15em;
      font-style: italic;
      background: #009 url("hintergrund_blau.png") repeat;
      border-bottom: 2px #009 solid;
      }

   h2.index_lila {
      margin:0;
      padding: 0 0.5em 0 0.5em;
      color: #FFF;
      font-size: 1.15em;
      font-style: italic;
      background: #606 url("hintergrund_lila.png") repeat;
      border-bottom: 2px #606 solid;
      }

   h3 {
      color: #333;
      margin: 0 0 0.5em 0;
      padding-top: 1em;
      font-size: 1em;
      font-weight: bold;
      }

   h3.rot {
      color: #900;
      margin: 0 0 0.5em 0;
      padding-top: 1em;
      font-size: 1em;
      font-weight: bold;
      }

   h3.gelb {
      color: #B40;
      margin: 0 0 0.5em 0;
      padding-top: 1em;
      font-size: 1em;
      font-weight: bold;
      }

   h3.blau {
      color: #006;
      margin: 0 0 0.5em 0;
      padding-top: 0;
      font-size: 1em;
      font-weight: bold;
      }

   p {
      margin: 0 0 1em 0;
      line-height: 1.5em;
      }

         p.index {
            margin: 1em 1em 1em 9em;
            }

         p.antwort_index_rot {
            margin: 0.5em 0 0.5em 0;
            padding: 0.5em 0 0.5em 66px;
            background: url("ok.png") no-repeat 1em center;
            font-size: 1.3em;
            font-weight: bold;
            }

			p.antwort {
            margin: 0 0 1.5em 0;
            padding: 0 0 0.5em 66px;
            background: url("ok.png") no-repeat 1em center;
            font-size: 1em;
            }

         p.box {
            margin: 1em;
            }

         p.bildreihe {
            margin: 0 0 0.5em 0;
            text-align: center;
            }

         p.einzug_bildbox {
            margin: 0 0 1em 150px;
            }

         p.einzug {
            margin: 0 0 1em 1.75em;
            }

         p.einzug_z1 {
            margin: 0 0 1em 1.75em;
            text-indent: -1.75em;
            }

         p.einzug_code {
      	   font-family: 'Courier New', Courier, monospace;
            margin: 0 0 1em 1.75em;
            }

         p.einzug2 {
            margin: 0 0 1em 3.5em;
            }

         p.einzug2_z1 {
            margin: 0 0 1em 3.5em;
            text-indent: -1.75em;
            }

   ul {
      list-style-type: square;
      margin: 0 0 0.5em 1em;
      line-height: 1.5em;
      }

         ul.stern, ul.logo {
            list-style-type: none;
            margin: 0 0 1em 0;
            }

   ol {
      margin: 0 0 1em 1em;
      line-height: 1.5em;
      }

   li {
      margin: 0 0 0.5em 1.5em;
      line-height: 1.5em;
   	}

         li.stern {
            padding: 4px 0 0 24px;
            background: url("stern.gif") no-repeat 0 0.35em;
            font-size: 0.9em;
            font-weight: bold;
            }

         li.logo_index_doppel1 {
      	   margin: 0 0 0.5em 9em;
            padding: 0.3em 0 0 2em;
            background: url("logo16.png") no-repeat 0 0.4em;
            font-size: 1em;
            font-weight: bold;
            }

         li.logo_index_doppel2 {
            float: right;
            width: 45%;
            padding: 0.3em 0 0 2em;
            background: url("logo16.png") no-repeat 0 0.4em;
            font-size: 1em;
            font-weight: bold;
            }

         li.logo {
            padding: 4px 0 0 24px;
            background: url("logo16.png") no-repeat 0 0.35em;
            font-size: 0.9em;
            font-weight: bold;
            }

         li.logo_normal {
            padding: 4px 0 0 24px;
            background: url("logo16.png") no-repeat 0 0.35em;
            }

         li.einzug {
            margin-left: 5em;
            }

   address {
      font-size: 1em;
      font-family: 'Courier New', Courier, monospace;
      font-style: normal;
      line-height: 1.5em;
      margin: 0 0 1em 0;
      }

   strong, b { font-weight: bold; }
   em, i     { font-style: italic; }

   hr {
      background:transparent;
      margin: 0 0 0.5em 0;
      padding: 0 0 0.5em 0;
      border: 0;
      border-bottom: 2px #999 dotted;
      }

   hr.rot {
      border-bottom: 2px #C03 dotted;
      }

   hr.gelb {
      border-bottom: 2px #E70 dotted;
      }

   hr.blau {
      border-bottom: 2px #009 dotted;
      }

   hr.lila {
      border-bottom: 2px #707 dotted;
      }


   /*
      ~~~~~~~
      Bilder:
      ~~~~~~~
   */
   img {
      margin: 0;
      border: 0;
      }

   img.kopflogo {
      float: left;
      margin: 7px 1em 0 0.5em;
      }

   img.hierarchie {
      margin-right: 6px;
      vertical-align: middle;
      }

   img.sprachen {
      margin: 0 6px 0 6px;
      vertical-align: middle;
      }

   img.links {
      float: left;
      margin-right: 2em;
      margin-bottom: 0.75em;
      background: #EEE;
      padding: 4px;
      border: 1px #666 solid;
      }

   img.links_index {
      float: left;
      margin: 1em 0 0 1em;
      background: transparent;
      padding: 0px;
      border: 1px #666 solid;
      }

   img.links_ohne {
      float: left;
      margin-right: 2em;
      margin-bottom: 0.75em;
      background: transparent;
      padding: 0;
      border: 0px transparent solid;
      }

   img.rechts {
      float: right;
      margin-left: 1.5em;
      margin-bottom: 0.75em;
      background: #EEE;
      padding: 4px;
      border: 1px #666 solid;
      }

   img.rechts_ohne {
      float: right;
      margin-right: -0.5em;
      margin-left: 1.5em;
      margin-bottom: 0.75em;
      background: transparent;
      padding: 4px;
      border: 0px transparent solid;
      }

   img.flexibel {
      background: #EEE;
      margin-bottom: 0.75em;
      padding: 4px;
      border: 1px #666 solid;
      }


   /*
      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
      Links (ausser Navigationsleiste):
      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   */
   a {
      color: #036;
      text-decoration: none;
      border-bottom: 1px #CCF solid;
      }

         a:hover, a:focus {
            background-color: #CEE;
            border-bottom: 1px #009 solid;
            }

   a.hierarchie {
      color: #FEE;
      text-decoration: underline;
      border: 0;
      }

         a.hierarchie:hover, a.hierarchie:focus {
            color: #633;
            background-color: #FEE;
            }

   a.rot {
      color: #900;
      text-decoration: underline;
      border: 0;
      }

         a.rot:hover, a.rot:focus {
      	   color: #600;
            background-color: #FCC;
            }

   a.gelb {
      color: #B40;
      text-decoration: underline;
      border: 0;
      }

         a.gelb:hover, a.gelb:focus {
      	   color: #930;
            background-color: #FC6;
            }

   a.gruen {
      color: #066;
      text-decoration: underline;
      border: 0;
      }

         a.gruen:hover, a.gruen:focus {
      	   color: #033;
            background-color: #BDD;
            }

   a.blau {
      color: #009;
      text-decoration: underline;
      border: 0;
      }

         a.blau:hover, a.blau:focus {
      	   color: #006;
            background-color: #CDF;
            }

   a.lila {
      color: #609;
      text-decoration: underline;
      border: 0;
      }

         a.lila:hover, a.lila:focus {
      	   color: #306;
            background-color: #EBE;
            }

   a.bildlink {
      background: transparent;
      cursor: pointer;
      text-decoration: none;
      border: 0;
      }

   a.fuss {
      color: #666;
      text-decoration: none;
      border: 0;
      }

         a.fuss:hover, a.fuss:focus {
            color: #333;
            background-color: #BBB;
            border-bottom: 1px #666 solid;
            }

   a.referenz {
      font-size: 11px;
      font-weight: normal;
      font-style: italic;
      line-height: 2em;
      text-decoration: none;
      border-bottom: 1px #CCF dashed;
      }

         a.referenz:hover {
            cursor: help;
            color: #BF0000;
            background-color: #CCF;
            }

         a.referenz span {
            visibility: hidden;
            position: absolute;
            width: 50%;
            left: 50%;
            padding: 1em;
            font-style: normal;
            line-height: 1.5em;
            }

         a.referenz:hover span {
            visibility: visible;
            border: 1px #006 solid;
            color: #006;
            background: #FFFCE1;
            }



   /* ### Auszeichnung lokaler und Externer Links ######################################################## */

   #hauptbereich a[href^="http:"], #hauptbereich a[href^="https:"] {
      padding-left: 16px;
      background-image: url('ext_link.gif');
      background-repeat: no-repeat;
      background-position: 0 0.45em;
      }

   #hauptbereich a.bildlink {
      padding-left: 0;
      background: transparent;
      }

   /* ######################################################################################################
   ** ### Formulare & Tabellen #############################################################################
   ** ######################################################################################################
   */

   table {
      border-collapse:collapse;
      width: 100%;
      margin-bottom: 0.5em;
      }

   td {
      padding-bottom: 6px;
      vertical-align:top;
      }

   td.label {
      text-align:right;
      }

   form {
      overflow:hidden;
      }

   input, textarea {
      width: auto;
      border: 1px #ccc solid;
      background: #fafafa;
      padding: 3px;
      color: #003;
      font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
      }

   input[type=text]:focus, textarea:focus {
      background: #f0f0f0;
      color: #006;
      border-color: #666;
      }

   input[type=submit], input[type=reset] {
      width: 120px;
      height: 32px;
      background: #f0f0f0 url("hintergrund_taste.png") repeat-x center;
      color: #006;
      font-weight: bold;
      border-color: #333;
      }

   input[type=submit]:hover, input[type=reset]:hover {
      background: #f0f0f0 url("hintergrund_taste_hover.png") repeat-x center;
      cursor: pointer;
      }


}  /* ENDE @media all */



/*
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   Definitionen fuer Druckversion
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
@media print
{
   body * {font-size: 12pt; font-family: "Times New Roman", Times, serif; }

   h1 {font-size: 16pt; font-weight: bold; color: #336699;  background: inherit;  margin: 0.4em 0 0.5em 0; border-bottom: 1px #ccc solid;}
   h2 {font-size: 14pt; font-weight: bold; color: #666; background: inherit;   margin: 0.2em 0 0.5em 0; padding: 0.3em; }
   h3 {font-size: 12pt; font-weight: bold; margin: 0.4em 0 0.3em 0;}

   /* Vermeidung von Seitenumbruechen direkt nach einer Ueberschrift */
   h1,h2,h3 { page-break-after: avoid; }

   abbr[title]:after, acronym[title]:after { content: '(' attr(title) ')'; }

   /* Sichtbare Auszeichnung der URLs von Links */
   #spalte2 a[href^="http:"],   #spalte2 a[href^="https:"],
   #spalte2 p a[href^="http:"], #spalte2 p a[href^="https:"]
   {
      padding-left: 0;
      background-image: none;
   }

   a[href]:after {
      content: " <URL: "attr(href)">";
      color: #444;
      background-color: inherit;
      font-style: italic;
   }

   /* Umformatierung der Layoutboxen */
   body {margin: 0; padding: 0;}
   #seitenumrandung, #seite {min-width: inherit; margin: 0; padding: 0; border: 0; }

   #kopfbereich {height: auto;}
   #kopfbereich img {position: relative; top: 0; left: 0; padding: 0; }

   #hauptbereich {margin: 0; padding: 0;}

   #spalte1 {display: none;}
   #spalte1_inhalt {display: none;}

   #spalte2 { margin: 0; padding: 0; border: 0; }
   #spalte2_inhalt {margin: 0; padding: 0; border: 0; }

   #fusszeile {display: none;}

   /*
      ~~~~~~~~~~~~~~~~~~~~~~~~~~~
      Skiplink fuer Druckvorschau
      ~~~~~~~~~~~~~~~~~~~~~~~~~~~
   */
   .skip {
      position: absolute;
      left: -1000em;
      width: 20em;
   }
}  /* ENDE @media print */



/*
   ~~~~~~~~~~~~~~~~~~~~~~~~~~
   Skiplink fuer Screenreader
   ~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
@media screen
{
   .skip {
      position: absolute;
      left: -1000em;
      width: 20em;
   }
}  /* ENDE @media screen */