/* allgemein */

   body {
     color:#000;
     background-color:#EDD41A;
     font-family:"Trebuchet MS", sans-serif;
   }
   img {
     border:0;
   }
   h1 {
     font-size:120%;
     background-color:#0279a4;
     margin-top:0;
     padding:3px;
   }
   h2 {
     font-size:110%;
   }
   blockquote {
     margin-left:.5em;
     margin-right:0;
   }
   sup {
     font-size:80%;
     line-height:60%;
     vertical-align:60%;
   }
   .info {
     font-style:italic;
   }
   p.wo {
     border:1px solid #fff;
     border-left:10px dotted white;
     border-right:10px dotted white;
     padding:10px;
     font-size:80%;
     background-color:#8dd4ef;
   }
   .bold {
     font-weight:bold;
   }
   .flr {
     float:right;
     padding-left:10px;
     padding-bottom:10px;
   }
   .fll {
     float:left;
     padding-right:10px;
     padding-bottom:10px;
   }
   .center {
     text-align:center;
   }
   div.inhalt {
     position:absolute;
     top:10px;
     left:170px;
     width:600px;
     min-height:464px;
     border:1px dotted black;
     padding:10px;
     background-color:#50b6d6;
     z-index:99;
   }
   /* richtige breite, vor IE 5.5 und niedriger versteckt, siehe */
   /* http://w3development.de/css/hide_css_from_browsers/tantek/ */
   div.inhalt{
     voice-family: "\"}\""; /* some browsers have a parsing bug */
                            /* and will ignore the following rules */
     voice-family: inherit;
     width:578px;
   }
   div#sonne{
    position:absolute;
    top:100px;
    right:90px;
   }
   div#detektiv{
    position:absolute;
    top:400px;
    left:770px;
   }

   div#zettel {
    position:absolute;
    top:30px;
    left:768px;
    width:140px;
   }
   div#zettel h2 {
    margin-bottom:0;
    padding:3px 3px 0 10px;
    border-top:1px dotted black;
    border-right:1px dotted black;

   }
   div#zettel p {
    margin-top:0;
    padding:0 3px 3px 10px;
    border-bottom:1px dotted black;
    border-right:1px dotted black;
    background-color:#fff;
   }

/* menue */

   div.menu {
     position:absolute;
     top:10px;
     left:10px;
     width:150px;
     font-size:13px;
     font-family:sans-serif;
     font-weight:bold;
    /* text-transform: uppercase;*/
     z-index:99; /* opera-workaround wg. "right" bei div.sonne, verschwindet hinter logo */
   }
   div.menu img {
    border:1px solid #000;
    display: block;
   }
   div.menu img.oben {
    border-bottom:none;
   }
   div.menu ul {
     list-style-type:none;
     margin:0;
     padding:0;
   }
   div.menu ul a {
     text-decoration:none;
     color:#000;
     display:block;
   }

   div.menu li {
     padding:3px;
     border-color:#000;
     border-style:solid;
     border-width:0 1px 1px 1px;
     text-align:center;
   }
   div.menu li:hover {
     text-decoration:underline;
   }
   .mfilme {background-color:#0279a4;}
   .mfilme2, li.mfilme:hover {background-color:#03a1de;}
   .mkalender {background-color:#7b63ac;}
   .mkalender2, li.mkalender:hover {background-color:#a080df;}
   .mmitmach {background-color:#d1819e;}
   .mmitmach2, li.mmitmach:hover {background-color:#ff9dc1;}
   .minfo {background-color:#c33}
   .minfo2, li.minfo:hover {background-color:#f66}
   .mpresse {background-color:#c63}
   .mpresse2, li.mpresse:hover {background-color:#f93}
   .mspon {background-color:#cfcc51;}
   .mspon2, li.mspon:hover {background-color:#fffb64;}
   .mmeinung {background-color:#3eac52;}
   .mmeinung2, li.mmeinung:hover {background-color:#4cd465;}
   .marchiv {background-color:#888;}
   .marchiv2, li.marchiv:hover {background-color:#aaa;}

   /* werden nur fuer den ausdruck gebraucht: */

   div#dokument{
    display:none;
   }
   div#kopf{
    display:none;
   }