body {
    color: #333; 
    background-color: #CCC;
    font-size: 100.01%;
    font-family: Helvetica,Arial,sans-serif;
    margin: 0; 
    padding: 10px;
    text-align: center;  /* Zentrierung im Internet Explorer */
    min-width: 41em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
  }

.news-latest-item p {
        padding:0px;
        margin:0px; }

.csc-header {
    font-size: 10pt;
    /* background-color: #00B; */
    border: 1px solid #00B;
    margin: 0px;
    padding: 0.2em 10px;
    color: #EED;
    background-image: url("../img/ueberschrift-bg-dunkel.png");
  }

h1.csc-firstHeader {
    font-size: 10pt;
     margin:0px;
     padding:0px;
    }

h1 {
    font-size: 10pt;
     margin:0px;
     padding:0px;
    }


  a {
    font-weight: bold;
    text-decoration: none;
  }
  a:link {
    color: #00B; 
  }
  a:visited {
    color: #00B; 
  }
  a:hover {
    color: #00D; 
    text-decoration: underline;
  }
  a:active {
    color: #F00; 
  }

  form {
    background-color: #EED;
    margin: 0px;
    padding: 0.6em 10px;
  }
  label {
    float:left;
    display:block;
    width:80px;
    margin: 0.2em 0px;
  }
 input, textarea {
    background-color: #FFE;
    border: 1px inset silver;
    margin: 0.2em 0px;
    width: 270px;
  }
 input.csc-mailform-submit {
    width:80px;
    border: 1px outset silver;
    margin: 0.2em 0px;
  }
 input.csc-mailform-check {
    width: auto;
    background-color: #EED;
  }
.csc-mailform-field select {
    border: 1px inset silver;
    background-color: #FFE;
    margin: 0.2em 0px;
  }

  div#seite {
    font-size: 0.8em;
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
    background-color: #FFE;
    margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
    width: 760px;
    padding: 0px;
    border: 3px solid #00B;
  }

  div#kopf {
    clear: both;
    background-color: #00B;
    color: #CCC;
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
    margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
    width: 760px;
    height: 100px;
    padding: 0px 0px 3px 0px;
  }

  div#kopfbalken {
    clear: both;
    position: relative;
    background-color: #EED;
    color: #333;
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
    margin: 0 ;      /* standardkonforme horizontale Zentrierung */
    width: 740px;
    height: 1.4em;
    padding: 2px 10px;
    border-bottom: 1px solid #666 ;
  }

  div#datum {
    position: absolute;
    margin: 0px 10px 0px 0px;
  }

  div#klickpfad {
    position: absolute;
    margin: 0px 10px 0px 190px;
  }

  div#sitemap {
    position: absolute;
    margin: 0px 10px 0px 580px;
  }

  div#druck {
    position: absolute;
    margin: 0px 10px 0px 620px;
  }


  div#fuss {
    clear: both;
    background-color: #00B;
    color: #FFE;
    text-align: center;    
    margin: 0 ;      /* standardkonforme horizontale Zentrierung */
    width: 740px;
    padding: 2px 10px;
  }

  div#links {
    float: left;
    background-color: #EED;
    margin: 0px;
    padding: 0px;
    width:180px;
  }

  div#login {
    margin: 0px;
    padding: 10px;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
;
  }

div#login p {
    margin: 0px;
    padding: 0px;
  }

span.unsichtbar { position:absolute; left:-3000px; width:0; height:0; display:block; }

  div#navigation {
    font-size: 0.91em;
    width: 180px;
    margin: 0px; 
    padding: 0px 0px 2px 0px ; /* Padding der gesamten Navigation */
    background-color: #EED;
  }

  div#navigation ul {
    margin: 0px; 
    padding: 0px 0px 0px 0px ;

  }


  div#navigation ul li {
    list-style: none;
    margin: 0; 
    padding: 2px 0px 0px 0px;
  }
  div#navigation ul a {
    display: block;
    margin: 0px;
    padding: 2px 0px 2px 10px;
    font-weight: bold;
    text-decoration: none;
    border: 1px outset silver;
    /* background-color: #EED; */
    background-image: url("../img/knopf-bg-hell.png");
  }
  div#navigation ul a.act {
    /* background-color: #DDC; */
    color: #FFE;
    background-image: url("../img/knopf-bg-blau.png");
  }

  div#navigation ul em {
    display: block;
    padding: 2px 0px 2px 10px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    border: 1px outset silver;
    /* background-color: #DDC; */
    background-image: url("../img/knopf-bg-dunkel.png");
    border: 1px inset silver;
  }


  div#navigation ul a:link {
    color: #00B; 
  }
  div#navigation ul a.act:link {
    color: #FFE; 
  }
  div#navigation ul a:visited {
    color: #00B; 
  }
  div#navigation ul a.act:visited {
    color: #FFE; 
  }
  div#navigation ul a:hover {
    color: #00C; 
    /* background-color: white; */
    background-image: url("../img/knopf-bg-dunkel.png");
  }
  div#navigation ul a.act:hover {
    color: #00C; 
    /* background-color: white; */
    background-image: url("../img/knopf-bg-dunkel.png");
  }
  div#navigation ul a:active {
    color: #F00; 
  }

  div#navigation ul ul {
    list-style: none;
    margin: 0;
    padding: 0px 0px 0px 0px; 
  }
  div#navigation ul li ul li a {
    display: block;
    padding: 2px 0px 2px 20px;
    font-weight: normal;
    text-decoration: none;
  }
  div#navigation ul li ul li em {
    display: block;
    padding: 2px 0px 2px 20px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    background-color: #DDC;
    border: 1px inset silver;
  }


  div#navigation ul ul ul {
    list-style: none;
    margin: 0;
    padding: 0px 0px 0px 0px; 
  }
  div#navigation ul li ul li ul li a {
    display: block;
    padding: 2px 0px 2px 30px;
    font-size: 0.91em;
    font-weight: normal;
    font-style: italic;
    text-decoration: none;
  }
  div#navigation ul li ul li ul li em {
    display: block;
    padding: 2px 0px 2px 30px;
    font-size: 0.91em;
    font-weight: normal;
    font-style: italic;
    text-decoration: none;
    background-color: #DDC;
    border: 1px inset silver;
  }


  div#inhalt {
    /* float: left; */
    margin-left: 180px;
    width: 378px;
    padding: 10px;
  }
  div#inhalt h1 h2 h3 h4 {
    display: block;
    font-size: 1.2em;
    /* background-color: #00B; */
    background-image: url("img/ueberschrift-bg-dunkel.png");
    color: #EED;
    padding: 2px 10px;
    margin: 0px;
    border: 1px solid #00B;
  }
  div#inhalt p {
    font-size:1em;
    margin: 0px;
    padding: 0.3em 10px;
    background-color: #EED;
  }
  div#inhalt table {
    margin: 0px;
    padding: 0.6em 10px;
    background-color: #EED;
    table-layout: auto;
    width: 100%;
    border-spacing: 0px;
  }
  div#inhalt thead {
    background-color: #CCB;
    color: #666;
    font-weight:bold;
    font-size:1.1em;
  }
  div#inhalt tbody {
    font-weight:normal;
  }
  div#inhalt tbody tr.tr-odd {
    background-color: #DDC;
  }
  div#inhalt tbody tr.tr-even {
    background-color: #EED;
  }
  div#inhalt td, th {
    padding:0.2em;
    border-spacing:0px;  
  }
  div#inhalt tfoot {
    background-color: #CCB;
    font-weight:bold;
    font-style:italic;
  }

  div#rand {
    font-size: 1em;
    float: right;
    width: 180px;
    margin: 0; 
    padding: 10px 0px 0px 0px;
    border-left: 1px solid #666;
    border-bottom: 1px solid #666;  
    background-color: #EED;
  }
  div#rand p {
    font-size: 1em;
    margin: 10px;
  }


div.tx-newloginbox-pi1 {
    margin:0px;
    padding:0px;
    width: 160px;
  }

.tx-newloginbox-pi1 input {
    width: 140px;
    padding:0px;
    margin:0px;
  }

.tx-newloginbox-pi1 h3 {
    padding:0px;
    font-size:10pt;
    margin:0px;
  }
  
.tx-newloginbox-pi1 label {
    float:left;
    display:block;
    width:140px;
    margin: 0.2em 0px;
    padding: 0px;
  }  
  
input.tx-newloginbox-pi1-submit {
    width: auto;
    border: 1px outset silver;
    margin: 2px 0px;
    padding: 2px 4px;
    background-image: url("../img/knopf-bg-hell.png");    
  }
  
.tx-srfeuserregister-pi1 { 
    margin: 0px;
    padding: 0px;
    font-size: 0.91em; 
    }
.tx-srfeuserregister-pi1 label {
    width: 100px;
    float:left;
    display:block;
    margin: 0.2em 0px;
    }
.tx-srfeuserregister-pi1 input, .tx-srfeuserregister-pi1 textarea {
    width: 180px;
    float:left;
    display:block;
    margin: 0.2em 10px;
    }
.tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-submit {
    width: auto;
    text-align:center;
    padding:2px 10px;
    border: 1px outset silver;
    }
.tx-srfeuserregister-pi1 dd select  {
    width: 180px;
    float:left;
    display:block;
    margin: 0.2em 10px;
    border: 1px outset silver;
    background-color: #FFE;
    }
    
  
  .tx-srfeuserregister-pi1 p { color: #333; }
  .tx-srfeuserregister-pi1 dd { padding:0px; margin:0px; }

.newsletter input { 
      border: 1px outset silver; 
      width: 240px;
      padding:2px 10px;
      background-image: url("../img/knopf-bg-hell.png");
      }