#titelbalken {
       position: static;
      /* width: 99%;  */
       background-color: #0068B3;
       height: 90px;
       color: #F9B000;
       font-size: 14px;
       font-weight: 700;
       text-align: left;
       vertical-align: bottom;
       left: 0px;
       right: 0px;
       top: 0px;
       font-family: arial, helvetica;
       padding-left:10px;
}

#titelbalken_schmal {
       position: static;
       background-color: #0068B3;
       height: 26px;
       color: #F9B000;
       font-size: 18px;  /*Es hat nur Leerzeichen im Titelbalken aber die Schriftgrösse bestimmt die vert. Position der beiden Links */
       font-weight: 700;
       text-align: left;
       /*vertical-align: middle */
       left: 0px;
       right: 0px;
       top: 0px;
       font-family: arial, helvetica;
       padding-left:10px;
}

#whitebar {
       position: static;
      /* top: 90px;
       width: 99%;   */
       background-color: white;
       height: 6px;
}

#topright {
               position: absolute;
               width: 200px;
               height: 32px;
               right: 0px;
               top: 0px;
               color: #0068B3;
               text-align: center;

}

#footer {
       position: static;

       height: 58px;
/*       width: 99%;  das geht schief mit padding zusammen */
       padding-top: 5px;
       padding-bottom: 5px;
       padding-left: 20px;
       padding-right: 20px;
       background-color: #0068B3 ;

       color: #F9B000;
       font-size: 14px;
       text-align: center;
       vertical-align: bottom;
       font-family: arial, helvetica;

}

#footerWiis {
       position: static;

       height: 58px;
       padding-top: 5px;
       padding-bottom: 5px;
       padding-left: 20px;
       padding-right: 20px;
       background-color: #0068B3 ;

       color: #F9B000;
       font-size: 24px;
       text-align: center;
       vertical-align: bottom;
       font-family: arial, helvetica;

}

#footer a {
        color: white;
        text-decoration: none;
}

#footer a:hover {

        color: #F9B000;
}


body, td, th, tr, h1, h2, h3, h4, blockquote, ul, ol, li {
       font-family: arial, helvetica;
       font-size: 12px;
       color: #4B4C5D;
       background-color: #D3DDF2;
       margin-top: 3px;
       margin-bottom: 2px;
       margin-left: 3px;
       margin-right: 3px;
     }

body {
       font-family: arial, helvetica;
       font-size: 12px;
       color: #4B4C5D;
       background-color: #D3DDF2;
       margin: 0px 0px 0px 0px;
     }

p    { margin-left: 10px;
       font-family: arial, helvetica;
       font-size: 12px;
       color: #4B4C5D;
      }


.link_small a {
        font-size: 12px;
        line-height: 20px;
        background-image: url(../logos/link_small_passiv.gif);
        background-position: 3px 0px;
        background-repeat: no-repeat;
        padding-left: 25px;
        text-decoration: none;
        color: #FFFFFF;
}



.link_small a:hover {
        background-image: url(../logos/link_small_activ.gif);
        color: #FBAE17;
}




.link_small_activ {
        font-size: 15px;
        line-height: 20px;
        background-image: url(logos/link_small_activ.gif);
        background-position: 3px 1px;
        background-repeat: no-repeat;
        padding-left: 30px;
        text-decoration: none;
        color: #FBAE17;
}

.link_white a {
        font-size: 12px;
        text-decoration: none;
        color: #FFFFFF;
}

.link_white a:hover {
        color: #FBAE17;
}



a {

        color: #4B4C5D;

        text-decoration: underline;

}

a:hover {

        color: #0068B3;

        text-decoration: none;

}

/*

a:link    { text-decoration: underline;
            color: #511783;
          }

a:active  { text-decoration: underline;
            color: #C1A4FF;
          }
a:hover   { text-decoration: underline;
            color: #B22BCF;
          }
a:visited { text-decoration: underline;
            color: #511783;
          }

*/

h1    { font-family: Arial, Helvetica;
        font-size: 21px;
        font-weight: normal;
        text-decoration: none;
        color: #2B3073;
                margin:5px 0px 8px 0px;
      }

h2    { font-family: Arial, Helvetica;
        font-size: 18px;
        font-weight: normal;
        text-decoration: none;
        color: #2B3073;
                margin:8px 0px 8px 0px;
      }
h3    { font-family: Arial, Helvetica;
        font-size: 15px;
        font-weight: normal;
        text-decoration: none;
        color: #2B3073;
                margin: 8px 0px 5px 0px;
      }


h1.topTitle { margin-top: 0px;
              font-family: Arial, Helvetica;
              font-size: 21px;
              font-weight: bold;
              text-decoration: none;
              color: #2B3073;
            }
td.contentCell {

}

td.hefti { border:1px solid #FF777A; background-color:#FFB3B5; padding:1px; margin:0px; height: 90px; margin-bottom: 10px;}
h1.hefti { padding-top: 0px;
           margin-top: 0px;
           margin-bottom: 0px;
           font-size: 15px;
           font-weight: bold;
           text-decoration: none;
           color: #FF777A;
           text-align: right;
         }

.titleBarTitle { font-size: 20px;
                font-weight: 700;
               }
.titleBarSubtitle {
        font-size: 14px;
        margin-left:20px;
               }

.titleBar {
        height:28px;
        padding: 3px 0px 0px 5px;
        border-bottom: 1px dotted #9175FF;
        background-color: #C2C8FF;
        margin-bottom:10px;
        }
.titleText {
        border: 1px solid red;

}


div.menuItem {
        list-style-type: none ;
        padding: 0px;
        margin: 1px 0px 1px 3px;
}
div.menuItem a {
        background-color: #FED791 ;
        font-size: 12px ;
        text-decoration: none ;
        border-style: solid ;
        border-width: 0px 0px 0px 2px ;
        border-color: #777 ;
        margin: 0px 0px 0px 0px;
        padding: 2px 1px 2px 3px;
        display: block ;
}
div.menuItem a:hover {
        background-color: #FFFAD0 ;
        border-color: #FFF79A ;
        color: #511783;
}


/* schwarz auf orange
div.menuTopItem {
        background-color: #F9B000 ;
        font-size: 14px;
        font-weight:bold;
        margin: 6px 0px -1px 3px;
        border-bottom: 1px solid #777;
}*/

/* weiss auf blau */
div.menuTopItem {
        background-color: #0068B3 ;
        font-size: 14px;
        color: white;
        font-weight:bold;
        margin-left: 6px;
        margin-top: 10px;
}

#platzhalter {
        font-size: 14px;
        color: #D3DDF2;
}

.footnote {
        font-size:9px;
        text-align:center;
}



td.brightBack { background-color: #F8F8FC; }
td.brightBack2 { background-color: #D3D7FF; }
td.bodyBack { background-color: #E1E4FF; }

td.newsTitle {
        border-bottom: 1px solid #777;
        padding-bottom: 0px;
        font-weight: bold;
        font-size: 13px;
             }


p.gallery img { border:1px solid blue;
                   margin: 2px 2px 2px 2px;
                   }


  .popup {
        border:1px dotted #0068B3;
        display: none;
        position:absolute;
        top:0px;
        left;0px;

        background-color:#FED791;
        text-align:center;
        font-weight:bold;
        font-size:1.1em;
        color:#4B4C5D;

        padding-bottom:5px;
      }

      .popup img {
              border:2px solid #0068B3;
      }

      .preview {
        border:1px solid #0068B3;
        vertical-align:middle;
      }