/********* IMORT DER SITE-STYLES **********/
 @import "site.css";

/********* LINKS IM TEXT **********/
 a:link
        {
        text-decoration: none;
        color: #ff6600;
        }

 a:visited
        {
        text-decoration: none;
        color: #696969;
        }

 a:hover
        {
        text-decoration: none;
        background: #ffcc66;
        color: #ff0000;
        }

 a:active
        {
        text-decoration: underline;
        color: #ff6600;
        }

 a.ext:after
        {
        content:" "url(/img/icon_ext.gif);
         }

 a.pin:after
        {
        content:" "url(/img/pin.gif);
         }


/********* SPALTEN-DARSTELLUNG **********/
 #box1
         {
         float: left;
         margin-top: 5px;
         width: 470px;
         text-align: justify;
         border-right: 10px solid #fff;
         }

 #box2
         {
         float: right;
         margin-top: 5px;
         width: 235px;
         text-align: left;
         }

 #box-float
         {
         background-color: #fff;
         float: right;
         margin-top: 5px;
         margin-bottom: 0px;
         width: 235px;
         border-left: 20px solid #fff;
         text-align: left;
         }

 #box1pics
         { /* Foto-Album linke Spalte */
         float: left;
         margin-bottom: 20px;
         width: 480px;
         text-align: left;
         }

 #box2pics
         { /* Foto-Album rechte Spalte */
         float: right;
         margin-bottom: 20px;
         width: 235px;
         text-align: left;
         }


/********* TEXT und ÜBERSCHRIFTEN **********/

 h1
        {
         clear: both;
         margin-top: 0;
         color: #cc3300;
         font-family: Arial, Helvetica, Sans-Serif;
         font-size: 20px;
         font-weight: bold;
         background: url(/img/sonne_gelb.gif);
         background-repeat: no-repeat;
         background-position: 0 0;
         line-height: 36px;
         text-indent: 40px;
         text-align: left;
          }

 h1.witze
        {
         clear: both;
         margin-top: 0;
         color: #cc3300;
         font-family: Arial, Helvetica, Sans-Serif;
         font-size: 20px;
         font-weight: bold;
         background: url(/img/dies-das/harlekin.gif);
         background-repeat: no-repeat;
         background-position: 0 0;
         line-height: 65px;
         padding-left: 75px;
         text-indent: 0;
         text-align: left;
         }

 h2
        {
         color: #cc3300;
         font-family: Verdana, Arial, Helvetica, Sans-Serif;
         font-size: 14px;
         font-weight: bolder;
         padding: 0 0 1px 10px;
         border-bottom: 1px solid #ffcc66;
         border-left: 5px solid #ff9900;
         text-align: left;
         }

 h2.dot
         {
         color: #cc3300;
         border-bottom: 1px dotted #663300;
         font-weight: bold;
         padding: 0 ;
         border-left: none;
         clear: none;
         }

 h3
        {
         color: #663300;
         font-family: Arial, Helvetica, Sans-Serif;
         font-size: 12px;
         font-weight: normal;
         text-align: left;
         }

 p, li, td, div
        {
        color: #663300;
        font-family: Verdana, Arial, Helvetica, Sans-Serif;
        font-size: 14px;
        }

 .klein
        {
        color: #663300;
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 14px;
        }

 .mini, .update
        {
        color: #663300;
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 12px;
        font-weight: normal;
        }

 .fussnote
        {
        color: #663300;
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 12px;
        font-weight: normal;
        text-align: right;
              }

 .mini-neutral /* Mini-Text ohne Farbvorgabe */
        {
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 12px;
        font-weight: normal;
        }

 .high
        {
        background-color: #fffacd;
        padding-top: 2px;
        padding-bottom:2px;
        padding-left: 10px;
        font-weight: bold;
        border: 1px solid #ffcc66;
        margin-top: 5px;
        border-left: 5px solid #ff9900;
        }

 .high2
        {
        background-color: #fffacd;
        padding-top:2px;
        padding-bottom: 5px;
        padding-left: 25px;
        margin-bottom: 5px;
               }

 p.tipp
        {
        background: url(/img/ausruf.gif);
        background-repeat: no-repeat;
        background-position: 0 2px;
        padding-left: 35px;
        color: #993300;
        }

 .b2
        {
        color: #993300;
        font-weight: bold;
        }

 .b3
        {
        color: #ff6600;
        font-weight: bold;
        }

 .tag
        {
        color: #993300;
        }

 pre, code
        {
        padding: 1em;
        border: 1px dashed #2f6fab;
        background-color: #f9f9f9;
        line-height: 1.1em;
        font-family: 'Courier New', Courier, monospace;
        font-size: 13.4px;
        color: #000000;
        }

 hr
        {
        color: #ffcc66;
        background-color: #ffcc66;
        height: 1px;
        border: 1px #ffcc66;
        }

 .linie-gelb
        {
        color: #663300;
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 14px;
        width: 100%;
        border-top: 1px solid #ffcc66;
        margin-top: 1px;
        padding: 5px 5px 5px 0;
        }

 .clear
         {
         clear:both;
         }

 .dot
         {
         border-bottom: 1px dotted #ff6600;
         clear:both;
         }

/********* BILDER **********/
 img
        {
        border: none;
        }

 img.thumb
        {
         border: 1px solid #c0c0c0;
         margin: 2px 2px 0 0;
         padding: 4px;
         }

 img.thumbl
        {
         border: 1px solid #c0c0c0;
         margin: 2px 2px 0 0;
         padding: 4px;
         float: left;
         margin-right: 10px;
         }

 img.r, img.rd
        {
        float: right;
        margin-left: 10px;
        }

 img.l, img.ld
        {
        float: left;
        margin-right: 10px;
        }

 img.intro1
        {
         float: left;
         margin-bottom: 15px;
         }

 img.intro2
        {
        float: right;
        margin-bottom: 15px;
        }

/********* LISTEN **********/
 ul
         {
         list-style-type:circle;
         }

 li.list
         {
         margin-bottom: 0.6em;
         }

 ul.navi
         {
        list-style-image:url(/img/li_navi.gif);
         }

 ul.navi li, ul.end li
          {
         margin-left: -20px;
         }

 ul.end
         {
        list-style-image:url(/img/li_end.gif);
        }

 ul.s, ul.at
        {
         list-style-image:url(/img/li_stern.gif);
        }

 ul.r_navi li, ul.r_fotos li, ul.r_bericht li, ul.r_end li, ul.r_s li
         {
         margin-left: -20px;
         }

 ul.r_navi
         {
        list-style-image:url(/img/li_navi.gif);
        margin-top: 0;
        margin-bottom:0;
         }

 ul.r_fotos
         {
        list-style-image:url(/img/icon_fotos.gif);
        margin-top: 0;
        margin-bottom:0;
                }

 ul.r_bericht
         {
        list-style-image:url(/img/icon_bericht.gif);
        margin-top: 0;
        margin-bottom:0;
         }

 ul.r_end
         {
        list-style-image:url(/img/li_end.gif);
        margin-top: 0;
        margin-bottom:0;
        }

 ul.r_s
         {
        list-style-image:url(/img/li_stern.gif);
        margin-top: 0;
        margin-bottom:0;
               }

/********* TABELLEN **********/
 td.rechts
         {
          text-align: right;
          vertical-align: top;
         }

 td.fotos
         {
         text-align: center;
         vertical-align: top;
         color: #663300;
         font-family: Arial, Helvetica, Sans-Serif;
         font-size: 14px;
         }

 td, td.links
        {
        vertical-align: top;
        text-align: left;
        }

 .nur-print
        {
         display: none
         }

 .r_head
         {
         color: #993300;
         background-color: #fffacd;
         padding: 3px 3px 3px 10px;
         border: 1px solid #ffcc66;
         font-weight: bold;
         border-left: 5px solid #ff9900;
         border-bottom: 1px solid #ffcc66;
         }

 .r_content,
 .r_content-weiss
          {
         border-width: 0 1px 1px 1px;
         border-color: #ffcc66;
         background-color: #fff;
         border-style: solid;
         padding: 10px;
         margin-bottom: 20px;
         }

 .r_tipp
        {
         border-width: 0 1px 1px 1px;
         border-color: #ffcc66;
         border-style: solid;
         background: url(/img/ausruf.gif);
         background-repeat: no-repeat;
         background-position: 3px 10px;
         padding: 10px 10px 10px 30px;
         color: #663300;
         }

 .intro
        {
         margin-top: 25px;
         }

 #seitenzahl
         {
         clear:both;
         padding-top:15px;
         text-align: center;
         }

/********* SEITENZAHLEN  **********/
 #seitenzahl a, #seitenzahl b
         {
         border:1px solid #ffcc00;
         color:#ff6600;
         margin:0 5px 0 0;
         padding:2px 8px;
         text-decoration:none;
         }

 #seitenzahl a:visited
         {
         color: #cc3300;
          }

 #seitenzahl a:hover
         {
         background:#ffcc66;
         color: #993300;
              }

 #seitenzahl b
        {
         color:#663300;
         background:#fffacd;
         }

/********* TAG-WOLKE **********/

 a.tag11
         {
         font-size:30px;
         font-weight:100;
         color: #ff0099;
         text-decoration:none;
         font-family: Arial, Sans-Serif;
         border: 1px solid transparent;
         padding: 2px;
         }

 a.tag12
         {
         font-size:30px;
         font-weight:100;
         color: #339900;
         text-decoration:none;
         font-family: Arial, Sans-Serif;
         border: 1px solid transparent;
         padding: 2px;
        }

 a.tag13
         {
        font-size:30px;
        font-weight:100;
        color: #0099ff;
        text-decoration:none;
        font-family: Arial, Sans-Serif;
        border: 1px solid transparent;
        padding: 2px;
       }

 a.tag14
         {
          font-size:30px;
          font-weight:100;
          color: #ff6600;
          text-decoration:none;
          font-family: Arial, Sans-Serif;
          border: 1px solid transparent;
          padding: 2px;
         }

 a.tag21
         {
         font-size:24px;
         font-weight:200;
         color: #ff0099;
         text-decoration:none;
         font-family: Arial, Sans-Serif;
         border: 1px solid transparent;
         padding: 2px;
        }

 a.tag22
         {
          font-size:24px;
          font-weight:200;
          color: #339900;
          text-decoration:none;
          font-family: Arial, Sans-Serif;
          border: 1px solid transparent;
          padding: 2px;
         }

 a.tag23
       {
       font-size:24px;
       font-weight:200;
       color: #0099ff;
       text-decoration:none;
       font-family: Arial, Sans-Serif;
        border: 1px solid transparent;
       padding: 2px;
      }

 a.tag24 {
       font-size:24px;
       font-weight:200;
       color: #ff6600;
       text-decoration:none;
       font-family: Arial, Sans-Serif;
        border: 1px solid transparent;
       padding: 2px;
      }

 a.tag31
         {
       font-size:20px;
       font-weight:300;
       color: #ff0099;
       text-decoration:none;
       font-family: Arial, Sans-Serif;
       border: 1px solid transparent;
       padding: 2px;
      }

 a.tag32
         {
       font-size:20px;
       font-weight:300;
       color: #339900;
       text-decoration:none;
       font-family: Arial, Sans-Serif;
       border: 1px solid transparent;
       padding: 2px;
      }

 a.tag33
         {
       font-size:20px;
       font-weight:300;
       color: #0099ff;
       text-decoration:none;
       font-family: Arial, Sans-Serif;
       border: 1px solid transparent;
       padding: 2px;
      }

 a.tag34
         {
       font-size:20px;
       font-weight:300;
       color: #ff6600;
       text-decoration:none;
       font-family: Arial, Sans-Serif;
       border: 1px solid transparent;
       padding: 2px;
      }

 a.tag41
         {
       font-size:16px;
       font-weight:600;
       color: #ff0099;
       text-decoration:none;
       font-family: Arial, Sans-Serif;
       border: 1px solid transparent;
       padding: 2px;
      }

a.tag42
         {
       font-size:16px;
       color: #339900;
       font-weight:600;
       text-decoration:none;
       border: 1px solid transparent;
       font-family: Arial, Sans-Serif;
       padding: 2px;
      }

a.tag43 {
       font-size:16px;
       color: #0099ff;
       font-weight:600;
       text-decoration:none;
       border: 1px solid transparent;
       font-family: Arial, Sans-Serif;
       padding: 2px;
      }

a.tag44
         {
       font-size:16px;
       color: #ff6600;
       font-weight:600;
       text-decoration:none;
       font-family: Arial, Sans-Serif;
       border: 1px solid transparent;
       padding: 2px;
      }

a.tag51
         {
       font-size:14px;
       color: #ff0099;
       text-decoration:none;
       font-family: Arial, Sans-Serif;
       border: 1px solid transparent;
       padding: 2px;
      }

a.tag52
         {
       font-size:14px;
       color: #339900;
       text-decoration:none;
       font-family: Arial, Sans-Serif;
       border: 1px solid transparent;
       padding: 2px;
      }

a.tag53
         {
       font-size:14px;
       color: #0099ff;
       text-decoration:none;
       font-family: Arial, Sans-Serif;
       border: 1px solid transparent;
       padding: 2px;
      }

a.tag54
         {
       font-size:14px;
       color: #ff6600;
       text-decoration:none;
       font-family: Arial, Sans-Serif;
       border: 1px solid transparent;
       padding: 2px;
      }

 a.tag11:hover, a.tag12:hover, a.tag13:hover, a.tag14:hover,
 a.tag21:hover, a.tag22:hover, a.tag23:hover, a.tag24:hover,
 a.tag31:hover, a.tag32:hover, a.tag33:hover, a.tag34:hover,
 a.tag41:hover, a.tag42:hover, a.tag43:hover, a.tag44:hover,
 a.tag51:hover, a.tag52:hover, a.tag53:hover, a.tag54:hover
      {
      color: #ff9900;
      border: 1px solid #ff9900;
      background: #fff;
         }