@media all
{
  /* Alle Schriftgroeszen auf Standardgroesze (16 Pixel) zuruecksetzen */
  html * {font-size: 100%;}

  /* Basis-Layout erhaelt Standardschriftgroesze von 12 Pixeln */
  body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 75%;
    font-weight: normal;
    color: #000000;
    text-align: left;
    vertical-align: top;
    }

  body.index {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 75%;
    font-weight: normal;
    color: #000000;
    text-align: left;
    vertical-align: top;
    background: #8c8c8c url("pagebg.jpg") no-repeat top left fixed;
    padding: 24px 0;
    }

  /* Layout: Breite, Hintergrund, Rahmen */
  #page {
    border: 1px solid #444444;
    border-width: 0 1px 1px 0;
    padding: 0;
    margin: 0 auto;
    background: #ffffff;
    width: 80em;
    text-align: left;
    vertical-align: top;
    }


        /* Formatierung der Inhalts-Container */
        /* |-------------------------------| */
        /* | #header                       | */
        /* |-------------------------------| */
        /* | #col1   | #col2     | #col3   | */
        /* | 16em    | 50em      | 14em    | */
        /* |-------------------------------| */
        /* | #footer                       | */
        /* |-------------------------------| */

  /* +++ Kopfzeile formatieren +++ */
  #header {
    height: 110px;
    background: transparent;
    position: relative;
    clear: both;
    }

  #header img.logo {
    position: absolute;
    top: 12px;
    left: 12px;
    width: auto;
    height: auto;
    border: 0;
    display: block;
    }

  #header .verbandsname {
    position: absolute;
    top: 42px;
    left: 219px;
    font-size: 20px;
    font-weight: normal;
    line-height: 20px;
    text-align: left;
    vertical-align: top;
    }

  #header img.banner {
    position: absolute;
    margin-bottom: -165px;
    top: 0px;
    right: 0px;
    width: auto;
    height: auto;
    border: 0;
    display: block;
    z-index: 1;
    }

  /* Oberes Menue formatieren */
  #topnav {
    position: absolute;
    top: 0;
    right: 12px;
    text-align: right;
    font-size: 0.9em;
    font-weight: normal;
    color: #aaaaaa;
    background: transparent;
    }

  #topnav ul {
    list-style: none;
    margin: 0 211px 0 0;
    padding: 0;
    text-align: right;
    }

  #topnav ul li {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    display: inline;
    margin: 0;
    padding: 0;
    }

  #topnav a,
  #topnav span.active {
    display: block;
    float: left;
    margin: 0 -1px 0 0;
    padding: 0.15em 0.5em;
    border: 1px solid #cccccc;
    border-width: 0 1px;
    color: #999999;
    text-decoration: none;
    }

  #topnav a:focus,
  #topnav a:hover,
  #topnav a:active,
  #topnav #current a {
    background-color: #666666;
    color: #ffffff;
    }

  /* Hauptmenue formatieren */
  #mainnav {
    position: absolute;
    top: 110px;
    text-align: right;
    color: #000000;
    background: transparent;
    clear: both;
    float: left;
    width: 62em;
    margin: 0;
    padding: 0 0 0 18em;
    border: 1px solid #666666;
    border-width: 0 0 1px;
    line-height: 1.7em;
    }

  #mainnav ul {
    list-style: none;
    white-space: nowrap;
    margin: 0 0 0 0;
    padding: 0;
    text-align: right;
    }

  #mainnav ul li,
  #mainnav #current {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    display: inline;
    border: 1px solid #666666;
    border-width: 0 1px 0 1px;
    margin: 0 0 0 -1px;
    padding: 0;
    float: left;
    line-height: 1.7em;
    }

  #mainnav ul li a,
  #mainnav span.active {
    display: block;
    float: left;
    margin: 0 -1px 0 0;
    padding: 0.0em 0.95em 0.0em 0.95em;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
    }

  #mainnav ul li a:focus,
  #mainnav ul li a:hover {
    background-color: #cccccc;
    }

  #mainnav #current a,
  #mainnav a:active {
    background-color: #e50006;
    color: #ffffff;
    }



  /* +++ Inhalts-Container formatieren +++ */
  #col13,
  #col12,
  #col1,
  #col2,
  #col3 {
    position: relative;
    margin: 0;
    }

  #col12 {
    clear: left;
    float: left;
    width: 64em;
    padding: 0;
    }

  #col1 {
    clear: left;
    float: left;
    width: 16em;
    padding: 0;
    }

  #col2 {
    float: left;
    width: 47em;
    padding: 0 0 0 2em;
    }
        #col3 {
    float: right;
    width: 14em;
    padding: 0;
    }

  #col23 {
    float: left;
    width: 57em;
    padding: 0 0 0 2em;
    }
   
  #col123 {
    float: left;
    width: 75em;
    padding: 0 0 0 2em;
    } 
  /*Startseitenaufteilung formatieren*/
  #subcl_start  { margin: 0 1.1em 2px 1em; padding: 0 1.1em 2px 1em; float: left; clear: left; border-style: solid; border-width: 0 0 0 0; border-color: #cccccc }

  #subcl_start .table {
    margin: 0;
    padding: 0;
    border: 0;
    }

  #subcl_start23 {
    padding: 0;
    margin: 0;
    border: 0;
    float: left;
    }

  #subcl_start2 {
    padding: 0;
    margin: 0 1em 0 0;
    border: 0;
    float: left;
    }

  #subcl_start3 {
    padding: 0;
    margin: 0;
    border: 0;
    float: right;
    }

  /* Spalten der Startseiten definieren */
  #subcl1,
  #subcl2,
  #subcl3 {
    padding: 0;
    margin: 0;
    border: 0;
    float: left;
  }

  #subcl1 .table,
  #subcl2 .table,
  #subcl3 .table {
    margin: 0;
    padding: 0;
    border: 0;
    }

  #subcl1 {
    padding: 0 0.5em 0 0;
    border: 1px solid #cccccc;
    border-width: 0 1px 0 0;
    clear: left;
    }

  #subcl2 {
    padding: 0 0.5em 0 0.5em;
    border: 1px solid #cccccc;
    border-width: 0 1px 0 0;
    }

  #subcl3 {
    padding: 0 0 0 0.5em;
    float: left;
    }

  /* Seitenmenue formatieren */
  #subnav {
    position: absolute;
    width: 16em;
    overflow: hidden;
    margin: -2.8em 0 5em 0;
    border: 0;
    padding: 0;
    list-style-type: none;
    }

  #subnav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
    }

  #subnav li {
    margin: 0;
    border: 0;
    padding: 0;
    font-size: 1em;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    display: inline;
    text-align: left;
    }

  #subnav ul li a,
  #subnav ul li strong,
  #subnav span.active {
    display: block;
    margin: 0 -1px 0 0;
    padding: 1px 0px 1px 1em;
    border-bottom: 1px solid #eeeeee;
    border-width: 0 1px;
    background-color: transparent;
    color: #000000;
    text-decoration: none;
    width: auto;
    word-wrap: break-word; /* CSS3 */
    }

  #subnav li strong {
    background-color: #e60005 !important;
    color: #ffffff !important;
    }

  #subnav li .opened {
    color: #e60005;
    }

  /* Menu Title */
  #subnav #title {
    display: none;
    margin: 0 0 0 0em;
    padding: 0.25em 0.5em 0.25em 1em;
    border: 1px solid #cccccc;
    border-width: 0 0 1px;
    background-color: #999999;
    color: #ffffff;
    }

  /* Ebene 1 */
  #subnav ul li a,
  #subnav ul li strong {
    border: 1px solid #dddddd;
    border-width: 0 0 1px;
    line-height: 1.5em;
    padding: 0.25em 0.5em 0.25em 1em;
    margin: 0 0 0 0em;
    background-color: transparent;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
    }

  #subnav ul li a:focus,
  #subnav ul li a:hover {
    background-color: #cccccc;
    color: #000000;
    }

  #subnav ul li #current a,
  #subnav ul li a:active {
    background-color: #e50006;
    color: #ffffff;
    }

  /* Ebene 2 */
  #subnav li ul li a,
  #subnav li ul li strong {
    border: 1px solid #dddddd;
    border-width: 0 0 1px;
    line-height: 1.5em;
    padding: 0.25em 0.5em 0.25em 2em;
    margin: 0 0 0 0em;
    background-color: transparent;
    color: #000000;
    font-weight: normal;
    text-decoration: none;
    }

  #subnav li ul li a:focus,
  #subnav li ul li a:hover {
    color: #000000;
    background-color: #cccccc;
    }

  #subnav li ul li #current a,
  #subnav li ul li a:active {
    background-color: #e50006;
    color: #ffffff;
    }


  /* +++ Servicespalte formatieren +++ */
  /* Winkelbox */
  #col3 .winkelbox {
    padding: 0 2px 0.5em 0;
    margin: 0 0 1em;
    border: 1px solid #cccccc;
    border-width: 1px 0 0 1px;
    }

  /* Standarttext */
  #col3 p {
    padding: 0 1em 0 0;
    margin: 0.5em 1em 0.5em 1em;
    text-align: left;
    font-size: 1em;
    font-weight: normal;
    }

  /* Überschriften Servicespalte */
  #col3 .winkelbox h1 {
    padding: 0.5em 1em;
    margin: 0 0 0.25em;
    color: #000000;
    font-size: 1.0em;
    border-bottom: 1px solid #cccccc;
    background-color: #ffffff;
    }

  /* Bilder Winkelbox */
  #col3 .winkelbox img {
    padding: 0 1em 0 0;
    margin: 0.5em 1em 0.5em 1em;
    text-align: left;
    }

  /* Emailadressenbild Winkelbox */
  #col3 .winkelbox .emailadresse {
    padding: 0 1em 0 0;
    margin: 0.5em 1em 0.5em 1em;
    text-align: left;
    border= 0;
    align= Top
    }


  /* +++ Fußzeile formatieren +++ */
  #footer {
    clear: both;
    background: transparent;
    position: relative;
    height: 5em;
    margin: 0 0 0 0;
    border: 0;
    padding: 0.15em 0;
    text-align: right;
    font-size: 0.9em;
    font-weight: normal;
    }

  /* +++ Fußzeilenmenue formatieren +++ */
  #footernav {
    position: absolute;
    bottom: 0.5em;
    right: 1em;
    }

  #footernav ul {
    list-style: none;
    margin: 0 1px 0 0;
    padding: 0;
    text-align: right;
    }

  #footernav ul li {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    display: inline;
    margin: 0;
    padding: 0;
    }

  #footernav a,
  #footernav span.active {
    display: block;
    float: left;
    margin: 0 -1px 0 0;
    padding: 0.15em 0.5em;
    border: 1px solid #cccccc;
    border-width: 0 1px;
    color: #999999;
    text-decoration: none;
    }

  #footernav a:focus,
  #footernav a:hover,
  #footernav a:active {
    background-color: #666666;
    color: #ffffff;
    }


  /* +++Inhalte formatieren+++*/
  /* Überschriften */
  h1 {
    font-size: 1.6em;
    font-weight: bold;
    padding: 0.2em 0.25em 0.3em;
    background-color: #999999;
    color: #ffffff;
    }

  h2 {
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 0 0 0;
    padding: 0.3em 0.5em 0.2em 0.5em;
    background-color: #999999;
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
    padding: 0.6em 0.1em 0.5em 0.6em;
    }

  h3 {
    font-size: 1.4em;
    font-weight: bold;
    margin: 0 0 0 0;
    padding-top: 0.7em;
    color: #333333;
    border-bottom: 1px solid #ffffff;
    }

  h1 a,
  h1.startseite a,
  h2 a {
    color: #ffffff;
    text-decoration: none;
    }

  h1 a:focus,
  h1 a:hover,
  h1 a:active,
  h1.startseite a:focus,
  h1.startseite a:hover,
  h1.startseite a:active
    h2 a:focus,
  h2 a:hover,
  h2 a:active {
    color: #ffffff;
    text-decoration: underline;
    }

  /* Formatierung der Startseiteninhalte H1 (weisz auf rot) +++ */
  h1.startseite {
    font-weight: normal;
    margin: 0 0 0 0;
    padding: 0.3em 0.5em 0.2em 0.5em;
    background-color: #e60005;
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
  }

  /*Texte formatieren*/
  p {
    padding: 0;
    margin: 0;
    color: #000000;
    font-size: 1em;
    font-style: normal;
    text-align: justify;
    line-height: 1.5em;
    }

  p.bildunterschrift {
    padding: 0;
    margin: 0;
    color: #777777;
    font-size: 0.85em;
    font-style: normal;
    }

  p.startseite {
    padding: 1em;
    margin: 0;
    color: #000000;
    font-style: normal;
    text-align: justify;
    line-height: 1.5em;
    background-color: #cccccc;
    }

  p.intro {
    padding: 1em;
    margin: 0;
    color: #000000;
    font-style: bold;
    text-align: justify;
    line-height: 1.5em;
    background-color: #cccccc;
    }

  p a:link,
  p a:hover,
  p a:active {
    color: #015BCA;
    text-decoration: underline;
    }

  ul,
  li {
    padding: 0;
    margin: 0 0 0 1.25em;
    color: #000000;
    font-size: 1em;
    font-style: normal;
    line-height: 1.5em;
    list-style-type: disk;
    list-style-image: url("bullet.gif");
    }

  img.emailadresse {
    border=0;
    vertical-align: text-bottom;
    }

  a.seitenanfang {
    background: url("ico-seitenanfang.gif") no-repeat scroll right center transparent;
    padding-right: 16px;
    color: #015BCA;
    text-decoration: underline;
    }

  a.externer-link {
    background: url("ico-neuesfenster.gif") no-repeat scroll right center transparent;
    padding-right: 14px;
    color: #015BCA;
    text-decoration: underline;
    }

  /* Tabellen */
  table.tabelle {
    width:auto;
    border-collapse: collapse;
    margin-bottom: 0.5em;
    border-bottom: 2px solid #cccccc;
    }

  /* Bei den Fix-Tabellen soll die Breite Vorrang vor dem Inhalt haben */
  table.tabelle.fix {
    table-layout: fixed;
    }

  table.tabelle caption {
    text-align: right;
    margin: 0.5em 0 0.5em;
    color: #999999;
    font-size: 0.85em;
    }

  table.tabelle th,
  table.tabelle td {
    padding: 0.5em 1em;
    vertical-align: top;
    }
  table.tabelle thead th {
    background: #cccccc;
    }
  table.tabelle tbody th {
    background: #eeeeee;
    }

  table.tabelle tbody th,
  table.tabelle tbody td {
    border: 1px solid #cccccc;
    border-width: 1px 0 0;
    }

  table.tabelle tbody th p,
  table.tabelle tbody td p {
    margin: 0;
    }

  table.tabelle tbody td ul {
    margin-top: 0;
    margin-bottom: 0;
    }


  /* +++ Sitemap formatieren +++ */
  .sitemap ul {
    padding: 0;
    margin: 0 0 0 2em;
    color: #000000;
    font-size: 1em;
    font-style: normal;
    line-height: 2.0em;
    list-style-type: none;
    }

  .sitemap ul {
    padding: 0 0 0 2em;
    }

  .sitemap ul ul {
    padding: 0 0 0 2em;
    }

  .sitemap a, .sitemap a:visited {
    font-size: 1.6em;
    font-weight: normal;
    margin: 0 0 0 0;
    padding-top: 0;
    color: #777777;
    line-height: 1.6em;
    text-decoration: none;
    }

  .sitemap a:focus, .sitemap a:hover, .sitemap a:active {
    color: #e60005;
    }

  .sitemap ul a, .sitemap ul a:visited {
    font-size: 1.2em;
    font-weight: bold;
    }

  .sitemap ul ul a, .sitemap ul ul a:visited {
    font-size: 1.2em;
    font-weight: normal;
    }
}
.red  { color: red }
.weiss { color: white }
.footer   { font-size: 10px; font-family: Arial, sans-serif; line-height: 12px }