#face
 {
 padding: 5px;  
 border-top: solid 4px #FF0000;
 border-left: solid 4px #FFFF00;
  border-right: solid 4px #0060FF;
 border-bottom: solid 4px #00FF00;
 background-color: #00A0FF;
 width: 360px;
 height: 100;  }
.indexbox {

  border:5px solid rgba(21, 11, 11, 0.3);
        overflow: hidden;
        padding: 5px;
                width:240x;

       color: rgba(255, 0, 0, 0.9); font-color:#FF3300;
        font-size: 14px;
         font-family: 'WebFont';
  src: url('myfont.eot');  /* IE6+ */
  src: local('?'),
        url('myfont.woff') format('woff'),  /* FF3.6 */
        url('myfont.ttf') format('truetype');  /* Saf3+,Chrome,FF3.5,Opera10+ */
         font-family: "goudy-bookletter-1911-1","goudy-bookletter-1911-2","Baskerville","Georgia",serif;
     -moz-border-radius:  12px;
  -webkit-border-radius:  12px;
          border-radius:  12px;
          -moz-box-shadow: 0px 0px 6px #ffffff; /* FF3.5+ */
  -webkit-box-shadow: 0px 0px 6px #ffffff; /* Saf3.0+, Chrome */
          box-shadow: 0px 0px 6px #ffffff; /* Opera 10.5, IE 9.0 */
         background-image: -moz-linear-gradient(top, #CC66FF,#9900FF); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #CC66FF),color-stop(1, #9900FF)); /* Saf4+, Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#CC66FF'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#CC66FF')"; /* IE8 */
  background-color: #CC66FF;
  background-color: rgba(189, 139, 255, 0.8);  /* FF3+, Saf3+, Opera 10.10+, Chrome
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#99B4B490',EndColorStr='#99B4B490'); /* IE6,IE7
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#99B4B490',EndColorStr='#99B4B490')"; /* IE8
        -moz-transition: all 0.3s ease-out;  /* FF3.7+ */
       -o-transition: all 0.3s ease-out;  /* Opera 10.5 */
  -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
  -moz-transform: rotate(7.5deg);  /* FF3.5+ */
       -o-transform: rotate(7.5deg);  /* Opera 10.5 */
  -webkit-transform: rotate(7.5deg);  /* Saf3.1+, Chrome */
             filter:  progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',
                     M11=0.9914448613738104, M12=-0.13052619222005157, M21=0.13052619222005157, M22=0.9914448613738104); /* IE6,IE7 */
         -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand',
                     M11=0.9914448613738104, M12=-0.13052619222005157, M21=0.13052619222005157, M22=0.9914448613738104)"; /* IE8 */
               zoom: 1;
}
.indexbox {  /* Workaround fuer den IE 8,IE 7 */
 border-top: solid 1px #808080;
 border-left: solid 3px #808080;
  border-right: solid 3px #808080;
 border-bottom: solid 2px #808080;
}
#werbung{
 position: absolute;
 left:150px;
 top: 170px;
 width: 800px;
 height: ;
 z-index: 10;
  border-top: solid 1px #808080;
 border-left: solid 1px #808080;
  border-right: solid 4px #808080;
 border-bottom: solid 4px #808080;
}

#titel{
 font-family: Comic Sans MS;
 font-size: 32px;
 text-align: center;
 color: #000099;
 background-color: lavender;

}

#schliessen{
 text-align: right;
 background-color:lavender ;
 display: block;
}
* {
   font-family: Verdana;
   }

html,body,textarea
{
    margin-top: 10px;        background-color:#105282;
     background-image: url(bilder/background.gif);
scrolling:auto;
scrollbar-face-color:#105282;
scrollbar-shadow-color:#FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-darkshadow-color: #F6FBFC;
scrollbar-track-color:#105282 ;
scrollbar-arrow-color:#FDFCFE    ;

}
img
{
        border: 0px;
}
x
{        color: #003399;
        font-size: 12px;
}

p
{        color: #FFFFFF;
        font-size: 12px;
}

td
{        color: #FFFFFF;
        font-size: 10px;
}
.td
{        color: #FFFFFF;
        font-size: 12px;
}
.LaufText
{
        text-align: right;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 12px;
}

.TextXL
{
        color:#FFFFFF;
        font-size:20px;
    font-weight: bold;
}

.TextL
{
        font-size:16px;
    font-weight: bold;
    color: midnightblue;
}

.HeadDiv
{
       color: #FFFFFF;
        text-align:left;
       padding: 2px;
        font-size:22px;
    font-weight: bold;
    margin-bottom: 12px;
}

.TextDiv
{
        font-size:12px;
    line-height: 120%;
}

.SpecialWord
{
        font-size:13px;
    font-weight: bold;
    font-style: italic;
}


.BodyTd
{
        background-color: #FFFFFF;
    background-image: url(bilder/background.gif);

    font-size: 12px;
}
.BodyTd1
{
        background-color: #007F00;
    background-image: url(weihn/background.gif);

    font-size: 12px;
}


.GuestbookHeadTd
{
        background-color: #F5F4F3;
    border: 1px solid #005F00;
    color: #080C08;
    font-size: 12px;
}

.GuestbookTd
{
        background-color: #F5F4F3;
    border: 1px solid #848284;
    color: black;
    font-size:13px;
}

.GuestbookCommentTd
{
        background-color: #C6C3C6;
    width: 90%;
    color: black;
    text-align:left;
    padding:3px;
    margin-left: 20px;
    margin-bottom: 4px;
    border: 1 solid #000000;
}

.InputText
{
        width:200px;
    height:20px;
    background-color:#F5F4F3;
    color:#000000;
    font-size:12px;
    border:1px solid #000000;
    padding:2px;
    margin:1px;
}

.InputTextarea
{
    background-color:#F5F4F3;
    color:#000000;
    font-size:12px;
    border:1px solid #000000;
    padding:2px;
    margin:1px;
}

.InputSubmit
{
        font-family:Verdana;
    font-size: 11px;
    color: #000000;
    background-color: #DFDFDF;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    text-indent: 2px;
}
 .container22{
 border:5px solid rgba(102,102,102, 0.8);
        overflow: hidden;
                color: rgba(0, 0, 0, 0.6);
  -moz-border-radius:  15px;
  -webkit-border-radius:  15px;
          border-radius:  15px;
          -moz-box-shadow:4px 2px 14px #808080; /* FF3.5+ */
  -webkit-box-shadow: 4px 2px 14px #808080; /* Saf3.0+, Chrome */
          box-shadow:3px 4px 14px #808080; /* Opera 10.5, IE 9.0 */
         background-image: url(bilder/back1.gif);


 padding: 5px;
}
.container22                                {  /* Workaround fuer den IE 8,IE 7 */

  text-align: center;
 border-top: solid 1px #808080;
 border-left: solid 3px #808080;
  border-right: solid 3px #808080;
 border-bottom: solid 2px #808080;
 background-image: url(bilder/back1.gif);
 padding:5px;
}
  .container1{
 text-align: center;
  border-top: solid 3px #CCCCFF;
 border-left: solid 5px #CCCCFF;
  border-right: solid 6px #808080;
 background-image: url(bilder/background.gif);
 min-height:960px;
 padding:0px;
 border-bottom: solid 10px #808080;

   }

.container2{
 text-align: center;
  background-image: url(bilder/background.gif);
 padding: 0px;
}
 #head  {
   background: url(bilder/background.gif) ;
   position: relative;
   left: 0px;
   top:0px;
   z-index: 4;
   width: 1040px;
   height:105px;
   margin: 0 auto 0 auto;
   padding: 0;
 }
/* header pics */
#picbox {
   position: relative;
   float: left;
  right: 0px;
   top: 4px;
   z-index: 5;
   width:1040px;
   height: 105px;
   margin: 0px;
   padding: 0px ;
}


#pic3  {
   background: url(bilder/bildtoprechts.png) no-repeat;
   position: relative;
   float:left;
   left: 210px;
   top: 4px;
   z-index: 5;
   width: 195px;
   height: 100px;
   margin: 0 0 0 0;
   padding: 0px ;
}


#pic2  {
   background: url(bilder/banner1.jpg) no-repeat;
   position: relative;
    float: left;
  left:80px;
   top:4px;
      z-index: 5;
     width: 480px;
   height:100px;
   margin:0px;
   padding: 0px;
}


#pic1  {
   background: url(bilder/bildtoplinks.png) no-repeat;
   position: relative;
   float: left;
 left:0px;
   top:4px;
          z-index: 5;
   width:195px;
   height:100px;
   margin:0px;
   padding:  0px;
}



   li.infopop {
        position: relative;
        margin: 0px;
        padding: 0px;
}

li.infopop a {
        position: relative;
}

li.infopop a i {
        z-index: 100;
        display: block;
        visibility: hidden;
        position: absolute;
        top: 0px;
        left: 0px;
        min-width: 100%;
}

li.infopop a:hover i, li.infopop a:active i, li.infopop a:focus i {
        z-index: 100;
        visibility: visible;
        background-color: #dadada;
        white-space: nowrap;
        overflow: visible;
        margin: 0px;
        margin-right: -1000px;
        padding: 0px;
        cursor: pointer;
        font-style: normal;
}
a
{
        color: #FFFFFF;
        font-size: 11px;
        text-decoration: none;

}
a:link                 {color: #FFFFFF;}
a:active         {}
a:visited         {}
a:hover         {color:  #FF3399;}
.h1 {
 font-family: Verdana;
 font-size: 12px;
 color: #FFFFFF;
  text-align:center;
}


   /* neue nav*/
div#Rahmen {
    width: 47.1em;
    padding: 0.2em;
    border: 0px solid #FFFFFF;
    background-color: #FFFFFF;
  }
  * html div#Rahmen {  /* Korrektur fuer IE 5.x */
    width: 48.7em;
    w\idth: 47.1em;
  }
  div#Rahmen div {
     clear: left;
  }

  ul#nav {
    margin: 0; padding: 0;
    text-align: center;
  }
 ul#nav li {
    list-style: none;
    float: left;  /* ohne width - nach CSS 2.1 erlaubt */
    position: relative;
    margin: 0 em; padding: 0;
  }
  * html ul nav li {  /* Korrektur fuer den IE 5 und 6 */
    margin-bottom: -0.1em;
  }
  *:first-child+html ul#nav li {  /* Korrektur fuer den IE 7 */
    margin-bottom: -0.1em;  background-color:#105282;
  }
  ul#nav li ul {
    margin: 0; padding: 0;
    position: absolute;
    top:1.8em; left: 0.1em;
    display:none;  /* Unternavigation ausblenden */
  }



  ul#nav li ul li {
    float: none;
    display: block;
    margin-bottom: 0.2em;
  }

  ul#nav a, ul#nav span {
    display: block;
    width: ;  /* Breite den in li enthaltenen Elementen zuweisen */
    padding: 0em 0em;
    text-decoration: none; font-weight: bold;
    border: 1px solid black;
    border-left-color: white; border-top-color: white;
    color:#0000CC; background-color: #0000CC;
  }
  * html ul#nav a, * html ul#nav span {
    width:40px;   /* Breite nach altem MS-Boxmodell für IE 5.x */
    w\idth: 40px;  /* korrekte Breite fuer den IE 6 im standardkonformen Modus */
  }




  ul#nav {
    margin: 0; padding: 0.1em;
    text-align: center;

  }
  ul#nav li {

    list-style: none;
    display: inline;
    margin: 0; padding: 0;
  }

  ul#nav a, ul#nav span
  {
    float: left; width: 8.5em;
    margin: 0.1em; padding: 0.1em 1em;
    text-decoration: none; font-weight: bold;
    border: 1px solid black;
    border-left-color: #B9A1D3; border-top-color: #B9A1D3;
    color: #0000FF; background-color: #0000CC;
  }
  * html ul#nav a, * html ul#nav span {  /* Korrektur fuer IE 5.x */

    width: 10em;
    w\idth:10em;
  }
  ul#nav a:hover, ul#nav span {
    border-color: #FF0000;
    border-left-color:#0000FF; border-top-color: #0000FF;
    color: #00FF00; background-color: #0000CC;
  }
  ul#nav div {
     clear: left;
  }
    ul#nav li ul li {
    float: none;
    display: block;
    margin-bottom: 0.2em;
  }
     ul#nav {
    margin: 0; padding: 0.4em;
    text-align: center;

  }
  ul#nav li {

    list-style: none;
    display: inline;
    margin: 0; padding: 0;
  }

  ul#nav a, ul#nav span
  {
    float: left; width: 12.5em;
    margin: 0.1em; padding: 0.1em 1em;
    text-decoration: none; font-weight: bold;
    border: 2px solid #666699;
    border-left-color: #FFFFFF; border-top-color: #CFCFCF;
    color: #FFFFFF; background-color:#000066 ;

  }
  * html ul#nav a, * html ul#nav span {  /* Korrektur fuer IE 5.x */

    width: 10em;
    w\idth:10em;
  }
  ul#nav a:hover, ul#nav span {
    border-color: #FF0000;
    border-left-color:#0000FF; border-top-color: #0000FF;
    color: #0000CC; background-color: lavender;
  }
  ul#nav div {
     clear: left;
  }

  ul#nav li#oops ul {
    top: auto; bottom:1.8em;
  }
 #gallery{  position:absolute; top:200px;left:100px;   /* Korrektur fuer den IE 5 und 6 */  }
#gallery{  position:absolute; top:200px;left:350px;}

  .clear {
        clear:both
}

#gallery {
        position:absolute;
        height:360px
}
        #gallery a {
                float:left;
                position:absolute;
        }

        #gallery a img {
                border:none;
        }

        #gallery a.show {
                z-index:500
        }

        #gallery .caption {
                z-index:600;
                background-color:;
                color:#FFFFFF;
                height:20px;
                width:100%;
                position:absolute;
                bottom:0;
        }

        #gallery .caption .content {
                margin:5px
               font-size:13px;
    font-weight: bold;

        }


        #gallery .caption .content h3 {
                margin:0;
                padding:0;
                color:#FEFDFD;
                   font-size:13px;
    font-weight: bold;
        }