/* CSS Document */
  body {
    background-image: url(background.jpg); 
    background-repeat:none;
    width:auto;
    font-family:Comic Sans MS, Georgia, Century,serif; 
                 color:#A6321D;
    }
a:link {text-decoration:none; 
        font-weight:bold; 
        color:#A6321D ; 
        border:none}
a:visited {text-decoration:none; 
           font-weight:bold; 
           color:#A6321D; 
           border: none;}
a:hover {text-decoration:none; 
         font-weight:bold; 
         background-color: #D8E36E; 
         color:#A6321D; 
         border: none;}
a:active {text-decoration:none; 
          font-weight:bold; 
          color:#A6321D; 
          border: none;}
a:focus {text-decoration:none; 
         font-weight:bold; 
         color:#A6321D; 
         border: none;}             
#haupt {float:none;
        background-color:rgba(248,232,143,0.85);
        box-shadow:#000000 3px 2px 4px; 
        padding: 0.5em;
        border-radius:30px;
        text-align: left;    /* Seiteninhalt wieder links ausrichten */
        width: 73em;
        position:relative;
        z-index:2;
        height: auto;
        margin: 0 auto;}

#kopf {z-index:5; 
       width: 70.5em;
       float:left;
       background-color:rgba(248,232,143,0.9);
       position: absolute;
       border-radius:30px;
       margin:0 auto;
       padding:1em;   
       border-style:ridge;
       border-width: 0.2em;}
              
       
#kopfzeile{background-color:rgba(215,192,127,1); 
           font-size: 0.7em; 
           margin-top: 16em;
           width: 100%;
           padding:0.3em;
           list-style:none;
           text-align:left;
           display:inline;
           z-index:100;}
#kopfzeile > li{padding-top:0.3em;
                padding-bottom:0.3em;
                font-weight:bold;
                width: 19.5em;
                position:relative;
                z-index:70;
                display:inline-block;
                text-align:left;
                cursor:pointer;
                list-style: none;}  
#kopfzeile ul {list-style:circle url(bilder/favicon.ico) outside;
               text-align:left;
               margin-left:3em;
               margin-top:0.2em;
               display:none;
               position:absolute;
               padding-left:0em;
               padding-right:0.5em;
               padding-bottom:0.5em;
               top:1.6em;
               width:auto;
               z-index:80;
               background-color:rgba(215,192,127,0.6);}
#kopfzeile ul a {display:block;
                 text-align:left;}
#kopfzeile ul a:focus{text-decoration:none;}
#kopfzeile ul a:hover,
#kopfzeile ul a:active{text-decoration:none;}
#kopfzeile li:hover ul,
#kopfzeile ul a {display:block;
                 }
#slideshow{position:relative;
           float:right;
           margin-top:0.5em;
           margin-right:0em;
          }                 

#rahmen {float:left;
        padding: 0.5em;
        margin-top:17em;
        text-align: left;    /* Seiteninhalt wieder links ausrichten */
        width: auto;
        position:relative;
        z-index:2;
        height: auto;}

#fusszeile{background-color:rgba(215,192,127,1); 
           font-size: 0.7em; 
           width: 100%;
           padding:0.3em;
           list-style:none;
           margin-left:2em;
           text-align:left;
           display:inline;
           z-index:100;}
#fusszeile > li{padding-top:0.3em;
                padding-bottom:0.3em;
                font-weight:bold;
                width: 19.5em;
                position:relative;
                z-index:60;
                display:inline-block;
                text-align:left;
                cursor:pointer;
                list-style: none;}  
#fusszeile ul {list-style:circle url(bilder/favicon.ico) outside;
               text-align:left;
               display:none;
               margin-left:3em;
               position:absolute;
               padding-left:0em;
               padding-right:0.5em;
               padding-bottom:0.5em;
               bottom:1.2em;
               width:auto;
               z-index:70;
               background-color:rgba(215,192,127,0.6);}
#fusszeile ul a {display:block;
                 text-align:left;}
#fusszeile ul a:focus{text-decoration:none;}
#fusszeile ul a:hover,
#fusszeile ul a:active{text-decoration:none;}
#fusszeile li:hover ul,
#fusszeile ul a {display:block;
                 }
                                     
#sidebar {font-size:0.8em; 
          width: auto;
          position: absolute;
          height:auto;
          color:#A6321D;
          background-image: url(bilder/pergament.gif); 
          background-repeat: repeat-y; 
          z-index:3;
          margin-top:2.5em; 
          margin-left:0.85em;}
.img1{margin-left:-3.0em;
      margin-top:-1.9em;}
.img2{margin-left:-3.0em;
      margin-bottom:-2em;}
#sidebar li {list-style: circle url(bilder/favicon.ico) outside;
             padding-left:0em;
             margin-left:0em; }
#sidebar li
#unter li{margin-left:-2em;}
#unter1 li{margin-left:-2em;}
#sidebar a {display: block;
            padding: 0.1em;
            font-weight: bold;}
#sidebar a:link {text-decoration:none; 
                 font-weight:bold; 
                 color:#A6321D ; 
                 border:none;}
#sidebar a:visited {text-decoration:none; 
                    font-weight:bold; 
                    border: none;}
#sidebar a:hover {text-decoration:none; 
                  font-weight:bold; 
                  background-color:#D8E36E; 
                  border: none;}
#sidebar a:active {text-decoration:none; 
                   font-weight:bold; 
                   border: none;}
#sidebar a:focus {text-decoration:none; 
                  font-weight:bold; 
                  border: none;} 

#inhalt {font-size:1.0em; 
         position: relative;
         color:#A6321D; 
         z-index:2; 
         width: 56em;
         margin-left: 15.4em;
         padding-left:0.8em;
         min-height: 35em !important;
         margin-bottom: 1em;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;}

#inhalt img {float:none;
             position:relative;
             padding-left: 2 em;}

#inhalt a:link {text-decoration:none; 
                font-weight:bold; 
                border:none} 
#inhalt a:visited {text-decoration:none; 
                   font-weight:bold; 
                   border: none;}  
#inhalt a:hover {text-decoration:none; 
                 font-weight:bold; 
                 background-color:#D8E36E; 
                 border: none;} 
#inhalt a:active {text-decoration:none; 
                  font-weight:bold; 
                  border: none;} 
#inhalt a:focus {text-decoration:none; 
                 font-weight:bold; 
                 border: none;}

ul.gallery li {list-style: none;
              }                 
ul.gallery li {float: left;
              	padding: 9px 9px 9px 9px;
                -moz-box-shadow: 0px 2px 15px #FFFFFF;
              	position: relative;
                }
ul.gallery li a{float: left;
              	padding: 9px 9px 9px 9px;
                box-shadow:#000000 3px 2px 4px; 
              	border: 1px solid #fff;
                -moz-box-shadow: 0px 2px 15px #FFFFFF;
              	position: relative;
                }
ul.gallery li a.pic-1 {z-index: 1;   
                    	-webkit-transform: rotate(-5deg);
                    	-moz-transform: rotate(-5deg);
                      margin-top:1.4em;}
ul.gallery li a.pic-2 {z-index: 5;
                    	-webkit-transform: rotate(3deg);
                    	-moz-transform: rotate(3deg);
                      margin-top:1.4em;}
ul.gallery li a.pic-3 {z-index: 3;
                    	-webkit-transform: rotate(-4deg);
                    	-moz-transform: rotate(-4deg);
                      margin-top:1.4em;}
ul.gallery li a.pic-4 {z-index: 3;
                    	-webkit-transform: rotate(2deg);
                    	-moz-transform: rotate(2deg);
                      margin-top:1.4em;}
ul.gallery li a:hover {z-index: 10;
                    	-moz-box-shadow: 3px 5px 15px #FFFFFF;
                      }
ul.gallery li.pic-1 {z-index: 1;   
                    	-webkit-transform: rotate(-5deg);
                    	-moz-transform: rotate(-5deg);
                box-shadow:#000000 3px 2px 4px; 
              	border: 1px solid #fff;
                      margin-right:1.5em;
                      margin-top:1.5em;}
ul.gallery li.pic-2 {z-index: 5;
                    	-webkit-transform: rotate(3deg);
                    	-moz-transform: rotate(3deg);
                box-shadow:#000000 3px 2px 4px; 
              	border: 1px solid #fff;
                      margin-right:1.5em;
                      margin-top:1.5em;}
ul.gallery li.pic-3 {z-index: 3;
                    	-webkit-transform: rotate(-4deg);
                    	-moz-transform: rotate(-4deg);
                box-shadow:#000000 3px 2px 4px; 
              	border: 1px solid #fff;
                      margin-right:1.5em;
                      margin-top:1.5em;}
ul.gallery li.pic-4 {z-index: 3;
                    	-webkit-transform: rotate(2deg);
                    	-moz-transform: rotate(2deg);
                box-shadow:#000000 3px 2px 4px; 
              	border: 1px solid #fff;
                    	margin-right:1.5em;
                      margin-top:1.5em;}
ul.gallery li:hover {z-index: 10;
                    	-moz-box-shadow: 3px 5px 15px #FFFFFF;
                      }
.scroll{height: 50em;
                overflow-y:auto;}
.noscroll{height:auto; 
          }
.bereich {position: absolute;  
          text-align: center;  
          font-weight: bold;
          }
.beschreibung {color: #FFFFFF;  
               background-color: #000000;  
               display: none;
               }