/* hs61styles.css media screen */
/* --- Seitengestaltung --- */
        body {
                background-color: #C6C3C6;
                color: #000000;
                font-family: arial, helvetica, sans-serif;
                font-size: 14px;
                margin: 0px;
                padding: 0px;
                text-align: justify;
        }
        versteckt {
                   display: none;
                   visibility: hidden;
                   }
        h1, h2 {
                text-align: center;
        }
        h1, h3 {
                font-variant: small-caps;
        }
        h2, h3 {
                border-bottom: 1px solid #840000;
                margin-top: 0;
                margin-bottom: 1em;
        }
        h1 {
                font-family: "arial black", helvetica, sans-serif;
                font-size: 300%;
                margin: 0;
        }
        h2 {
                font-family: "arial narrow", helvetica, sans-serif;
                font-size: 200%
        }
        h3 {
                font-size: 150%
        }
        h4 {
                font-size: 120%;
                font-weight: bold;
                margin: 0;
                text-align: center;
                text-decoration: underline;
        }
        a, a:hover {
                color: #00c; /*#FFDF00;*/
                text-decoration: none;
        }
        a:hover {
                background-color: #0000aa;
                color: #ff3;
        }
        a img {
                border: 1px solid #444444;
        }
        a:hover img {
                background-color: #FFFFFF;
                border: 1px dotted #ddaa22;
        }
        td {
                padding-left: 1em;
                padding-right: 1em;
                padding-bottom: 1em;
                vertical-align: top;
        }
        /* --- Box --- */
        .Box {
                background: #ccc; /*#ADAEAD;*/
                border: 2px solid #840084;
                margin-bottom: 1em;
                padding: 0.5em;
        }
        .BoxHeadline {
                font-size: 18px;
                font-weight: bold;
        }
        .LinkBox {
                line-height: 1.5em;
        }
        .LinkBox a, .LinkBox a:hover {
                border-top: 1px solid #444444;
                border-bottom: 1px solid #444444;
                display: block;
        }
        .LinkBox a:hover {
                border-top: 1px dotted #ddaa22;
                border-bottom: 1px dotted #ddaa22;
                background-color: #0000aa;
        }
        .sublink {
                padding-left: 1em;
        }
        .sublink a, .sublink a:hover {
                line-height: 1em;
        }
        .news {
                margin-bottom: 2px;
        }
        .newsdate {
                border: 1px solid;
                padding: 1px;
        }
        .pics {
                text-align: center;
        }
        /* --- Columns --- */
        .Cols {
                background: #C6C3C6;
                padding-left: 1em;
                padding-right: 1em;
        }
        .ColTop {
                padding-top: 0.1em;
        }
        .ColLeft {
               /* padding-top: 1em; */
                float: left;
                clear: left;
                width: 13em;
        }
        .ColRight {
               /* padding-top: 1em; */
                float: right;
                clear: right;
                width: 14em;
        }
        .ColMiddle {
               /* padding-top: 1em; */
                margin-left: 15em;
                margin-right: 16em;
                padding-left: 0;
                padding-right: 0;
        }
        .ColMiddle1 {
               /* padding-top: 1em; */
                margin-left: 16em;
                margin-right: 1em;
                padding-left: 0;
                padding-right: 0;
        }
        .ColLeft a {
                text-align: left;
        }
        .ColRight h3 {
                text-align: right;
        }
        /* --- Tab --- */
        .tdtitle {
                text-align: right;
                font-weight: bold;
        }
        .tdtext {
                text-align: left;
        }
/* --- Fuss --- */
.fuss1 {
      border: none;
      border-width: thin;
      width: 100%;
      text-align: center;
      font-family: sans-serif;
      font-size: 8pt;
      font-style: italic;
      background: white;
}
.counter {
          text-align: center;
          }
.recht {
        border: solid;
        border-width: thin;
        width: 100%;
        font-family: sans-serif;
        text-align: center;
        font-size: x-small;
}
#p.wetter{
          width: 100px;
          }