/*CSS Picture Collection*/




 /*--------------------------------------------------------------------------------------------------------------*/
         /*Bodybereich Formatiert und zentriert berechnug von einer auflösung  1024px X 768px ausgegangen*/
 /*--------------------------------------------------------------------------------------------------------------*/
body        {
        background-color: #FFFFFF;
        font-family:  Verdana, Arial, Helvetica, sans-serif;
         font-size: 12px;
        color: #000000;
        position: absolute;
        visibility: visible;
        z-index: 1;
        width:100%;
         }
a         {
         font-family:  Verdana, Arial, Helvetica, sans-serif;
         color: #000000;
         text-decoration: none;
         }

p        {
         font-family:  Verdana, Arial, Helvetica, sans-serif;
         font-weight: bold;
         font-size: 14px;
         color: #000000;
         text-decoration: none;
         }
h4       {font-size: 13;}
h3       {
          font-size: 12px;
          font-weight: normal;
         }
h2       {
          font-size: 13px;
          font-weight: bold;
         }

#site        {
        background-color: #FFFFFF;
        position: absolute;
        visibility: visible;
        z-index: 1;

         width: 1000px;
            left: -500px;
        top: 0px;
        margin-left:50%;
        float:left;

         }

 /*--------------------------------------------------------------------------------------------------------------*/
                                         /*ENDE*/
 /*--------------------------------------------------------------------------------------------------------------*/





 /*---------------------------------------------*/
         /*Logo einbetten und ausrichten*/
 /*---------------------------------------------*/
#kopf  {
        position: absolute;
        background-image: url(../grafik_gif/logo.gif);
         top:;
         width: 850px;
         height: 320px;
         left: 74px;
         z-index: 2;
         }
                                    /* ausrichtung für Internet Explorer*/
                                    *html #kopf {
                                                 left: 198px;
                                                   }
  /*--------------------------------------------------------------------------------------------------------------*/
                                         /*ENDE*/
 /*--------------------------------------------------------------------------------------------------------------*/





 /*----------------------------------------------------------------*/
         /*Nebenmenue(Gallerie) einbetten und ausrichten*/
 /*----------------------------------------------------------------*/
#nebenmenue  {
             position: absolute;
             background-image: url(../grafik_gif/gallerie.gif);
             top: 322px;
             width: 200px;
             height: 220px;
             left: 74px;
             z-index: 2;
             }
                                              /* ausrichtung für Internet Explorer*/
                                              *html #nebenmenue {
                                                                         top: 338px;
                                                                   left: 198px;
                                                             }

 /*--------------------------------------------------------------------------------------------------------------*/
                                         /*ENDE*/
 /*--------------------------------------------------------------------------------------------------------------*/





 /*-----------------------------------------------------------------*/
         /*Menueleiste einbetten und ausrichten*/
 /*-----------------------------------------------------------------*/
#leiste  {
         position: absolute;
         background-image: url(../grafik_gif/menueleiste.gif);
         top: 325px;
         width: 595px;
         height: 35px;
         left: 255px;
         z-index: 2;
         }
                                             /* ausrichtung für Internet Explorer*/
                                             *html #leiste {
                                                                  top: 341px;
                                                            left: 379px;
                                                            }
 /*--------------------------------------------------------------------------------------------------------------*/
                                         /*ENDE*/
 /*--------------------------------------------------------------------------------------------------------------*/





 /*--------------------------------------------------------------------------------*/
         /*Button einbetten und ausrichten rollovereffek*/
 /*--------------------------------------------------------------------------------*/
#galerie {
        position: absolute;
        background-image: url();
        top: 331.5px;
        width: 140px;
        height: 30px;
        left: 99px;
        z-index: 3;
         }
                #galerie a {
                                     text-decoration: none;
                                 color: #000000;
                                font-size: 18px;
                                 }
                                             /* ausrichtung für Internet Explorer*/
                                             *html #galerie {
                                                                 top: 347px;
                                                                 left: 223px;
                                                            }
#home {
      position: absolute;
      background-image: url();
      top: 331.5px;
      width: 67px;
      height: 30px;
      left: 358px;
      z-index: 3;
         }
                #home a {
                                     text-decoration: none;
                                 color: #000000;
                                font-size: 18px;
                                 }
                                  #home a:hover {
                                      color:#FF0000;
                                          }
                                             /* ausrichtung für Internet Explorer*/
                                             *html #home {
                                                                top: 347px;
                                                          left: 482px;
                                                            }
#ueber {
       position: absolute;
       background-image: url();
       top: 331.5px;
       width: 135px;
       height: 30px;
       left: 521.85px;
       z-index: 3;
         }
                #ueber a {
                                     text-decoration: none;
                                 color: #000000;
                                font-size: 18px;
                                 }

                                  #ueber a:hover {
                                      color:#FF0000;
                                          }
                                             /* ausrichtung für Internet Explorer*/
                                             *html #ueber {
                                                                top: 347px;
                                                          left: 645.85px;
                                                            }
#link {
      position: absolute;
      background-image: url();
      top: 331.5px;
      width: 67px;
      height: 30px;
      left: 727.35px;
      z-index :3;
        }
                #link a {
                                     text-decoration: none;
                                 color: #000000;
                                font-size: 18px;
                                 }

                                  #link a:hover {
                                      color:#FF0000;
                                          }

                                             /* ausrichtung für Internet Explorer*/
                                             *html #link {
                                                                top: 347px;
                                                          left: 851.35px;
                                                            }
#liste {
         position: absolute;
         top: 373.5px;
         width: 180px;
         height: 180px;
         left: 60px;
         z-index: 3;
         }
                #liste a:hover {
                    color:#FF0000;
                        }
                         .form a {
                                 text-decoration: none;
                                 color: #000000;
                                 font-size: 17px;

                                 }
                                         ul.form li {
                                                      list-style: none;
                                                      margin-top: 1.2em;
                                                      padding: 0;
                                                         }
                                                               /* ausrichtung für Internet Explorer*/
                                                               *html #liste {
                                                                             top: 389px;
                                                                             left: 173px;
                                                                              }
 /*--------------------------------------------------------------------------------------------------------------*/
                                         /*ENDE*/
 /*--------------------------------------------------------------------------------------------------------------*/





 /*--------------------------------------------------------------------------*/
         /*Rahmen einbetten  ausrichten  Contentbereich formatiren*/
 /*--------------------------------------------------------------------------*/
#rahmen  {
         position: relative;
         top: 364px;
         width: 550px;
         height: 100%;
         left: 263px;
         border-width:1px;
          border-style:solid;
          border-color:black;
         padding:1.3em;
         z-index: 4;
         }

        .content a {
                   font-size: 14px;

                 }
                  /*ausrichtung für Internet Explorer*/
                          *html #rahmen {
                                          position: absolute;
                                           top: 380px;
                                          left: 387px;
                                           width: 583px;
                                           height: 100px;
                                          }
                /*ENDE*/
 /*-----------------------------------------------------------------------------------*/
         /* Text in der startseite ausrichten  */
 /*-----------------------------------------------------------------------------------*/
 .text_start {
             position: relative;
             top: 18px;
             left: 0px;
             height: 950px;
             }
             *html .text_start{
                               top: 33px;
                               left: 0px;
                               height: 1050px;
                              }
 /*-----------------------------------------------------------------------------------*/
         /* Aktualisiesrungs Datum ausrichten  */
 /*-----------------------------------------------------------------------------------*/
.aktuell {
         position: relative;
         top: -5px;
         width: 200px;
         left: 385px;
         font-size: 11px;
         }
  /*-----------------------------------------------------------------------------------*/
         /* ende */
 /*-----------------------------------------------------------------------------------*/
 /*-----------------------------------------------------------------------------------*/
         /* Text in Ueber Mich daten Name....  */
 /*-----------------------------------------------------------------------------------*/
                                          .daten_ausrichten{
                                                            position: relative;
                                                            width: 250px;
                                                            height: 60px;
                                                            top: 10px;
                                                            left: -40px;
                                                            z-index: 9;
                                                            }
                                                            /*Internet Exporer*/
                                                            *html .daten_ausrichten{
                                                                                    top: 20px;
                                                                                    left: 40px;
                                                                                    height: 100px;
                                                                                    width: 200px;
                                                                                    }
                                                            /*ende*/

                                                          .daten_1 {
                                                                  position: relative;
                                                                  width: 270px;
                                                                  height: 40px;
                                                                  left: 20px;
                                                                  top: -5px;
                                                                    }
                                                                    ul.daten_1 li {list-style: none; font-size: 13px; font-weight: bold; margin: 0.5em;}

                                                                    /* Internet Explorer*/
                                                                    *html .daten_1{
                                                                                   top: -10px;
                                                                                   left: -70px;
                                                                                   }
                                                                    /*Ende*/
                                                          .daten_2  {
                                                                  position: relative;
                                                                  left: 115px;
                                                                  top: -57px;
                                                                    }
                                                                    ul.daten_2 li {list-style: none; font-size: 13px; margin: 0.5em;}

                                                                    /* Internet Explorer*/
                                                                    *html .daten_2{
                                                                                   top: -125px;
                                                                                   left: 27px;
                                                                                   }
                                                                    /*Ende*/
                                          .logo {
                                                position: relative;
                                                left: 215px;
                                                width: 350px;
                                                top: -70px;
                                                z-index : 10;
                                                 }
                                                 /*Internet Explorer*/
                                                 *html .logo {
                                                             top: -225px;
                                                             left: 220px;

                                                            }
                                                 /*ende*/

.text_ueber {
            position: relative;
            top: -270px;
            left: 27;
            width: 280px;
            font-size: 13px;
            z-index: 11;
            }
            /*Interntn Explorer*/
            *html .text_ueber {
                              font-size: 13px;
                              top: -430px;
                              left: 27px;
                             }
            /*ENDE*/
.text_kontakt {
            position: relative;
            top: -195px;
            left: 100px;
            width: 500px;
            margin-bottom: -200px;
            }
            /*Internest Explorer*/
            *html .text_kontakt {
                                 top: -348px;
                                 left: 100;
                                 margin-bottom: -360px;

                                }
                                .text_kontakt a:hover {color: #FF0000;}
            /*ENDe*/
.kontakt {position: relative;
          top: -170px;
          left: 26px;
          font-weight: bold;
          }
                *html .kontakt {  top: -333px;
                                  left: 27px;

                                }
  /*-----------------------------------------------------------------------------------*/
         /* ENDE */
 /*-----------------------------------------------------------------------------------*/

  /*-----------------------------------------------------------------*/
         /*blättern...htm   Bilderbuch einbetten  ausrichten */
 /*-------------------------------------------------------------------*/
#Bildbereich
        {
          position: absolute;
          left: -10px;
          top: -10px;
          width: 600px;
          padding: 0;
          clip: rect(0 800px 600px 0);
          visibility: show;
          }

#Navigationsbereich
        {
          position:absolute;
          left:200px;
          top:470px;
          width:200px;
          }
          #Navigationsbereich a {
                                        text-decoration: none;
                                        color: #FFFFFF;
                                 }

#schliessen {
             position: absolute;
             left: 400px;
             top: 470;
             }
             #schliessen a{
             text-decoration: none;
                    color: #FFFFFF;
                 }
/*--------------------------------------------------------------------------------------------------------------*/
                                         /*ENDE*/
/*--------------------------------------------------------------------------------------------------------------*/