body { margin-top: 0; }

td { border-width: 1px;}

ul {list-style-image: url("../GRAFIK/TITEL/winkel.gif"); }
li {margin-top: 0.1cm; }

.ext {background: url(../GRAFIK/verw.gif) center right no-repeat; padding-right: 15px; }
.pdf {background: url(../GRAFIK/icon_pdf.gif) top right no-repeat; padding-right: 20px; }
.doc {background: url(../GRAFIK/icon_doc.gif) top right no-repeat; padding-right: 20px; }
.lk {background: url(../GRAFIK/TITEL/wbl.gif) center left no-repeat; padding-left: 8px;}
.ww  {background: url(../GRAFIK/TITEL/winkel.gif) center left no-repeat; padding-left: 8px;}

.bl {text-align: justify;}
.ll {line-height: 18pt;}
.fontbl {color: #004597; }
.fontrot {color: #800000; }
.fontgruen {color: green;}
.tabw10 { font-family: Verdana; color: black; font-size: 10pt; }
.hghb {background-color: #E4F3FA;}


/* Farben (Schrift) */
.hrot {color: #FF0000;}
.hrotf { color: #FF0000; font-weight: bold; }
.drot  { color: #800000; }
.drotf { color: #800000; font-weight: bold; }
.drotfc { color: #800000; font-weight: bold; text-align: center;}

/* Titel-Leiste (Links zu): DSB, Aktuelles, Kontakt, Impressum usw. */
#tab1 { table-layout: fixed; border-collapse: collapse;
        margin-bottom: 0.5cm; margin-top: 0.2cm;
        font-family: Arial; color: #004597; font-size: 10pt;
        font-weight: bold; padding: 0pt; text-align: center;}
#tab1 td {border-right: 1px solid #004597;
          border-bottom: 1px solid #004597; }
.tab2 { border-top: 1px solid #004597; }

/* Allg. Tabelle, Kopf BLAU, Rand BLAU, Schrift schwarz, 10pt NEU (alt: tabw10a UND tabb3b) */
.tab_all { table-layout: fixed; border-collapse: collapse;
           font-family: Verdana; color: black; font-size: 10pt;
           width: 100%; margin-bottom: 0.2cm; }
.tab_all th {font-family: Arial; color: #FFFFFF;
             height: 18px;
             padding-left: 5px; padding-top: 1px; padding-bottom: 1px;
             font-size: 8pt; font-weight: bold;
             background-color: #004597;
             border: 1px solid #004597;
             word-spacing: 5pt; letter-spacing: 3pt;
             text-align: left; }
.tab_all td { border: 1px solid #004597; padding: 7px; }

/* Tabelle KULTUR, Kopf GRÜN, Rand GRÜN, Schrift schwarz, 10pt NEU (alt: tabw10a UND tabb3b) */
.tab_kultur { table-layout: fixed; border-collapse: collapse;
           font-family: Verdana; color: black; font-size: 10pt;
           width: 100%; margin-bottom: 0.2cm; }
.tab_kultur th {font-family: Arial; color: #FFFFFF;
             height: 18px;
             padding-left: 5px; padding-top: 1px; padding-bottom: 1px;
             font-size: 8pt; font-weight: bold;
             background-color: #339933;
             border: 1px solid #339933;
             word-spacing: 5pt; letter-spacing: 3pt;
             text-align: left; }
.tab_kultur td { border: 1px solid #339933; padding: 7px; }

/* Tabelle SACHGEBIETE, Kopf D-ROT, Rand D-ROT, Schrift schwarz, 10pt NEU */
.tab_sach { table-layout: fixed; border-collapse: collapse;
           font-family: Verdana; color: black; font-size: 10pt;
           width: 100%; margin-bottom: 0.2cm; }
.tab_sach th {font-family: Arial; color: #FFFFFF;
             height: 18px;
             padding-left: 5px; padding-top: 1px; padding-bottom: 1px;
             font-size: 8pt; font-weight: bold;
             background-color: #913329;
             border: 1px solid #913329;
             word-spacing: 5pt; letter-spacing: 3pt;
             text-align: left; }
.tab_sach td { border: 1px solid #913329; padding: 7px; }

/* für Tabellen innerhalb von tab_all: ohne Rahmen (ALT: tabw10) */
.tab_ohne td { border: none; padding: 3px;
               font-family: Verdana; color: black; font-size: 10pt; }

/* Ankündigung aktueller Chat */
.tab_chat_th { font-weight: bold; font-size: 15pt;
              color: red; font-family: Comic Sans MS;
              border: none; }
.tab_chat_td { color: #000000; font-family: Verdana; font-size: 10pt;
               border: none; }

 /* Tabelle für Höranlagen (neu) kann entfallen!*/
#hoeranl { table-layout: fixed; width: 100%;
           border-collapse: collapse;
           font-family: Arial; font-size: 8pt; color: black; }
#hoeranl td {padding: 3px;
             border-right: 1px solid #AFAFAF;
             border-bottom: 1px solid #AFAFAF; border-left: none; border-top: none; }

 /* Tabelle für innen, mit Rahmen (grau), (border-right: none; für letzte Zelle erforderlich)
    kann #hoeranl ersetzen !! */
.tab_grau { table-layout: fixed; width: 100%;
           border-collapse: collapse;
           font-family: Arial; font-size: 8pt; color: black; }
.tab_grau td {padding: 3px;
             border-right: 1px solid #AFAFAF;
             border-bottom: 1px solid #AFAFAF; border-left: none; border-top: none; }

.tab_grau10 { table-layout: fixed; width: 100%;
           border-collapse: collapse;
           font-family: Verdana; font-size: 10pt; color: black; }
.tab_grau10 td {padding: 3px;
             border-right: 1px solid #AFAFAF;
             border-bottom: 1px solid #AFAFAF; border-left: none; border-top: none; }

/* Logo - Motto */
#logo_motto {table-layout: fixed; width: 100%; border-collapse: collapse;
             margin-top: 0; margin-bottom: 0; border: none; font-family: Verdana;
             font-weight: bold; color: #004597; font-size: 10pt; letter-spacing: 2pt; line-height: 15pt;}
#logo_motto td {border: none;}
#kiste { table-layout: fixed; border-collapse: collapse;
         font-family: Arial; font-size: 8pt;
         border: 1px solid red; }

/* LINKs */
a:link {text-decoration: none; color: #004597; }
a:visited {text-decoration: none; color: #004597; }
a:active {text-decoration: none; color: #004597; }
a:hover {text-decoration: underline; color: #004597; }

/* Linien */
.hrbl {border: 1px dotted #004597; }
.hrrot {border: 1px dotted #913329; }
.hrgr {border: 1px dotted #339933; }
.hrgelb {border: 1px dotted #F6C85B; }
.hgrau {border: 1px solid #E5E5E5; }
.hrblau {border: 1px solid #004597; }

/* Teaser (blau) */
.tab_teaser { table-layout: fixed; border-collapse: collapse;
              margin-bottom: 0.2cm; width: 90%;
              font-family: Arial; font-size: 8pt;
              border: none;}
.tab_teaser th { color: #FFFFFF; font-weight: bold;
                 height: 18px;
                 background: url(../GRAFIK/TITEL/top_teaser.gif) top left no-repeat; padding-left: 15px;
                 text-align: left; }
.tab_teaser td { background-color: #E4F3FA;
                 padding: 5pt; color: #004597;}
.tab_teaser li {margin-top: 0.03cm; }

/* Teaser Kultur */
#teaser_kultur { table-layout: fixed; border-collapse: collapse;
              margin-bottom: 0.2cm; width: 90%;
              font-family: Arial; font-size: 8pt;
              border: none;}
#teaser_kultur th { color: #FFFFFF; font-weight: bold;
                 height: 18px;
                 background: url(../GRAFIK/TITEL/teaser_kultur.gif) top left no-repeat; padding-left: 15px;
                 text-align: left; }
#teaser_kultur td { background-color: #DFFFDF;
                 padding: 5pt; color: #339933;}

/* Teaser Sachgebiete */
#teaser_sach { table-layout: fixed; border-collapse: collapse;
              margin-bottom: 0.2cm; width: 90%;
              font-family: Arial; font-size: 8pt;
              border: none;}
#teaser_sach th { color: #FFFFFF; font-weight: bold;
                 height: 18px;
                 background: url(../GRAFIK/TITEL/teaser_sachg.gif) top left no-repeat; padding-left: 15px;
                 text-align: left; }
#teaser_sach td { background-color: #FAE8E6;
                 padding: 5pt; color: #913329;}

/* Teaser Verweise (oben links) */
#tab_verweise { table-layout: fixed; border-collapse: collapse; width: 90%;
                font-family: Arial; color: #004597; font-size: 8pt; font-weight: bold;
                margin-bottom: 0.2cm; }
/*
#tab_verweise td { background-image: url(../GRAFIK/TITEL/winkel.gif); background-position: left top; background-repeat: no-repeat; padding-left: 15px;
                   border-bottom: 1px solid #004597; }
*/
#tab_verweise td { padding-left: 15px; border-bottom: 1px solid #004597; }
.stern { background: url(../TEASER/GRAFIK/stern.gif) center left no-repeat; padding-left: 8px; }

/* Formate Tool-Tips */
a.info { position: relative; z-index:1; background-color: #FFFFFF; color:#004597; text-decoration:none; }
a.info:hover { z-index:2; background-color: #F6C80B; }
a.info span { display: none; }
a.info:hover span {display:block; position:absolute; top:2em; left:2em; width:15em; border:1px solid #12127D;
             background-color:#F6C80B; color:#000000; text-align: center; padding: 2px; font-size: 8pt; font-weight: normal; text-decoration: none;}

/* Aufklapp Menue */
.hide { display: none; }
.see { display: inline; }

/* FORMATE ALT (aber noch in Gebrauch */

/*.tabw11 { font-family: Arial; color: black; font-size: 8pt; white-space: nowrap; border-width: 1pt; border-top-style: solid; border-bottom-style: solid; border-color: #C0C0C0; }*/
.tabw11a { font-family: Arial; color: black; font-size: 8pt; padding: 3pt; white-space: nowrap; border-width: 1px; border-color: #C0C0C0; border-top-style: hidden; border-bottom-style: solid; border-left-style: hidden; border-right-style: solid;}
.tabw11b { font-family: Arial; color: black; font-size: 8pt; border-width: 1px; border-top-style: hidden; border-bottom-style: solid; border-left-style: hidden; border-right-style: hidden; padding: 3pt; border-color: #C0C0C0}
.tabw12a { font-family: Verdana; color: black; font-size: 10pt; padding: 3pt; white-space: nowrap; border-width: 1px; border-color: #C0C0C0; border-top-style: hidden; border-bottom-style: solid; border-left-style: hidden; border-right-style: solid;}
.tabw12b { font-family: Verdana; color: black; font-size: 10pt; border-width: 1px; border-top-style: hidden; border-bottom-style: solid; border-left-style: hidden; border-right-style: hidden; padding: 3pt; border-color: #C0C0C0}
.tab0 { border-color: #C0C0C0; font-family: Verdana,Arial; font-size: 10pt; border-width: 1px; vertical-align: top; border-style: solid;}
.bild {float: left; width: 90px; margin-right: 0.5cm;}
.nj {background-position: center; background-repeat: no-repeat; background-image: url("../GRAFIK/neujahr.gif"); }

/* Tabellen */
.tabbl { font-family: Arial; color: #000000; font-size: 8pt; border-color: #004597; border-style: solid; padding: 7pt;}
.tabrot { font-family: Arial; color: #000000; font-size: 8pt; border-color: red;  border-left-width: 1pt; border-style: solid; padding: 7pt;}
.tabbl1 { font-family: Verdana; color: #000000; font-size: 10pt; border-color: #004597; border-style: solid; padding: 7pt;}
.tabb4 { font-family: Arial; color: #000000; font-size: 8pt; border-color: #004597; border-style: solid; padding: 5pt; text-align: left;}
.tabb3 { font-family: Arial; color: #FFFFFF; padding-left: 5pt; font-size: 8pt; font-weight: bold; background-color: #004597; border-color: #004597; border-style: solid; border-width: 1px;}
.tabb3a { font-family: Arial; color: #FFFFFF; font-size: 8pt; font-weight: bold; background-color: black; border-color: black; border-style: solid; border-width: 1px;}

.tabb3b { font-family: Arial; word-spacing: 5pt; letter-spacing: 3pt; color: #FFFFFF; padding-left: 5pt; font-size: 8pt; font-weight: bold; background-color: #004597; border-color: #004597; border-style: solid; border-width: 1px;}
.tschw { font-family: Verdana; color: black; font-size: 10pt; border-color: black; border-width: 2px; border-style: solid; padding: 5pt;}

/* Tabellen Ratgeber */
.sperr {font-family: Verdana; font-size: 10pt; color: #913329; font-weight: bold; letter-spacing: 3pt;}
.rot {color: #913329;}
.rotf {color: #913329; font-weight: 700;}
.td2  {background-image: url("../RATGEBER/GRAFIK/cd.gif"); background-repeat: no-repeat;}
.tabr2 { font-family: Arial; font-size: 8pt; padding: 5pt; color: #913329; background: #FAE8E6; font-weight: bold; }
.tabr3 { font-family: Arial; font-size: 8pt; padding-left: 5pt; color: #FFFFFF; background: #913329; font-weight: bold; border-color: #913329; border-style: solid; }
.tabr3b { font-family: Arial; word-spacing: 5pt; letter-spacing: 3pt; font-size: 8pt; padding-left: 5pt; color: #FFFFFF; background: #913329; font-weight: bold; border-color: #913329; border-style: solid; }
.tabr4 { font-family: Arial; color: #000000; font-size: 8pt; border-color: #913329; border-style: solid; padding: 5pt;}
.tabr5 { font-family: Verdana; color: black; font-size: 10pt; border-color: #913329; border-style: solid; padding: 5pt;}

/* Tabellen Kultur */
.gruenf {color: green; font-weight: bold;}
.tabg2 { font-family: Arial; font-size: 8pt; padding: 5pt; color: #339933; background: #DFFFDF; font-weight: bold; }
.tabg3 { font-family: Arial; font-size: 8pt; padding-left: 5pt; color: #FFFFFF; background: #339933; font-weight: bold; border-color: #339933; border-style: solid; }
.tabg3b { font-family: Arial; font-size: 8pt; word-spacing: 5pt; letter-spacing: 3pt; padding-left: 5pt; color: #FFFFFF; background: #339933; font-weight: bold; border-color: #339933; border-style: solid; }
.tabg4 { font-family: Arial; color: #000000; font-size: 8pt; border-color: #339933; border-style: solid; padding: 5pt;}
.tabg4a { font-family: Verdana; color: black; font-size: 10pt; border-color: #339933; border-style: solid; padding: 5pt;}

/* Tabelle Rand/Schriftt: hellrot */
.tabhr { font-family: Arial; color: #004597; font-size: 8pt; border-color: red; border-style: solid; padding: 7pt; border-width: 1px;}

.tablePictureleft {margin:0 8px 6px 0; page-break-inside: avoid;}
.tablePictureright {margin:0 0 6px 8px; page-break-inside: avoid;}

/* Tabelle HG: weiss, Schrift: schwarz, ohne Rand */
.tabw { font-family: Arial; color: #004597; font-size: 8pt; padding-left: 0; padding-top: 5pt;}
.tabw10b { font-family: Verdana; color: black; font-size: 10pt; line-height: 15pt; }
.tabw10a { font-family: Verdana; color: black; font-size: 10pt; border-color: #004597; border-style: solid; border-width: 1px; padding: 5pt; }

.black { font-family: Verdana; color: black; font-size: 10pt; border-color: black; border-style: solid; border-width: 1px; padding: 5pt; }
.black2 { font-family: Arial; word-spacing: 5pt; letter-spacing: 3pt; color: white; padding-left: 5pt; font-size: 8pt; font-weight: bold; background-color: black; border-color: black; border-style: solid; border-width: 1px;}
.tabw10c { font-family: Verdana; color: black; font-size: 8pt; border-color: #004597; border-style: solid; border-width: 1px; padding: 2pt;}

/* Hintergrungfarben (versch.), Schrift: blau */
.hblau {font-family: Arial; color: #004597; font-size: 8pt; background-color: #E4F3FA; padding: 5pt;}
.gelb1 {font-family: Arial; color: #004597; font-size: 8pt; background-color: #FDECCE; padding: 5pt; }
.gelb2 {font-family: Arial; color: #004597; font-size: 8pt; background-color: #F6C85B; }

/* Überschrift, fett, gesperrt */
.ueb01 { font-family: Verdana,Arial; font-size: 10pt; font-weight: bold; letter-spacing: 1pt;}
.blau { font-family: Verdana; color: #004597; font-size: 10pt; font-weight: bold;}

/* kleine Schrift */
.klein {font-family: Arial; font-size: 8pt; }

/* Ausrückung Listenpunkte */
.li01 {margin-left: -18pt;}
.li04 {margin-left: -18pt; text-align: justify;}
.li01a {margin-left: -18pt; margin-top: 0.5cm;}
.li01b {margin-left: -18pt; text-align: justify;}
.li02 {margin-left: -8pt;}
.li03 {margin-left: -12pt; text-align: justify;}
.li03a {margin-left: -12pt; text-align: justify;}

/* Formate DSB (alt) */
.ueb  { font-family: Verdana,Arial; font-size: 10pt; font-weight: bold; color: #000080;}
.ueb1 { background-image: url("GRAFIK/backtermin.gif"); padding: 5pt; font-family: Verdana,Arial; font-size: 10pt; color: #000080; font-weight: 700;}
.text { font-family: Verdana,Arial; font-size: 10pt; }
.link { font-family: Arial; font-size: 9pt; text-align: right; color: #000000; text-decoration: none;}
.minit {font-family: Arial; font-size: 8pt; }

/* Notrufe  ALT*/
/* Spalten Überschrift */
.a {font-family: Arial,Helvetica; font-size: 8pt; text-align: center; font-weight: bolder;
    border-width: 1px; padding: 2pt; border-color: #004597;
    border-top-style: hidden; border-bottom-style: solid; border-right-style: solid; border-left-style: hidden; }
.a1 {font-family: Arial,Helvetica; font-size: 8pt; text-align: center; font-weight: bolder;
    border-width: 1pt; padding: 2pt; border-color: #004597;
    border-top-style: hidden; border-bottom-style: solid; border-right-style: hidden; border-left-style: hidden; }

/* Ortsangabe 1. Spalte */
.b {font-family: Arial,Helvetica; font-size: 8pt; text-align: left; color: #800000;
    border-width: 1px; padding: 2pt; border-color: #004595;
    border-top-style: hidden; border-bottom-style: solid; border-right-style: solid; border-left-style: hidden; }
.b1 {font-family: Arial,Helvetica; font-size: 8pt; text-align: left; color: #800000;
    border-width: 1px; padding: 2pt; border-color: #004595;
    border-top-style: hidden; border-bottom-style: solid; border-right-style: hidden; border-left-style: hidden; }

/*  alle Spalten ohne 1. Spalte */
.c {font-family: Arial,Helvetica; font-size: 8pt; text-align: center;
    border-width: 1px; padding: 2pt; border-color: #004597;
    border-top-style: hidden; border-bottom-style: solid; border-right-style: solid; border-left-style: hidden; }
.c0 {font-family: Arial,Helvetica; font-size: 8pt;
    border-width: 1px; padding: 2pt; border-color: #004597;
    border-top-style: hidden; border-bottom-style: solid; border-right-style: solid; border-left-style: hidden; }

.c1 {font-family: Arial,Helvetica; font-size: 8pt; text-align: center;
    border-width: 1px; padding: 2pt; border-color: #004597;
    border-top-style: hidden; border-bottom-style: solid; border-right-style: hidden; border-left-style: hidden; }
.c2 {font-family: Arial,Helvetica; font-size: 8pt; border-width: 1px; padding: 2pt; border-color: #004597;
    border-top-style: hidden; border-bottom-style: solid; border-right-style: hidden; border-left-style: hidden; }

/* Notrufe rot */
.rf {font-family: Arial,Helvetica; font-size: 8pt; text-align: center; font-weight: bolder; color: #800000;
     border-width: 1px; padding: 2pt; border-color: #004597;
    border-top-style: hidden; border-bottom-style: solid; border-right-style: solid; border-left-style: hidden; }
.rfa {font-family: Arial,Helvetica; font-size: 8pt; text-align: left; color: #800000;
     border-width: 1px; padding: 2pt; border-color: #004597;
    border-top-style: hidden; border-bottom-style: solid; border-right-style: solid; border-left-style: hidden; }
.rf1 {font-family: Arial,Helvetica; font-size: 8pt; text-align: center; font-weight: bolder; color: #800000;
     border-width: 1px; padding: 2pt; border-color: #004597;
    border-top-style: hidden; border-bottom-style: solid; border-right-style: hidden; border-left-style: hidden; }


/* Notrufe schwarz */
.schw {font-family: Arial,Helvetica; font-size: 8pt; text-align: center; font-weight: bolder;
       border-width: 1px; padding: 2pt; border-color: #004597;
       border-top-style: hidden; border-bottom-style: solid; border-right-style: solid; border-left-style: hidden; }

/* Notrufe gruen */
.gruen {font-family: Arial,Helvetica; font-size: 8pt; text-align: center; font-weight: bolder; color: #008000;
       border-width: 1px; padding: 2pt; border-color: #004597;
       border-top-style: hidden; border-bottom-style: solid; border-right-style: solid; border-left-style: hidden; }

/* Telefon-Nummern blau */
.tblau {font-family: Arial,Helvetica; font-size: 8pt; text-align: center; color: #004597; font-weight: bolder;
       border-width: 1px; padding: 2pt; border-color: #004597;
       border-top-style: hidden; border-bottom-style: solid; border-right-style: solid; border-left-style: hidden; }

/*  Text klein, linksbündig */
.tkl {font-family: Arial,Helvetica; font-size: 8pt; }
.tklv {font-family: Verdana,Arial,Helvetica; font-size: 8pt; }

/* Link */
.link {font-family: Verdana,Arial,Helvetica; font-size: 8pt; color: #000080;}