@charset "UTF-8";
/* CSS Document */

   .galerie{
        font-size:1em;
        margin-left:27px;
        width:576px;
        margin-top:7px;
        padding-left:0;
     }

     .pic-navi{
        padding:7px 0 3px 7px;
        width:97px;
        float:left;
     }
    .pic-navi a img{
       width:72px;
       padding:0px;
       margin:1px 1px 2px 1px;
       border:1px solid #4089AC;
       float:left;
    }
    .pic-navi a:hover img{
       border:1px solid #000000;
    }
    div.pic-navi a{
       padding:0;
       margin:0;
    }
    div.pic-navi a span {
       display: none;
       color:#ff0000;
       background:#efefef;
    }
    div.pic-navi a:hover{
       color: #411;
       background: #ffffff;
       padding:0;
       margin:0;
    }


   div.pic-navi a:hover span{
       display: block;
       position:absolute;

       width: 400px;
       padding: 313px 15px 6px 20px;
       margin: 1px 0 0 106px;
       z-index: 100;

       /* aussehen der box */
       color: #858445;
       font: 0.92em verdana, sans-serif;
       text-align: left;
       border:1px solid #cfcfcf;
       float:right;

       /* position des hintergrund */
       background-color:#f6f6f6;
       background-position: 21px 20px;
       background-repeat: no-repeat;
   }


   div.pic-navi a:hover span strong{
       background:url(../pn_images/pn_film_weihnachtsmarkt_1.jpg) no-repeat;
       width: 400px;
       padding: 194px 15px 9px 0px;
       margin:-203px 0 0 -1px;
       display:block;
       font-weight:normal;}

    div.helloworld{
      float:left;
      width:323px;
      margin:8px 10px 0 0;
      padding: 213px 8px 6px 20px;
      color: #858445;
      background: #f6f6f6 url(../pn_images/pn_theater_01_bacground.jpg) no-repeat 21px 10px;
      border:1px solid #cfcfcf;
    }
    #content div.helloworld p{
      padding:0;
      font: 0.85em verdana, sans-serif;
      text-align:left;
    }


    #content p.subtitle{font-size:0.85em;}


     /** [ right **/
     #galerie-right .pic-navi{
        width:87px;
        float:right;
        margin-left:10px;
     }
     #galerie-right .pic-navi div.helloworld{
        float:left;
        margin:8px 0px 0 0;
     }
     #galerie-right div.pic-navi a:hover span{
       padding: 213px 15px 6px 20px;
       margin: 1px 0 0 -380px;
     }
     #galerie-right div.helloworld{
      background: #f6f6f6 url(../pn_images/pn_film_weihnachtsmarkt_1.jpg) no-repeat 21px 10px;
    }
     /** right ] **/

      -->
   </style>
   <!--[if lte IE 6]>
      <style type="text/css">
         div.pic-navi a:hover span{
            margin: -207px 0 10px 30px;
         }
         #galerie-right div.pic-navi a:hover span{
            margin: -207px 0 10px -456px;
         }
         #content h2{
            margin:8px 0 0 0;
         }
         #galerie-right{
            width:486px;
         }
         .galerie{
            width:486px;
         }
      </style>
    <![endif]-->