/****************************************
*****************************************
***                                   ***
***  CSS der Narrenzunft Brochenzell  ***
***        markus.lanz_@_gmx.de       ***
***    Tipp: Unterstriche entfernen   ***
***                                   ***
*****************************************
****************************************/

@media screen {

  /*****************************/
  /* CSS styled RTE attributes */
  /*****************************/
  .indent {
    text-indent: +20px;
  }
  #content ol, #content ul {
    padding-left: 20px;
  }
  .align-center {
    text-align: center;
  }
  .align-right {
    text-align: right;
  }
  .csc-frame-frame2, .csc-frame-frame1 {
    border-width: thin;
    border-style: dotted;
  }
  .csc-frame-frame1 {
    /* rahmen mit grauem Hintergrund */
    background-color: #cccccc;
  }
  .csc-frame-frame2 {
    /* rahmen mit gelbem Hintergrund */
    background-color: #ffff00;
  }
  
  /**********************/
  /* CSS styled content */
  /**********************/
  .csc-sitemap ul {
    padding-left: 20px;
  }
  .csc-header h1, h1 {
    font-size: 18px;
  }
  .csc-firstHeader {
    font-size: 18px;
  }
  .csc-textpic-caption {
    font-size: 11px;
    font-style: italic;
  }
  /* CSS styled tables */
  .contenttable caption {
    font-variant: small-caps;
  }
  .contenttable thead {
    text-align: left;
    background-color: #dddddd;
    font-size: medium;
  }
  tbody .tr-even {
    background-color: #eeeeee;
  }

  * {
    margin:  0;
    padding: 0;
  }
  body {
    background-color: #f7f7f7;
    height: 101%;
    font-size: 13px;
    font-family: 'Trebuchet MS', verdana, arial, sans-serif;
    position: relative;
    color: #484848;
  }
  fieldset, img {
    border: 0;
  }
  select, input, textarea {
    font-size: 99%;
  }
  td {
    font-size: 13px;
  }
  a, a:visited, a:hover,
  #content a, #content a:visited, #content a:hover {
    color: #009ee0;
    text-decoration: none;
  }
  .print-link {
    font-weight: bold;
  }
  .wetter-link {
    background-color: #98b7dd;
    width: 170px;
    margin-top: 30px;
    margin-bottom: 2px;
    padding: 4px;
  }
  .staygold-link {
  }

  #box {
    width: 1000px;
    margin: 1px auto;
    z-index: 1;
    background-color: #ffffff;
  }
  #page_header, #page_body, #page_footer {
    z-index: 2;
    width: 1000px;
  }
  #page_footer {
    margin-top: 1px;
    padding-top: 1px;
    border-top: thin solid #445566;
    height: 20px;
  }
  #content_footer {
    text-align: left;
    width: 54.9%;
    float: left;
  }
  #navigation_footer {
    text-align: right;
    width: 45%;
    float: right;
  }
  #page_body {
    margin-top: 1px;
    min-height: 400px;
    overflow: hidden;
  }
  #navigation, #content, #news {
    padding-top: 10px;
    padding-bottom: 9999px;
    margin-bottom: -9999px;
    min-height: 200px;
    z-index: 3;
  }
  #news {
    width: 16%;
    padding-left:  1%;
    float: right;
  }
  #navigation {
    width: 16%;
    padding-right: 2%;
    float: left;
    clear: right;
  }
  #content {
    background-color: #ffffff;
    float: left;
    width: 62%;
    margin-left: 1%;
  }
  #content .list_decimal {
    list-style-type: decimal;
    padding-left:    2em;
  }
  #content .list_loweralpha {
    list-style-type: lower-alpha;
    padding-left: 2em;
  }
  #navigation a,
  #navigation a:visited,
  #content_footer a,
  #content_footer a:visited,
  #navigation_footer a, 
  #navigation_footer a:visited {
    color: #484848;
    text-decoration: none;
  }
  #navigation a:hover {
    color: #ffffff;
    font-variant: small-caps;
  }
  #content_footer a:hover,
  #navigation_footer a:hover {
    color: #009ee0;
    text-decoration: none;
  }

  .navi_1, .navi_2, .navi_3 {
    text-decoration: none;
  }
  .navi_1 {
    background-color: #98b7dd;
    font-size: 17px;
    width: 170px;
    padding: 4px;
  }
  .navi_2 {
    background-color: #b8d0ec;
    font-size: 16px;
    width: 164px;
    padding-left: 14px;
    padding-top: 1px;
    padding-bottom: 1px;
  }
  .navi_3 {
    background-color: #d6e6f9;
    font-size: 14px;
    width: 156px;
    padding-left: 22px;
    padding-top: 1px;
    padding-bottom: 1px;
  }
  .navi_separator {
    padding-top: 2px;
  }
}