body {
     background-image: url(../Grafiken/hinter139.jpg);
     font-family: 'Comic Sans', cursive, sans-serif;
     padding: 0; 
     margin: 0;
     }

h1 {
   color: #4D362B;
   font-family: "Comic Sans MS", cursive, sans-serif;
   font-size: 25px;
   text-align: center;
   }  

h2 {
   color: #372820;
   font-family: "Comic Sans MS", cursive, sans-serif;
   font-size: 20px;
   text-align: justify;
   }

h3 {
   color: #372820;
   font-family: "Comic Sans MS", cursive, sans-serif;
   font-size: 19px;
   text-align: justify;
   }
   
p {
  color: #36231A;
  font-family: "Comic Sans MS", cursive, sans-serif;
  font-size: 18px;
  text-align: justify;
  }

em {
   color: #36231A;
   font-family: "Comic Sans MS", cursive, sans-serif;
   font-size: 12px;
   }

img {
    border: 0;
    }

ul {
   color: #36231A;
   font-family: "Comic Sans MS", cursive, sans-serif;
   font-size: 18px;
   text-align: left;
   }
   
title {
      color: #36231A;
      font-family: "Comic Sans MS", cursive, sans-serif;
      font-size: 14px;
    }
    
h1.error {
         color: #C15516;
         font-family: "Comic Sans MS", cursive, sans-serif;
         font-size: 32px;
         text-align: center;
         }

h2.error {
          color: #372820;
          font-family: "Comic Sans MS", cursive, sans-serif;
          font-size: 22px;
          text-align: center;
          }
    
p.zitat {
        color: #36231A;
        font-family: "Comic Sans MS", cursive, sans-serif;
        font-size: 14px;
        font-weight: bold;
        text-align: center;
        }
        
p.bilder {
         text-align: center;
         }

p.date {
       color: #36231A;
       font-family: "Comic Sans MS", cursive, sans-serif;
       font-size: 14px;
       text-align: right;
       }

p.copy {
       color: #36231A;
       font-family: "Comic Sans MS", cursive, sans-serif;
       font-size: 14px;
       text-align: center;
       }

p.warnung {
       color: #F7F7F7;
       font-family: "Comic Sans MS", cursive, sans-serif;
       font-size: 24px;
       text-align: justify;
       opacity: 1;
       }
       
p.quelle {
         color: #36231A;
         font-family: "Comic Sans MS", cursive, sans-serif;
         font-size: 14px;
         text-align: justify;
         font-style: italic;
       }
       
form {
     color: #36231A;
     font-family: "Comic Sans MS", cursive, sans-serif;
     font-size: 16px;
     }

h2.center {
          color: #372820;
          font-family: "Comic Sans MS", cursive, sans-serif;
          font-size: 20px;
          text-align: center;
          }

a:link { color:#383230; }
a:visited { color:#574D48; }
a:active { color:#574D48; }

.g-plusone {
           text-align: center;
           }

#warning {
   background-color: #391919;
   filter: alpha(opacity=80);
   -moz-opacity: 0.80;
   font-size: 1em;
   padding: 0px;
   border: 10px outset #FF0000;
   margin: 0;
   position: absolute;
   width: 670px;
   height: 500px;
   top: 230px;
   left: 290px;
   opacity: 0.80;
   }

#navigation LI { 
    padding: 0;
    margin: 0;
    display: inline;
    list-style: none;
    width: 150px;
    }

#navigation UL {
    padding: 0;
    margin: 0;
    list-style: none;
    }

#navigation A {
   text-decoration: none;
   }

#ia #navigation A.ca,
#ib #navigation A.cb,
#ic #navigation A.cc,
#id #navigation A.cd { 
   display: block;
   padding: 3px 4px 3px 44px;
   border-top: none;
   margin: -5px 0 0 0;
   width: 108px;
   }

#header {
   background-image:url(../Grafiken/Header.jpg);
   background-repeat: no-repeat;
   background-position: right;
   font-size: 1em;
   color: #F7F7F7;
   padding: 0px 0px 0px 0px;
   border: none;
   margin: 0px 10px 0px 10px;
    }
             
#logo {
   padding: 0;
   border: none;
   margin: 0;
   width: 16%;
   height: 135px;
   overflow: hidden;
   }             

#navi2 {
   padding: 0;
   border-top: 4px ridge #7F513F;
   border-bottom: 4px ridge #7F513F;
   margin: 2px;
   overflow: hidden;
   text-align: right;
   }
   
#navi {
   padding: 0px;
   border: none;
   margin: 10px;
   width: 185px;
   position: absolute;
   top: 200px;
   left: 0;
   overflow: hidden;
   }
   
#main {
   padding: 5px 10px 5px 10px;
   border-left: 4px ridge #7F513F;
   border-right: 4px ridge #7F513F;
   margin: 0px 220px 0px 210px;
   clear: both;
   }

#werbung {
   padding: 0;
   border: none;
   margin: 5px;
   width: 200px;
   position: absolute;
   top: 198px;
   right: 0;
   clear: both;
   overflow: hidden;
   text-align: center;
   }

#foto {
   padding: 0;
   margin: 10px;
   border: 1px solid #000;
   width: 40%;
   position: absolute;
   display: block;
   right: 0;
   }
   
#block {
   padding: 0;
   border: none;
   margin: 0;
   }

#footer {
   padding: 10px;
   border-top: 4px ridge #7F513F;
   margin: 0;
   bottom: 0;
   overflow: hidden;
   }
   
#navigation A:link span, #navigation A:visited span {
   display: none;
   }

#navigation A:hover span, #navigation A:focus span {
   font-family: "Comic Sans MS", cursive, sans-serif;
   font-size: 1.2em;
   color: #804e00;
   padding: 0.5em;
   margin: -80px 0px 0px 17px;
   height: 1em;
   width: 660px;
   display: block;
   position: absolute;
   top: -40px;
   left: -10px;
   }
#sbt_custom {
   border: none;
   width: 185px;
   padding: 2px 3px 2px 3px;
   font-family: "Comic Sans MS", cursive, sans-serif;
   font-size: 12px;
   }
#sbt_custom img {
   margin-top: 2px;
   margin-right: 10px;
}
a.tooltip {
   position:relative;
   z-index:1;
   background-color:#ff0;
   color:#36231A;
   font-family: "Comic Sans MS", cursive, sans-serif;
   font-size: 20px;
   font-weight: bold;
   }
.tooltip span.info {
   display:none;
   }
.tooltip:hover span.info{
   display: block;
   background-color: #CC814A;
   filter: alpha(opacity=90);
   -moz-opacity: 0.90;
   font-size: 1em;
   padding: 10px;
   border: 5px outset #3B200C;
   margin: 0;
   position: absolute;
   width: 400px;
   height: 300px;
   top: 30px;
   left: 10px;
   opacity: 0.90;
   }